@charset "UTF-8";
body {font-family:"맑은고딕","Malgun Gothic", 'Noto Sans KR';}

#section1{position:relative;width:100%;margin:90px auto 0;text-align:center;background:#2d3340;height:auto}
#section1 .content-wrapper{position:relative;overflow:hidden;width:100%;margin:0 auto;text-align:center;}
#section1 .content-wrapper .iden_img {overflow:hidden;float:right;width:50%}
#section1 .content-wrapper .iden_img img {width:100%}
#section1 .content-wrapper .iden_txt {position:absolute;width:550px;left:50%;top:0;margin-left:-550px;text-align:left;color:#fff;margin-top:30px}
#section1 .content-wrapper .iden_txt h1:after{position:absolute;content:"";display:block;bottom:-35px;left:0;width:52px;height:1px;background:url(../img/sub_bar.gif) no-repeat 0 0;} 
#section1 .content-wrapper .iden_txt h1{position:relative;transition:all ease 0.5s;margin-bottom:65px} 
#section1 .content-wrapper .iden_txt h1 span {display:block;}
#section1 .content-wrapper .iden_txt strong{display:block;font-size:20px;line-height:120%;font-weight:200;margin-bottom:30px}
#section1 .content-wrapper .iden_txt p{display:block;font-size:14px;line-height:160%;font-weight:200;}
#section1 .sub-btn {position:absolute;left:50%;bottom:-30px;margin-left:-550px; box-shadow:13px 12px 25px rgb(0,0,0,0.25); z-index:9;}


#section2{position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;height:auto;}
#section2 .content-wrapper{position:relative;width:100%;margin:0 auto;text-align:center;height:100%;vertical-align:top;}
#section2 .content-wrapper .c01 {position:relative;width:100%;margin:0 auto;background:#496bd7;z-index:-2}
#section2 .content-wrapper .c01:before {position:absolute;content:"";display:block;right:0;bottom:0;width:53%;height:100%;background:url(../img/m_bg01.png) no-repeat left bottom;z-index:-1}
#section2 .content-wrapper .c02 {position:relative;width:100%;margin:0 auto;background:#5b7adb;z-index:-2}
#section2 .content-wrapper .c02:before {position:absolute;content:"";display:block;left:0;bottom:0;width:50%;height:100%;background:url(../img/m_bg02.png) no-repeat right bottom;z-index:-1}
#section2 .content-wrapper .c03 {position:relative;width:100%;margin:0 auto;background:#31409f;z-index:-2}
#section2 .content-wrapper .c03:before {position:absolute;content:"";display:block;right:0;bottom:0;width:60%;height:100%;background:url(../img/m_bg03.png) no-repeat left bottom;z-index:-1}
#section2 .content-wrapper .c04 {position:relative;width:100%;margin:0 auto;background:#232b84;z-index:-2}
#section2 .content-wrapper .c04:before {position:absolute;content:"";display:block;left:0;bottom:0;width:40%;height:100%;background:url(../img/m_bg04.png) no-repeat right top;z-index:-1}
#section2 .content-wrapper .iden_box {margin:0 auto;width:1100px;color:#fff;text-align:left;padding:80px 0 140px}
#section2 .content-wrapper .iden_box .iden_txt {width:50%;}
#section2 .content-wrapper .iden_box .iden_txt h3{color:#fff;font-size:30px;line-height:1.6;font-weight:bold;margin-bottom:20px}
#section2 .content-wrapper .iden_box .iden_txt .project{overflow:hidden;line-height:1.6;}
#section2 .content-wrapper .iden_box .iden_txt .project li{color:#fff;font-size:14px;word-break:keep-all;word-wrap:break-word;margin-bottom:8px}

#section2 .content-wrapper .c02 .iden_box .iden_txt {margin-left:50%;}
#section2 .content-wrapper .c02 .iden_box .iden_txt .project dt {color:#b6f4ff;}
#section2 .content-wrapper .c03 .iden_box {overflow:hidden;}
#section2 .content-wrapper .c03 .iden_box .iden_txt {float:left;width:50%;}
#section2 .content-wrapper .c04 .iden_box {overflow:hidden;}
#section2 .content-wrapper .c04 .iden_box .iden_txt {float:left;width:50%;}

