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

#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:#ffcc00;}
#section1 .content-wrapper{position:relative;width:100%;margin:0 auto;text-align:center;height:100%;vertical-align:top;}
.iden_txt h1{position:absolute;padding:0 10px;top:0;left:0;text-align:left;transition:all ease 0.5s;} 
.iden_txt{position:relative;display:block;vertical-align:top;max-width:1100px;min-height:400px;margin:0 auto;text-align:center;color:#fff;overflow:hidden;margin-top:115px;}
.iden_txt ul{float:left;padding-left:10px;margin-top:230px;}
.iden_txt ul li{display:block;text-align:left;font-size:50px;line-height:120%;letter-spacing:18px;font-weight:200;}
.iden_txt ul li:nth-child(2){letter-spacing:34px}
.iden_txt ul li:nth-child(3){letter-spacing:28px}
.bt_txt {width:100%;padding:330px 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;width:1300px;margin:0 auto;text-align:center;height:800px;}
#section1 .object01{position:absolute;bottom:220px;left:520px;}
#section1 .object02{position:absolute;bottom:220px;left:980px;}
#section1 .object03{position:absolute;bottom:-25px;left:-100px;}
#section1 .object04{position:absolute;bottom:-40px;left:460px;}

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

#section2 .content-wrapper h3{color:#ddb101;margin:0 auto;margin-top:180px;text-align:center;font-size:50px;line-height:120%;letter-spacing:5px;font-weight:300;}
#section2 .content-wrapper h3 span {display:inline-block;letter-spacing:75px;padding-left:150px}
#section2 .content-wrapper h3 p:first-child{display:block;letter-spacing: 30px;}
#section2 .content-wrapper h3 p:first-child + p{display:block;letter-spacing: 40px;}



#section2 .object-box{position:absolute;width:100%;margin:-30px auto 0;text-align:center;top:0;}
#section2 .object01{position:absolute;top:0;right:50%;margin-right:-230px}

#section2 .content-wrapper .style{display:block;max-width:1100px;margin:0 auto;overflow:hidden;}
#section2 .content-wrapper .style ul{padding:0;display:block;overflow:hidden;margin:300px 0 80px 0;}
#section2 .content-wrapper .ex_tit ul{margin:100px 0 80px 0;}
#section2 .content-wrapper .style ul li{float:left;width:22%;display:table;box-sizing:border-box;margin-left:4%;font-size:13px;line-height:150%;color:#ddb101;letter-spacing:-0.5px;word-break:keep-all;word-wrap:break-word;font-weight:400}
#section2 .content-wrapper .style ul li:first-child {margin-left:0}
#section2 .content-wrapper .style ul li img{display:block;margin:0 auto;margin-bottom:20px;border:1px solid #ffcc00}
#section2 .content-wrapper .style p{display:block;text-align:center;font-size:26px;font-weight:600;line-height:120%;color:#ddb101;letter-spacing:-2px;margin-bottom:10px}

#section2 .content-wrapper .ex_tit{margin:180px 0 0 0;}
#section2 .content-wrapper .ex_box ul{margin:100px 0 80px 0;}


#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:#ffcc00;} 
#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:-320px;right:0px;}
#section3 .object02{position:absolute;bottom:-350px;right:130px;}
#section3 .content-wrapper .contact a{position:relative;display:block;width:212px;height:212px;background:#ffcc00;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:30px;left:50%;margin-left:-75px;width:150px;height:91px;background:url(../img/a_finger.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:1100px;}
#section1 .object01 img{width:450px;}
#section1 .object02 img{width:450px;}
#section1 .object03 img{width:450px;}
#section1 .object04 img{width:664px;}
#section1 .object01{position:absolute;bottom:320px;left:480px;}
#section1 .object02{position:absolute;bottom:260px;left:600px;}
#section1 .object03{position:absolute;bottom:-20px;left:0px;}
#section1 .object04{position:absolute;bottom:-20px;left:460px;}

}

@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;}

}

@media screen and (max-width: 1150px) {
	
#section2 .content-wrapper h3{margin-top:340px;}
#section2 .content-wrapper .ex_tit{margin:40px 0 10px 0;}
#section2 .content-wrapper h3 span {display:block;letter-spacing:75px;padding-left:75px}
#section2 .content-wrapper h3 p:first-child + p{display:block;letter-spacing: 20px;}

#section2 .object01 img{width:80%;}
#section2 .object-box{margin:-260px auto 0;}
#section2 .object01{margin-right:-270px}
#section2 .content-wrapper .style ul{margin:30px 0 80px 0;}


}

