@charset "utf-8";
* { padding: 0; margin: 0; box-sizing: border-box;}
ol,ul { list-style: none; }
a { text-decoration: none; }
img {vertical-align: middle;}
.cb::after {content: ""; display: block; clear: both;}
input{border: none;outline: none;}
button{border: none;background-color: transparent;}
.ctW{position: relative;width: 100%;min-width: 1200px;}
.ct{width: 1200px;margin: 0 auto;position: relative;min-width: 1200px;}
body{font-family: 'Noto Sans KR', sans-serif;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */}

body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

/* header */
header{top: 0;position: fixed;left: 0;width: 100%;height: 100px;z-index: 99;background: #fff;min-width: 1200px;
-webkit-box-shadow: 14px 14px 43px 5px rgba(0,0,0,0.24);
-moz-box-shadow: 14px 14px 43px 5px rgba(0,0,0,0.24);
box-shadow: 14px 14px 43px 5px rgba(0,0,0,0.24);transition: all .3s;}
header .logo{height: 100%;line-height: 100px;font-size: 0;float: left;width: 155px;height: 54px;
background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/logo.png');position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
header .logo a{display: block;width: 100%;height: 100%;}
header nav{float: right;}
header nav > ul{}
header nav > ul > li{float: left;height: 100px;line-height: 100px;margin-left: 35px;position: relative;}
header nav > ul > li > a{font-size: 20px;color: #828282;font-weight: 400;transition: all .5s;position: relative;}
header nav > ul > li > a.on{color: #00a0e9;}
header nav > ul > li .sub{background: #141414;position: absolute;top: 80px;left: 50%;transform: translateX(-50%); border-radius: 10px;width: 160px;padding-top: 10px;overflow: hidden;height: 0;padding: 0;transition: all .3s;}
header nav > ul > li .sub li{height: 30px;line-height: 30px; width: 100%;padding-left: 15px;padding-right: 15px;}
header nav > ul > li .sub li a{display: block;width: 100%;height: 100%; color: #828282;border-bottom: 1px solid #2a2a2a;text-align: center;font-size: 16px;}
header nav > ul > li .sub li:last-child a{border-bottom: none;}
header nav > ul > li .sub li a:hover{color: #fff;}
header nav > ul > li .sub li a.on{color: #fff;}
header nav > ul > li > a:hover{color: #00a0e9;}
header nav > ul > li.last:hover .sub{padding-top:10px;padding-bottom: 10px; height: auto;}

header.on{background: #5a5a58;}
header.on .logo{background-image: url('../img/logoOn.png');}
header.on nav ul li a{color: #fff;}

header.on2{border-bottom: 1px solid #898b8e;}
header.on2 .logo{background-image: url('../img/logoOn.png');}
header.on2{background: transparent;}
header.on2 nav ul li a{color: #fff;}
/* 메인 */

/** {-webkit-perspective: 1000; perspective: 1000; }*/

/* nav */
.fp-tableCell{z-index: 99999; }
#fp-nav.fp-right{right: 165px;}
#fp-nav ul li a span{width: 30px;height: 4px;border-radius: 0;transform: translateX(-50%);transition: all .5s;opacity: .2;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 30px;height: 4px;margin: -2px 0 0 -2px;opacity: 1;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width: 30px;height: 4px;border-radius: 0;opacity: 1;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin: -2px 0 0 -2px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin: -2px 0 0 -2px;}

#fullpage{padding-top: 100px; }
#fullpage .section{position: relative; -webkit-perspective: 1000; }
#fullpage .section.s2{}
/*.iScrollIndicator{opacity: 0;}*/

#fullpage .section .sideTitle{width: 75px;text-align: center;position: absolute;left: 7.292vw;top: 50%;transform: translateY(-50%);z-index: 99999; }
/*#fullpage .section.sec7 .sideTitle{transform: translateY(0);position: relative;left: auto;top: auto;}*/
#fullpage .section .sideTitle .number{font-family: 'Lato', sans-serif;font-size: 64px;color:#ddd;font-weight: 800;}

#fullpage .section.sec22 .sideTitle .number{color: rgba(255, 255, 255, 0.2)}
#fullpage .section.sec22 .sideTitle .line{background: #fff;}
#fullpage .section.sec22 .sideTitle .tWrap{color: #fff;}

#fullpage .section .sideTitle .line{width: 1px;height: 100px;background: #363636;margin: 0 auto;}
#fullpage .section .sideTitle .tWrap{position: relative;float: left;left: 49%;transform: translateX(-50%);line-height: 13px;margin-top: 13px;}
#fullpage .section .sideTitle .tWrap span{display: block;transform: rotate(270deg)}
#fullpage .section .content{width: 1200px;margin: 0 auto;height: 100%;padding-top: 100px;}
#fullpage .section.sec5 .sideTitle .line{background: #f9f9f9;}
#fullpage .section.sec5 .sideTitle .tWrap{color: #f9f9f9;}
#fullpage .section.sec6 .sideTitle .number{color: rgba(0, 0, 0, 0.7)}
#fullpage .section.sec6 .sideTitle .tWrap{color: #656565;}
#fullpage .section.sec7 .sideTitle .line{background: #fff;}
#fullpage .section.sec7 .sideTitle .tWrap{color: #fff;}

.mainTitleW .mainTitle{line-height: 1;font-size: 18px;width: 100px;padding-bottom: 9px;border-bottom: 1px solid #363636;font-weight: 300;}
.mainTitleW .t2{line-height: 1;padding-bottom: 20px;padding-top: 20px;font-size: 60px;font-weight: 300;}
.mainTitleW .t2 span{font-weight: 500;}
/* main section1 */
#fullpage .section .content .slideWrap1{height: 100%;}
#fullpage .section .swiper-container.sec1{height: 100%;}
#fullpage .section .swiper-container.sec1 .swiper-slide{height: 100%;}
#fullpage .section.sec1 .sCon{position: absolute;z-index: 99999;bottom: 100px;}
#fullpage .section.sec1 .sCon .t1{font-size: 24px;color: #828282;font-weight: 400;}
#fullpage .section.sec1 .sCon .t2{font-size: 60px;color: #000;font-weight: 500;line-height: 1;padding-bottom: 35px;}
#fullpage .section.sec1 .sCon .sLine{width: 100px;height: 1px;background: #363636;margin-top: 35px;margin-bottom: 50px;}
#fullpage .section.sec1 .sCon .p1{font-size: 18px;color: #828282;line-height: 1.9;}
#fullpage .section.sec1 .sCon .p1 span{color: #000;}
.sec1 .swiper-slide{background-repeat: no-repeat;background-position: center;background-size:cover;
}
.sec1 .swiper-slide.slide1 .slideWrap1{background-image: url('../img/mainBack1.png');}
.sec1 .swiper-slide.slide2{}
.sec1 .swiper-slide.slide2{background-image: url('../img/mianBack2.png');}
.sec1 .swiper-pagination{left: 50%;transform: translateX(-50%);bottom: 80px;}
.sec1 .swiper-pagination-bullet{width: 86px;height: 4px;opacity: 1;border-radius: 4px;background: #999;}
.sec1 .swiper-pagination-bullet-active{background: #333333;}
.sec1 .swiper-button-prev{background-image: url(../img/mainleft.png);width: 15px;height: 24px;background-size: contain;left: 0;}
.sec1 .swiper-button-next{background-image: url(../img/mainright.png);width: 15px;height: 24px;background-size: contain;right: 0;}
.sec1 .arrowWrap{position: relative;margin-top: 30px;}
.sec1 .arrowWrap{width: 80px;height: 24px;}
.sec1 .arrowWrap .swiper-button-next,.sec1 .arrowWrap .swiper-button-prev{top: 0;}

/* main section2 */
#fullpage .section.sec2{background-image: url('../img/mianBack2.png');background-repeat: no-repeat;background-position: center;background-size:cover;}
#fullpage .section.sec1 .slide2 .content{}
#fullpage .section.sec1 .slide2 .content .imgBox{float: left;width: 490px;height: 100%;position: relative;}
#fullpage .section.sec1 .slide2 .content .imgBox2{float: left;width: 490px;height: 100%;position: relative;}
#fullpage .section.sec1 .slide2 .content .imgBox img{}
#fullpage .section.sec1 .slide2 .content .imgBox2 img{}
#fullpage .section.sec1 .slide2 .content .textBox{float: left;width: 710px;height: 100%;color: #fff;position: relative;}
#fullpage .section.sec1 .slide2 .content .textBox .box{}
#fullpage .section.sec1 .slide2 .content .textBox .box .t1{line-height: 1;font-size: 18px;width: 100px;padding-bottom: 9px;border-bottom: 1px solid #fff;font-weight: 300;}
#fullpage .section.sec1 .slide2 .content .textBox .box .t2{line-height: 1;padding-bottom: 35px;padding-top: 20px;font-size: 60px;font-weight: 300;}
#fullpage .section.sec1 .slide2 .content .textBox .box .t2 span{font-weight: 500;}
#fullpage .section.sec1 .slide2 .content .textBox .box .p1{line-height: 1.9;font-weight: 300;font-size: 18px;}
#fullpage .section.sec1 .slide2 .content .conBox{top: 60%;transform: translateY(-50%);position: relative;}

/* main section3 */
#fullpage .section.sec3 .conBox{top: 50%;transform: translateY(-50%);position: relative;}
#fullpage .section.sec3 .mainTitleW{width: 435px;margin: 0 auto;}
#fullpage .section.sec3 .textCon{font-size: 18px;color: #999;padding-top: 37px;text-align: center;line-height: 1.7;}
#fullpage .section.sec3 .textCon span{color: #333;font-weight: 500;}
#fullpage .section.sec3 .ulWrap{}
#fullpage .section.sec3 .ulWrap ul{}
#fullpage .section.sec3 .ulWrap ul li{float: left;width: 25%;}
#fullpage .section.sec3 .ulWrap ul li .img{text-align: center;height: 165px;line-height: 165px;}
#fullpage .section.sec3 .ulWrap ul li .img img{}
#fullpage .section.sec3 .ulWrap ul li .text{text-align: center;font-size: 18px;color: #333;font-weight: 600;}
#fullpage .section.sec3 .ulWrap .dpLink{width: 180px;height: 60px;display: block;margin: 0 auto;background: #212121;font-size: 16px;color: #fff;text-align: center;line-height: 60px;font-weight: 200;margin-top: 60px;}

/* main section4 */
#fullpage .section.sec4 .conBox{top: 50%;transform: translateY(-50%);position: relative;}
#fullpage .section.sec4 .conBox .textCon{font-size: 18px;color: #999;padding-top: 20px;text-align: left;line-height: 1.7;}
#fullpage .section.sec4 .conBox .textCon span{color: #333;font-weight: 500;}
#fullpage .section.sec4 .conBox .dpLink{width: 180px;height: 60px;display: block;background: #212121;font-size: 16px;color: #fff;text-align: center;line-height: 60px;font-weight: 200;margin-top: 40px;}
#fullpage .section.sec4 .conBox .left{float: left;}
#fullpage .section.sec4 .conBox .right{float: left;padding-left: 5.990vw;padding-top: 5.990vw;}

/* main section5 */
#fullpage .section.sec5{background-repeat: no-repeat;background-position: center;background-size:cover;}
#fullpage .section.sec5 .mainTitleW{width: 430px;margin: 0 auto;}
#fullpage .section.sec5 .conBox{top: 50%;transform: translateY(-50%);position: relative;}
#fullpage .section.sec5 .conBox .mainTitleW .mainTitle{color: #fff;border-bottom: 1px solid #fff;}
#fullpage .section.sec5 .conBox .mainTitleW .t2{color: #fff;}
#fullpage .section.sec5 .conBox .textCon{font-size: 18px;color: #fff;padding-top: 20px;text-align: left;line-height: 1.7;text-align: center;font-weight: 300;}
#fullpage .section.sec5 .conBox .imgBox{text-align: center;padding-top: 70px;}
#fullpage .section.sec5 .conBox .imgBox2{text-align: center;padding-top: 70px;}

/* main section6 */
#fullpage .section.sec6 .content{width: 100%;padding-left: 0;}
#fullpage .section.sec6 .content .conBox{top: 50%;transform: translateY(-50%);position: relative;}
#fullpage .section.sec6 .mainTitleW{width: 430px;margin: 0 auto;}
#fullpage .section.sec6 .conBox .mainTitleW .mainTitle{color: #3e3e3e;border-bottom: 1px solid #3e3e3e;}
#fullpage .section.sec6 .conBox .mainTitleW .t2{color: #000;padding-top: 0;}
#fullpage .section.sec6 .conBox .textCon{font-size: 18px;color: #afabab;padding-top: 50px;text-align: left;line-height: 1.7;text-align: center;font-weight: 300;}
#fullpage .section.sec6 .conBox .textCon span{color: #000;font-weight: 500;}

#fullpage .section.sec6 .conBox .slideBox{-webkit-box-shadow: 14px 14px 43px 19px rgba(0,0,0,0.24);
-moz-box-shadow: 14px 14px 43px 19px rgba(0,0,0,0.24);
box-shadow: 14px 14px 43px 19px rgba(0,0,0,0.24);margin-top: 40px;}
#fullpage .section.sec6 .swiper-slide{width: 414px;height: 414px;background-repeat: no-repeat;background-position: center;background-size:cover;}

/* main section7 */
#fullpage .section.sec7 .content{width: 100%;padding-left:0;}
#fullpage .section.sec7 .mainTitleW{width: 430px;margin: 0 auto;margin-top: 70px;}
#fullpage .section.sec7 .conBox .mainTitleW .mainTitle{color: #3e3e3e;border-bottom: 1px solid #3e3e3e;}
#fullpage .section.sec7 .conBox .mainTitleW .t2{color: #000;padding-top: 0;padding-bottom: 80px;}
#fullpage .section.sec7 .conBox{}
#fullpage .section.sec7 .conBox .conUl{}
#fullpage .section.sec7 .conBox .conUl li{width: 50%;float: left;height: 539px;}
#fullpage .section.sec7 .conBox .conUl .left{background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/mianContact.png');}
#fullpage .section.sec7 .conBox .conUl .right{display: table;}
#fullpage .section.sec7 .conBox .conUl .right .textBox{display: table-cell;vertical-align: middle;}
#fullpage .section.sec7 .conBox .conUl .right .textBox .t1{font-size: 24px;color: #3e3e3e;line-height: 1.2;font-weight: 300;padding-left: 110px;}
#fullpage .section.sec7 .conBox .conUl .right .textBox .t1 strong{font-weight: 500;}
#fullpage .section.sec7 .conBox .conUl .right .textBox .line{width: 317px;height: 1px;background: #3e3e3e;margin-top: 25px;margin-bottom: 25px;}
#fullpage .section.sec7 .conBox .conUl .right .textBox .p1{color: #afabab;font-weight: 300;padding-left: 110px;font-size:18px}

/* main footer */
#fullpage .section.footer{background: #fff;}
#fullpage .section.footer .content{padding-left:0;}
#fullpage .section.footer .content .conBox{}
#fullpage .section.footer .content .conBox .formBox{padding-top: 50px;}
#fullpage .section.footer .content .conBox .formBox ul{}
#fullpage .section.footer .content .conBox .formBox ul > li{}
#fullpage .section.footer .content .conBox .formBox ul > li .formTitle{font-size: 18px;color: #000;font-weight: 500;padding-bottom: 20px;}
#fullpage .section.footer .content .conBox .formBox ul > li .checkBox{overflow: hidden;padding-bottom: 50px;border-bottom: 1px solid #ccc;}
#fullpage .section.footer .content .conBox .formBox ul > li .checkBox.box2{border-bottom: none;padding-bottom: 0;padding-top: 50px;}
#fullpage .section.footer .content .conBox .formBox ul > li .checkBox .le{width: 177px;float: left;}
#fullpage .section.footer .content .conBox .formBox ul > li .checkBox .ri{float: left;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label{display: block;line-height: 20px;height: 20px; margin-bottom: 15px;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label input{position: absolute;left: -99999px;opacity: 0;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label span.s1{width: 20px;height: 20px;border: 1px solid #d2d2d2;border-radius: 20px;display: block;float: left;background: #fff;position: relative;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label input[type="radio"]:checked + span.s1::after{content: '';width: 8px;height: 8px;background: #000;border-radius: 8px;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label span.s2{font-size: 16px;color: #333;display: block;line-height: 20px;float: left;margin-left: 8px;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label input.text{display: inline;width: 180px;height: 33px;background: #fff;border: 1px solid #dedede;border-radius: 5px;margin-left: 15px;position: relative;top: -6px;padding-left: 10px;opacity: 1;left: auto;font-size: 16px;}
#fullpage .section.footer .content .conBox .formBox ul > li.left{float: left;}
#fullpage .section.footer .content .conBox .formBox ul > li.right{float: left;padding-left: 150px;}
#fullpage .section.footer .content .conBox .formBox ul > li.left label .s2{}
#fullpage .section.footer .content .conBox .formBox ul > li.right{}
#fullpage .section.footer .content .conBox .formBox ul > li.right table{}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td:nth-of-type(2){padding-left: 20px;}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td{padding-bottom: 19px;}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td label{display: block;}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td label input{width: 280px;height: 40px;border: 1px solid #dedede;background: #fff;border-radius: 5px;padding-left: 10px;font-size: 16px;}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td h1.th{font-size: 16px;color: #333;font-weight: 500;padding-bottom: 5px;}
#fullpage .section.footer .content .conBox .formBox ul > li.right table tr td textarea{width: 100%;resize: none;border: 1px solid #dedede;border-radius: 5px;height: 200px;padding:15px;font-size:16px;}
/* #fullpage .section.footer .content .conBox .formBox .agreeBox{padding-bottom: 120px;} */
#fullpage .section.footer .content .conBox .formBox .agreeBox label{}
#fullpage .section.footer .content .conBox .formBox .agreeBox label input{display: none;}
#fullpage .section.footer .content .conBox .formBox .agreeBox label .s1{width: 25px;height: 25px;border: 2px solid #afabab;display: block;float: left;background: #fff;position: relative;}
#fullpage .section.footer .content .conBox .formBox .agreeBox label input[type="checkbox"]:checked + .s1::after{content: '';position: absolute;width: 14px;height: 14px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#fullpage .section.footer .content .conBox .formBox .agreeBox label .s2{display: block;float: left;font-size: 18px;color: #3e3e3e;line-height: 25px;margin-left: 7px;}
#fullpage .section.footer .content .conBox .formBox .agreeBox .p1{font-size: 16px;color: #afabab;padding-top: 5px;}
#fullpage .section.footer .content .conBox .formBox .agreeBox button{width: 280px;height: 50px;background: #3e3e3e;font-size: 18px;color: #fff;margin-top: 25px;}

#fullpage .section.footer .content2{width: 100%;margin: 0 auto;height: 100%;}
#fullpage .section.footer .content2 .conBox{padding-top: 100px;position: relative;height: 100vh;}
#fullpage .section.footer .content2 .conBox .left{float: left;height: auto;position: relative;padding-right: 77px;padding-left: 77px;padding-bottom: 20px;}
#fullpage .section.footer .content2 .conBox .left::before{content: '';position: absolute;height: 100vh;width: 100%;top:0;right: 0;background-color: #f9f9f9;z-index: -10;}
/* #fullpage .section.footer .content2 .conBox .left::after{content: '';width: 136px;height: 525px;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/mainurbas.png');position: absolute;bottom: -25px;right: 0;} */
#fullpage .section.footer .content2 .conBox .left::after{content: '';width: 136px;height: 525px;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/mainurbas.png');position: absolute;bottom: -25px;right: 0;display: none;}
#fullpage .section.footer .content2 .conBox .left .t1{font-size: 50px;color: #000;font-weight: 300;position: relative;line-height: 1;padding-bottom: 18px;margin-bottom: 50px;padding-top: 50px;}
#fullpage .section.footer .content2 .conBox .left .t1::after{content: '';height: 1px;position: absolute;width: 40px;height: 2px;background: #3e3e3e;left: 0;bottom: 0;}
#fullpage .section.footer .content2 .conBox .left .t1 span{font-weight: 500;}
#fullpage .section.footer .content2 .conBox .left .p1{font-size: 22px;color: #afabab;line-height: 1;}
#fullpage .section.footer .content2 .conBox .left .p1 span{font-size: 18px;color: #3e3e3e;margin-bottom: 10px;display: inline-block;}
#fullpage .section.footer .content2 .conBox .right{float: left;height: 100%;position: relative;padding-left: 60px;}
.gm-style .place-card-large{display: none;}
#fullpage .section.footer .content2 .conBox .right .map{position: relative;top: 50%;transform: translateY(-50%);}
#fullpage .section.footer .content2 .conBox .right .map li{float: left;width: 500px;height: 500px;}
#fullpage .section.footer .content2 .conBox .right .map li.le{margin-right: 30px;}
/* footer */
footer{background: #3e3e3e;text-align: center;min-width: 1200px;}
footer .logo{height: 104px;line-height: 104px;}
footer .sec2{border-top: 1px solid #525252;border-bottom: 1px solid #525252;position: relative;height: 50px;}
footer .sec2 ul{float: left;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
footer .sec2 ul li{float: left;}
footer .sec2 ul li a{color: #afabab;font-size: 16px;padding-left: 20px;padding-right: 20px;display: block;position: relative;}
footer .sec2 ul li:nth-child(2) a::after{content: '';position: absolute;height: 14px;width: 1px;background: #afabab;right: 0;top: 50%;transform: translateY(-50%);}
footer .sec2 ul li:nth-child(2) a::before{content: '';position: absolute;height: 14px;width: 1px;background: #afabab;left: 0;top: 50%;transform: translateY(-50%);}
footer .sec3{height: 70px;line-height: 70px;color: #afabab;font-size: 14px;}

/* sub */
header.sub{position: relative;}
.subBanner{height: 598px;background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;min-width: 1200px;}
.subBanner .line{width: 100%;height: 39px;position: absolute;left: 0;bottom: 0;background: #5a5a58d7;}
.subTitle1{}
.subTitle1 .t1{font-size: 40px;color: #000;font-weight: 300;line-height: 1;padding-top: 140px;padding-bottom: 28px;border-bottom: 1px solid #959595;}
.subTitle1 .t1 strong{font-weight: 500;}
.subBanner2{background-repeat: no-repeat;background-position: center;background-size:cover;height: 322px;position: relative;min-width: 1200px;}
.subBanner2 .line{height: 167px;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.subBanner2 .line nav{float: left;position: relative;left: 50%;transform: translateX(-50%);}
.subBanner2 .line nav ul{}
.subBanner2 .line nav ul li{float: left;margin-right: 20px;}
.subBanner2 .line nav ul li a{font-size: 22px;color: #fff;display: block;line-height: 1;}
.subBanner2 .line nav ul li a.on{color: #00a0e9;font-weight: 500;}
.subBanner2 .line nav .search{text-align: center;width: 600px;display: block;margin: 0 auto;position: relative;margin-top: 27px;margin-bottom: 19px;}
.subBanner2 .line nav .search button{position: absolute;top: 50%;right: 2px;z-index: 999;transform: translateY(-50%);width: 80px;height: 90%;display: block;background: #fff;border-radius: 12px;}
.subBanner2 .line nav .search button::before{content: '';left: 0;width: 1px;height: 56px;background: #666;position: absolute;top: 50%;transform: translateY(-50%);}
.subBanner2 .line nav .search input{width: 600px;height: 82px;color: #666;padding-left: 35px;font-size: 20px;border-radius: 12px;border: 2px solid #1d3855;}
.subTitle2{font-size: 40px;color: #000;font-weight: 300;text-align: center;padding-bottom: 50px;padding-top: 100px;}
.subTitle2 strong{font-weight: 500;}


/* news */
.subBanner10{height: 322px;background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;min-width: 1200px;}
.subBanner10 .line{width: 100%;height: 39px;position: absolute;left: 0;bottom: 0;background: #5a5a58d7;}
/* sub10. news  */
.subBanner10.sub10{background-image: url('../img/subBanner4.png');}

/* goods */
.subBanner11{height: 322px;background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;min-width: 1200px;}
.subBanner11 .line{width: 100%;height: 39px;position: absolute;left: 0;bottom: 0;background: #5a5a58d7;}

/* sub10. goods  */
.subBanner11.sub11{background-image: url('../img/subBanner5.png');}
/* modal */

/* sub1. design */
.subBanner.sub1{background-image: url('../img/subBanner1.png');}
.ctW.sub{background: #f9f9f9;}
.ctW.sub .ct .design1{width: 100%;}
.ctW.sub .ct .design1 .list{padding-left: 10px;padding-right: 10px;width: 100%;margin-top: 80px;}
.ctW.sub .ct .design1 .list .productList{width: 1247px;}
.ctW.sub .ct .design1 .list .productList li{float: left;margin-right: 67px;margin-bottom: 50px;}
.ctW.sub .ct .design1 .list .productList li{cursor: pointer;}
.ctW.sub .ct .design1 .list .productList li .imgBox{height: 440px;width: 556px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.ctW.sub .ct .design1 .list .productList li .imgBox2{height: 440px;width: 556px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.ctW.sub .ct .design1 .list .productList li .imgBox img{width: 100%;height: 100%;}
.ctW.sub .ct .design1 .list .productList li .imgBox2 img{width: 100%;height: 100%;}
.ctW.sub .ct .design1 .list .productList li .textBox{padding-top: 22px;}
.ctW.sub .ct .design1 .list .productList li .textBox .t1{font-size: 20px;color: #000;}
.ctW.sub .ct .design1 .list .productList li .textBox .p1{font-size: 16px;color: #666;}
.ctW.sub .ct .design1 .downBtn{text-align: center;margin-top: 45px;padding-bottom: 85px;cursor: pointer;}

/* sub2. Engineering */
.subBanner.sub2{background-image: url('../img/subBanner2.png');}

/* sub3. Making */
.subBanner.sub3{background-image: url('../img/subBanner3.png');}
.ctW.sub3{background: #fff;}
.ctW.sub3 .mainTitleW{width: 615px;margin: 0 auto;}
.ctW.sub3 .mainTitleW .mainTitle{width: 105px;}
.ctW.sub3 .mainTitleW .t2{font-size: 40px;}

.ctW.sub5 .mainTitleW{width: 590px;}
.ctW.sub5 .mainTitleW .mainTitle{width: 105px;}
.ctW.sub5 .mainTitleW .t2{font-size: 40px;}
.ctW.sub5 .content{padding-top: 100px;padding-bottom: 180px;}

.ctW.sub3 .ct .content{padding-top: 100px;}
.textCon{font-size: 18px;color: #999;padding-top: 37px;text-align: center;line-height: 1.7;}
.textCon span{color: #000;font-weight: 500;}
.ctW.sub3 .ct .content .imgBox{text-align: center;padding-top: 80px;padding-bottom: 115px;}
.ctW.sub3 .ct .content .imgBox2{text-align: center;padding-top: 80px;padding-bottom: 115px;}
.ctW.sub3 .ct .content .textCon2{font-size: 20px;color: #3e3e3e;font-weight: 400;padding-bottom: 30px;}
.ctW.sub3 .ct .content .exBox{margin-bottom: 80px;}
.ctW.sub3 .ct .content .exBox li{height: 474px;}
.ctW.sub3 .ct .content .exBox li:first-child{margin-bottom: 70px;}
.ctW.sub3 .ct .content .exBox li .img{float: left;width: 508px;height: 100%;}
.ctW.sub3 .ct .content .exBox li .textBox{float: left;width: 692px;height: 100%;display: table;}
.ctW.sub3 .ct .content .exBox li .textBox .box{display: table-cell;vertical-align: middle;padding-left: 47px;}
.ctW.sub3 .ct .content .exBox li .textBox .box .t1{font-size: 18px;color: #3e3e3e;font-weight: 400;line-height: 1;padding-bottom: 20px;}
.ctW.sub3 .ct .content .exBox li .textBox .box .t1 span{font-weight: 500;font-size: 26px;}
.ctW.sub3 .ct .content .exBox li .textBox .box .p2{font-size: 18px;color: #999;}
.ctW.sub3 .ct .content .exBox li .textBox .box img{margin-top: 40px;}
.ctW.sub3 .ct .content .btnArea{text-align: center;padding-bottom: 80px;}
.ctW.sub3 .ct .content .btnArea a{}

/* sub4 일정별 예산견적 */

.ctW.sub4{}
.ctW.sub4 .ct .estimate1{}
.ctW.sub4 .ct .estimate1 .subt1{border-top: 1px solid #afabab;padding-top: 67px;padding-bottom: 45px;}
.ctW.sub4 .ct .estimate1 .subt1 .t1{font-size: 24px;color: #666;text-align: center;font-weight: 400;line-height: 1;padding-bottom: 5px;}
.ctW.sub4 .ct .estimate1 .subt1 .p1{text-align: center;font-size: 18px;color: #adadad;font-weight: 300;}
.ctW.sub4 .ct .estimate1 .sizeCheck{position: relative;margin-bottom: 40px;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul{position: relative;float: left;left: 50%;transform: translateX(-50%);}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li{text-align: center;float: left;margin-left: 35px;margin-right: 35px;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li .t1{font-size: 24px;color: #000;font-weight: 500;line-height: 1;padding-bottom: 10px;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li .p1{font-size: 18px;color: #afabab;font-weight: 400;margin-bottom: 15px;line-height: 1.3;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li label{display: block;width: 89px;height: 89px;margin: 0 auto;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li label input{display: none;}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li label input[type="radio"]:checked + .s1{background-image: url('../img/select2.png');}
.ctW.sub4 .ct .estimate1 .sizeCheck ul li label .s1{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/select1.png');display: block;transition: all .5s;cursor: pointer;}
.ctW.sub4 .ct .estimate1 .selectBox{width: 924px;height: 90px;border: 2px solid #dadada;margin: 0 auto 17px;
    -webkit-box-shadow: 7px 7px 45px 10px rgba(0,0,0,0.09);
-moz-box-shadow: 7px 7px 45px 10px rgba(0,0,0,0.09);
box-shadow: 7px 7px 45px 10px rgba(0,0,0,0.09);}
.ctW.sub4 .ct .estimate1 .selectBox{}
.ctW.sub4 .ct .estimate1 .selectBox .con{height: 100%;}
.ctW.sub4 .ct .estimate1 .selectBox .con .left{width: 140px;height: 100%;float: left;text-align: center;line-height: 86px;font-size: 24px;font-weight: 500;position: relative;}
.ctW.sub4 .ct .estimate1 .selectBox .con .left::after{content: '';width: 1px;height: 54px;background: #d1d1d1;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.ctW.sub4 .ct .estimate1 .selectBox .con .right{float: left;height: 100%;width: 780px;padding-left: 66px;display: table}
.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl{display: table-cell;vertical-align: middle;}
.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li{float: left;margin-right: 32px;}
.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li label{display: block;}
.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li label input{display: none;}
.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li label input[type="radio"]:checked + .s1{border: 2px solid #008dce;}

.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li label input[type="checkbox"]:checked + .s1{border: 2px solid #008dce;}

.ctW.sub4 .ct .estimate1 .selectBox .con .right .boxUl li label .s1{display: block;width: 120px;height: 40px;border: 2px solid #d1d1d1;text-align: center;line-height: 36px;font-size: 18px;color: #000;transition: all .5s;cursor: pointer;-webkit-box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);
-moz-box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);
box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);}

.ctW.sub4 .ct .estimate1 .selectBox.box2 .con .right .boxUl{display: none;}
.ctW.sub4 .ct .estimate1 .selectBox.box2 .con .right .boxUl.on{display: table-cell;}
.ctW.sub4 .ct .estimate1 .selectWrap{padding-bottom: 70px;}

/* 확인 버튼 */
.firstCheck{text-align: center;}
.firstCheck .checkBtn{width: 100px;height: 50px;line-height: 50px;color: #fff;background: #333;font-size: 18px;margin-top: 30px;border-radius: 3px;}

/* step3 */
.ctW.sub4 .ct .estimate1 .selectBox.box3{margin-bottom: 34px;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con{display: none;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con{display: none;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con.on{display: block;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con.on{display: block;}

.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .left{line-height: 230px;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .left::after{height: 180px;}
.ctW.sub4 .ct .estimate1 .selectBox.box3{height: 230px;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right{padding-left: 135px;padding-right: 135px;overflow: hidden;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl{width: 102%;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl li{width: 23%;margin-right: 2%;height: 80px;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl li .textBox{line-height: 1.2;text-align: center;height: 50px;display: table;width: 100%;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl li .textBox .t1{display: table-cell;vertical-align: middle;width: 100%;font-size: 18px;font-weight: 400;word-break: keep-all;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl li .inputBox{text-align: center;}
.ctW.sub4 .ct .estimate1 .selectBox.box3 .con .right .boxUl li .inputBox input{width: 70px;height: 32px;border: 2px solid #d1d1d1;text-align: center;font-size: 18px;}


.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .left{line-height: 230px;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .left::after{height: 180px;}
.ctW.sub4 .ct .estimate1 .selectBox.box4{height: 230px;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right{padding-left: 135px;padding-right: 135px;overflow: hidden;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl{width: 102%;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl li{width: 23%;margin-right: 2%;height: 80px;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl li .textBox{line-height: 1.2;text-align: center;height: 50px;display: table;width: 100%;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl li .textBox .t1{display: table-cell;vertical-align: middle;width: 100%;font-size: 18px;font-weight: 400;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl li .inputBox{text-align: center;}
.ctW.sub4 .ct .estimate1 .selectBox.box4 .con .right .boxUl li .inputBox input{width: 70px;height: 32px;border: 2px solid #d1d1d1;text-align: center;font-size: 18px;}
.ctW.sub4 .ct .estimate1 .folding{text-align: center;margin-top: 53px;margin-bottom: 75px;}
.ctW.sub4 .ct .estimate1 .folding img{cursor: pointer;}
.ctW.sub4 .ct .estimate1 .folding.on .folding2{display: none;}
.ctW.sub4 .ct .estimate1 .folding.on .folding1{display: inline;}
.ctW.sub4 .ct .estimate1 .folding .folding1{display: none;}
.ctW.sub4 .ct .estimate1 .folding .folding2{display: inline;}
.ctW.sub4 .ct .estimate1 .estimateSub{padding-bottom: 100px;display: none;}
.ctW.sub4 .ct .estimate1 .estimateSub.on{display: block;}
.ctW.sub4 .ct .estimate1 .estimateSub .t1{font-size: 24px;color: #666;text-align: center;font-weight: 400;margin-bottom: 15px;}
.ctW.sub4 .ct .estimate1 .estimateSub .gn{width: 204px;height: 60px;background: #212121;font-size: 18px;color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 60px;font-weight: 300;}
.ctW.sub4 .ct .estimate1 .estimateSub .dataList{padding-top: 30px;width: 1160px;overflow: hidden;margin: 0 auto;margin-bottom: 70px;}
.ctW.sub4 .ct .estimate1 .estimateSub .dataList ul{width: 1200px;}
.ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li{float: left;margin-right: 40px;}
.ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li .text{text-align: center;font-size: 24px;color: #666;font-weight: 400;padding-bottom: 3px;}
.ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li input{width: 360px;height: 62px;border: 2px solid #afabab;background: #d2e7ed;text-align: center;font-size: 24px;color: #666;font-weight: 300;}
.ctW.sub4 .ct .estimate1 .estimateSub .t2{font-size: 28px;color: #666;font-weight: 400;position: relative;padding-bottom: 7px;}
.ctW.sub4 .ct .estimate1 .estimateSub .t2::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: #afabab;}
.ctW.sub4 .ct .estimate1 .estimateSub .t2 span{font-size: 18px;color: #adadad;margin-left: 5px;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap{padding-top: 23px;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table{width: 100%;border-collapse: collapse;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th{font-size: 22px;color: #fff;background: #1d86a7;font-weight: 300;border: 1px solid #afabab;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.jung{font-size: 22px;height: 30px;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.ha{font-size: 18px;height: 27px;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.ha input{background: transparent;color: #fff;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.ha input.per{
  text-align: center;
  background: #fff;
  color: #333;
  margin-bottom: 3px;
  margin-right: 4px;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr td{border: 1px solid #afabab;text-align: center;height: 60px;font-size: 22px;color: #666;
}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr{page-break-inside: avoid;page-break-after: auto;}
.ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr td input{text-align: center;color: #666;border: 1px solid #999;width: 90% !important;}
.ctW.sub4 .ct .estimate1 .estimateSub .esEx{font-size: 18px;color: #adadad;padding-top: 20px;padding-bottom: 55px;line-height: 1.3;}
.ctW.sub4 .ct .estimate1 .estimateSub .esEx .blank{display: inline-block;width: 6px;}
.ctW.sub4 .ct .estimate1 .estimateSub .lastLink{width: 420px;height: 60px;margin: 0 auto;}
.ctW.sub4 .ct .estimate1 .estimateSub .lastLink li{background: #212121;width: 200px;color: #fff;height: 60px;float: left;line-height: 60px;text-align: center;font-size: 18px;cursor: pointer;}
.ctW.sub4 .ct .estimate1 .estimateSub .lastLink li:first-child{margin-right: 20px;}
.ctW.sub4 .ct .estimate1 .estimateSub .lastLink li a{color: #fff;display: block;width: 100%;height: 100%;text-align: center;}
.ctW.sub4 .ct .estimate1 .estimatePopup .t2{font-size: 24px;color: #666;font-weight: 400;position: relative;padding-bottom: 7px;}
.ctW.sub4 .ct .estimate1 .estimatePopup .t2::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: #afabab;}

.estimatePopup{width: 1300px;position: absolute;left: 50%;transform: translateX(-50%);background: #fff;z-index: 9999;border-radius: 15px;padding-left: 50px;padding-right: 50px;padding-top: 35px;padding-bottom: 35px;bottom: 30px;display: none;}
.estimatePopup.view{position: relative;bottom: auto;width: 1200px;padding-left: 0;padding-right: 0;}
.estimatePopup .closeBtn{content: '';position: absolute;top: 0;right: -80px;width: 60px;height: 60px;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/popupClose.png');cursor: pointer;}
.estimateBack.on{display: block;}
.estimatePopup.on{display: block;}
.estimateBack{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 999;display: none;}
.selfBudget .t2{font-size: 20px;color: #00a0e9;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;font-weight: 500;margin-bottom: 15px;}
.selfBudget .toggleBtn{font-size: 20px;color: #333;cursor: pointer;font-weight: 500;}

.estimatePopup .t3{font-size: 24px;color: #666;font-weight: 400;text-align: right;font-weight: 300;line-height: 1;padding-bottom: 20px;padding-right: 50px;}
.estimatePopup .eBox{margin-bottom: 35px;}
.estimatePopup .eBox .le{width: 710px;height: 200px;float: left;}
.estimatePopup .eBox .le ul.list{width: 575px;margin: 0 auto;}
.estimatePopup .eBox .le ul.list li{width: 160px;float: left;margin-right: 47px;text-align: center;font-size: 24px;color: #000;}
.estimatePopup .eBox .le ul.list li.l1{}
.estimatePopup .eBox .le ul.list li.l1 .roundBox{height: 160px;line-height: 160px;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/roungBack.png');}
.estimatePopup .eBox .le ul.list li p.subject{font-size: 24px;color: #666;margin-bottom: 13px;}
.estimatePopup .eBox .le ul.list li .boxWrap{}
.estimatePopup .eBox .le ul.list li .boxWrap .selectSpan{
    margin: 0 auto 4px;
    display: block;
    width: 120px;
    height: 40px;
    border: 2px solid #d1d1d1;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #000;
    transition: all .5s;
    cursor: pointer;
    -webkit-box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);
    -moz-box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);
    box-shadow: 7px 7px 9px -4px rgba(0,0,0,0.09);
    border: 2px solid #008dce;
}

.estimatePopup .eBox .le ul.list li:last-child{margin-right: 0;}
.estimatePopup .eBox .ri{float: left;}
.estimatePopup .eBox .ri table{border-collapse: collapse;border:none;}
.estimatePopup .eBox .ri table tr th{padding-left: 40px;padding-right: 25px;color: #666;border:none;}
.estimatePopup .eBox .ri table tr th h1{font-weight: 400;font-size: 24px;}
.estimatePopup .eBox .ri table tr td{padding-bottom: 5px;border:none;}
.estimatePopup .eBox .ri table tr td div.inputBox{width: 360px;height: 60px;border:2px solid #afabab;background: #d2e7ed;text-align: center;line-height: 62px;font-size: 22px;color: #666;}
.estimatePopup .exBox{padding-top: 17px;padding-bottom: 30px;}
.estimatePopup .exBox.type1{padding-top: 0;}
.estimatePopup .exBox .t5{font-size: 20px;color: #333;font-weight: 400;}
.estimatePopup .exBox .p5{font-size: 18px;color: #adadad;font-weight: 300;}
.estimatePopup .printBtn{width: 180px;height: 60px;display: block;margin:0 auto;background: #212121;color: #fff;text-align: center;line-height: 60px;font-weight: 300;font-size: 18px;}

.estimatePopup .tableWrap{padding-top: 23px;}
.estimatePopup .tableWrap table{width: 100%;border-collapse: collapse;}
.estimatePopup .tableWrap table tr th{font-size: 26px;color: #fff;background: #1d86a7;font-weight: 300;border: 1px solid #afabab;}
.estimatePopup .tableWrap table tr th.jung{font-size: 22px;height: 30px;}
.estimatePopup .tableWrap table tr th.ha{font-size: 18px;height: 27px;}
.estimatePopup .tableWrap table tr th.ha input{background: transparent;color: #fff;}
.estimatePopup .tableWrap table tr td{border: 1px solid #afabab;text-align: center;height: 60px;font-size: 20px;color: #666;}
.estimatePopup .tableWrap table tr td input{text-align: center;color: #666;}


.estimatePopup .t2{font-size: 24px;color: #666;font-weight: 400;position: relative;padding-bottom: 7px;}
.estimatePopup .t2::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: #afabab;}

.subTitle3{padding-top: 70px;}
.subTitle3 .conTitle{font-size: 40px;color: #000;font-weight: 400;text-align: center;}
.subTitle3 .conContent{font-size: 24px;color: #666;text-align: center;}

/* 체크 박스 */
label.checkBox1{width: 16px;height: 16px;display: block;margin: 0 auto;}
label.checkBox1 input{display: none;}
label.checkBox1 span.s1{width: 100%;height: 100%;display:block;position: relative;border: 1px solid #dedede;background: #fff;}
label.checkBox1 span.s1::after{content: '';position: absolute;width: 10px;height: 10px;background: #333;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
label.checkBox1 input[type="checkbox"]:checked + .s1::after{display: block;}


/* 견적문의 */
.contactUs{padding-top: 80px;}
.contactUs table{width: 100%;border-collapse: collapse;margin-bottom: 40px;}
.contactUs table tr th{height: 49px;background: #333;color: #fff;font-weight: 300;}
.contactUs table tr th.check{width: 45px;}
.contactUs table tr th.number{width: 69px;}
.contactUs table tr th.title{}
.contactUs table tr th.writer{width: 105px;}
.contactUs table tr th.date{width: 105px;}

.contactUs table tr td{text-align: center;height: 49px;border-bottom: 1px solid #ebebeb;}
.contactUs table tr td.check{text-align: center;}
.contactUs table tr td.number{text-align: center;}
.contactUs table tr td.title{text-align: left;}
.contactUs .clearBox{}
.contactUs .clearBox .box{display: block;width: 120px;height: 40px;background: #333;font-size: 14px;color: #fff;text-align: center;line-height: 40px;font-weight: 300;float: right;}
.contactUs .pagerWrap{padding-bottom: 40px;}
.contactUs .requesWrap{padding-bottom: 65px;}
.contactUs .requesWrap a.requesLink{display: block;width: 180px;height: 60px;background: #212121;text-align: center;line-height: 60px;color: #fff;margin:0 auto;}

.contactUs .nwBox .nwBoxWrap{position: relative;}
.contactUs .nwBox{width: 210px;float: right;}
.contactUs .nwBox .box{width: 80px;height: 40px;display: block;color: #fff;background: #8e8e93;text-align: center;line-height: 40px;font-weight: 400;float: left;margin-right: 8px;}
.contactUs .nwBox .box2{width: 120px;height: 40px;display: block;color: #fff;background: #333;text-align: center;line-height: 40px;font-weight: 400;float: left;}

/* 견적문의 요청 */
.contactUsRe{}
.contactUsRe .tableWrap{padding-top: 80px;}
.contactUsRe .tableWrap table{width: 100%;border-top: 4px solid #333;}
.contactUsRe .tableWrap table tr th{font-size: 18px;color: #9e9e9e;font-weight: 400;width: 112px;position: relative;height: 60px;border-bottom: 1px solid #ebebeb;}
.contactUsRe .tableWrap table tr th::after{content: '';position: absolute;width: 1px;height: 40px;background: #ebebeb;right: 0;top: 50%;transform: translateY(-50%);}
.contactUsRe .tableWrap table tr td{padding-left: 35px;height: 60px;border-bottom: 1px solid #ebebeb;}
.contactUsRe .tableWrap table tr td input{padding-left: 11px;height: 40px;border: 1px solid #ebebeb;font-size: 16px;}
.contactUsRe .tableWrap table tr td input.type1{width: 286px;}
.contactUsRe .tableWrap table tr td input.type2{width: 1020px;}
.contactUsRe .dHtmlBox{margin-top: 10px;margin-bottom: 25px;}
.contactUsRe .dT1{font-size: 20px;color: #000;font-weight: 700;}
.contactUsRe .dT1 span{font-size: 12px;color: #3e3e3e;}
.contactUsRe .dP1{font-size: 16px;color: #adadad;font-weight: 300;}
.contactUsRe .fileArea{margin-top: 15px;margin-bottom: 15px;}
.contactUsRe .checkArea .checkBox1{float: left;width: 24px;height: 24px;}
.contactUsRe .checkArea .checkBox1 .s1{border: 2px solid #9e9e9e;}
.contactUsRe .checkArea .agree1{float: left;font-size: 16px;color: #9e9e9e;margin-left: 10px;line-height: 24px;cursor: pointer;}
.contactUsRe .submitBox{width: 326px;margin: 25px auto 44px;}
.contactUsRe .submitBox .link{width: 126px;height: 60px;border: 1px solid #afabab;display: block;text-align: center;line-height: 60px;color: #afabab;float: left;margin-right: 20px;font-size: 16px;}
.contactUsRe .submitBox .req{width: 180px;height: 60px;float: left;background: #212121;color: #fff;font-size: 16px;cursor: pointer;}

.subTitle4{padding-top: 75px;padding-bottom: 35px;}
.subTitle4 .t1{font-size: 40px;color: #000;text-align: center;line-height: 1;font-weight: 400;}
.subTitle4 .p1{font-size: 24px;color: #666;text-align: center;font-weight: 400;}
.textBox1{text-align: center;padding-top: 55px;border-top: 1px solid #afabab;border-bottom: 1px solid #afabab;}
.textBox1 .ex1{font-size: 32px;color: #000;font-weight: 400;}
.textBox1 .ex2{font-size: 18px;color: #adadad;padding-bottom: 55px;}
.Payment .imgBox{text-align: center;}
.Payment .imgBox2{text-align: center;}
.contract .imgBox{padding-top: 50px;}
.contract .imgBox2{padding-top: 50px;}

.aLink{text-align: center;margin-top: 57px;margin-bottom: 135px;}
.aLink a{display: inline-block;padding:0 27px;text-align: center;background: #333;color: #fff;height: 60px;line-height: 60px;font-size: 18px;}

.Warranty .imgBox{text-align: center;}
.Warranty .imgBox2{text-align: center;}

.ctW.sub5 .instaBox{width: 1200px;margin-top: 70px;margin-bottom: 70px;}
.ctW.sub5 .instaBox ul{width: 1260px;}
.ctW.sub5 .instaBox ul li{float: left;width: 360px;margin-right: 60px;height: 360px;background: #fff;margin-bottom: 60px;}
.ctW.sub5 .instaBox ul li a img{width: 100%;height: 100%;}

.ctW.sub5 .instaBox2{width: 1200px;height: 600px;background-repeat: no-repeat;background-position: center;background-size:cover;background-image: url('../img/blogImg.png');}
.ctW.sub5 .instaBox2 .box{padding-left: 650px;padding-top: 250px;}
.ctW.sub5 .instaBox2 .box .t1{font-size: 24px;color: #fff;font-weight: 300;line-height: 1;padding-bottom: 20px;position: relative;}
.ctW.sub5 .instaBox2 .box .t1::after{content: '';width: 298px;height: 1px;background: #fff;bottom: 0;left: -105px;position: absolute;}
.ctW.sub5 .instaBox2 .box .p1{font-size: 18px;color: #fff;font-weight: 300;padding-top: 25px;}
.ctW.sub5 .instaBox2 .box .blogLink{display: block;width: 180px;height: 60px;background: #333;color: #fff;text-align: center;line-height: 60px;margin-top: 18px;font-size: 18px;}
/* 성훈추가 */

@media print{
    /* .estimatePopup{width: 100%;} */
    .ctW.sub4 .ct .estimate1 .estimateSub{padding-bottom: 100px;display: none;}
    .ctW.sub4 .ct .estimate1 .estimateSub.on{display: block;}
    .ctW.sub4 .ct .estimate1 .estimateSub .t1{font-size: 24px;color: #666;text-align: center;font-weight: 400;margin-bottom: 15px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .gn{width: 204px;height: 60px;background: #212121;font-size: 16px;color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 60px;font-weight: 300;}
    .ctW.sub4 .ct .estimate1 .estimateSub .dataList{padding-top: 30px;width: 100%;overflow: hidden;margin: 0 auto;margin-bottom: 70px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .dataList ul{width: 1200px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li{float: left;margin-right: 40px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li .text{text-align: center;font-size: 22px;color: #666;font-weight: 400;padding-bottom: 3px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .dataList ul li input{width: 360px;height: 62px;border: 2px solid #afabab;background: #d2e7ed;text-align: center;font-size: 24px;color: #666;font-weight: 300;}
    .ctW.sub4 .ct .estimate1 .estimateSub .t2{font-size: 28px;color: #666;font-weight: 400;position: relative;padding-bottom: 7px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .t2::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: #afabab;}
    .ctW.sub4 .ct .estimate1 .estimateSub .t2 span{font-size: 18px;color: #adadad;margin-left: 5px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap{padding-top: 23px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table{width: 100%;border-collapse: collapse;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th{font-size: 22px;color: #fff;background: #1d86a7;font-weight: 300;border: 1px solid #afabab;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.jung{font-size: 22px;height: 30px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.ha{font-size: 18px;height: 27px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr th.ha input{background: transparent;color: #fff;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr td{border: 1px solid #afabab;text-align: center;height: 60px;font-size: 22px;color: #666;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr td input{text-align: center;color: #666;border: 1px solid #999;width: 90% !important;}
    .ctW.sub4 .ct .estimate1 .estimateSub .esEx{font-size: 18px;color: #adadad;padding-top: 20px;padding-bottom: 55px;line-height: 1.3;}
    .ctW.sub4 .ct .estimate1 .estimateSub .esEx .blank{display: inline-block;width: 6px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .lastLink{width: 380px;height: 60px;margin: 0 auto;}
    .ctW.sub4 .ct .estimate1 .estimateSub .lastLink li{background: #212121;width: 180px;color: #fff;height: 60px;float: left;line-height: 60px;text-align: center;font-size: 16px;cursor: pointer;}
    .ctW.sub4 .ct .estimate1 .estimateSub .lastLink li:first-child{margin-right: 20px;}
    .ctW.sub4 .ct .estimate1 .estimateSub .lastLink li a{color: #fff;display: block;width: 100%;height: 100%;text-align: center;}
    .ctW.sub4 .ct .estimate1 .estimateSub .tableWrap table tr{page-break-inside: avoid;page-break-after: auto;}
    table {
        width: 100%;
        border: 1px solid #444444;
        border-collapse: collapse;
      }
      th, td {
        border: 1px solid #444444;
      }
      tr{page-break-inside: avoid;page-break-after: auto;}
      /**/
.topC{width: 100%;padding-bottom: 30px;}
.topC .le{float: left;width: 50%;text-align: center;padding-top: 30px;}
.topC .le img{width: 300px;}
.topC .ri{float: right;width: 50%;padding-top: 30px;}
.topC .ri .c1{font-size: 24px;color:#333;}
    @page{
        size:28cm;
        margin: 0;
    }
    html,body{border: 0;margin: 0;padding: 0;}
}
@media print and (color) {
    * {
       -webkit-print-color-adjust: exact;
       print-color-adjust: exact;
    }
 }
 @media print  and (orientation: portrait) {
    body { min-width:1300px; }
 }
@page { 
    /* size: 27.5cm 28cm; */
    /* size: 28cm 29.7cm; */
    margin: 0;
    
}


/* .a4 { page: a4sheet; page-break-after: always } */
/* body { margin: 1.6cm; } */

.estimateTBox{}
.estimateTBox .estimateTitle{font-size: 20px;color: #212121;font-weight: 500;padding-top: 20px;line-height: 1;border-top: 4px solid #333;}
.estimateTBox .estimatecontent{font-size: 14px;color: #616161;line-height: 1.6;padding-top: 12px;}
.estimateTBox .estimatecontent span{display: block;}
.selfBudget{}
.selfBudget.contactUs{margin-top: 30px;}
.selfBudget .toggleBtn .up{display: inline;margin-right: 3px;}
/* .selfBudget .toggleBtn .down{display: none;}
.selfBudget .toggleBtn.on .down{display: inline;}
.selfBudget .toggleBtn.on .up{display: none;} */

.estimatePopup.print{top: 0;bottom: auto;}
.sec1 .arrowWrap .swiper-button-next, .sec1 .arrowWrap .swiper-button-prev{margin-top: 0;}

/**/
.topC{width: 100%;padding-bottom: 30px;}
.topC .le{float: left;width: 50%;text-align: center;padding-top: 30px;}
.topC .le img{width: 300px;}
.topC .ri{float: right;width: 50%;padding-top: 30px;}
.topC .ri .c1{font-size: 24px;color:#333;}

@media (max-width:1680px){
  #fullpage .section .content{padding-left: 20px;}
  #fullpage .section.sec2 .content .imgBox{width: 460px;}
  #fullpage .section.sec2 .content .imgBox2{width: 460px;}
  #fullpage .section.sec4 .conBox .right{padding-left: 20px;}
  #fullpage .section.sec4 .conBox .left{padding-left: 20px;}
  #fullpage .section.sec1 .slide2 .content .textBox{width: 690px;}

  #fullpage .section.footer .content2 .conBox .left{padding-left: 4.5833vw;padding-right: 4.5833vw;}
  #fullpage .section.footer .content2 .conBox .right{padding-left: 3.5714vw;}
  #fullpage .section.footer .content2 .conBox .left .t1{font-size: 2.9762vw;}
  #fullpage .section.footer .content2 .conBox .left .p1 span{font-size: 1.0714vw;}
  #fullpage .section.footer .content2 .conBox .left .p1{font-size: 1.3095vw;}
  #fullpage .section.footer .content2 .conBox .right .map li{width: 29.7619vw;height: 29.7619vw;}
  #fullpage .section.footer .content2 .conBox .right .map li.le{margin-right: 1.7857vw;}
}
@media (max-width:1550px){
  #fullpage .section .sideTitle{left: 5.292vw;}
}

.fileArea{}
.fileArea .file_wr.write_div{margin-bottom: 5px;}
.fileArea .fImg{float: left;margin-right: 9px;}
.fileArea .fileBox1{float: left;border:1px solid #ebebeb;width: calc(100% - 49px);height: 40px;padding-left: 78px;position: relative;}
.fileArea .fileBox1 .fileText{width: 60px;height: 24px;border: 1px solid #ebebeb;position: absolute;top: 50%;transform: translateY(-50%);left: 9px;font-size: 12px;text-align: center;line-height: 24px;color: #616161;background: #f5f5f5;cursor: pointer;}
.fileArea .fileBox1 .upload-name{height: 100%;outline: none;}
.fileArea .fileBox1 .fileText input{display: none;}
.fileArea .fileBox1 .fileText label{display: block;}
.fileArea .fileBox1 .fileText span{cursor: pointer;}

.subBanner.privacy{}
.privacy .pContent{padding-top: 80px;font-size: 18px;}
.ctW .ct .privacy{padding-bottom: 85px}

/*.popupCt {*/
/*    display: none; }*/



/* .estimatePopup.top{bottom: auto;top: 0;} */
/*.listViewPopup{position: fixed;width: 100%;height: 100%;z-index: 9999999999;background: #fff;left: 0;top: 0;*/
/*    transition: all .5s;opacity: 0;display: none;overflow-y: scroll;*/
/*    -ms-overflow-style: none; !* IE and Edge *!*/
/*    scrollbar-width: none; !* Firefox *!*/
/*}*/

/*.listViewPopup::-webkit-scrollbar {*/
/*    display: none; !* Chrome, Safari, Opera*!*/
/*}*/
/*.listViewPopup.on{display: block;}*/
/*.listViewPopup.on.op{opacity: 1;}*/
/*.listViewPopup .closeBtn{position: absolute;top: 20px;right: 20px;z-index: 999999;}*/
/*.listViewPopup .closeBtn img{width: 40px;cursor: pointer;}*/
/*.listViewPopup .ct{padding-top: 70px;}*/
/*.listViewPopup img{max-width: 1200px;}*/
/*body.active{*/
/*    -ms-overflow-style: none; !* IE and Edge *!*/
/*    scrollbar-width: none; !* Firefox *!*/
/*}*/
/*body.active::-webkit-scrollbar{*/
/*    display: none; !* Chrome, Safari, Opera*!*/
/*}*/

/*@media(max-width:1200px){*/
/*    .ctW .ct .privacy{}*/
/*}*/


.popup_cont { display: none; }
.listViewPopup { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999999; background-color: rgba(0,0,0,0.4); padding: 50px 0; display: none; }
.listViewPopup.on { display: block; }
.listViewPopup .inner { width: 1200px; height: 100%; background-color: #fff; margin: auto; padding: 20px; }
.listViewPopup img{max-width: 100%;}

.listViewPopup .closeBtn { text-align: right; }
.listViewPopup .closeBtn img { cursor: pointer; width: 40px; }

#addContent { height: calc(100% - 100px); overflow-y: scroll; margin-top: 60px; -ms-overflow-style: none;
    scrollbar-width: none; }

#addContent::-webkit-scrollbar {
   display: none;
    scrollbar-width: none;
}


.pad_title
{
    background-image: url("/img/images/PAD_05.jpg");
	width: 202px;
	height: 46px;
	padding-left: 25px;
	padding-top: 8px;
	font-size: 24px;
	font-weight: bold;
}

.pad_con
{
	width: 900px;
	float: center;
	margin-left: 50px;
	margin-bottom: 30px;
	line-height: 150%;
	font-size : 14px;
}
.pad_con_title 
 {
	 font-size: 16px;
	 font-weight:bold;


}