#section2 .object-box{position:absolute;width:100%;margin:0 auto;text-align:center;top:0;}
#section2 .object-box .obbox{position:relative;width:1100px;margin:40px auto 0;text-align:center;height:1300px;}
#section2 .object01{position:absolute;top:0px;left:50%;margin-left:-90px;}
#section2 .object02{position:absolute;top:0px;left:50%;margin-left:280px;}
#section2 .object03{position:absolute;top:205px;left:50%;margin-left:40px;}
#section2 .object04{position:absolute;bottom:0px;right:50%;margin-right:260px;}
#section2 .object05{position:absolute;bottom:-80px;right:50%;margin-right:140px;}
#section2 .object06{position:absolute;bottom:0px;right:50%;margin-right:10px;}


#section3{position:relative;width:100%;margin:0 auto;height:auto;font-family:'Noto Sans KR';}
#section3 .content-wrapper{display:block;left:0;width:100%;margin:0 auto;text-align:center;vertical-align:top;}
#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:#ff8a00;}

/* 반응형 */
@media screen and (max-width: 1500px) {
#section1 .content-wrapper .iden_txt {margin-top:20px}
#section1 .content-wrapper .iden_txt h1:after{bottom:-30px;} 
#section1 .content-wrapper .iden_txt h1{margin-bottom:50px;line-height:0.8;} 
#section1 .content-wrapper .iden_txt h1 img {height:30px}
#section1 .content-wrapper .iden_txt h1 span img {height:auto}
#section1 .content-wrapper .iden_txt strong{font-size:16px;margin-bottom:15px}
#section1 .content-wrapper .iden_txt p{font-size:12px;}
}

@media screen and (max-width: 1400px) {
#section2 .object-box .obbox{width:95%;height:1200px;}
#section2 .object01 img{width:570px;}
#section2 .object02 img{width:570px;}
#section2 .object03 img{width:570px;}
#section2 .object04 img{width:500px;}
#section2 .object05 img{width:500px;}
#section2 .object06 img{width:440px;}
#section2 .object01{top:200px;margin-left:-50px;}
#section2 .object02{top:160px;margin-left:120px;}
#section2 .object03{top:350px;margin-left:-20px;}
#section2 .object04{bottom:0px;margin-right:250px;}
#section2 .object05{bottom:-80px;margin-right:140px;}
#section2 .object06{bottom:0px;margin-right:30px;}

}

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

#section1 .content-wrapper .iden_img {width:100%}
#section1 .content-wrapper .iden_txt {overflow:hidden;position:relative;width:100%;left:0;margin-left:0;padding:1% 5% 6% 5%;box-sizing:border-box;color:#fff;text-align:left;}
#section1 .content-wrapper .iden_txt h1:after{position:absolute;content:"";display:block;bottom:-35px;left:0;width:52px;height:1px;background:url(../img/sub_bar.gif) no-repeat 0 0;} 
#section1 .content-wrapper .iden_txt h1{position:relative;transition:all ease 0.5s;margin-bottom:65px;line-height:1.4;} 
#section1 .content-wrapper .iden_txt h1 img {height:46px}
#section1 .content-wrapper .iden_txt h1 span {display:block;}
#section1 .content-wrapper .iden_txt strong{display:block;font-size:20px;line-height:120%;font-weight:200;margin-bottom:30px}
#section1 .content-wrapper .iden_txt p{display:block;font-size:14px;line-height:160%;font-weight:200;}
#section1 .sub-btn {position:absolute;left:auto;right:5%;bottom:-30px;box-shadow:13px 12px 25px rgb(0,0,0,0.25); z-index:9;}

#section2 .content-wrapper .iden_box {width:96%}

#section3 .content-wrapper .conbox{width:94%;margin:0 auto;}

}

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

#section1{margin-top:105px;}