@media screen and (max-width: 1100px) {
	
#section1:before {top:260px;height:550px;}
	
#section1 .object-box .obbox{width:95%;height:900px;}
#section1 .object01{left:50%;bottom:20%;margin-left:-300px;}
#section1 .object01 img{width:360px;}
#section1 .object02{left:50%;bottom:22%;z-index:8;margin-left:-180px;}
#section1 .object02 img{width:360px;}
#section1 .object03{left:50%;bottom:20%;margin-left:-60px;}
#section1 .object03 img{width:360px;}
#section1 .object04{left:50%;bottom:0%;z-index:9;margin-left:-320px;}
#section1 .object04 img{width:640px;}

.bt_txt {width:90%;margin:0 auto;padding:400px 0 20px;} 

.iden_txt{width:85%;}
.iden_txt h1{width:100%;text-align:center;} 
.iden_txt h1 img{width:300px;} 
.iden_txt ul {float:none;display:block;margin:210px auto 0;}
.iden_txt ul li{margin-bottom:20px;text-align:center;font-size:45px;line-height:70%}
.iden_txt ul li:nth-child(2){letter-spacing:32px;padding-left:10px}
.iden_txt ul li:nth-child(3){letter-spacing:27px;padding-left:3px}

#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:before {height:500px;}
	
#section1 .object-box .obbox{height:830px;}
#section1 .object01{margin-left:-300px;}
#section1 .object01 img{width:340px;}
#section1 .object02{margin-left:-170px;}
#section1 .object02 img{width:340px;}
#section1 .object03{margin-left:-40px;}
#section1 .object03 img{width:340px;}
#section1 .object04{margin-left:-300px;}
#section1 .object04 img{width:600px;}
.iden_txt{width:98%;}
.iden_txt ul li{font-size:34px;line-height:60%}
.iden_txt ul li:nth-child(2){padding-left:10px;letter-spacing:30px}
.iden_txt ul li:nth-child(3){padding-left:5px;letter-spacing:25px}

.bt_txt {padding:330px 0 20px;} 

#section2{height:80vh;}
#section2 .content-wrapper h3{font-size:36px;}



#section3 .object01 img{width:80%}
#section3 .object02 img{width:80%}
#section3 .object01{right:-10px;}
#section3 .object02{right:90px;}

}

@media screen and (max-width: 800px) {
#section2 .content-wrapper .style ul{margin:30px 0 0 0;}
#section2 .content-wrapper .style ul li{width:48%;margin-left:4%;height:480px}
#section2 .content-wrapper .style ul li:nth-child(3) {margin-left:0}


#section3 .object01 img{width:50%}
#section3 .object02 img{width:50%}
#section3 .object01{right:-15px;}
#section3 .object02{right:60px;}

}


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

.iden_txt{margin-top:105px;}
.iden_txt ul {margin-top:140px}
.iden_txt ul li{font-size:26px;line-height:40%;letter-spacing:15px}
.iden_txt ul li:nth-child(2){padding-left:10px;letter-spacing:24px}
.iden_txt ul li:nth-child(3){padding-left:6px;letter-spacing:20px}

#section1 {height:auto}
#section1 h1 img{max-width:200px;}
#section1:before {top:175px;height:360px;}

#section1 .object-box .obbox{height:580px;}
#section1 .object01{bottom:16%;margin-left:-160px;}
#section1 .object01 img{width:220px;}
#section1 .object02{bottom:18%;margin-left:-110px;}
#section1 .object02 img{width:220px;}
#section1 .object03{bottom:16%;margin-left:-60px;}
#section1 .object03 img{width:220px;}
#section1 .object04{margin-left:-160px;}
#section1 .object04 img{width:320px;}

.bt_txt {padding:80px 0 0} 

#section2 .object-box{margin:-160px auto 0;}
#section2 .object01{position:absolute;top:0;right:50%;margin-right:-150px}
#section2 .object01 img{max-width:300px;}

#section2 .content-wrapper h3{margin-top:220px;font-size:28px;letter-spacing:3px;}
#section2 .content-wrapper h3 span {letter-spacing:42px;padding-left:43px}
#section2 .content-wrapper .style ul{margin:20px 0 40px 0;}
#section2 .content-wrapper .style ul li{width:100%;float:none;display:block;margin:0 auto;margin-bottom:5px;height:auto;font-size:14px}
#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 p {padding-top:20px}
#section2 .content-wrapper h3 p:first-child + p{display:block;letter-spacing:5px;}


#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:#ffcc00;} 

#section3 .content-wrapper .contact{width:100%;}
#section3 .content-wrapper .contact a{margin:0 auto;font-size:15px;font-weight:400}
#section3 .object01 img{width:45%}
#section3 .object02 img{width:45%}
#section3 .object01{bottom:-480px;right:0;}
#section3 .object02{bottom:-490px;right:auto;left:0;}

}

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

#section2 .content-wrapper .style ul li img {width:94%;}
#section2 .content-wrapper .style ul li span {width:94%;}


}