@charset "utf-8";

/* ////////// CEO 인사말 ////////// */
.ceo_wrap{width:100%; position:relative; padding-left:38.7%; padding-bottom:78px; box-sizing:border-box;}
.ceo_wrap .img{width:38.7%; position:absolute; top:0; left:0;}
.ceo_wrap .img img.m_hide{}
.ceo_wrap .img img.m_show{display:none;}
.ceo_wrap .ko_txt{width:100%;}
.ceo_wrap .ko_txt h3{font-family:'Nanum','NanumBarunGothic' ;font-size:26px; color:#3d62ac; font-weight:normal; margin-bottom:50px; letter-spacing:-0.03em; margin-bottom:32px;}
.ceo_wrap .ko_txt p{font-size:17px; color:#1f1f1f; line-height:32px; font-family:'Nanum','NanumBarunGothic' ; margin-bottom:32px; text-align:justify;}

.ceo_wrap .ko_txt{width:100%; letter-spacing:-0.01em;}


.ceo_wrap .eng_txt p{font-size:17px; color:#1f1f1f; line-height:32px; font-family:'Nanum','NanumBarunGothic' ; margin-bottom:32px; text-align:justify;}
.ceo_wrap .eng_txt p:last-child{margin-bottom:0;}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 1024px){}
/* 테블릿 */
@media screen and (max-width: 960px){
.ceo_wrap .ko_txt h3 span{display:block; margin-bottom:10px;}

}
/* 모바일 04 */
@media screen and (max-width: 768px){
.ceo_wrap{width:100%; position:relative; padding-left:0; padding-bottom:50px; box-sizing:border-box;}
.ceo_wrap .img{width:100%; position:relative;}
.ceo_wrap .img img.m_hide{display:none;}
.ceo_wrap .img img.m_show{display:block;}
.ceo_wrap .ko_txt{width:100%;}
.ceo_wrap .ko_txt h3{font-size:1.1em; margin-bottom:30px; letter-spacing:-0.03em; margin-bottom:16px;}
.ceo_wrap .ko_txt h3 span{display:inline; margin-bottom:10px;}
.ceo_wrap .ko_txt p{font-size:0.95em; line-height:1.8em; margin-bottom:16px;}

.ceo_wrap .eng_txt p{font-size:0.95em;line-height:1.8em; margin-bottom:16px;}
.ceo_wrap .eng_txt p:last-child{margin-bottom:0;}

}
/* 모바일 03 */
@media screen and (max-width: 500px){
.ceo_wrap .ko_txt h3 span{display:block;}

}
/* 모바일 02 */
@media screen and (max-width: 414px){
.ceo_wrap .ko_txt h3 span{display:block; margin-bottom:5px;}

}
/* 모바일 01 */
@media screen and (max-width: 375px){}

/* ////////// vision ////////// */
.vision_wrap{width:100%; padding-bottom:70px;}
.vision_wrap h3{font-family:'Nanum','NanumGothic'; font-size:35px; color:#3d62ac; font-weight:bold; text-align:center; line-height:78px; position:relative;}
.vision_wrap h3:before{content:""; width:19px; height:15px; display:block; position:absolute; top:20px; left:5%; background:url('/img/sub/quotes_before.png') no-repeat center top;}
.vision_wrap h3:after{content:""; width:19px; height:15px; display:block; position:absolute; top:20px; right:5%; background:url('/img/sub/quotes_after.png') no-repeat center top;}

.vision_wrap .diagram{width:100%; text-align:center; padding:34px 0;}

.vision_wrap .vision_txt{margin-bottom:55px;}
.vision_wrap .vision_txt p{font-size:22px; color:#1f1f1f; text-align:center; line-height:46px; font-family:'Nanum','Nanum','NanumBarunGothic'}

.vision_wrap .identity > span{display:block; text-align:center;}
.vision_wrap .identity > span.first{padding-bottom:16px;}
.vision_wrap .identity > span.last{padding:22px 0;}
.vision_wrap .identity p{font-size:18px; color:#000; text-align:center; line-height:52px; font-family:'Nanum','KoPubDotum'; position:relative;}
.vision_wrap .identity p:after{content:""; width:38px; height:1px; display:block; background:#3d61ab; position:absolute; bottom:0; left:50%; margin-left:-19px;}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 1024px){
.vision_wrap{width:100%; padding-bottom:40px;}
.vision_wrap h3{font-size:2em; line-height:2.4em;}
.vision_wrap h3:before{width:14px; height:10px; top:20px; left:50%; margin-left:-435px; background-size:100% 100%;}
.vision_wrap h3:after{width:14px; height:10px; top:20px; right:50%; margin-right:-435px; background-size:100% 100%;}

}
/* 테블릿 */
@media screen and (max-width: 960px){
.vision_wrap h3{font-size:1.6em; line-height:2em;}
.vision_wrap h3:before{top:5px; left:50%; margin-left:-350px;}
.vision_wrap h3:after{top:5px; right:50%; margin-right:-350px;}
.vision_wrap .diagram{width:100%; text-align:center; padding:30px 0;}
.vision_wrap .diagram img{width:80%;}
.vision_wrap .vision_txt{margin-bottom:30px;}
.vision_wrap .vision_txt p{font-size:1.2em; line-height:1.8em;}
.vision_wrap .identity{text-align:center;}
.vision_wrap .identity > span{display:inline-block;}
.vision_wrap .identity > span.first{padding:8px 0; width:69%;}
.vision_wrap .identity > span.last{padding:10px 0; width:72%; margin-bottom:10px;}
.vision_wrap .identity p{font-size:1em; line-height:2em; margin-bottom:10px;}
.vision_wrap .identity p span{display:block; text-align:center;}

}
/* 모바일 04 */
@media screen and (max-width: 768px){
.vision_wrap h3{font-size:1.8em; line-height:2em;}
.vision_wrap h3 span{display:block;}
.vision_wrap h3:before{top:15px; left:50%; margin-left:-210px;}
.vision_wrap h3:after{top:70px; right:50%; margin-right:-210px;}
.vision_wrap .diagram{width:100%; text-align:center; padding:25px 0;}
.vision_wrap .diagram img{width:60%;}
.vision_wrap .vision_txt{margin-bottom:30px;}
.vision_wrap .vision_txt p span{display:block;}

}
/* 모바일 03 */
@media screen and (max-width: 500px){
.vision_wrap h3{font-size:1.3em; line-height:1.7em;}
.vision_wrap h3:before{top:5px; left:50%; margin-left:-158px;}
.vision_wrap h3:after{top:30px; right:50%; margin-right:-158px;}
.vision_wrap .diagram{width:100%; text-align:center; padding:15px 0;}
.vision_wrap .diagram img{width:70%;}
.vision_wrap .vision_txt{margin-bottom:20px;}
.vision_wrap .vision_txt p{font-size:1em; line-height:1.8em;}
.vision_wrap .identity p{font-size:0.8em; line-height:2em; margin-bottom:10px;}

}
/* 모바일 02 */
@media screen and (max-width: 414px){
.vision_wrap h3{font-size:1.15em; line-height:1.5em;}
.vision_wrap h3:before{top:5px; left:50%; margin-left:-135px;}
.vision_wrap h3:after{top:30px; right:50%; margin-right:-135px;}

}
/* 모바일 01 */
@media screen and (max-width: 375px){}

/* ////////// history ////////// */
.history_wrap{width:100%; padding-bottom:50px;}
.history_wrap .history{width:50%; float:left; box-sizing:border-box; padding:0 2%;}
.history_wrap .history.kor{border-right:1px solid #3d61ab;}
.history_wrap .history ul{width:100%;}
.history_wrap .history ul li{width:100%; margin-bottom:36px;}
.history_wrap .history ul li:after{content:""; display:block; clear:both;}
.history_wrap .history ul li p{width:12%; float:left; font-size:25px; color:#3d62ac; font-weight:bold; font-family:'Nanum','Noto Sans CJK'; position:relative;}
.history_wrap .history ul li p:after{content:""; width:28px; height:1px; display:block; background:#00adff; position:absolute; bottom:-14px; left:62px;}
.history_wrap .history ul li span{width:83%; display:block; float:right; font-size:18px; color:#1f1f1f; line-height:36px; text-align:left; font-family:'Nanum','KoPubDotum';}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 1024px){
.history_wrap .history.kor{border-right:1px solid #3d61ab;}
.history_wrap .history ul li p{width:15%; font-size:1.3em;}
.history_wrap .history ul li p:after{bottom:-10px; left:52px;}
.history_wrap .history ul li span{font-size:1.1em; line-height:30px; width:80%;}

}
/* 테블릿 */
@media screen and (max-width: 960px){
.history_wrap .history{width:100%; float:none; padding:0;}
.history_wrap .history.kor{border-right:none; border-bottom:1px solid #3d61ab; margin-bottom:15px;}
.history_wrap .history ul li{margin-bottom:12px;}
.history_wrap .history ul li p{width:5%; font-size:1em;}
.history_wrap .history ul li p:after{width:14px; bottom:-5px; left:42px;}
.history_wrap .history ul li span{width:91%;font-size:0.85em; line-height:1.6em;}

}
/* 모바일 04 */
@media screen and (max-width: 768px){

}
/* 모바일 03 */
@media screen and (max-width: 500px){
.history_wrap .history ul li{margin-bottom:12px;}
.history_wrap .history ul li p{width:13%; font-size:1em;}
.history_wrap .history ul li p:after{width:14px; bottom:-5px; right:-5px;}
.history_wrap .history ul li span{width:82%;font-size:0.85em; line-height:1.6em;}

}
/* 모바일 02 */
@media screen and (max-width: 414px){
.history_wrap .history ul li p{width:15%;}
}
/* 모바일 01 */
@media screen and (max-width: 375px){
.history_wrap .history ul li p:after{width:14px; bottom:-5px; right:-10px;}

}
/* ////////// organization ////////// */
.organization_wrap{width:100%; padding-bottom:75px;}
.organization_wrap .top{width:100%; padding-bottom:50px; background:url('/img/sub/org_mid_img.png') no-repeat bottom center;}
.organization_wrap .top p{width:22.5%; height:94px; margin:0 auto; background:url('/img/sub/org_top_bg.png') no-repeat center top; background-size:100% 100%; font-size:19px; color:#3d62ac; text-align:center; font-family:'Nanum','KoPubDotum'; line-height:94px; position:relative;}
.organization_wrap .top p.ceo{margin-bottom:64px;}
.organization_wrap .top p.ceo:after{content:""; width:29px; height:29px; display:block; background:url('/img/sub/org_top_after.png') no-repeat center top; position:absolute; bottom:-44px; left:50%; margin-left:-15px;}
.organization_wrap .top p.director{line-height:65px;}
.organization_wrap .top p span{width:100%; display:block; text-align:center; line-height:65px; position:absolute; bottom:0; left:0;}

.organization_wrap .bottom{width:100%; margin-top:30px;}
.organization_wrap .bottom div{width:15%; float:left; margin-right:2%; position:relative;}
.organization_wrap .bottom div:after{content:""; width:18px; height:18px; display:block; background:url('/img/sub/org_bot_after.png') no-repeat center top; background-size:100% 100%;  position:absolute; top:30px; right:-20px;}
.organization_wrap .bottom div:last-child{margin-right:0;}
.organization_wrap .bottom div:last-child::after{display:none;}

.organization_wrap .bottom div p{width:100%; height:84px; background:url('/img/sub/org_bot_bg01.png') no-repeat center top; background-size:100% 100%; font-size:19px; color:#00adff; text-align:center; line-height:54px; font-family:'Nanum','KoPubDotum'; position:relative;}
.organization_wrap .bottom div p span{width:100%; display:block; text-align:center; line-height:62px; position:absolute; bottom:0; left:0; font-size:15px;}
.organization_wrap .bottom div ul{width:100%; margin-top:20px;}
.organization_wrap .bottom div ul li{width:100%; height:38px; background:url('/img/sub/org_bot_bg02.png') no-repeat center top; background-size:100% 100%; font-size:17px; color:#fff; line-height:38px; font-family:'Nanum','KoPubDotum'; text-align:center; margin-bottom:10px; position:relative;}

/*///////////////////////////////////////*/
/*//////////// 반응형 사이즈 대응 /////////////*/
/*///////////////////////////////////////*/
@media screen and (max-width: 1024px){
.organization_wrap .bottom div:after{width:14px; height:14px; top:30px; right:-16px;}
.organization_wrap .bottom div:last-child{margin-right:0;}
.organization_wrap .bottom div:last-child::after{display:none;}
.organization_wrap .bottom div p{width:100%; height:84px; background:url('/img/sub/org_bot_bg01.png') no-repeat center top; background-size:100% 100%; font-size:19px; color:#00adff; text-align:center; line-height:54px; font-family:'Nanum','KoPubDotum'; position:relative;}
.organization_wrap .bottom div p span{font-size:13px;}

}
/* 테블릿 */
@media screen and (max-width: 960px){
.organization_wrap{width:100%; padding-bottom:0px;}
.organization_wrap .top{width:100%; padding-bottom:50px;}
.organization_wrap .top p{width:54%; height:100px; background-size:100% 100%; font-size:1.5em; line-height:100px;}
.organization_wrap .top p.ceo{margin-bottom:70px;}
.organization_wrap .top p.ceo:after{width:24px; height:24px; background-size:100% 100%; bottom:-40px; margin-left:-12px;}
.organization_wrap .top p.director{line-height:55px;}
.organization_wrap .top p span{line-height:76px;}

.organization_wrap .bottom{width:100%; margin-top:20px;}
.organization_wrap .bottom div{width:30%; height:330px; float:left; margin-right:5%; position:relative;}
.organization_wrap .bottom div:after{width:10px; height:10px; position:absolute; top:20px; right:-14px;}
.organization_wrap .bottom div:nth-child(3n){margin-right:0;}
.organization_wrap .bottom div:last-child{margin-right:0;}
.organization_wrap .bottom div:last-child::after{display:none;}
.organization_wrap .bottom div:nth-child(3n)::after{display:none;}
.organization_wrap .bottom div:nth-child(4){height:100px;}
.organization_wrap .bottom div:nth-child(5){height:100px;}
.organization_wrap .bottom div:nth-child(6){height:100px;}
.organization_wrap .bottom div p{height:70px; font-size:1.2em; line-height:46px;}
.organization_wrap .bottom div p span{width:100%; line-height:46px; font-size:1em;}
.organization_wrap .bottom div ul{width:100%; margin-top:20px;}
.organization_wrap .bottom div ul li{height:48px; font-size:1em; line-height:48px; margin-bottom:10px;}

}
/* 모바일 04 */
@media screen and (max-width: 768px){
.organization_wrap .top p{width:54%; height:80px; font-size:1.2em; line-height:80px;}
.organization_wrap .top p.ceo{margin-bottom:54px;}
.organization_wrap .top p.ceo:after{width:20px; height:20px; bottom:-26px; margin-left:-10px;}
.organization_wrap .top p.director{line-height:50px;}
.organization_wrap .top p span{line-height:50px;}

.organization_wrap .bottom div{width:30%; height:220px; float:left; margin-right:5%; position:relative;}
.organization_wrap .bottom div:after{width:10px; height:10px; position:absolute; top:20px; right:-14px;}
.organization_wrap .bottom div p{height:54px; font-size:1em; line-height:36px;}
.organization_wrap .bottom div p span{width:100%; line-height:40px; font-size:0.78em;}
.organization_wrap .bottom div ul{width:100%; margin-top:10px;}
.organization_wrap .bottom div ul li{height:30px; font-size:0.9em; line-height:30px; margin-bottom:5px;}

}
/* 모바일 03 */
@media screen and (max-width: 500px){
.organization_wrap .top p{width:55%; height:60px; line-height:60px;}
.organization_wrap .top p.ceo{margin-bottom:34px;}
.organization_wrap .top p.ceo:after{width:18px; height:18px; bottom:-26px; margin-left:-9px;}
.organization_wrap .top p.director{line-height:40px;}
.organization_wrap .top p span{line-height:40px;}

.organization_wrap .bottom div p{height:54px; font-size:0.9em; line-height:44px;}
.organization_wrap .bottom div p span{width:70%; left:50%; margin-left:-35%; line-height:30px; font-size:0.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.organization_wrap .bottom div ul li{height:26px; font-size:0.8em; line-height:26px; margin-bottom:5px;}

}
/* 모바일 02 */
@media screen and (max-width: 414px){}

/* 모바일 01 */
@media screen and (max-width: 375px){
.organization_wrap .bottom div:after{width:10px; height:10px; position:absolute; top:30px; right:-12px;}

}
