@charset "UTF-8";
.cd-vertical-nav a::before {background-color: #0066ff;}
.cd-vertical-nav a.active::before{border:2px solid #0066ff;}

#section1{position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;}
#section1:before {position:absolute;content:"";display:block;top:288px;width:100%;height:450px;background:#0066ff;}
#section1 .content-wrapper{position:relative;width:100%;margin:0 auto;text-align:center;height:100%;vertical-align:top;}

.bt_txt {width:100%;padding:850px 0 20px;text-align:center;font-size:14px;color:#666;line-height:140%;} 

#section1 .object-box{position:absolute;width:100%;margin:0 auto;text-align:center;top:0;}
#section1 .object-box .obbox{position:relative;max-width:1500px;margin:0 auto;text-align:center;height:840px;}
#section1 .object01{position:absolute;bottom:10px;left:89px;}
#section1 .object02{position:absolute;bottom:0px;left:602px;}
#section1 .object03{position:absolute;bottom:65px;left:744px;}

#section2{position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;}
#section2.cd-section{height:auto;}
#section2 .content-wrapper{position:relative;display:block;left:0;width:92%;margin:0 auto;text-align:center;vertical-align:top;}

#section2 .content-wrapper .content-box {display:block;max-width:1300px;margin:0 auto 10px;overflow:hidden;}
#section2 .content-wrapper .content-box .txt-box {text-align:center; padding-top: 100px;}
#section2 .content-wrapper .content-box .txt-box h3{color:#0066ff;font-size:50px;line-height:120%;letter-spacing:2px;font-weight:300;}
#section2 .content-wrapper .content-box .txt-box span {display:block;}
#section2 .content-wrapper .content-box .txt-box p {padding:20px 10px 0 0;font-size:14px;color:#666;line-height:140%;} 
#section2 .content-wrapper .ea-txt {margin-top:65px; font-size:14px;color:#666;line-height:140%;} 

#section2 .content-wrapper .content-box .object-box{text-align:center; }
#section2 .content-wrapper .content-box .obbox{margin-top:30px;}
#section2 .content-wrapper .content-box .obbox > div{display:inline-block; vertical-align: middle;}
#section2 .content-wrapper .content-box .obbox > div.object04 {padding:0 5px 35px 5px;}
#section2 .content-wrapper .content-box .obbox > div.object05 {padding:0 5px 35px 5px;}
#section2 .content-wrapper .content-box .obbox > div:first-child{padding-left: 0; background: none;}
#section2 .content-wrapper .content-box .obbox span{display:block; padding-top:20px; font-weight:400; color:#396cd6;}

#section2 .content-wrapper .style{display:block;max-width:1100px;margin:0 auto;overflow:hidden;}
#section2 .content-wrapper .style ul{padding:120px 0 80px 0;display:block;overflow:hidden;}
#section2 .content-wrapper .style ul li{float:left;width:19.2%;display:table;box-sizing:border-box;margin-left:1%;font-size:13px;line-height:150%;color:#0066ff;word-break:keep-all;word-wrap:break-word;}
#section2 .content-wrapper .style ul li:first-child {margin-left:0}
#section2 .content-wrapper .style ul li img{display:none;margin:0 auto;margin-bottom:20px;border:1px solid #0066ff}
#section2 .content-wrapper .style p{display:block;text-align:center;font-size:26px;font-weight:bold;line-height:120%;color:#0066ff;letter-spacing:-2px;margin:0 5px 20px 5px;padding-bottom:10px;border-bottom:1px solid #0066ff;}

#section3{position:relative;width:100%;margin:0 auto 50px;border-top:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;height:45vh;}
#section3 .content-wrapper{position:relative;display:block;left:0;width:100%;margin:0 auto;text-align:center;vertical-align:top;padding:30px 0 0 0;}
#section3 .content-wrapper .conbox{display:block;margin:0 auto;width:1100px;padding:40px 0 70px;overflow:hidden;}
#section3 .content-wrapper .coninfo{float:left;width:60%;word-break:keep-all;word-wrap:break-word;}
#section3 .content-wrapper .coninfo h3{display:block;color:#666;margin:0 auto;text-align:left;letter-spacing:-1px;overflow:hidden;padding:20px 0 70px 0;font-size:18px;font-weight:300;}
#section3 .content-wrapper .coninfo span{font-size:11px;display:block;text-align:left;color:#000;font-weight:400;margin-bottom:28px;}
#section3 .content-wrapper .coninfo strong{position:relative;display:block;text-align:left;color:#000;font-size:16px;font-weight:500;}
#section3 .content-wrapper .coninfo strong:before{position:absolute;content:"";display:block;top:-14px;left:0;width:27px;height:4px;background:#0066ff;} 
#section3 .content-wrapper .contact{float:left;width:40%;position:relative;margin-top:20px}

#section3 .object-box{position:absolute;width:100%;margin:0 auto;top:0;}
#section3 .object-box .obbox{position:relative;width:1100px;margin:0 auto;}
#section3 .object01{position:absolute;bottom:-365px;right:70px;}
#section3 .content-wrapper .contact a{position:relative;display:block;width:212px;height:212px;background:#0066ff;border-radius:50%;font-size:14px;color:#fff;text-align:center;box-sizing:border-box;padding-top:142px}
#section3 .content-wrapper .contact a:before{position:absolute;content:"";display:block;top:80px;left:50%;margin-left:-55px;width:110px;height:30px;background:url(../img/a_ea.png) no-repeat 0 0;} 
#section3 .content-wrapper .contact a:after{position:absolute;content:"";display:block;top:130px;left:50%;margin-left:-72.5px;width:145px;height:1px;background:#fff;} 

/* 반응형 */

@media screen and (max-width: 1400px) {

#section1 .object-box .obbox{width:98%;height:720px;}
#section1 .object01 img{width:370px;}
#section1 .object02 img{width:200px;}
#section1 .object03 img{width:680px;}
#section1 .object01{bottom:0%;left:50%;margin-left:-520px}
#section1 .object02{bottom:1%;left:50%;margin-left:-200px}
#section1 .object03{bottom:7%;left:50%;margin-left:-120px}

#section1:before {top:220px;height:430px;}
.bt_txt {padding:740px 0 20px;}

#section2 .content-wrapper .content-box .txt-box {padding-top:50px;}

}


@media screen and (max-width: 1280px) {

#section2 .content-wrapper .br{display:inline;}
#section2 .content-wrapper .content-box .obbox{font-size:0;}
#section2 .content-wrapper .content-box .obbox > div{width:33.3%; font-size:15px; color: #396cd6; font-weight:600;}
#section2 .content-wrapper .content-box .obbox > div.object04{display:none;}
#section2 .content-wrapper .content-box .obbox > div.object05{display:none;}
#section2 .content-wrapper .content-box .obbox > div img{width:90%; max-width:342px;}
}


@media screen and (max-width: 1200px) {
	
#section2 .content-wrapper .style{width:100%;max-width:100%;}
#section2 .content-wrapper .style ul li img {width:100%;}
#section3 .content-wrapper .conbox{width:94%;margin:0 auto;}
#section2 .content-wrapper h3{margin-top:20px;}
#section2 .object01 img{width:80%;}
#section2 .object02 img{width:80%;}
#section3 .content-wrapper .coninfo{width:55%}
#section3 .content-wrapper .contact{width:45%;}
#section3 .object-box .obbox{width:95%;}

}

@media screen and (max-width: 1024px) {

#section1 {height:auto;}
#section1 .object-box .obbox{width:98%;height:620px;}
#section1 .object01 img{width:280px;}
#section1 .object02 img{width:150px;}
#section1 .object03 img{width:540px;}
#section1 .object01{margin-left:60px}
#section1 .object02{bottom:11%;margin-left:-350px}
#section1 .object03{bottom:10%;margin-left:-270px}

#section1:before {top:240px;height:340px;}
.bt_txt {padding:660px 0 20px;}

	
#section2{height:80vh;}
#section2 .content-wrapper .content-box .txt-box h3{font-size:36px;}
#section2 .content-wrapper .content-box .txt-box h3 span {letter-spacing:1px;}
#section2 .content-wrapper .style p{font-size:22px;} 

#section3 .content-wrapper .contact p {right:-8%}
#section3 .content-wrapper .contact p img {width:80%;}
#section3 .object01 img{width:80%}
}

@media screen and (max-width: 900px) {
	
#section1 {height:auto;}
#section1 .object-box .obbox{width:98%;height:520px;}
#section1 .object01 img{width:200px;}
#section1 .object02 img{width:100px;}
#section1 .object03 img{width:440px;}
#section1 .object01{margin-left:100px}
#section1 .object02{bottom:11%;margin-left:-290px}
#section1 .object03{bottom:10%;margin-left:-230px}

#section1:before {top:190px;height:300px;}
.bt_txt {padding:540px 0 20px;}

#section2 .content-wrapper .style ul {padding:60px 0 20px 0;} 
#section2 .content-wrapper .style ul li{width:48%;margin-left:4%;margin-bottom:30px;}
#section2 .content-wrapper .style ul li:nth-child(3) {margin-left:0}
#section2 .content-wrapper .style ul li:nth-child(5) {margin-left:0}
#section3 .object01{bottom:-380px;right:2%; text-align:right;}

}


@media screen and (max-width: 640px) {
	
#section1 {height:auto;}
#section1 .object-box .obbox{width:98%;height:350px;}
#section1 .object01 img{width:160px;}
#section1 .object02 img{width:60px;}
#section1 .object03 img{width:220px;}
#section1 .object01{margin-left:10px}
#section1 .object02{bottom:20%;margin-left:-160px}
#section1 .object03{bottom:19%;margin-left:-140px}

#section1:before {top:150px;height:180px;}
.bt_txt {padding:360px 0 20px;}

#section2 .content-wrapper h3{margin-top:220px;}
#section2 .content-wrapper .style ul{margin:0 auto;padding:10px 0;width:90%;}
#section2 .content-wrapper .style ul li{width:100%;float:none;display:block;margin:30px auto;}
#section2 .content-wrapper .style ul li img {width:80%;}
#section2 .content-wrapper .style ul li span {display:block;width:80%;margin:0 auto;}
#section2 .content-wrapper .ea-txt {margin-top:30px;} 

#section2 .object-box{margin:0 auto;}
#section2 .content-wrapper .content-box .txt-box {padding-top:30px;}
#section2 .content-wrapper .content-box .txt-box h3{font-size:28px; margin-top:0px; letter-spacing:10px;}
#section2 .content-wrapper .content-box .txt-box h3 span{letter-spacing:10px;}
#section2 .content-wrapper .content-box .obbox{margin-top:0;}
#section2 .content-wrapper .content-box .obbox > div{width:90%; display:block; font-size:15px; color: #396cd6; font-weight:600; margin:0 auto; padding-top:30px;}
#section2 .content-wrapper .content-box .obbox > div img{width:70%; max-width:342px;}
#section2 .content-wrapper .content-box .obbox span{padding-top:15px;}

#section3{margin:0 auto 20px;}
#section3 .content-wrapper .conbox{padding:20px 0 40px;}
#section3 .content-wrapper .coninfo{width:100%;text-align:center;}
#section3 .content-wrapper .coninfo h3{padding:0 0 20px 0;text-align:center;font-size:16px;}
#section3 .content-wrapper .coninfo span{margin-bottom:28px;text-align:center;}
#section3 .content-wrapper .coninfo strong{margin-bottom:10px;text-align:center;}
#section3 .content-wrapper .coninfo strong:before{position:absolute;content:"";display:block;top:-14px;left:48%;width:5%;height:4px;background:#0066ff;} 

#section3 .content-wrapper .contact{width:100%;}
#section3 .content-wrapper .contact a{margin:0 auto}
#section3 .object01{bottom:-500px;right:50%;margin-right:-170px}
#section3 .object01 img{width:120px}

}