@charset "utf-8";
.pages{word-break:keep-all;}
.wrap1000.bg {background: #f9f3eb;}
.piColor{color:#273eb6;}
.uppercase{text-transform:uppercase;}
/*.pt0{padding-top:0;}*/
/*.pb80{}*/
.wrap1200{max-width:1200px;margin:0 auto;}
.wrap1000 {max-width:1000px;margin:0 auto;}
.wrap900 {max-width:900px;margin:0 auto;}
.wrap760 {max-width:760px;margin:0 auto;}
.absolute-center {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
.table-jwell {text-align:center;color:#404040 !important;}
.table-jwell thead th,
.table-jwell thead td {background:#f9f3eb;border-bottom:1px solid #ccc;vertical-align: middle;}
.table-jwell td,
.table-jwell th {border-color:#cccccc;vertical-align: middle;}
.table-jwell td.p-0 {line-height:0;width:236px;}
.table-jwell th:last-child,
.table-jwell td:last-child {border-right:1px solid #ccc;}
.Josefin-Slab {font-family:'Josefin Slab',sans-serif;}
.fc-blue {color:#3e6ad7;}
.fc-orange {color:#ffb600;}
.fc-yellow {color:#c5884c;}
h4.title {font-family: 'Josefin Slab', serif; color:#888888; margin-bottom:20px; font-size:18px; letter-spacing:0.16rem; text-align:center; text-transform: uppercase;}
h3.title { font-family: 'Noto Sans KR', sans-serif; font-weight:bold; font-size:37px; text-align:center; margin-bottom:80px; letter-spacing: 3px;}
.title.line {}
.title.line:before {content:'';width:100px;height:2px;background:#ffb600;display:block;position:relative;margin:0 auto 20px auto;}

.pages .mt-2{margin-top:0.3rem !important;}
/* 기업소개 - CEO 인사말 */
#page-5{word-break:keep-all; overflow:hidden;}
#page-5 .txt1{background:url(/images/contents/greeting_mark.png) left top no-repeat;}
#page-5 .txt1 h4{font-size:33px; line-height:1.3; padding:50px 0 75px 30px;}
#page-5 .section{position:relative; margin-top:165px; text-align:center;}
#page-5 .section .page5_bg{background:#f9f3eb; width:87%; height:100%; position:absolute;}
#page-5 .section .wrap1200{position:relative;}
#page-5 .section img.imgs01{margin-top:-165px; max-width:100%;}
#page-5 .section img.imgs02{position:absolute; bottom:-22%; left:0; z-index:1;}
#page-5 .section .grayTx{position:absolute; top:-374px; right:0; font-size:200px; color:#f9f3eb; font-weight:bold; z-index:-1;}
#page-5 .txt2{text-align:left; padding:100px 0; z-index:2;}
#page-5 .txt2 h5{font-size:25px; line-height:1.6; padding-bottom:60px;}
#page-5 .txt2 p{line-height:1.6;}
#page-5 .txt2 p > strong{padding-left:2px;}
#page-5 .txt2 p > span.ceoSign{position:relative;}
#page-5 .txt2 p > span.ceoSign img{position:absolute; top:2px;}

/* 기업소개 - 사업분야 */
#page-6 .riImg{text-align:right;z-index:0; position: absolute;right:10%; top:-10%;}
#page-6 .txt1{padding-top:60px;}
#page-6 .riImg img {margin-top:-110px;}
#page-6 .section{background:#f4f4f4; position:relative; z-index:-1; padding-bottom:120px; margin-top:67px;}
#page-6 .section .square{z-index:1; padding-top:50px; position:relative; overflow:hidden;}
#page-6 .section .square .whBox{width:370px; height:373px; background:#fff; margin-left:30px; margin-top:30px; display:block;  float:left; }
#page-6 .section .square .whBox:nth-child(3n+1){margin-left:0;}
#page-6 .section .square .whBox img{margin:0 auto;}
#page-6 .section .square .whBox h4{font-size:25px; text-align:center; padding:70px 0;}
#page-6 .section .square .whBox ul{padding:0 52px 58px 30px;}
#page-6 .section .square .whBox ul li{font-size:17px; padding-bottom:30px; padding-left:16px; position:relative;}
#page-6 .section .square .whBox ul li:before{content:''; width:9px; height:2px; border-top:2px solid #000; position:absolute; left:0; top:10px;}
#page-6 .section .square .whBox ul li > span{font-size:15px;}
#page-6 .section .square .bx01 {background:url(/images/contents/business_n01.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bx02 {background:url(/images/contents/business_n02.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bx03 {background:url(/images/contents/business_n03.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bx04 {background:url(/images/contents/business_n04.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bxNn {background:url(/images/contents/business_nn.png) center top 36px no-repeat #44d7f6;}
#page-6 .section .square .bx05 {background:url(/images/contents/business_n05.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bx06 {background:url(/images/contents/business_n06.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bx07 {background:url(/images/contents/business_n07.png) center top 36px no-repeat #fff;}
#page-6 .section .square .bxNn p{color:#fff; font-size:38px; text-align:center; line-height:1; padding-top:40%;}
#page-6 .section .square .bxNn p > span{font-weight:bold;}
#page-6 .section .square .blank{background:#f4f4f4;}

/* 기업소개 - 비전 */
#page-6 .boxList{margin-top:80px; border-top:3px solid #ffb600;  margin-bottom:12vh; padding-top:8vh;}
#page-6 .boxList ul{margin-left:2.5%; padding-bottom:1vh;}
#page-6 .boxList ul li{float:left;}
#page-6 .boxList ul li img {max-width:278px;}

/* 기업소개 - 연혁 */
#page-7{margin-bottom:120px;}
#page-7 .section{margin-top:46px; }
#page-7 .section .titleTx{margin:100px 0 60px;}
#page-7 .section img{}

#page-7 ul.yearList {}
#page-7 ul.yearList > li {}
#page-7 ul.yearList .year {font-weight:900; font-size:45px;color:#273db6;width:10%;float:left;transform: translateY(-35px);}
#page-7 ul.yearList .yearDiv {border-top:1px solid #dbdbdb;width:85%;float:right;margin:0 0 0 0;padding:0 0 0 6%;position:relative;}
#page-7 ul.yearList .yearDiv:before {
    content:'';display:block;width:8px;height:8px;border-radius:100px;background:#273db6;position:absolute;
    left:0;top:0;transform: translateY(-50%) translateX(-100%);
}
#page-7 ul.yearList .yearDetail {padding:60px 0 60px 7%;border-left:1px solid #dbdbdb;}
#page-7 ul.yearList .yearDetail li {margin-bottom:10px;}
#page-7 ul.yearList .yearDetail li:first-child {position:relative;}
#page-7 ul.yearList .yearDetail li:first-child:before {content:'';display:block;position:absolute;width:6px;height:6px;background:#c5884c;margin:auto;top:0;bottom:0;left:-7%;transform: translateX(-8px);border-radius:100px;z-index:10;}
#page-7 ul.yearList .yearDetail li:first-child:after {content:'';display:block;position:absolute;margin:auto;top:0;bottom:0;height:1px;background:#dbdbdb;width:5%;left:-8%;z-index:9;}

/* 기업소개 - 오시는길 */
#page-8 .map{float:left; position:relative; width:1300px; margin-bottom:160px;}
#page-8 p{letter-spacing:0;}
#page-8 .mapTxBx{margin-top:170px; width:600px; height:500px; background:rgba(255,255,255,0.9); position:absolute; top:20%; left:50%; padding:94px 0 0 68px; border:1px solid #ddd;}
#page-8 .mapTxBx .piColor{padding-bottom:18px;}
#page-8 .mapTxBx .mapTxt{padding-top:45px;}
#page-8 .mapTxBx .mapTxt p{padding-bottom:16px;}
#page-8 .mapTxBx .mapTxt p > span{font-size:18px; font-weight:700; width:60px; text-transform:uppercase; display:inline-block;}

/**/
#page-9 .table-2 td {width:15%;}
#page-9 .table-2 td:nth-child(1) {width:10%;}
#page-9 .table-2 td:nth-child(1) {width:10%;}
.tableBottomTx ul{}
.tableBottomTx ul li{float:left; padding-left:25px; position:relative;}
.tableBottomTx ul li:before{content:""; width:4px; height:4px; border-radius:50%; position:absolute; top:10px; left:17px; background-color:#3A4FBB;}
.tableBottomTx ul li:first-child{padding-left:0; font-weight:bold;}
.tableBottomTx ul li:before:first-child{display:none;}
.tableBottomTx ul li:first-child:before {display:none;}

/* 내벽단열재 이큐브 */
#page-10 {}
#page-10 .overflow-table td{width:25%;}
#page-10 .flex_table th,#page-10 .flex_table td{width:33.33%;}
#page-10 .jwell-point{}
#page-10 .jwell-point ul{}
#page-10 .jwell-point ul li{float:left;text-align: center;width:20%;}
#page-10 .jwell-point ul li img{}
#page-10 .jwell-point ul li .tit{color:#c5884c;font-size:23px;font-weight: 700;margin-bottom:10px;}
#page-10 .jwell-point ul li p{}
#page-10 .tableW50{width:50%; float:left;}
#page-10 .rightImg{width:50%; float:left;}




#page-11 .flex_table tbody td{background: #f2f2f2;}
.table_all td{width:5%! important;}
.table_all th{font-size:14px;}

/* 복사열 차단재 이크리에이터 */
#page-11 .table.tableW50{width:50%; float:left;}
#page-11 .overflow-table{width:50%; float:left;}
.wrap_product{clear:both; padding-top:1%;}
.product.productCreator .table th, .product.productCreator .table td {padding:0.1rem 0;}
.product.productCreator .table {border-bottom:2px solid #b19c81;}
.product.productCreator div.subImg {width:47%; margin-left:2%; float:left; position:relative;}
.product.productCreator div.subImg div.msg {position:Relative; top:-35px;}
.product.productCreator div.subImg div.msg p.title {font-weight:bold; width:95px; text-align:center; background:#f8cb8e; margin-bottom:10px;}
.product.productCreator div.subImg ul.memo {position:absolute; bottom:0;}


/*
#page-10 .firstPage .table tbody th:nth-child(1) {width:80px;}
#page-10 .firstPage .table tbody th:nth-child(2) {width:80px;}
#page-10 .firstPage .table tbody th:nth-child(3) {width:120px;}
*/
/* 공통부분 */
.stCommon ul{margin:60px 0 80px 0;}
.stCommon ul li{display:inline-block; width:380px; height:300px; padding:80px; margin-right:15px;}
.stCommon ul li.gyBg1{background:#f3f3f3;}
.stCommon ul li.gyBg2{background:#fafafa;}
.stCommon ul li img{max-width:100%; height:auto;}
.stCommon ul li span{letter-spacing:0.1em; font-size:15px;}
.stCommon ul li:nth-child(3){margin-right:0; margin-bottom:15px;}
.stCommon ul li:last-child{margin-right:0;}
.stCommon .grayBg{background:#f3f4f5; }
.stCommon ul.cts li{width:180px; padding:0; margin-right:70px;}
.stCommon ul.cts li:last-child{margin-right:0;}
.stCommon ul.cts li div.cir{border-radius:180px; width:180px; height:180px; margin:0 auto; background:#fff; line-height:222px;}
.stCommon ul.cts li div.txt{margin-top:20px;}
.stCommon ul.ctsUl{width:650px; position:relative; overflow:hidden; margin:0 auto; height:430px;}
.stCommon ul.ctsUl li{width:300px; height:300px; border-radius:300px; background:rgba(68, 215, 246, 0.8); position:absolute; top:50px;  }
.stCommon ul.ctsUl li:first-child{left:40px; z-index:4;}
.stCommon ul.ctsUl li:last-child{background:rgba(99,99,99,0.8); right:50px;}
.stCommon ul.ctsUl li p, .stCommon ul.ctsUl li span{color:#fff;} 


#eco-friendly div.row div.col-3 p{letter-spacing: -1.5px !important;}



/* 제품정보 -기타시공부품 */
#page-15{padding-bottom:60px;}
#page-15.fs-28{padding:80px 0 50px 0;}
#page-15 ul.cirTool{margin:30px 0 80px 0;}
#page-15 ul.cirTool li{width:280px; margin-right:16px;}
#page-15 ul.cirTool li div.cir{border:10px solid #B3B7A6; width:280px; height:280px;}

/**/
#page-13 {color:#404040;overflow-x:hidden;}
#page-13 .Josefin-Slab.subject {letter-spacing:3px;font-size:19px;font-weight:normal;}
#interior-jwell-board {background:url(/images/contents/product/p13_1.jpg) no-repeat center center;height:980px;position:relative;}
#interior-jwell-board > .rect {}
#interior-jwell-board .box {
    max-width:545px;max-height:525px;background:url(/images/contents/product/p13_1_box_bg.png) no-repeat center center;
    color:#fff;text-align:center;
}
#interior-jwell-board .box > .rect {width:100%;height:100%;}
#interior-jwell-board .txt-box {width:400px;height:280px;}
#jwell-material {}
#jwell-material .wrap {background:#f9f3eb;padding:100px 0 50px 0;position:relative;}
#jwell-material .position-relative {z-index:10;}
#jwell-material .material-box {
    background:url(/images/contents/product/p13_material_bg.png);height:120px;position:absolute;
    z-index:1;width:100%;left:0;bottom:0;
}
.jwell-point img {max-width:100%;}
.jwell-point .row {}
.jwell-point .row .col-6:first-child .img {float:right;}
.jwell-point .img {display:block;width:450px;height:250px;position:relative;z-index:10;}
.izari_adv .img{height:280px;}
.jwell-point .img.point-1 {background:url(/images/contents/product/p9_point_01.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-2 {background:url(/images/contents/product/p9_point_02.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-3 {background:url(/images/contents/product/p9_point_03.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-4 {background:url(/images/contents/product/p9_point_04.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-5 {background:url(/images/contents/product/p9_point_05.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-6 {background:url(/images/contents/product/p9_point_06.jpg) no-repeat center center;background-size:cover;}

#page-9 .jwell-point .img.point-4 {background:url(/images/contents/product/p9_point_04_re.jpg) no-repeat center center;background-size:cover;}
#page-9 .jwell-point .img.point-5 {background:url(/images/contents/product/p9_point_05_re.jpg) no-repeat center center;background-size:cover;}

#page-10 .jwell-point .img.point-2 {background:url(/images/contents/product/p10_point_02_re.jpg) no-repeat center center;background-size:cover;}
#page-10 .jwell-point .img.point-5 {background:url(/images/contents/product/p10_point_05_re.jpg) no-repeat center center;background-size:cover;}

#page-11 .jwell-point .img.point-2 {background:url(/images/contents/product/p11_point_02_re.jpg) no-repeat center center;background-size:cover;}
#page-11 .jwell-point .img.point-5 {background:url(/images/contents/product/p10_point_05_re.jpg) no-repeat center center;background-size:cover;}

#page-12 .jwell-point .img.point-1 {background:url(/images/contents/product/p9_point_01.jpg) no-repeat center center;background-size:cover;}
#page-12 .jwell-point .img.point-2 {background:url(/images/contents/product/p9_point_07.jpg) no-repeat center center;background-size:cover;}
#page-12 .jwell-point .img.point-3 {background:url(/images/contents/product/p9_point_08.jpg) no-repeat center center;background-size:cover;}
#page-12 .jwell-point .img.point-4 {background:url(/images/contents/product/p9_point_09.jpg) no-repeat center center;background-size:cover;}



.jwell-point .img.point-13-1 {background:url(/images/contents/product/p13_point_01.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-13-2 {background:url(/images/contents/product/p13_point_02.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-13-3 {background:url(/images/contents/product/p13_point_03.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-13-4 {background:url(/images/contents/product/p13_point_04.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-13-5 {background:url(/images/contents/product/p13_point_05.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-13-6 {background:url(/images/contents/product/p13_point_06.jpg) no-repeat center center;background-size:cover;}

.jwell-point .img.point-14-1 {background:url(/images/contents/product/p14_point_01.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-14-2 {background:url(/images/contents/product/p14_point_02.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-14-3 {background:url(/images/contents/product/p14_point_03.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-14-4 {background:url(/images/contents/product/p14_point_04.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-14-5 {background:url(/images/contents/product/p14_point_05.jpg) no-repeat center center;background-size:cover;}
.jwell-point .img.point-14-6 {background:url(/images/contents/product/p14_point_06.jpg) no-repeat center center;background-size:cover;}


.jwell-point .row {margin-bottom:30px;}
.jwell-point .number {color:#ffb600;font-family: 'Josefin Slab',sans-serif;font-size:30px;font-weight:700;}
.jwell-point .number:before {content:'';position:absolute;width:100px;height:1px;background:#ddd;left:-13px;top:30px;}
.jwell-point .text-right .number:before {right:-13px;left:auto;}
.jwell-point .subject {font-size:28px;font-weight:bold;}

#jwell-safety {background:linear-gradient(to bottom, #faf3eb 300px, #ffffff);padding-top:100px;}
#jwell-safety ul {float:right;}
#jwell-field .safety-01 {background:url(/images/contents/product/p13_field_01.jpg) no-repeat center top;}
#jwell-field .safety-02 {background:url(/images/contents/product/p13_field_02.jpg) no-repeat center top;}
#jwell-field .safety-03 {
    background:url(/images/contents/product/p13_field_03.jpg) no-repeat right top #f2f3f6;position:relative;z-index:10;
}
#jwell-field .safety-03:before {
    content:'';position:absolute;z-index:1;height:200px;width:100%;bottom:-200px;background:#f2f3f6;
}
#jwell-field .safety-04 {background:url(/images/contents/product/p13_field_04.jpg) no-repeat right center;position:relative;z-index:10;}
#jwell-field .safety-box {height:500px;margin-bottom:40px;position:relative;}
#jwell-field .fc-orange {letter-spacing: 2px;}
#jwell-field .box {background:rgba(255,255,255,0.7);width:50%;}
#jwell-field .box .rect {padding:75px 55px;}
#jwell-field .box p.line-height {line-height:1.6;}
#jwell-field .safety-01 .box {position:absolute;right:0;bottom:0;}
#jwell-field .safety-03 .box {position:absolute;left:0;top:0;}

/**/
#page-9 {}
.pages section {padding:100px 0;}
.pages .bg {background:#f9f3eb;}
.pages .bg2 {background:#e0e1d1;}
.pages .firstPage { padding-top:30px; overflow:hidden;}
.pages .firstPage h4 ,
.pages .firstPage h3  {text-align:center;}
/*.pages .firstPage div.wrap1200 {overflow:hidden; }*/
.pages .firstPage div.wrap1200 ul.logoUl  {position:relative;  height:202px; margin-bottom:100px; }
.pages .firstPage div.wrap1200 ul.logoUl li {height:100%;}
.pages .firstPage div.wrap1200 ul.logoUl li.logo {width:460px; float:left; background:#be906c; text-align:center;  }
.pages .firstPage div.wrap1200 ul.logoUl li.logo img { margin-top:-50px; }
.pages .firstPage div.wrap1200 ul.logoUl li.logo div.hidden_message {display:none; white-space:nowrap;  }
.pages .firstPage div.wrap1200 ul.logoUl li.content {width:calc(100% - 460px); white-space:nowrap; background:#fff; float:left; font-size:126px; font-weight:900; text-indent:-7px; border:none; line-height:316px; color:#f9f3eb; }
.pages .firstHead {height:794px;position:relative; background-repeat:no-repeat;background-position: center center;margin-bottom:60px;}
.pages .firstHead .color-box { position:absolute; color:#fff; top:8%; left:8%; transition:all 300ms; width:100%; max-width:487px; }
.pages .firstHead .color-box .title { color:#fff; text-align:left; margin-bottom:0; }
.pages .firstHead .color-box .fs-56,.pages .firstHead .color-box .fs-65 { letter-spacing: -3px; }
.pages .firstHead .color-box .out-box { margin:15px; border:5px solid rgba(255,255,255,0.4); padding:4px; }
.pages .firstHead .color-box .in-box { margin:4px; border:1px solid rgba(255,255,255,0.4); }
.pages .firstHead .color-box .rect {padding:60px;}
.pages .firstHead .color-box .fs-25,.pages .firstHead .color-box .fs-28{margin:20px 0 10px 0;}
.pages .firstHead .item {position:absolute;right:0;bottom:0;padding:0 20px 20px 0;}
.pages .section{background:#f3f4f5; color:#404040; padding-bottom:80px;}
#page-9 .firstHead {background-image:url(/images/contents/product/p9_firsthead_bg.jpg);}
#page-9 .firstHead .color-box {background:#3a4fbb;}
#page-9 .firstHead .item {padding:0;}
#page-10 .firstHead {background-image:url(/images/contents/product/p10_firsthead_bg.jpg);}
#page-10 .firstHead .color-box {background:#fabc37;}
#page-11 .firstHead {background-image:url(/images/contents/product/p11_firsthead_bg.jpg);}
#page-11 .firstHead .color-box {background:#777268;max-width:500px;}
#page-7 .section{background:#fff;}
#page-9 .section .thmubnail{background:url(/images/contents/product/p9_top_img.jpg) center top 80px no-repeat; width:100%; height:520px;}
#page-9 .section .fs-28{padding:80px 0 50px 0;}
.product .table{text-align:center; color:#404040;}
.product .table thead tr th{text-align:center;  font-weight:700;border-bottom:1px solid #ccc;background:#f9f3eb;}
.product .table thead tr:first-child th{}
/*.product .table thead tr:first-child th:first-child {background:#ffe29c;}*/
.product .table tbody tr td:first-child{font-weight:700; vertical-align:middle;}
.product .table tbody tr td.soso{font-weight:400; text-align:left; padding-left:2%;}
.product .table th {vertical-align: middle;}
.product .table tbody tr:last-child th {}
.product .table th,
.product .table td{padding:1rem 0; border-right:1px solid #cccccc;}
.product .table th:last-child,
.product .table td:last-child {border-right:none;}
.product .table tr:last-child {border-bottom:1px solid #ccc;}
.product .table tbody th,
.product .table tbody td {border-bottom:1px solid #ccc;}
.product .table thead th {background:#ffeab8;}
.product .table tbody th {background:#faf9f1;}
.product .table tbody td {background:#fff;}
.product .table .p-0 {width:1px;}
.product .table .p-0 img {display:block;}




#page-9 ul.cirTool{margin:-20px 0 80px 0;}
#page-9 ul.cirTool li{width:280px; margin-right:16px;}
#page-9 ul.cirTool li div.cir{border:10px solid #ffe29c; width:280px; height:280px;}
#page-9 .grayBg {background:none;}
#page-9 .grayBg .ctsImgs{padding:44px 0 80px;}
#page-9 .grayBg .ctsImgs img{margin-right:10px;}
#page-9 .grayBg .ctsImgs img:last-child{margin-right:0;}
#page-9 .grayBg .ptLine{position:relative;}
#page-9 .grayBg .ptLine:after{content:''; width:38px; height:2px; background:#ffb600; display:inline-block; position:absolute; bottom:-56%; left:48%;}
#page-9 .grayBg .conCase{padding-bottom:15px;}
#page-9 .grayBg .conCase .tx{text-align:left; padding:40px 0 25px 0; position:relative;}
#page-9 .grayBg .conCase .tx p > span{padding-left:8px;background: #fff;position: relative;z-index: 1;padding-right:2%;}
#page-9 .grayBg .conCase .tx .line{position:absolute; right:0; top:74px; display:block; width:86%; height:1px; border-bottom:1px solid #999;}
#page-9 .grayBg .conCase .exWell{}
#page-9 .grayBg .conCase .exWell .wellImgs {width:380px; display:inline-block; margin-right:25px;}
/*
#page-9 .grayBg .conCase .exWell .wellImgs > div {
    background:no-repeat center top;background-size:cover; margin-top:0;padding-top:0;margin-bottom:7px;width:100%;height:380px;
}
#page-9 .grayBg .conCase .exWell .wellImgs .wellImgs-1 {background-image:url(/images/contents/product/p9_case_pic1.jpg);}
#page-9 .grayBg .conCase .exWell .wellImgs .wellImgs-2 {background-image:url(/images/contents/product/p9_case_pic2.jpg);}
#page-9 .grayBg .conCase .exWell .wellImgs .wellImgs-3 {background-image:url(/images/contents/product/p9_case_pic3.jpg);}
 */
#page-9 .grayBg .conCase .exWell .wellImgs:nth-child(3){margin-right:0;}
#page-9 .grayBg .conCase .exWell .wellImgs p{background:#fff; width:380px; max-width:380px;margin:0 auto; height:50px; border:1px solid #ccc; padding:10px 0; letter-spacing:2px;}
#page-9 .grayBg h5{margin-top:46px}
#page-9 .grayBg h5:first-child{padding-top:0;}
#page-9 .grayBg h5:first-child{padding-top:0;}
#page-9 .fc-blue {color:#273eb6;}

#page-12 .intro_paper{text-align: center;background: #f9f3eb; padding :80px 0; margin-bottom:50px; }
#page-12 .intro_paper .wrap1200{}
#page-12 .intro_paper .wrap1200 .w_bg{background: #fff;padding:50px 0;margin-top:-30px; width:80%; margin:0 auto;}
#page-12 .intro_paper .wrap1200 .w_bg img{}
#page-12 .intro_paper .wrap1200 .w_bg p{margin-top:27px;}

#page-12 #paper_strong{padding-bottom:150px;}
#page-12 .paper_strong .wrap1200{position: relative;}
#page-12 .paper_strong .wrap1200 .pic{float:left;}
#page-12 .paper_strong .wrap1200 .txt{position: absolute;right:0;top:50px; background: #f9f3eb;width:50%;height:388px;}
#page-12 .paper_strong .wrap1200 .txt ul{padding:60px 0 0 110px;}
#page-12 .paper_strong .wrap1200 .txt ul li{position: relative;line-height: 2.05;}
#page-12 .paper_strong .wrap1200 .txt ul li:before{position: absolute;left:-38px;top:7px;background: url(/images/contents/product/p12_bullet.png) left center; width:19px; height:18px;content: '';}

#page-12 #ener_product{background: #f4f4f4;}
#page-12 #ener_product h3.title{position: relative;}
#page-12 #ener_product h3.title::before{position: absolute;left:50%;top:95px;height:67px;width:1px;background:#b3b7a6;content: '';}

#page-12 #eneroom_diy{}
#page-12 #eneroom_diy h3.title{margin-bottom:50px;}
#page-12 #eneroom_diy .wrap1000{}
#page-12 #eneroom_diy .wrap1000 .inner{}
#page-12 #eneroom_diy .wrap1000 .inner ul{}
#page-12 #eneroom_diy .wrap1000 .inner ul li{width:490px;float:left;margin-bottom:30px;}
#page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(2n){float:right;}
#page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){margin-bottom:0;}
#page-12 #eneroom_diy .wrap1000 .inner ul li img{}
#page-12 #eneroom_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15px;}
#page-12 #eneroom_diy .wrap1000 .inner ul li p span{font-family: 'Josefin Slab', serif;color:#fff;background: #be906c;width:43px;height:43px;border-radius: 22px;text-align: center;padding-top: 10px;font-weight: 700;display: inline-block;}



#page-13 .table .p-0 img {min-width:100px;height:100%;}
#page-13 #insulation{text-align: center;position: relative;padding-bottom:0;}
#page-13 #insulation .wrap1000{position: relative;z-index: 1;}
#page-13 #insulation h3.title {position: relative;margin-bottom:130px;}
#page-13 #insulation h3.title:after { position: absolute;left: 50%;top: 80px;height: 67px;width: 1px;background: #b3b7a6;content: '';}
#page-13 #insulation p{margin-bottom:50px;}
#page-13 #insulation .b_bg{background: #f9f3eb;height:640px;width:100%;position: absolute;top:0;left:0;}

#page-13 #jwell_diy{}
#page-13 #jwell_diy h3.title{margin-bottom:50px;}
#page-13 #jwell_diy .wrap1000{}
#page-13 #jwell_diy .wrap1000 .inner{}
#page-13 #jwell_diy .wrap1000 .inner ul{}
#page-13 #jwell_diy .wrap1000 .inner ul li{width:490px;float:left;margin-bottom:30px;}
#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(2n){float:right;}
#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){margin-bottom:0;}
#page-13 #jwell_diy .wrap1000 .inner ul li img{}
#page-13 #jwell_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15px;}
#page-13 #jwell_diy .wrap1000 .inner ul li p span{font-family: 'Josefin Slab', serif;color:#fff;background: #be906c;width:43px;height:43px;border-radius: 22px;text-align: center;padding-top: 10px;font-weight: 700;display: inline-block;}
#page-13 #jwell_product{background: #f4f4f4;}
#page-13 #jwell_product h3.title{position: relative;}
#page-13 #jwell_product h3.title::before{position: absolute;left:50%;top:95px;height:67px;width:1px;background:#b3b7a6;content: '';}
#page-13 #jwell_size {}
#page-13 #jwell_size h3.title{margin-bottom:50px;}
#page-13 #jwell_size .wrap1000 {}
#page-13 #jwell_size .wrap1000 .inner{float:left;}
#page-13 #jwell_size .wrap1000 img{}
#page-13 #jwell_size .wrap1000 .txt_box{float:right;width:49%;background: #f4f4f4;height:450px;padding:80px 0 0 40px;}
#page-13 #jwell_size .wrap1000 .txt_box p{line-height: 1.6;}
#page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab{position: relative;margin-top:30px;}
#page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab::after{width:46px;height:13px;background: rgba(255,226,156,0.8);position: absolute;left:-9px;bottom:10px;content:'';}
#page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab span{position: relative;z-index: 1;}







section > .line {width:1px;height:70px;background:#6a675d;margin:-40PX auto 10px auto;}
#aluminum-air-layer .whBox {background:#fff;}
#patent .fc-gray {color:#3d3d3d;}
#patent .fc-sliver {color:#b3b7a6;}
#patent .dot {position:relative;}
#patent .dot:before {position:absolute;top:0;left:-12px;bottom:0;margin:auto;width:6px;height:6px;content:'';display:block;background:#3d3d3d;}
#patent .dot-sliver:before {background:#b3b7a6;}
#patent .dot-orange:before {background:#ffb600;}
.product img {max-width:100%;}
#construction-method {}
#construction-method ul {max-width:800px;margin:0 auto;}
#construction-method ul li {float:left;width:48%;text-align:center;position:relative;height:340px;font-size:20px;}
#construction-method ul li .img {position:relative;}
#construction-method ul li .img img {width:auto;height:auto;}
#construction-method ul li:nth-child(2n) {float:right;}
#construction-method ul li:nth-child(2n) .img:before {
    content:'';display:block;position:absolute;width:20px;height:33px;margin:auto;top:0;bottom:0;left:-25px;
    background:url(/images/contents/product/method_array.png) no-repeat center center;
}
#construction-method ul li .info {text-align:left;width:88%;margin:0 auto;}
#construction-method ul li span.txt {float:left;width:85%;margin-left:5%;}
#construction-method ul li span.cir {width:10%;}
#construction-method ul li span.cir span {
    display:inline-block;background:#ffb600;border-radius:100%;width:30px;height:30px;line-height:30px;
    color:#fff;text-align:center;float:left;
}
#construction-method ul li .tip {font-size:15px;width:85%;margin-left:15%;float:left;text-align:left;margin-top:15px;}
#construction-method ul li .tip:before {content:'TIP';display:block;float:left;position:absolute;left:6%;width:10%;color:#56dbf7;font-weight:bold;}
#i-zari {}
#i-zari .bg-box {background:url(/images/contents/product/p14_top_bg.jpg) no-repeat center center;height:830px;position:relative;user-select:none;}
#i-zari .zari-box {width:100%;max-width:550px;height:400px;background:rgba(255,255,255,0.2);text-align:center;color:#fff;}
#i-zari .zari-box .rect {position:relative;height:100%;}
#i-zari .zari-box .head {
    width:160px;height:130px;background:url(/images/contents/product/p14_izari_head.jpg) no-repeat center center;
    position:absolute;margin:auto;left:0;right:0;top:-70px;
}
#i-zari .zari-box .txt {height:170px;}
#izari-product .table thead th {background:#f9f3eb;}
#izari-product .table tbody td {vertical-align: middle;}
#izari-product .table .p-0 {width:200px;}
#izari-floot-mat .bg {padding:100px 0 50px 0;}
#izari-floot-mat .mat-img {margin:100px 0 0 0;}
#izari-floot-mat .leaverou {position:relative;z-index:10;max-width:94%;margin:0 auto;}
#izari-floot-mat .leaverou li {position:relative;height:218px;}
#izari-floot-mat .hex {
    width:189px;height:218px;background:url(/images/contents/product/p14_hex.png) no-repeat;text-align:center;
}
#izari-floot-mat .hex > .rect {}
#izari-floot-mat .hex p:nth-child(1) {margin:30px 0 15px 0;font-family: "Josefin Slab",sans-serif;font-size:25px;letter-spacing: 1px;}
#izari-floot-mat .hex p:nth-child(2) {font-size:18px;}
#izari-floot-mat .line-hex {width:100%;height:2px;background:#be906c;z-index:1;}
#internal-structure .bg {
    padding:50px 50px 150px 50px;background-image:url(/images/contents/product/p14_is_img.png);background-repeat:no-repeat;
    background-position:center bottom 43px; height:700px;
}
#internal-structure .bg .fs-20 {color:#333;}
#internal-structure h3.title {margin-bottom:0;}
#izari-point {}
#izari-point .wrap1000 .img {float:left;width:500px;}
#izari-point .wrap1000 .img img {display:block;}
#izari-point .wrap1000 .box {float:left;width:500px;background:linear-gradient(to bottom, #f9f3eb, #fbf8f3);height:380px;}
#izari-point .wrap1000 .box .rect {width:100%;height:100%;padding:80px 40px;}
#izari-product{padding:0;}
#izari-floot-mat{padding-bottom:0;}
#internal-structure{padding-top:0;padding-bottom:50px;}

#safety-certification{padding-bottom:50px;}
#izari_adv{padding-bottom:50px;}

#page-9 #recommendation,#notice {padding:0;}
#recommendation {padding-top:0;}
#recommendation .table {}
#recommendation .table th,
#recommendation .table td {border:1px solid #fff;}
#recommendation .table thead th {background:#be906c;color:#fff;}
#recommendation .table tbody th,
#recommendation .table tbody td {background:#e0e1d1;color:#6a675d;}
.overflow-table {overflow-x:auto;width:100%;}
.overflow-table table {min-width:1000px;}

#recommendation ul{margin-top:25px;}
#recommendation ul li{margin-left: 70px;position: relative;}
#recommendation ul li::after{position: absolute;left:-70px;top:-2px;content:'1) 중부1 :';font-family: 'Noto Sans KR', sans-serif;font-size: 16px;font-weight: 600;}
#recommendation ul li:nth-child(2)::after{content:'2) 중부2 :';}
#recommendation ul li:nth-child(3)::after{content:'3) 남부 :';}

#law{}
#law .g_bg{background: #f4f4f4;padding:100px 0;}
#law .w_bg{background: #fff;line-height: 1.8;}
#law .w_bg .fs-20{}
#law .w_bg .cts01 ul{}
#law .w_bg .cts01 ul>li{}
#law .w_bg .cts01 ul>li>ul{}
#law .w_bg .cts01 ul>li>ul>li{margin-left:40px;}
#law .w_bg .cts01 ul>li>ul>li:nth-child(1){position: relative;}
#law .w_bg .cts01 ul>li>ul>li:nth-child(1)::after{position: absolute;left:-25px;top:0;content:'가)';font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}
#law .w_bg .cts01 ul>li>ul>li:nth-child(2){position: relative;}
#law .w_bg .cts01 ul>li>ul>li:nth-child(2)::after{position: absolute;left:-25px;top:0;content:'나)';font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}
#law .w_bg .cts02 {margin-top: 20px;}
#law .w_bg .cts02 ul li:nth-child(2),#law .w_bg .cts02 ul li:nth-child(3){margin-left: 25px;}
#law .w_bg .cts02 ul li:nth-child(2){position: relative;}
#law .w_bg .cts02 ul li:nth-child(2)::after{position: absolute;left:-25px;top:0;content:'⑤';font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}
#law .w_bg .cts02 ul li:nth-child(3){position: relative;}
#law .w_bg .cts02 ul li:nth-child(3)::after{position: absolute;left:-25px;top:0;content:'⑥';font-family: 'Noto Sans KR', sans-serif;font-size: 15px;}


#notice{padding-bottom:90px;}
#notice h3.title{margin-bottom:50px;}

#notice ul.first_u>li{margin-bottom: 30px;padding-left: 60px;}
#notice .cts01 ul.first_u>li{margin-bottom: 0;height:60px;}
#notice ul.first_u>li{position: relative;}
#notice ul.first_u>li:after{position: absolute;left:0;top:-8px;content:'1';font-family: 'Josefin Slab', serif;color:#fff;background: #be906c;width:43px;height:43px;border-radius: 22px;text-align: center;padding-top: 10px;font-weight: 700;}

#notice ul.first_u>li:nth-child(2):after{content:'2';}
#notice ul.first_u>li:nth-child(3):after{content:'3';}
#notice ul.first_u>li:nth-child(4):after{content:'4';}
#notice ul.first_u>li:nth-child(5):after{content:'5';}
#notice ul.first_u>li:nth-child(6):after{content:'6';}
#notice ul.first_u>li:nth-child(7):after{content:'7';}
#notice ul.first_u>li:nth-child(8):after{content:'8';}
#notice .cts02 ul.first_u>li{font-weight: 700;}
#notice ul.first_u>li>ul{margin-top:20px;margin-left:-60px;font-weight: 400;letter-spacing: -0.35px;line-height: 1.8;}
#notice ul.first_u>li>ul>li{position: relative;padding-left:10px;}
#notice ul.first_u>li>ul>li:after{position: absolute;left:0;top:12px;width:5px;height:2px;background: #888;content:"";}

#page-11 #notice ul.first_u>li{height:auto;margin-bottom:40px;}
#page-11 #notice ul.first_u>li:last-child{margin-bottom:0;}
#page-11 #notice ul.first_u>li>ul{margin-top:25px;margin-left:-55px;}
#page-11 #notice ul.first_u>li>ul>li{position: relative;padding-left:25px;}
#page-11 #notice ul.first_u>li>ul>li.mar_bott{margin-bottom:15px;}
#page-11 #notice ul.first_u>li>ul>li:after{position: absolute;left:0;top:-1px;width:15px;height:20px;background: none; content:"①";font-size:17px;}
#page-11 #notice ul.first_u>li>ul>li:nth-child(2):after{content:"②";}
#page-11 #notice ul.first_u>li>ul>li:nth-child(3):after{content:"③";}
#page-11 #notice ul.first_u>li>ul>li:nth-child(4):after{content:"④";}
#page-11 #notice ul.first_u>li>ul>li:nth-child(5):after{content:"⑤";}
#page-11 #notice ul.first_u>li>ul>li:nth-child(6):after{content:"⑥";}

#page-11 #notice ul.first_u>li>ul>li:nth-child(7):after{content:"⑦";}

#page-11 #notice ul.first_u>li>ul>li>ul>li>img{margin-top:15px;max-width: 100%;}
#page-11 #notice ul.first_u>li>ul>li>ul>li>.mar_right{margin-right:20px;}
#page-11 #notice ul.first_u>li>ul>li>ul>li.star{position: relative;padding-left:10px;}
#page-11 #notice ul.first_u>li>ul>li>ul>li.star:before{position: absolute;left:0;top:0;content:'*';}

#page-9 .last_notice{margin-top:100px;}
#page-9 .pb-50{padding-bottom:50px;}

/* 프라이셀 타이틀 */
#page-9 #jwell-point h3.title:before {content:'';}

.flex_table tr th,.flex_table tr td{width:50%;}
#page-10 .g_bg{background: #f8f8f8;}
#page-10 #notice,#page-11 #notice,#page-13 #notice {background: #f9f3eb;}
#page-11 .last_notice {background: #fff !important;}
#page-10 #notice .cts01,#page-11 #notice .cts01,#page-13 #notice .cts01,#page-11 .last_notice{padding-top:100px;}

#page-13 #notice ul{background: rgba(255,255,255,0.8);padding:50px 0 30px 60px;}
#page-13 #notice .cts02 ul.first_u>li{font-weight: 400;}

#page-14 img{max-width:100% !important;}


@media screen and (max-width: 1800px) {
    #page-5 .section .grayTx{top:-354px; right:-20%; font-size:180px; }
    #page-5 .section .page5_bg{width:96%;}
    .wrap1000.bg{background:none;}
}
@media screen and (max-width: 1430px) {
    #page-5 .section .grayTx{right:-12%;}
    #page-5 .section .page5_bg{width:100%;}
    #page-6 .txt1{padding:0 0 60px 0; background:#fff; text-align:center;}
    #page-6 .riImg{width:100%; text-align:center; top:0;}
    #page-6 .section .square{padding-top:42vh;}

    /**/
    #page-8 .map{width:100%; margin-bottom:80px;}
    #page-8 .mapTxBx{clear:both; width:100%; background:none; margin-top:0; padding:0 0; position:inherit; top:0; left:0; text-align: center; border:0;}
    #page-8 .mapTxBx .mapTxt{margin-left:32%;}
    #page-8 .mapTxBx .mapTxt p{text-align:left;}
}

@media screen and (max-width: 1300px) {
    .overflow-table::-webkit-scrollbar {width:4px;height:4px;background:#ddd;}
    .overflow-table::-webkit-scrollbar-thumb {background: #3a4fbb;}

    .wrap1200{width:90% !important;}
    .stCommon ul li{margin-right:0;}
    .stCommon ul li:nth-child(3){margin-bottom:0;}
    #page-6 .section .square .whBox{width:48%;}
    #page-6 .section .square .whBox:nth-child(3n+1){margin-left:30px;}
    #page-6 .section .square .whBox:nth-child(2n+1){margin-left:0;}
    #page-6 .section .square .bxNn{background:url(/images/contents/business_nn.png) left top 36px no-repeat #44d7f6;}
    #page-6 .boxList ul{width:580px; margin:0 auto;}
    #page-8 .mapTxBx{height:auto; margin-bottom:90px;}

    /**/
    /*#page-9 .section .thmubnail{background-size:contain; height:360px;}*/
    /*#page-9 .section .fs-28{padding:40px 0 30px 0;}*/
    #page-9 {overflow-x:hidden;}
    #page-9 .grayBg .ctsImgs{width:800px; margin:0 auto;}
    #page-9 .grayBg .ctsImgs img{margin-right:0;}
    #page-9 ul.cirTool{width:100%; margin:0 auto; padding-bottom:80px;}
    #page-9 ul.cirTool li{padding-top:20px;margin-right:0;}
    #page-9 .grayBg .conCase .tx{text-align:center;}
    #page-9 .grayBg .conCase .tx .line{display:none;}
    #page-9 .grayBg .conCase .exWell .wellImgs{width:49%; margin:0 0 50px 0;overflow:hidden;}
    #page-9 .grayBg .conCase .exWell .wellImgs p{width:auto;}
    .firstPage .logoUl {height:auto;}
    .firstPage .logoUl li {width:100% !important;z-index:1;position:relative;text-align:center;}
    .pages .firstPage .logoUl li.logo {z-index:10;height:auto;}
    .pages .firstPage div.wrap1200 ul.logoUl li.content {margin-bottom:50px;}
    .firstPage .wrap1200 {}
    .firstPage .table {width:1200px;}
    #fixing-method {}
    #fixing-method .col-3 {width:50%;flex:0 0 50%;max-width:50%;}
    #fixing-method .col-3:nth-child(2n-1) {text-align:right;}
    #notice .cts01 ul.first_u>li{margin-bottom: 20px;height:auto;}
    #page-13 #notice .cts01 ul.first_u>li{margin-bottom:30px;font-size:14px;}
    .flex_table{max-width:100%;}
    .flex_table .table{width:100%;}
    #page-12 #paper_strong{padding-bottom:100px;}

}

@media screen and (max-width: 1200px) {
    #page-12{}
    #page-12 .intro_paper .wrap1200 .w_bg p{padding:0 10%;}
    #page-12 .paper_strong .wrap1200 .pic img{max-width: 90%;}
    #page-12 .paper_strong .wrap1200 .txt{width:50%;height:auto;padding:35px 0 35px 80px;}
    #page-12 .paper_strong .wrap1200 .txt ul{padding:0;}
    #page-12 .paper_strong .wrap1200 .txt ul li{position: relative;line-height: 2.05;text-align: left;}
    #page-12 .paper_strong .wrap1200 .txt ul li:before{position: absolute;left:-38px;top:7px;background: url(/images/contents/product/p12_bullet.png) left center; width:19px; height:18px;content: '';}

    #page-12 #eneroom_diy{}
    #page-12 #eneroom_diy .wrap1000{}
    #page-12 #eneroom_diy .wrap1000 .inner{}
    #page-12 #eneroom_diy .wrap1000 .inner ul{}
    #page-12 #eneroom_diy .wrap1000 .inner ul li{width:50%;float:left;padding:1.5%;margin:0;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(2n){float:left;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){margin:0;padding:1.5% 1.5% 0 1.5%;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li img{}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15px;font-size:14px;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p span{width:30px;height:30px;border-radius: 22px;padding-top: 5px;}
    
    
    #page-13 #jwell_diy{}
    #page-13 #jwell_diy .wrap1000{}
    #page-13 #jwell_diy .wrap1000 .inner{}
    #page-13 #jwell_diy .wrap1000 .inner ul{}
    #page-13 #jwell_diy .wrap1000 .inner ul li{width:50%;float:left;padding:1.5%;margin:0;}
    #page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(2n){float:left;}
    #page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){margin:0;padding:1.5% 1.5% 0 1.5%;}
    #page-13 #jwell_diy .wrap1000 .inner ul li img{}
    #page-13 #jwell_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15px;font-size:14px;}
    #page-13 #jwell_diy .wrap1000 .inner ul li p span{width:30px;height:30px;border-radius: 22px;padding-top: 5px;}
    
    #page-13 #jwell_product{background: #f4f4f4;}
    #page-13 #jwell_product h3.title{position: relative;}
    #page-13 #jwell_product h3.title::before{position: absolute;left:50%;top:95px;height:67px;width:1px;background:#b3b7a6;content: '';}
    #page-13 #jwell_size {}
    #page-13 #jwell_size h3.title{margin-bottom:50px;}
    #page-13 #jwell_size .wrap1000 {}

    #page-13 #jwell_size .wrap1000 img{}
    #page-13 #jwell_size .wrap1000 .txt_box{float:right;width:49%;background: #f4f4f4;height:450px;padding:80px 0 0 40px;}
    #page-13 #jwell_size .wrap1000 .txt_box p{line-height: 1.6;}

    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab{position: relative;margin-top:30px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab::after{width:46px;height:13px;background: rgba(255,226,156,0.8);position: absolute;left:-9px;bottom:10px;content:'';}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab span{position: relative;z-index: 1;}

    
}
@media screen and (max-width: 1100px) {
    .wrap1000 {width:90% !important;}
    #page-5 .section img.imgs01{width:100%;}
    #page-6 .riImg{top:3%;}
    #page-6 .riImg img {max-width:100%}
    #page-6 .section .square {padding-top:36vh;}

    #page-7 ul.yearList > li {margin-bottom:30px;}
    #page-7 ul.yearList .year {width:auto;transform: none;}
    #page-7 ul.yearList .yearDiv {width:100%;}
    
    #page-13 #jwell_size .wrap1000 .inner{overflow: hidden;width:50%;}
    #page-13 #jwell_size .wrap1000 img{height:400px;max-width: initial;}
    #page-13 #jwell_size .wrap1000 .txt_box{float:right;width:49%;height:400px;padding:80px 0 0 40px;}
    #page-13 #jwell_size .wrap1000 .txt_box p{font-size:14px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.fs-23{font-size:17px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.fs-20{font-size:15px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab span{position: relative;z-index: 1;}
    

}
@media screen and (max-width: 960px) {
    .wrap900 {width:90% !important;}
    .pages .firstHead .color-box { margin:auto; left:0; right:0; }
    #page-5 .section .grayTx{top:-290px; font-size:120px;}
    #page-5 .txt1 h4{padding:50px 0 40px 0;}
    #page-5 .txt2 {text-align:center; padding:60px 0 80px 0;}
    #page-5 .txt2 h5{padding-bottom:40px;}   
    #page-6 .section .square .whBox{width:100%; margin-left:0;}
    #page-6 .section .square .whBox:nth-child(3n+1){margin-left:0;}
    #page-6 .section .square .whBox:nth-child(2n+1){margin-left:0;}
    #page-6 .section .square .blank{display:none;}

    /**/
    #page-9 .grayBg .ctsImgs{width:100%;}
    #page-9 .grayBg .ptLine:after{left:47.5%;}
    #page-9 .grayBg .conCase .exWell .wellImgs {max-width:380px;width:100%;}
    #page-9 .grayBg .conCase .exWell .wellImgs img {width:100%;}

    
    /**/
    #page-12 .paper_strong {text-align: center;overflow: hidden;}
    #page-12 .paper_strong .wrap1200{position: relative;}
    #page-12 .paper_strong .wrap1200 .pic{float:none;position: relative;z-index: 1;}
    #page-12 .paper_strong .wrap1200 .txt{position: relative;right:auto;left:20%;top:0; width:100%;height:auto;padding-top:200px;margin-top:-150px;}
    #page-12 .paper_strong .wrap1200 .txt ul{padding:0 0 0 3%;}
    #page-12 #ener_product h3.title::before,#page-13 #jwell_product h3.title::before{display: none;}
    
    
    #page-13 #insulation h3.title{margin-bottom:30px;}
    #page-13 #insulation h3.title:after{display: none;}
    #page-13 #insulation .b_bg{height:400px;}
    #page-13 #insulation {padding-bottom:0;}
    /**/
	.stCommon ul li{width:100%; margin:0;}
	.stCommon ul li:nth-child(3){margin-bottom:0;}
	.stCommon ul.cts li{width:100%; margin:0;}
	.stCommon ul.ctsUl {height:auto; padding-bottom:50px;}
	.stCommon ul.ctsUl li{display: block; margin:30px auto 0 auto; position:initial;}
    .stCommon .certifiBg img{margin-top:25px;}

    /**/
    .jwell-point {}
    .jwell-point .col-6 {width:100%;flex:0 0 100%;max-width:100%;text-align:center;}
    .jwell-point .pt-5{padding-top:1.5rem !important;}
    .jwell-point .col-6 img {width:auto;height:100%;}
    .jwell-point .col-6 > div {width:100%;max-width:450px;margin:0 auto;text-align:left;}
    .jwell-point .row .col-6:first-child .img {float:none;}
    .jwell-point .row:nth-child(2n) {padding-top:250px;position:relative;}
    .izari_adv .row:nth-child(2n) {padding-top:280px;}
    .jwell-point .row:nth-child(2n) .col-6:first-child {}
    .jwell-point .row:nth-child(2n) .col-6:last-child {height:250px;position:absolute;width:100%;top:0;}
    .izari_adv .row:nth-child(2n) .col-6:last-child {height:280px;}
    
    .jwell-point .row:nth-child(2n) .number:before,
    .jwell-point .number:before {display: none;}
    #eco-friendly {}
    #eco-friendly .col-3 {width:50%;flex:0 0 50%;max-width:50%;margin-bottom:60px;}
    
    #patent .mt-5{margin-top:-20px !important;}
    #patent .col-6 {width:100%;flex:0 0 100%;max-width:100%;margin-bottom:60px;}
    #LEHI .wrap {text-align:center;}
    #LEHI .wrap img {float:none !important;}
    #aluminum-air-layer img {max-width:100%;}
    #construction-method {}
    #construction-method ul li {width:100%;}
    #construction-method ul li .info {max-width:360px;}
    #jwell-safety .wrap .clearfix > div {width:100%;text-align:center !important;}
    #jwell-safety .wrap .clearfix .float-left,
    #jwell-safety .wrap .clearfix .float-right {float:none !important;}
    #jwell-safety .float-left .ml-5 {margin-left:0 !important;}
    #jwell-safety .wrap > .clearfix:nth-child(2) {position:relative;padding-bottom:275px;}
    #jwell-safety .wrap > .clearfix:nth-child(2) .float-left {float:right !important;}
    #jwell-safety .wrap > .clearfix:nth-child(2) .float-right {float:left !important;}
    #jwell-safety .wrap > .clearfix:nth-child(2) ul {
        position:absolute;text-align:center;width:100%;max-width:230px;float:none !important;
        bottom:0;left:0;right:0;margin:auto;
    }
    #jwell-field .safety-01 {height:730px;}
    #jwell-field .safety-01 .box {width:100%;bottom:0;}
    #jwell-field .safety-01 .box .rect {padding:30px;}
    #jwell-field .safety-03 {background:none;height:auto;}
    #jwell-field .safety-03:before {display:none;}
    #jwell-field .safety-03 .box {width:100%;position:relative;}
    #jwell-field .safety-03 .box .rect {padding:30px;}
    #izari-floot-mat li {width:50%;}
    #izari-floot-mat li:nth-child(2n) .hex {margin-left:20px;}
    #izari-floot-mat li:nth-child(2n-1) .hex {margin-right:20px;}
    #internal-structure .bg {background-size:100%;}
    #izari-point .wrap1000 .img {width:100%;height:auto;}
    #izari-point .wrap1000 .img img {width:100%;height:auto;}
    #izari-point .wrap1000 .box {width:100%;height:auto;}
}


@media screen and (max-width: 930px) {
    .product.productCreator .table.tableW50 {width:100% !important;}
    .product.productCreator div.subImg {width:100% !important; margin-left:0%;}
    .product.productCreator div.subImg ul.memo {bottom:auto; margin-top:-35px;}
    
    #page-11 #notice ul.first_u>li>ul>li>ul>li>.mar_right{margin-right:0;}
}


@media screen and (max-width: 767px) {
    h3.title{margin-bottom:0;}
    #page-13 #jwell_size h3.title{margin-bottom:30px;}
    .wrap760 {width:90% !important;}
    .pages .firstHead {height:550px;}
    .pages .firstHead .color-box p {font-size:15px;}
    .pages .firstHead .color-box .rect {padding:20px;}
    .pages .firstHead .color-box .fs-65 {font-size:38px;}
    .pages .firstHead .color-box .fs-56{font-size:36px;}
    .pages .firstHead .color-box .fs-28 {font-size:22px;font-weight:bold;margin-bottom:10px;}
    .pages .firstHead .item img {height:218px;}
    
    #notice{padding-bottom:60px;}
    #notice .cts01 ul.first_u>li{padding-left:50px;}
    #notice ul.first_u>li{padding-left:50px;}
    #notice ul.first_u>li:after{width:38px;height:38px;}
    .pages section {padding:60px 0;}
    #page-10 .g_bg{padding-bottom:60px;}
    .jwell-point .row:last-child{margin-bottom:0;}
    
    #page-10 #notice .cts01,#page-11 #notice .cts01{padding-top:60px;}
    
    #page-5 .txt1{background:url(/images/contents/greeting_mark.png) top center  no-repeat; text-align:center;}
    #page-5 .section .grayTx{display:none;}
    #page-5 .txt2 p{font-size:16px;}

    #page-7 ul.yearList .yearDetail li:first-child:before {transform:translateX(-6px);}

    #page-9 .grayBg .conCase .tx{text-align:center;}
    #page-9 .grayBg .conCase .tx .line{display:none;}
    #page-9 .grayBg .conCase .exWell .wellImgs{width:auto;}
    #page-9 .grayBg .conCase .exWell .wellImgs p{margin-bottom:30px;}
    
    #page-10 #notice .cts01, #page-11 #notice .cts01, #page-13 #notice .cts01,#page-11 .last_notice{padding-top:60px;}
    
    #page-12 #paper_strong{padding-bottom:60px;}
    #page-12 .intro_paper .wrap1200 .w_bg{margin-top:0;}
    #page-12 #eneroom_diy .wrap1000{}
    #page-12 #eneroom_diy .wrap1000 .inner{}
    #page-12 #eneroom_diy .wrap1000 .inner ul{text-align: center;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li{width:100%;float:none;padding:1.5%;display: inline-block}
    #page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(2n){float:none;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){padding:1.5%;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li img{}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15%;font-size:14px;text-align: left;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p span{width:30px;height:30px;border-radius: 22px;padding-top: 5px;}
    
    #page-13 #jwell_diy{}
    #page-13 #jwell_diy .wrap1000{}
    #page-13 #jwell_diy .wrap1000 .inner{}
    #page-13 #jwell_diy .wrap1000 .inner ul{text-align: center;}
    #page-13 #jwell_diy .wrap1000 .inner ul li{width:100%;float:none;padding:1.5%;display: inline-block}
    #page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(2n){float:none;}
    #page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(3),#page-13 #jwell_diy .wrap1000 .inner ul li:nth-child(4){padding:1.5%;}
    #page-13 #jwell_diy .wrap1000 .inner ul li img{}
    #page-13 #jwell_diy .wrap1000 .inner ul li p{padding:10px 10px 0 15%;font-size:14px;text-align: left;}
    #page-13 #jwell_diy .wrap1000 .inner ul li p span{width:30px;height:30px;border-radius: 22px;padding-top: 5px;}
    
    #page-13 #jwell_size .wrap1000 .inner{overflow: hidden;width:45%;}
    #page-13 #jwell_size .wrap1000 img{height:380px;max-width: initial;}
    #page-13 #jwell_size .wrap1000 .txt_box{float:right;width:54%;height:380px;padding:80px 0 0 25px;}
    #page-13 #jwell_size .wrap1000 .txt_box p{font-size:14px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.fs-23{font-size:17px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.fs-20{font-size:15px;}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab span{position: relative;z-index: 1;font-size:30px;}
    
    #page-13 #notice ul{padding:50px 20px 20px 30px;}
    #page-13 #notice .cts01 ul.first_u>li{margin-bottom:30px;font-size:14px;}
    
    #izari-floot-mat .mat-img{margin:50px 0 0 0;}
    
    p > span.sFont{font-size:11px;}
    /**/
    #page-13 {}
    #interior-jwell-board .box {width:95%;background:rgba(0,0,0,0.1);padding:10px;}
    #interior-jwell-board .box .rect {border:2px solid rgba(255,255,255,0.5);}
    #interior-jwell-board .txt-box {width:100%;}
    #interior-jwell-board .fs-65 {font-size:35px;}
    
    
    #recommendation ul li{margin-left: 65px;}
    #recommendation ul li::after{left:-65px;top:-1px;font-size: 14px;}
    #law .g_bg{padding:60px 0;}
    /**/
    .stCommon ul.ctsUl{width:100%;}
    #fixing-method .col-3:nth-child(2n-1),
    #fixing-method .col-3 {width:100%;flex:0 0 100%;max-width:100%;text-align:center;}
    #izari-floot-mat li {width:100%;}
    #safety-certification li {width:100%;}
    #izari-floot-mat li:nth-child(2n) .hex,
    #izari-floot-mat li:nth-child(2n-1) .hex {margin:0 auto;}
    #izari-floot-mat .line-hex {display:none;}
    #internal-structure .bg {height:580px;}
    #i-zari .zari-box {height:auto;background:none;}
    #i-zari {padding-top: 130px !important;}
    #i-zari .fs-56{font-size:34px;}
    #i-zari .fs-20{font-size:17px;}
}

@media screen and (max-width: 640px) {
    h3.title{font-size:25px;margin-bottom:40px;}
    h4.title{font-size:14px;margin-bottom:10px;}
    .fs-28{font-size:17px !important;}
    .fs-25{font-size:17px !important;}
    .jwell-point .number:before{display: none;}
    #page-5 .section img.imgs02{display:none;}     
    #page-6 .boxList {width:auto; margin-top:40px; border-top:3px solid #ffb600; margin-bottom:10vh; padding-top:6vh;}
    #page-6 .fs-28{margin-top:10vh;}
    #page-6 .boxList ul {width:100%;}
    #page-6 .boxList ul li {width:50%;}
    #page-6 .boxList img {width:100%; }
    #page-6 .boxList > div{margin-bottom:20px;}
    
    #page-7 .section img {left:0; max-width:100%;}
    
    #page-7 .cts ul:before{width:230px;}
    #page-7 .box02 .cts ul:before{width:230px;}
    #law .w_bg .fs-20{line-height: 1.4;font-size:17px;}
    #law .w_bg .cts01 ul>li>ul>li{margin-left:25px;}
    #law .w_bg .cts01 ul>li>ul>li:nth-child(1)::after,
    #law .w_bg .cts01 ul>li>ul>li:nth-child(2)::after{left:-20px;top:0;font-size: 13px;}


    /**/
    #page-9 .section .thmubnail{height:280px;}

    .flex_table{max-width:100%;}
    .flex_table .table{width:100%;}
    

	

    #page-12 .paper_strong .wrap1200 .txt{left:0;padding-top:180px;}
    #page-12 .paper_strong .wrap1200 .txt ul{padding:0 0 0 1%;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p{padding:10px 10px 0 8%;}
    
    
    #page-13 #jwell_diy .wrap1000 .inner ul li p{padding:10px 10px 0 8%;}
    
    #page-13 #jwell_size .wrap1000 {text-align: center;}
    #page-13 #jwell_size .wrap1000 .inner{display: none;}
    #page-13 #jwell_size .wrap1000 .txt_box{float:none;width:100%;height:auto;padding:50px 0 50px 0;text-align: center;display: inline-block;}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab{margin-top:0;}
    #page-13 #jwell_size .wrap1000 .txt_box p.Josefin-Slab::after{left:50%;margin-left:-23px;}
    
    #page-15 .stCommon{padding-top:80px;}
    #inquiry-form .pages{padding-top:80px !important;}
}
@media screen and (max-width: 550px) {
	#page-10 .jwell-point ul li{width:50%;padding:0 10px 20px 10px;}
    #page-12 #eneroom_diy .wrap1000 .inner ul li p{padding:10px 10px 30px 20px;}
    #page-13 #jwell_diy .wrap1000 .inner ul li p{padding:10px 10px 30px 20px;}

}
@media screen and (max-width: 420px) {
    #page-5 .txt2 h5{font-size:21px; line-height:1.4;}
    #page-6 .boxList ul li {width:100%;text-align:center;}
    #page-8 .mapTxBx .mapTxt{margin-left:18%;}
    #page-8 .mapTxBx .mapTxt p > span {width:48px;}
    



}
@media screen and (max-width: 359px) {
    #page-6 .boxList{width:310px !important;}
    #page-6 .boxList img{width:310px !important;}
}