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

#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:#6600ff;}
#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:150px;}
.iden_txt ul{float:left;padding-left:10px;margin-top:214px;}
.iden_txt ul li{display:block;text-align:left;font-size:50px;line-height:120%;letter-spacing:25px;font-weight:200;}
.iden_txt ul li:nth-child(2){letter-spacing:38px;padding-left:5px}
.bt_txt {width:100%;padding:305px 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:1100px;margin:0 auto;text-align:center;height:800px;}
#section1 .object01{position:absolute;bottom:0;padding:0 0 0 20px;left:0px;}
#section1 .object02{position:absolute;bottom:-15px;left:530px;}
#section1 .object03{position:absolute;bottom:0px;left:650px;}
#section1 .object04{position:absolute;bottom:270px;left:760px;}

#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:#6600ff;margin:0 auto;margin-top:200px;text-align:center;font-size:50px;line-height:120%;letter-spacing:15px;font-weight:300;}
#section2 .content-wrapper h3 span {display:block;letter-spacing:110px;padding-left:95px}
#section2 .content-wrapper p {padding-top:50px;text-align:center;font-size:12px;color:#666;line-height:140%;} 

#section2 .object-box{position:absolute;width:100%;margin:-50px auto 0;text-align:center;top:0;}
#section2 .object01{position:absolute;top:0;right:50%;padding-right:250px}
#section2 .object02{position:absolute;top:0;left:50%;padding-left:220px}

#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:20px 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:#6600ff;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:block;margin:0 auto;margin-bottom:20px;border:1px solid #6600ff}
#section2 .content-wrapper .style p{display:block;text-align:center;font-size:26px;font-weight:600;line-height:120%;color:#6600ff;letter-spacing:-1px;margin-bottom:10px}
#section2 .content-wrapper p {padding-top:20px}

#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:#6600ff;} 
#section3 .content-wrapper .contact{float:left;width:40%;position:relative;margin-top:20px}
#section3 .content-wrapper .contact p {position:absolute;top:0;right:0%;}
#section3 .content-wrapper .contact a{position:relative;display:block;width:212px;height:212px;background:#6600ff;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:75px;left:50%;margin-left:-61px;width:122px;height:37px;background:url(../img/a_coa.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: 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: 1100px) {
	
#section1 .object-box .obbox{width:95%;}
#section1 .object01{left:-1%;bottom:1%;padding:0;}
#section1 .object01 img{width:80%;}
#section1 .object02{left:40%;bottom:-1%}
#section1 .object02 img{width:90%;}
#section1 .object03{left:47%;bottom:1%;}
#section1 .object03 img{width:80%;}
#section1 .object04{left:70%;bottom:30%;}
#section1 .object04 img{width:80%;}

.iden_txt{width:85%;}
.iden_txt h1{width:100%;text-align:center;} 
.iden_txt ul {float:none;display:block;margin:180px 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){padding-left:20px}

#section2 .content-wrapper h3{margin-top:150px;}
#section2 .object01 img{width:80%;}
#section2 .object02 img{width:80%;}
.bt_txt {width:90%;margin:0 auto} 

#section3 .content-wrapper .coninfo{width:55%}
#section3 .content-wrapper .contact{width:45%;}

}

@media screen and (max-width: 1024px) {
	
#section1 .object-box .obbox{width:95%;}
#section1 .object01{left:6%;bottom:19%;}
#section1 .object02{left:13%;bottom:-1%}
#section1 .object03{left:20%;bottom:1%;}
#section1 .object04{left:60%;bottom:18%;}

.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:35px}

#section2{height:80vh;}
#section2 .content-wrapper h3{font-size:36px;}
#section2 .content-wrapper h3 span {letter-spacing:90px;padding-left:75px}
#section2 .content-wrapper p {padding-top:30px;}
#section2 .content-wrapper .style p{font-size:22px;} 
#section3 .content-wrapper .contact p {right:-8%}
#section3 .content-wrapper .contact p img {width:80%;}

#section2 .object-box{position:absolute;width:100%;margin:-50px auto 0;text-align:center;top:0;}
#section2 .object01{position:absolute;top:0;right:50%;padding-right:200px}
#section2 .object02{position:absolute;top:0;left:50%;padding-left:170px}

}

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

#section2 .content-wrapper .style ul li{width:48%;margin-left:4%;}
#section2 .content-wrapper .style ul li:nth-child(3) {margin-left:0}

#section3 .content-wrapper .contact p {right:-15%}
#section3 .content-wrapper .contact p img {max-width:50%;}

}


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

.iden_txt{margin-top:118px;}
.iden_txt ul {margin-top:100px}
.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:22px}

#section1 {height:auto}
#section1 h1 img{max-width:220px;}
#section1:before {top:180px;height:380px;}

#section1 .object-box .obbox{height:630px;}
#section1 .object01{left:0%;bottom:23%;}
#section1 .object01 img{width:80%;}
#section1 .object02{left:1%;bottom:0%;}
#section1 .object02 img{width:90%;}
#section1 .object03{left:2%;bottom:1%;}
#section1 .object03 img{width:50%;}
#section1 .object04{left:68%;bottom:35%;}
#section1 .object04 img{width:85%;}

.bt_txt {padding:120px 0 0} 

#section2 .content-wrapper h3{font-size:28px;letter-spacing:10px;}
#section2 .content-wrapper h3 span {letter-spacing:65px;padding-left:55px}

#section2 .object-box{margin:-120px auto 0;}
#section2 .object01{position:absolute;top:0;right:50%;padding-right:5px}
#section2 .object02{position:absolute;top:0;left:50%;padding-left:5px}
#section2 .object01 img{max-width:110px;}
#section2 .object02 img{max-width:142px;}

#section2 .content-wrapper h3{margin-top:180px;}

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

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

#section3 .content-wrapper .contact{width:100%;}
#section3 .content-wrapper .contact p{position:absolute;top:0;right:0;left:50%;margin-right:-20px}
#section3 .content-wrapper .contact p img {max-width:150px;}
#section3 .content-wrapper .contact a{margin:0 auto;font-size:15px;font-weight:400}

}

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

#section1 .object-box .obbox{height:580px;}
#section1:before {height:340px}

#section1 .object01{left:0%;bottom:22%;}
#section1 .object02{left:1%;bottom:0%;}
#section1 .object03{left:2%;bottom:1%;}
#section1 .object04{left:55%;bottom:20%;}
.bt_txt {padding:80px 0 0} 

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

}