#section2 .content-wrapper .iden_box {width:90%;padding:40px 0 60px}
#section2 .content-wrapper .iden_box .iden_txt {width:80%;}
#section2 .content-wrapper .c02 .iden_box .iden_txt {width:70%;margin-left:30%;}
#section2 .content-wrapper .c03 .iden_box .iden_txt {width:100%;}
#section2 .content-wrapper .c03 .iden_box .iden_txt:first-child {margin-bottom:40px}
#section2 .content-wrapper .c04 .iden_box .iden_txt {width:100%;}
#section2 .content-wrapper .c04 .iden_box .iden_txt:first-child {margin-bottom:40px}
#section2 .object-box .obbox{height:900px;}
#section2 .object01 img{width:420px;}
#section2 .object02 img{width:420px;}
#section2 .object03 img{width:420px;}
#section2 .object04 img{width:340px;}
#section2 .object05 img{width:340px;}
#section2 .object06 img{width:240px;}
#section2 .object01{top:100px;margin-left:80px;}
#section2 .object02{top:100px;margin-left:200px;}
#section2 .object03{top:240px;margin-left:100px;}
#section2 .object04{bottom:0px;margin-right:270px;}
#section2 .object05{bottom:-80px;margin-right:230px;}
#section2 .object06{bottom:0px;margin-right:180px;}

}

@media screen and (max-width: 800px) {
#section1{margin-top:75px;}
#section1 .content-wrapper .iden_txt h1{line-height:4;} 
}


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

#section1 .content-wrapper .iden_txt {padding:5%;}
#section1 .content-wrapper .iden_txt h1:after{bottom:-25px;} 
#section1 .content-wrapper .iden_txt h1{margin-bottom:50px;line-height:1.6;} 
#section1 .content-wrapper .iden_txt h1 img {height:30px}
#section1 .content-wrapper .iden_txt h1 span img {height:auto;margin-bottom:10px}
#section1 .content-wrapper .iden_txt strong{font-size:16px;margin-bottom:15px}
#section1 .content-wrapper .iden_txt p{font-size:12px;}

#section2 .content-wrapper .iden_box .iden_txt {width:100%;}
#section2 .content-wrapper .c02 .iden_box .iden_txt {width:100%;margin-left:0;}
#section2 .content-wrapper .c03 .iden_box .iden_txt:first-child {margin-bottom:40px}
#section2 .content-wrapper .c04 .iden_box .iden_txt:first-child {margin-bottom:40px}
#section2 .object-box .obbox{display:none}

#section2 .content-wrapper .iden_box {padding:30px 0}
#section2 .content-wrapper .iden_box .iden_txt {width:100%;}
#section2 .content-wrapper .iden_box .iden_txt h3{font-size:22px;margin-bottom:10px}
#section2 .content-wrapper .iden_box .iden_txt .project li{font-size:}

#section3{margin:0 auto;}
#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:#ff8a00;}

}

@media screen and (max-width: 480px) {
#section1 .content-wrapper .iden_txt {padding:7% 6% 8%;}
#section1 .content-wrapper .iden_txt h1:after{display:none} 
#section1 .content-wrapper .iden_txt h1{margin-bottom:20px;line-height:1.6;} 
#section1 .content-wrapper .iden_txt h1 img {height:22px}
#section1 .content-wrapper .iden_txt h1 span img {width:137px;margin-bottom:10px}
#section1 .content-wrapper .iden_txt strong{font-size:14px;margin-bottom:15px}
#section1 .content-wrapper .iden_txt p{font-size:11px;}
#section1 .sub-btn {bottom:-20px;}
#section1 .sub-btn img {width:50px}

#section2 .content-wrapper .iden_box .iden_txt h3{font-size:16px;}
#section2 .content-wrapper .iden_box .iden_txt .project li{margin-bottom:0;position:relative;padding-left:15px;}
#section2 .content-wrapper .iden_box .iden_txt .project li:before {position:absolute;content:"";display:block;top:10px;left:0;width:4px;height:2px;background:#fff;}
#section2 .content-wrapper .c03 .iden_box .iden_txt:first-child {margin-bottom:20px}
#section2 .content-wrapper .c04 .iden_box .iden_txt:first-child {margin-bottom:20px}

}