/* #common */
.navbar-brand { text-align: left; }
.main { padding: 0 40px; }
section.default { padding: 80px 0; }


.table-box { display: table; width: 100%; table-layout: fixed }
.table-box .table-cell { display: table-cell; width: 1%; position: relative; }


/* #sidebar */
.layout-sidebar-box { padding: 0 40px 0 0; }
.layout-sidebar-box .link-box { padding: 20px; }
.layout-sidebar-box .link-box li { display: block; }
.layout-sidebar-box .link-box li + li { margin: 12px 0 0; }
.layout-sidebar-box .link-box li a { display: block; font-size: 26px; line-height: 1.6; }
/* - */
.side-cmall-box {  }
.side-cmall-box .side-cmall-box-title { background: #231815; color: #fff; padding: 20px; margin: 0 0 60px; }
.side-cmall-box .side-cmall-box-title h4 { font-size: 32px; margin: 0 0 6px; }
.side-cmall-box .side-cmall-box-title p { font-size: 26px; color: #d3d6d7; }
/* - */
.side-cmall-box .callcenter-box { padding: 20px; color: #231815; line-height: 1; }
.side-cmall-box .callcenter-box p { font-size: 26px; margin: 0 0 4px; }
.side-cmall-box .callcenter-box a { display: block; font-size: 32px; letter-spacing: 3px; }
/* - */
.login-box { margin: 282px 0 0; }
.login-box .headline { padding: 20px; background: #595656; margin: 0 0 26px; }
.login-box .headline h3 { color: #fff; font-size: 38px; }


/* #main */
.main-banner-contents { z-index: 3; position: relative; }
/*.bx-wrapper { z-index: 3; }*/
/*.bx-wrapper .bx-viewport { z-index: 3; }*/
.banner { position: relative; margin: 0; height: 73vh; min-height: 900px; padding: 190px 0 0; z-index: auto !important; }
.banner.banner1 { background: url('/img/main-banner1.jpg') center bottom no-repeat; background-size: cover;  }
.banner.banner2 { background: url('/img/main-banner2.jpg') center bottom no-repeat; background-size: cover; }
.banner.banner3 { background: url('/img/main-banner3.jpg') center bottom no-repeat; background-size: cover; }
.banner.banner4 { background: url('/img/main-banner4.jpg') center bottom no-repeat; background-size: cover; }

.banner.banner5 { background: url('/img/main-banner5.png') center bottom no-repeat; background-size: cover; }
.banner.banner5 p { font-size: 18px; font-weight: bold; margin-top: 40px; color: #000; }

.banner.banner6 { background: url('/img/main-banner6.jpg') center bottom no-repeat; background-size: cover; color: #000; }
.banner.banner6 h2 { font-size: 32px; font-weight: bold; }
.banner.banner6 h4 { font-size: 24px; font-weight: bold; margin-top: 6px; }
.banner.banner6 p {  margin-top: 30px; line-height: 1.6; font-size: 15px;}


.banner h1 { font-size: 42px; line-height: 1.3; z-index: 6; position: relative; font-weight: 100; }
.banner .img-box { margin: 60px 0 0; z-index: 50; position: relative;  }
.banner img { max-width: 339px; z-index: 50; }

section.default { padding: 80px 0; font-size: 14px; }
section.default.adv-section { padding: 150px 0 0; z-index: 3; }
section.default.adv-section .title-box { font-size: 24px; margin: 0 0 320px; position: relative; }
section.default.adv-section .contents-box { margin: 0 0 60px; position: relative; }
section.default.adv-section .contents-box h5 { font-size: 27px; margin: 0 0 8px; padding: 0 0 0 30px; }
section.default.adv-section .contents-box p { font-size: 17px; padding: 0 0 0 30px; }
section.default.adv-section .adv-footer { background: #221815; padding: 60px 0; }
section.default.adv-section .adv-footer .adv-icon1 { position: absolute; bottom: 0; left: -100px; z-index: 3; width: 105%; }
section.default.adv-section .margin-bottom { margin-bottom: 200px; }


section.default.product-contents-section { background: url('/img/product-section-background.png') right no-repeat; background-size: cover; padding: 140px 0 100px; }
section.default.product-contents-section .contents-box { padding: 60px 0 140px 0; }
section.default.product-contents-section .contents-box .contents-article {  }
section.default.product-contents-section .contents-box .contents-article + .contents-article { margin-top: 60px;  }
section.default.product-contents-section .contents-box .contents-article h5 { font-size: 32px; margin: 0 0 12px; }
section.default.product-contents-section .contents-box .contents-article p { font-size: 18px; }


section.default.setting-section { padding: 0; }
section.default.setting-section .contents-box { color: #fff; margin: -120px 0 -60px; }
section.default.setting-section .contents-box .contents-article { padding: 180px 100px 300px 80px; margin: 0 40px 0 0; background: #221815; }
section.default.setting-section .contents-box .contents-article h5 { font-size: 31px; margin: 0 0 20px; }
section.default.setting-section .contents-box .contents-article p { font-size: 18px; }
section.default.setting-section .contents-box .contents-img-article { background: #221815; padding: 0 0 80px; margin: 0 40px 0 0; }
section.default.setting-section .contents-box .contents-img-article img { margin: 0 auto; }
section.default.setting-section img.setting-icon1 { margin-left: -200px; max-width: 1000px; }

section.default.setting-section .contents-box-2 { margin: 20px 0 0; }
section.default.setting-section .contents-box-2 h5 { font-size: 31px; margin: 0 0 20px; }
section.default.setting-section .contents-box-2 p { font-size: 18px; }


section.default.temper-section { background: url('/img/temper-section-background.png') center no-repeat; background-size: cover; padding-top: 360px;  }
section.default.temper-section img { margin-top: 20px; }
section.default.temper-section p.img-title { margin: 12px 0 0; }
section.default.temper-section .contents-box { }
section.default.temper-section .contents-box h5 { font-size: 32px; margin: 0 0 24px; }
section.default.temper-section .contents-box p { font-size: 18px; margin: 0 0 40px; }
section.default.temper-section .contents-box .link-box { }
section.default.temper-section .contents-box .link-box a { font-size: 21px; }


section.default.script-section { background-size: cover; padding: 0;  }
section.default.script-section h5 { font-size: 32px; margin: 0 0 20px; }
section.default.script-section p { font-size: 18px; margin-bottom: 240px; }
section.default.script-section .table-cell:nth-child(2) { vertical-align: bottom; }




section.default.color-script-section { background: url('/img/color-script-section-background.jpg') bottom no-repeat; background-size: cover; padding: 480px 0 100px;  }
section.default.color-script-section .title-box { margin: 0 0 40px; }
section.default.color-script-section .title-box h5 { font-size: 32px; margin: 0 0 20px; }
section.default.color-script-section .title-box p { font-size: 18px; }
section.default.color-script-section .color-contents { }
section.default.color-script-section .color-contents p { text-align: center; margin: 20px 0 0; font-size: 21px; }


section.default.clear-section { padding: 0; position: relative; }
section.default.clear-section:after { position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: #b5b5b6; content: ''; z-index: -1; }
section.default.clear-section img { max-width: 100%; }
section.default.clear-section .table-cell:nth-child(1) { width: 40%; }
section.default.clear-section .table-cell:nth-child(2) { width: 60%; }
section.default.clear-section .contents-box { margin: 0 0 100px; }
section.default.clear-section .contents-box h5 { font-size: 32px; margin: 0 0 20px; }
section.default.clear-section .contents-box p { font-size: 18px; }




section.default.info-section { }
section.default.info-section p { font-size: 18px; margin: 12px 0 0; }
section.default.info-section .contents-box { }
section.default.info-section .contents-box h5 { font-size: 33px; }
section.default.info-section .contents-box p { font-size: 22px; margin: 36px 0 28px;  }
section.default.info-section .contents-box .link-box { }
section.default.info-section .contents-box .link-box a { font-size: 21px; }
section.default.info-section .contents-box .info-box { margin: 80px 0 0;  }
section.default.info-section .contents-box .info-box .img-box {  }
section.default.info-section .contents-box .info-box .info-contents-box { margin: 50px 0 0; }
section.default.info-section .contents-box .info-box .info-contents-box .info-contents-article { font-size: 19px; }
section.default.info-section .contents-box .info-box .info-contents-box .info-contents-article span { float: left; color: #000; }
section.default.info-section .contents-box .info-box .info-contents-box .info-contents-article div.contents-text { padding-left: 220px;  }
section.default.info-section .contents-box .info-box .info-contents-box p { margin: 20px 0 0; font-size: 14px; }



section.default.cmall-item-section { background: #898989; padding: 40px 0; }
section.default.cmall-item-section .contents-box { font-size: 18px; padding: 0; }
section.default.cmall-item-section .contents-box a { display: block; }
section.default.cmall-item-section .contents-box img { vertical-align: bottom; max-height: 240px; display: block; margin: 0 auto;}
section.default.cmall-item-section .contents-box span {display: block; text-align: center; margin-top: 8px;}
section.default.cmall-item-section .link-box { text-align: right; }
section.default.cmall-item-section .link-box a {  }






/* #lists - cmall */
.cmall-list-box {  }
.cmall-list-box .cmall-list-article { font-family: 'Nanum Gothic'; }
.cmall-list-box .cmall-list-article + .cmall-list-article { margin: 123px 0 0; }
.cmall-list-box .cmall-list-article .img-contents { text-align: right; padding: 0 20px; }
.cmall-list-box .cmall-list-article .img-contents a {  }
.cmall-list-box .cmall-list-article .img-contents a img {  }
.cmall-list-box .cmall-list-article .cmall-tit { font-size: 45px; margin: 0 0 20px; }
.cmall-list-box .cmall-list-article .cmall-txt { font-size: 29px; }
.cmall-list-box .cmall-list-article .cmall-detail { margin: 20px 0 40px; }
.cmall-list-box .cmall-list-article .cmall-detail li { font-size: 21px; }
.cmall-list-box .cmall-list-article .cmall-detail li.cmall-price { color: #898989; font-weight: 700; }
.cmall-list-box .cmall-list-article .btn-box {  }
.cmall-list-box .cmall-list-article .btn-box a { padding: 8px 50px; line-height: 24px; height: 42px; font-size: 14px; }

.sub-category-headline { margin: 80px 0 70px; }
.sub-category-headline h4 { border-top: 1px solid #231815; padding: 12px 0; font-size: 47px; }



/* #item - cmall */
.product-box { }
.product-no-box { margin: 0 0 81px; }
.market table { }
.market table.table td { padding: 8px 0; vertical-align: middle; font-size: 14px; width: 50%; }
.market table.table.product-no td { padding: 0;}
.market table.table td.o_prc,
.market table.table td.oo_prc { font-size: 28px; line-height: 1.3; }
.market table.table td.oo_prc { color: #b5b6b6; }
.additional-info-box { font-size: 21px; color: #898989; line-height: 1.3; margin: 0 0 40px; }
.additional-info-box p {  }
.cde_detail_option,
.cde_detail_option h5,
.market table.item_detail_table td,
#selectedOption,
.option_window { font-size: 20px; }
.product-info-box { margin: 40px 0 0; }


.empty-box { padding: 60px 0; text-align: center; }
.empty-box i { font-size: 35px; margin: 0 0 12px; }
.empty-box p { font-size: 18px; }

h3.page-title { font-size: 24px; border: 0; margin: 0 0 24px; }


.navbar-default .navbar-toggle { position: absolute; right: 0px;  border: 0; margin: 0; }
.navbar-default .navbar-toggle .icon-bar { background: #666; }
.navbar-toggle .icon-bar { width: 27px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }


.fbl { float: left; }
.fbr { float: right; }

.product-info-wrap .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }

img.xs-adv-icon1 { margin: -290px 0 20px; }

section.full-section { display: table; width: 100%; height: 100vh; min-height: 1054px; }
section.full-section.beige-bg { background: #e6e6e6; }
section.full-section.v_lightgray-bg { background: #e6e6e6; }
section.full-section.lightgray_orange-bg { background: #dbd7d4; }

.rwd_banner {position:relative; margin: 0; height: 73vh; min-height: 1050px; z-index: auto !important;}
.detail_banner {position:relative; margin: 0; z-index: auto !important; padding: 80px 0;}

.rwd_banner.rwd-bg { background: url("/img/stem630-img5.jpg") top center no-repeat; background-size: cover; color: #000;}
.detail_banner.detail-bg { background: url("/img/stem630-img6.jpg") bottom left no-repeat; background-size: cover; color: #000;}


section.full-section .cell { vertical-align: middle; display: table-cell; }
section.full-section .cell1 { vertical-align: top; display: table-cell; }

section.full-section .stem-def { color: #000; margin-top: 30px; }
section.full-section .stem-def h4 { margin-bottom: 12px; font-weight: bold; }
section.full-section .stem-def .rp { font-size: 16px; }

section.full-section .function02-contents { color: #000; }
section.full-section .function02-contents .text-contents { text-align: center; font-size: 18px; margin: 50px 0 0; }
section.full-section .function02-contents .text-contents h5 { font-weight: 900; font-size: 16px; margin-bottom: 4px; }
section.full-section .text-contents p span {font-size: 12px; font-weight: 700; vertical-align: top; }
section.full-section .function02-contents .iot-contents { margin: 70px auto 0 }


section.full-section .cell1 .center-title { padding-top: 50px; }


section.full-section .center-title { text-align: center; }
section.full-section .center-title p { color: #000; font-size: 22px; margin-bottom: 4px; }
section.full-section .center-title h2 { font-size: 50px; letter-spacing: 3px; color: #000; font-weight: bold; }

section.full-section .function02-contents .iot-contents h5 {font-size: 20px; font-weight: 700; margin-bottom: 4px;}
section.full-section .function02-contents .iot-contents h5 span{font-size: 14px; font-weight: 500;}
section.full-section .function02-contents .iot-contents p{font-size: 12px; }
section.full-section .function02-contents .iot-contents .iot-info-contents {padding: 50px 0 0 50px;}
section.full-section .function02-contents .iot-contents .sync-def h5 {font-size: 24px; font-weight: 700; margin-bottom: 30px;}
section.full-section .function02-contents .iot-contents .sync-def ul li {font-size: 18px; font-weight: 500; margin-bottom: 4px;}
section.full-section .function02-contents .iot-contents .sync-def ul li:before {display: inline-block; position: relative; content: ''; width: 12px; height: 12px; border: 1px solid #000; margin-right: 12px;}
section.full-section .function02-contents .iot-contents .iot-info-contents div:nth-child(2) {margin: 199px 0 12px;}


section.full-section .function02-contents .skill-contents {margin: 50px 0 0 ;}
section.full-section .function02-contents .skill-contents .rescue {padding: 200px 0 270px 50px; }
section.full-section .function02-contents .skill-contents h5 {font-size: 20px; font-weight: 700; margin-bottom: 4px;}
section.full-section .function02-contents .skill-contents ol {margin: 4px 0 0 20px;}
section.full-section .function02-contents .skill-contents ol li {font-size: 18px; font-weight: 500; list-style: decimal;}
section.full-section .function02-contents .skill-contents p {font-size: 14px; font-weight: 400; color: #333; line-height: 1.6; }
section.full-section .function02-contents .skill-contents p span {font-size: 14px; font-weight: 900; color: #000; }
section.full-section .function02-contents .skill-contents img {margin-left: -50px; }


.rwd_banner .center-title {text-align: center; padding-top: 50px;}
.rwd_banner .center-title p {color: #000; font-size: 22px; margin-bottom: 6px;}
.rwd_banner .center-title h2 {font-size: 50px; letter-spacing: 3px; color: #000; font-weight: bold;}

.rwd_banner { color: #000; }
.rwd_banner .text-contents { text-align: center; font-size: 16px; margin: 40px auto 650px; }
.rwd_banner .text-contents h5 { font-weight: bold; font-size: 16px; margin-bottom: 4px; }
.rwd_banner .text-contents p span {font-size: 12px; vertical-align: top; font-weight: 700; }

.banner.banner7 {background: url("/img/stem630-img2.png") center center no-repeat ; background-size: cover;}
.banner.banner8 {background: url("/img/stem300-img1.jpg") center center no-repeat ; background-size: cover;}
.banner.banner9 {background: url("/img/stem300-img4.jpg") center center no-repeat ; background-size: cover;}
.banner.banner10 { background: url('/img/s1800-main.png') center bottom no-repeat; background-size: cover; color: #000; }
.banner.banner10 .text-box { padding: 380px 400px 0; }
.banner.banner10 .text-box h1 { font-size: 48px; font-weight: bold; }
.banner.banner10 .text-box p { font-size: 11px; margin: 8px 0 0; }



section.full-section .function02-contents .rwd-contents2 {margin: 30px  0 0;}
section.full-section .function02-contents .rwd-contents2 .rwd-contents-top { margin-bottom: 50px;}
section.full-section .function02-contents .rwd-contents2 .rwd-contents-bottom { }
section.full-section .function02-contents .rwd-contents2 .rwd-contents-top .rwd-article {position: relative; width: 25%; height: 330px;}
section.full-section .function02-contents .rwd-contents2 .rwd-contents-bottom .rwd-article {position: relative; width: 25%; height: 330px;}
section.full-section .function02-contents .rwd-contents2 .rwd-article .contents_right {position: absolute; bottom: 0; right: 0;}
section.full-section .function02-contents .rwd-contents2 .rwd-article .contents_left {position: absolute; bottom: 0; left: 0;}
section.full-section .function02-contents .rwd-contents2 p:nth-child(1) {font-size: 20px; font-weight: 900; }
section.full-section .function02-contents .rwd-contents2 p:nth-child(2) {font-size: 16px; }




section.full-section .function02-contents .easy-contents {color: #000; margin: 150px auto 0;}
/*section.full-section .function02-contents .easy-contents p {display: inline-block; text-align: center}*/
section.full-section .function02-contents .easy-contents p {padding: 20px 0; font-size: 16px;}
section.full-section .function02-contents .easy-contents p span {display: block; margin-bottom: 8px; font-size: 20px; font-weight: 900;}

.detail_banner {background: #c2c0c1;}
/*.detail_banner p {margin-top: 8px;}*/


.detail_banner .detail-contents-text {text-align: center; font-size: 14px; margin-top: 16px; font-weight: 400;}
.detail_banner .detail-contents-text.text1 {margin-top: 0;}
.detail_banner .info-contents {padding: 260px 0 0 50px;}
.detail_banner .info-contents.detail_contents630 {padding: 320px 0 0 140px;}
.detail_banner a {font-size: 20px; font-weight: 600; display: block; margin: 20px 0 50px;}
/*.detail_banner .info-box {margin-bottom: 30px;}*/
.detail_banner .info-box .info-article {font-size: 16px; }
.detail_banner .info-box .info-article span {float: left; font-weight: 700; color: #000;}
.detail_banner .info-box .info-article .contents-text {padding-left: 150px; font-weight: 500; }
.detail_banner .info-box .info-article .contents-text span {font-size: 12px; float: none; vertical-align: top;}
.detail_banner .info-box p { margin-top: 15px;}




section.full-section .text-contents h5 {font-weight: 700; font-size: 20px; margin-bottom: 4px;}


section.full-section .function1-contents .text-contents {margin: 40px auto 0; text-align: center; font-size: 18px;}
section.full-section .function1-contents .contents-img-box {margin: 55px 0 0;}

section.full-section .function2-contents .text-contents {margin: 40px auto 0; text-align: center; font-size: 18px;}
section.full-section .function2-contents .contents-img-box {margin: 95px 0 0;}


section.full-section .function3-contents .text-contents {margin: 40px auto 150px; text-align: center; font-size: 18px;}
section.full-section .function3-contents .easy-img-box {padding: 0 50px;}
section.full-section .function3-contents .easy-img-box img {width: 100%;}
section.full-section .function3-contents .easy-text-contents {margin: 140px 100px 0;}


section.full-section .function4-contents .text-contents {margin: 65px auto 0; text-align: center; font-size: 18px;}
section.full-section .function4-contents .led-contents {margin: 160px 0 0;}

section.full-section .function5-contents .text-contents {margin: 60px auto 0; text-align: center; font-size: 18px;}
section.full-section .function5-contents .contents-img-box {margin: 80px 0 0;}



.s1800-fan-section { background: #dbd7d5; padding: 157px 0; }
.s1800-fan-section .img-box {}
.s1800-fan-section .img-box:nth-child(2) {}
.s1800-fan-section p { text-align: center; margin-top: 12px; }


.wind-section {  }
.wind-section .img-box { position: relative; }
.wind-section .img-box img { display: block; width: 100%; }
.wind-section .text-box { position: absolute; top: 50%; left: 100px; right: 100px; }
.wind-section .text-box p { font-size: 14px; }
.wind-section .text-box h4 { margin: 80px 0 14px; font-size: 30px; }
.wind-section .text-box h5 { font-size: 18px; line-height: 1.8; letter-spacing: -0.01em; }

.s1800-4section {}
.s1800-4section .img-box { position: relative; }
.s1800-4section .img-box img { display: block; width: 100%; }

.function-section {}
.function-section article { display: flex; }
.function-section article .text-box { flex: 1; display: flex; justify-content: center; flex-direction: column;  }
.function-section article .text-box div { padding: 0 100px; }
.function-section article .text-box h5 { font-size: 35px; }
.function-section article .text-box h5 span { display: inline-block; background: #f9d3d4; }
.function-section article .text-box p { font-size: 18px; margin: 16px 0 0; letter-spacing: -0.01em; line-height: 1.8; }
.function-section article .text-box p b { font-size: 20px; }
.function-section article .text-box p small { font-size: 11px; }
.function-section article .img-box { flex: 1; }

.s1800-ft-section { background: #bfbabe; padding: 284px 200px 200px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.s1800-ft-section article { padding: 0 60px; }
.s1800-ft-section article .img-box { margin: 0 0 32px; }
.s1800-ft-section article p { letter-spacing: -.01em; line-height: 1.6; }

.s1800-gh-section { background: #dbd7d5; padding: 200px 0; }
.s1800-gh-section .inner { display: grid; grid-template-columns: 1fr 1fr; padding: 0 100px; gap: 100px; }
.s1800-gh-section .inner h5 { font-size: 18px; margin-top: 16px; text-align: center; line-height: 1.4; }
.s1800-gh-section .inner h5 p { font-size: 14px; }

.link-section { position: relative; background: #bdb9ba; }
.link-section .img-box {  }
.link-section .img-box img { width: 100%; display: block; }
.link-section .text-box { position: absolute; left: calc(50% + 60px); top: calc(50% - 140px); }
.link-section .text-box img { width: 400px; margin-bottom: 16px; }
.link-section .text-info-box { margin-top: 40px; }
.link-section .text-info-box article { display: flex; align-items: center; }
.link-section .text-info-box article h4 { font-weight: bold; flex: 0 0 100px; }
.link-section .text-info-box article h4,
.link-section .text-info-box article p { font-size: 15px; line-height: 1.8; }
.link-section .text-info-box article:last-child { margin-top: 40px; }
.link-section .text-info-box article:last-child p { font-size: 10px; }