/*-----------------페이지-------------------*/

/*인사말 ceo greeting */
.greeting{ overflow:hidden;}
.greeting .imgField{width:50%; position:absolute; top:0; right:0; }
.greeting .imgField img{width:100%;}
.greeting .greetingField{ overflow:hidden; position:relative; height:272px; padding:0 50px; background:#1e366c; }
.greeting .greetingField p.greeting_title { 
    width:40%; font:500 22px/24px "Noto Sans kR"; margin:30px 0 0 0; line-height: 150%;
    color:#c6d8ff; word-break:keep-all; 
}

.greeting .greetingField p.greeting_title_sub { 
    width:40%; font:300 18px/34px "Noto Sans kR"; margin:10px 0 0 0; 
    color:#fff; word-break:keep-all; text-align: right;
}

.greeting .greetingField p.greeting_title_name { 
    width:40%; font:400 30px/34px "Noto Sans kR"; margin-top:0; 
    color:#fff; word-break:keep-all; text-align: right;
}

.greeting .greetingField p{margin-top:25px; font:600 16px/26px "NanumGothic", Malgun Gothic, verdana; color:#fff; /* color:rgba(255,255,255,.6) */;}

.greeting .greetingField p strong{ display:block; font:600 22px/26px "NanumGothic", Malgun Gothic, verdana; color:#fff; }
.greeting .greeting_con{ padding:0 5px; margin-top:45px; width:100%;}

.greeting .greeting_con h2{ 
    margin:0; padding:0 0 40px 20px; 
    font:700 30px/34px 'Noto Sans kR',Sans-serif; color:#1e366c; 
}

.greeting .greeting_con h2 b{ color:#1e366c; font-size:30px; font:400 25px/34px 'Noto Sans kR',Sans-serif }

.greeting .greeting_con p{ 
    margin:0 10px 20px 20px; font:300 16px/28px 'Noto Sans kR'; color:#222; line-height: 130%;
    letter-spacing:-0.2px; word-break:keep-all; 
}

.greeting .greetingField{background:#1e366c; border-radius:20px 0 20px 0; }
.greeting .greeting_con p b{ color:#ed3f10; font-family:'Godo'; font-weight:400; letter-spacing:0; line-height:24px; }
/*인사말 ceo greeting */


/* 연혁 */

.history{width:100%;}
.history > table { float:left;  width:65%;}
.history > table th { width:90px; padding:15px 10px 20px 5px; position:relative; color:#1e366c; font:bold 28px/28px 'NanumGothic','Malgun Gothic'; font-style:italic; border-right:dotted 1px #bbb; letter-spacing:-1px;  }
/* .history > table th.history_latest { color:#167cbf; } */
.history > table th,
.history > table td { vertical-align:top;  }
.history > table .fa-circle-o { position:absolute; top:23px; right:-8px; display:block; width:14px; height:11px; opacity:.5; filter:alpha(opacity=50); font-size:15px; }
.history > table td { padding:19px 0 17px 20px; color:#333; }
.history > table td b { color:#222;}
.history > table td.month { width:100px; color:#da0700; padding:20px 0 0 35px; font-weight:bold;}
.history > table td.month span{background:#777; padding:3px 10px 5px; border-radius:100em; display:inline-block; color:#fff; line-height:12px;}
.history > table td ul li p{ 
font:300 16px/34px 'Noto Sans kR',Sans-serif; line-height: 150%; color: #222; display: inline-block;width: 420px;
}
/* 위 아래 넓이를 고정값으로 주고 P태그를 추가했습니다. 한글판과 css, html구조가 다릅니다. 2018-05-16 백승철 */
.history > table td span{ padding:0 10px 0 5px; display:inline-block; color:#ed3f10; font:600 15px/22px 'NanumGothic'; vertical-align:top; width: 48px;}
.history > table td ul li:nth-child(2) { padding-top:5px; }

.history .Title{ float:right; width:35%; margin-right:0; margin-top:15px; text-align:right; color:#191a1a; letter-spacing:-0.025em; position:relative;}
.history .Title dt{width:160px; height:160px; background:#167cbf; border-radius:100em; padding-top:40px; text-shadow:2px 2px 2px rgba(0,0,0,.05); display:block;}
.history .Title dt span{ font:700 35px 'Noto Sans kR'; color:#fff; display:block;padding-right:20px;line-height: 80%; }
.history .Title dd{width:180px; position:absolute; top:0px; left:110px;}
.history .Title dd img{width:100%;}
.history.type02 .Title dt{background:#15273e;}
/* 연혁 */


/* 조직도 */
.organization_wrap p{ margin:0; text-align:center; }
/* .organization_wrap p:first-child{ margin-bottom:50px; } */
.organization_img{ width:100%; max-width:100%; margin: 0 auto;text-align: center}


.sub_title_wrap{ margin-bottom:70px; text-align:center; }
.sub_title_wrap .sub_title{ margin:0 0 0 0; position:relative; padding:0 0 20px 0;  }
.sub_title_wrap .sub_title span{ 
    position:relative; display:inline-block; padding-top:20px; color:#222; font:700 28px/38px 'Noto Sans kR',Sans-serif; 
}
.sub_title_wrap .sub_title span b{ /* display:block; */ color:#1e366c; font:700 28px/38px 'Noto Sans kR',Sans-serif; }

.sub_title_wrap p{ font:300 16px/38px 'Noto Sans kR',Sans-serif; color: #222;}
/* 조직도 */



/* 오시는길 */
.new_map{ width:100% !important; }
.new_map span{ font-family:'Noto Sans R' !important; }


.table01{ border-top:2px solid #167cbf; font:13px 'Malgun Gothic'; clear:both; margin-bottom:20px; width:100%; background:#fff; }
.table01 th, .table01 td{ padding:10px 13px; border:1px solid #ddd; word-break:keep-all; }
.table01 th{ width:18%; min-height:40px; background:#f8fdff; border-bottom:1px solid #d4d8de; font-weight:600; color:#333; text-align:center; }
.table01 td{ width:82%; padding-left:20px; }
.table01 td a{ color:#555; }
.table01 td a:hover{ color:#167cbf; }

.table01 td span{ margin-top:2px; display:block; line-height:16px; }
.table01 td span:before{ content:'*'; margin-right:3px; vertical-align:-2px; }

.table01 caption{ text-align:left; margin:30px 0 10px 0; font:600 20px/24px 'Godo','Malgun Gothic',Sans-serif; padding:0 1% 0 0; color:#333; }
/*.table01 caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#167cbf; }*/

.map_contents{ padding-top:10px; }
.map_contents h3{ text-align:left; margin:10px 0 10px 0; font:600 20px/24px 'Godo','Malgun Gothic',Sans-serif; padding:0 1% 0 0; }
.map_contents h3:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#167cbf; }

.map_contents dl{ }
.map_contents dl:nth-child(2){  padding-bottom:8px; }
.map_contents dl dt{ padding:10px 0 5px; font:600 16px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#444; }
.map_contents dl dd{ padding:2px 0; font:normal 13px/22px 'Malgun Gothic',Sans-serif; color:#555; word-break:keep-all; }
.map_contents dl dd:before{ display:inline-block; width:3px; height:3px; margin-right:6px; content:''; background:#ed3f10; border-radius:100em; vertical-align:3px; }
.map_contents p{ margin:15px 0 0 0; color:#ed3f10; line-height:20px; }
.map_contents p a{ color:#ed3f10; }
.map_contents p a:hover{ color:#167cbf; }
/* 오시는길 */


/* 주요 고객사 */
.account_wrap h2{ 
    position:relative; padding:0 0 30px 0; text-align:center; font:400 28px/30px 'Noto Sans KR'; 
    letter-spacing:-1px; color:#242424; }

.account_wrap h2:before{ 
    position:absolute; left:50%; bottom:0px; margin-left:-15px; content:''; 
    width:30px; height:1px; background:#0f367b; }

.account{ overflow:hidden; margin-top:30px; }
.account dl{ margin:10px 0 15px 2%; float:left; width:23.5%; } 
.account dl:nth-child(4n+1){ margin-left:0; }
.account dl dt{ position:relative; width:100%; border:1px solid #ededed; text-align:center; }
.account dl dt{ 
    -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; 
    -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }

.account dl:hover dt{ border:1px solid #dadada; }
.account dl dt img{ width:auto; max-width:70%; }

.account dd{ 
    font:700 13px/18px 'Malgun Gothic',Sans-serif; color:#141414; 
    width:100%; margin:12px 0px; text-align:center; }

.account dl:hover dd{ color:#0f367b; }
/* 주요 고객사 */