﻿@charset "UTF-8";
.cd-vertical-nav.awards a:before {background-color: #1c2336;}
.cd-vertical-nav.awards a.active:before{border:2px solid #1c2336; background-color: #fff; }

.awards_section01 {position:relative;width:100%;height:933px;margin:0 auto;text-align:center;}
.awards_section01:before {position:absolute;content:"";display:block;top:288px;width:100%;height:450px;background:#1c2336;}
.awards_section01 .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 0 0px;top:0;left:0;text-align:left;transition:all ease 0.5s;} 
.iden_txt{position:relative;display:block;max-width:1300px;min-height:400px;margin:0 auto;text-align:center;color:#fff;overflow:hidden;margin-top:150px;}
.iden_txt ul{float:left;margin-top:230px;}
.iden_txt ul li{display:block;text-align:left;font-size:50px;line-height:120%;letter-spacing:20px;font-weight:200;}
.iden_txt ul li:nth-child(2){letter-spacing:64px;}
.iden_txt ul li:nth-child(3){letter-spacing:8px;padding-left:5px}
.bt_txt {width:100%;padding:305px 0 20px;text-align:center;font-size:14px;color:#666;line-height:140%;} 

.awards_section01 .object-box{position:absolute;width:100%;margin:0 auto;text-align:center;top:0;}
.awards_section01 .object-box .obbox{position:relative;width:100%;margin:0 auto;text-align:center;height:800px;}
.awards_section01 .object01{position:absolute;bottom:62px;left:968px;}
.awards_section01 .object02{position:absolute;bottom:146px;left:1218px;}
.awards_section01 .object03{position:absolute;bottom:64px;left:1253px;}
.awards_section01 .object04{position:absolute;bottom:-75px;left:785px;}

.awards_section02 {position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;}
.awards_section02 .content-wrapper{position:relative;display:block;left:0;width:92%;margin:150px auto;text-align:center;}

.awards_section02 .content-wrapper .content-box {display:block;max-width:1100px;margin:0 auto 50px;overflow:hidden;}
.awards_section02 .content-wrapper .content-box .txt-box {float:left; width:100%;text-align:center;}
.awards_section02 .content-wrapper .content-box .txt-box h3{color:#1c2336;margin-top:0px;font-size:50px;line-height:120%;letter-spacing:2px;font-weight:300; text-align: center; } 
.awards_section02 .content-wrapper .content-box .txt-box span {display:block;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(1) {letter-spacing:0px;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(2) {letter-spacing:6px;padding-left:10px; margin-top: 30px; }
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(3) {letter-spacing:16px;padding-left:25px;}
.awards_section02 .content-wrapper .content-box .txt-box p {padding:20px 10px 0 0;font-size:14px;color:#666;line-height:140%;} 

.awards_section02 .content-wrapper .content-box .object-box{float:left; width:35%;text-align:left}
.awards_section02 .content-wrapper .content-box .object01{margin-top:150px;padding-left:50px}

.awards_section02 .content-wrapper .style{display:block;max-width:1100px;margin:0 auto;overflow:hidden;}
.awards_section02 .content-wrapper .style ul{padding:0;display:block;overflow:hidden;margin:30px 0 80px 0;}
.awards_section02 .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:#1c2336;letter-spacing:-0.5px;word-break:keep-all;word-wrap:break-word;}
.awards_section02 .content-wrapper .style ul li:first-child {margin-left:0;}
.awards_section02 .content-wrapper .style ul li:nth-child(4) {margin-left:0;}
.awards_section02 .content-wrapper .style ul li:nth-child(7) {margin-left:0;}
.awards_section02 .content-wrapper .style ul li img{display:block;margin:0 auto;margin-bottom:50px;border:1px solid #1c2336}
.awards_section02 .content-wrapper .style p{display:block;text-align:center;font-size:26px;font-weight:600;line-height:120%;color:#1c2336;letter-spacing:-2px;margin-bottom:10px}

#section3 {position:relative;width:100%;margin:0 auto;height:auto;font-family:'Noto Sans KR';border-top:1px solid #e0e1e2;}
#section3 .content-wrapper{position:relative;display:block;left:0;width:100%;margin:0 auto;text-align:center;}
#section3 .content-wrapper .conbox{display:block;margin:0 auto;width:1100px;padding:40px 0 50px;overflow:hidden;}
#section3 .content-wrapper .coninfo{float:left;word-break:keep-all;word-wrap:break-word;}
#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:#1c2336;}

/* 반응형 */


@media screen and (max-width: 1920px) {
.awards_section01 .object01{position:absolute;bottom:62px;left:738px;}
.awards_section01 .object02{position:absolute;bottom:146px;left:958px;}
.awards_section01 .object03{position:absolute;bottom:64px;left:994px;}
.awards_section01 .object04{position:absolute;bottom:-75px;left:570px;}
}


@media screen and (max-width: 1400px) {
.iden_txt h1{padding-left:0;} 
.iden_txt{width:1100px;}

.awards_section01 .object01 img{width:750px; height: 450px;}
.awards_section01 .object02 img{width:100%;}
.awards_section01 .object03 img{width:100%;}
.awards_section01 .object04 img{width:100%;}
.awards_section01 .object01{bottom:62px;left:490px;}
.awards_section01 .object02{bottom:146px;left:610px;}
.awards_section01 .object03{bottom:63px;left:647px;}
.awards_section01 .object04{bottom:-75px;left:250px}

.awards_section02 .content-wrapper .content-box .txt-box h3{margin-top:100px;}
.awards_section02 .content-wrapper { margin: 30px auto;}
.awards_section02 .content-wrapper .style ul li {width:30%;}
}

@media screen and (max-width: 1200px) {
.awards_section01 .object01{bottom:62px;left:380px;}
.awards_section01 .object02{bottom:146px;left:495px;}
.awards_section01 .object03{bottom:63px;left:530px;}
.awards_section01 .object04{bottom:-75px;left:150px}

.awards_section02 .content-wrapper .style{width:100%;max-width:100%;}
.awards_section02 .content-wrapper .style ul li img {width:100%;}

#section3 .content-wrapper .conbox{width:94%;margin:0 auto;}
}


@media screen and (max-width: 1100px) {
.awards_section01 {height:100%;}
.awards_section01:before {height:600px;}
.awards_section01 .object01 img{height:600px;}
.awards_section01 .object02 img{width:90%;}
.awards_section01 .object03 img{width:70%;}
.awards_section01 .object04 img{width:85%;}
.awards_section01 .object01{bottom:-88px;left:162px;}
.awards_section01 .object02{bottom:-54px;left:296px;}
.awards_section01 .object03{bottom:-66px;left:330px;}
.awards_section01 .object04{bottom:-187px;left:311px}
.bt_txt {width:90%;margin:0 auto;padding:500px 0 20px;} 

.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){letter-spacing:63px;padding-left:50px}
.iden_txt ul li:nth-child(3){letter-spacing:10px;padding-left:0px}

.awards_section02 .content-wrapper { margin: 430px auto;}

.awards_section02 .content-wrapper h3{margin-top:150px;}
.awards_section02 .object01 img{width:80%;}
.awards_section02 .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) {
.awards_section01:before {height:580px;}
.awards_section01 .object01 img{height:580px;}
.awards_section01 .object03 img{width:75%;}
.awards_section01 .object01{display:none;}
.awards_section01 .object02{bottom:-30px;left:261px;}
.awards_section01 .object03{bottom:-68px;left:292px;}
.awards_section01 .object04{bottom:-187px;left:350px;}
.bt_txt {padding:450px 0 20px;} 

.iden_txt{width:98%;}
.iden_txt ul li{font-size:34px;line-height:60%}
.iden_txt ul li:nth-child(1){letter-spacing:20px;padding-left:20px;}
.iden_txt ul li:nth-child(2){letter-spacing:55px;padding-left:53px;}
.iden_txt ul li:nth-child(3){letter-spacing:11px;padding-left:12px;}

.awards_section02{height:80vh;}
.awards_section02 .content-wrapper p {padding-top:30px;}
.awards_section02 .content-wrapper .content-box .txt-box h3{margin-top:120px;font-size:36px;}
.awards_section02 .content-wrapper .content-box .txt-box h3 img { width: 120px;}
.awards_section02 .content-wrapper .content-box .txt-box h3 span {letter-spacing:1px; margin-top:20px;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(1){letter-spacing: 0px;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(2){letter-spacing: 4px; padding-left: 10px;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(3){letter-spacing: 12px; padding-left: 19px;}
.awards_section02 .content-wrapper .content-box .object01{margin-top:100px;padding-left:40px}
.awards_section02 .content-wrapper .content-box .object01 img{width:80%}
.awards_section02 .content-wrapper { margin: 430px auto;}

#section3 .content-wrapper .contact p {right:-8%}
#section3 .content-wrapper .contact p img {width:80%;}

#section3 .object01 img{width:80%}
#section3 .object02 img{width:80%}
}

@media screen and (max-width: 900px) {
.awards_section01:before {height:500px;}
.awards_section01 .object-box .obbox{height:760px;}
.awards_section01 .object01 img {display:none;}
.awards_section01 .object02 img {width:85%}
.awards_section01 .object03 img {width:62%}
.awards_section01 .object04 img {width:75%}
.awards_section01 .object01{bottom:-28px;left:18%;}
.awards_section01 .object02{bottom:0px;left:18%;}
.awards_section01 .object03{bottom:-27px;left:21%;}
.awards_section01 .object04{bottom:-130px;left:27%;}

.bt_txt {padding:340px 0 20px;} 
.awards_section02 .content-wrapper .style ul li {width:48%;}
.awards_section02 .content-wrapper .style ul li:nth-child(4) {margin-left:4%;}
.awards_section02 .content-wrapper { margin: 430px auto;}

#section3 .object01 img{width:50%}
#section3 .object02 img{width:50%}
#section3 .object01{bottom:-380px;right:-5%;}
#section3 .object02{bottom:-360px;right:5%;}
}

@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:10px}
.iden_txt ul li:nth-child(1){padding-left:11px;letter-spacing:14px}
.iden_txt ul li:nth-child(2){padding-left:36px;letter-spacing:40px}
.iden_txt ul li:nth-child(3){padding-left:4px;letter-spacing:8px}

.awards_section01 {height:auto}
.awards_section01 h1 img{max-width:253px;}
.awards_section01:before {top:180px;height:360px;}

.awards_section01 .object-box .obbox{height:535px;}
.awards_section01 .object01 img {display:none;}
.awards_section01 .object02 img {width:60%}
.awards_section01 .object03 img {width:40%}
.awards_section01 .object04 img {width:50%}
.awards_section01 .object01{bottom:-5px;left:18%;}
.awards_section01 .object02{bottom:0px;left:62px;}
.awards_section01 .object03{bottom:-5px;left:90px;}
.awards_section01 .object04{bottom:-70px;left:144px;}
.bt_txt {padding:90px 0 0} 

.awards_section02 .content-wrapper .content-box .txt-box {width:100%;text-align:center;padding-top:60px}
.awards_section02 .content-wrapper .content-box .txt-box h3{font-size:28px;letter-spacing:2px;}
.awards_section02 .content-wrapper .content-box .txt-box h3 img { width: 110px;}
.awards_section02 .content-wrapper .content-box .txt-box h3 span { margin-top:10px;}
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(2){letter-spacing: 3px; padding-left: 5px; margin-top: 10px; }
.awards_section02 .content-wrapper .content-box .txt-box span:nth-child(3){letter-spacing: 9px; padding-left: 12px;}

.awards_section02 .content-wrapper .content-box .object-box{width:100%;text-align:center;}
.awards_section02 .content-wrapper .content-box .object01{margin-top:60px;padding-right:-100px}
.awards_section02 .content-wrapper .content-box .object01{position:absolute;top:0;right:50%;margin-right:-55px}
.awards_section02 .content-wrapper .content-box .object01 img{width:110px;}

.awards_section02 .content-wrapper h3{margin-top:220px;}

.awards_section02 .content-wrapper .style ul{margin:20px 0 40px 0;}
.awards_section02 .content-wrapper .style ul li{width:100%;float:none;display:block;margin:0 auto;margin-bottom:5px;font-size:14px}
.awards_section02 .content-wrapper .style ul li img {width:80%;}
.awards_section02 .content-wrapper { margin: -50px auto;}
.awards_section02 .content-wrapper .style ul li:nth-child(n) {margin-left:0;}

.awards_section03{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:#1c2336;} 

#section3 .content-wrapper .contact{width:100%;}
#section3 .content-wrapper .contact a{margin:0 auto;font-size:15px;font-weight:400}
#section3 .object01{bottom:-500px;right:50%;margin-right:-240px}
#section3 .object02{bottom:-500px;right:50%;margin-right:-150px}

}

@media screen and (max-width: 480px) {
.awards_section01:before {height:340px;}

.awards_section01 .object-box .obbox{height:510px;}
.awards_section01 .object02 img {width:45%}
.awards_section01 .object03 img {width:45%}
.awards_section01 .object04 img {width:50%}
.awards_section01 .object01{bottom:-10px;left:18%;}
.awards_section01 .object02{bottom:9px;left:3px;}
.awards_section01 .object03{bottom:-9px;left:15px;}
.awards_section01 .object04{bottom:-70px;left:70px;}
.bt_txt {padding:70px 0 0} 

.awards_section02 .content-wrapper .style ul li img {width:94%;}
.awards_section02 .content-wrapper { margin: 30px auto;}
#section3 .object01{margin-right:-150px}
#section3 .object01 img {width:100px}
}

@media screen and (max-width: 414px) {
.awards_section01 .object01{bottom:-10px;left:14%;}
.awards_section01 .object02{bottom:9px;left:0px;}
.awards_section01 .object03{bottom:-9px;left:13px;}
.awards_section01 .object04{bottom:-80px;left:42px;}
}

@media screen and (max-width: 375px) {
.awards_section01 .object01{bottom:-10px;left:10%;}
.awards_section01 .object02{bottom:17px;left:-5px;width:100%}
.awards_section01 .object03{bottom:-9px;left:0px;}
.awards_section01 .object04{bottom:-85px;left:18px;}
}

@media screen and (max-width: 360px) {
.awards_section01 .object01{bottom:-10px;left:9%;}
.awards_section01 .object02{bottom:9px;left:-9px;}
.awards_section01 .object03{bottom:-9px;left:0px;}
.awards_section01 .object04{bottom:-85px;left:9px;}
}
