/*=================================================================================================
// 명    칭 : 서브 콘텐츠 스타일쉬트
// 처리내용 :
// 작 성 자 : 2013-09-06 강대인
//=================================================================================================*/
@charset "utf-8";

.content_body { margin:50px 0; }

/************* 콘텐츠 ***************/
/* 1depth */
h2.dep01 {color:#155daa; display:block; font-size:1.4rem; font-weight:500; position:relative; padding:0 0 15px 20px; line-height:160%; letter-spacing:-0.1rem; margin:50px 0 0 0}
h2.dep01:before {content:''; border:3px solid #155daa; border-radius:100px; position:absolute; left:0; top:10px; width:14px; height:14px}
h2.dep01:first-child {margin:0}

/* 2depth */
h3.dep02, ul.dep02 > li {color:#000; display:block;font-weight:normal; position:relative; padding:0 0 7px 15px; line-height:160%; letter-spacing:-0.08rem}
h3.dep02:before, ul.dep02 > li:before {content:''; background-color:#322121; position:absolute; left:3px; top:9px; width:6px; height:6px}

/* 3depth */
ul.dep03 {margin-left:10px; padding:0 0 10px 0}
ul.dep03 li > ul {padding:15px 0}
h4.dep03, ul.dep03 > li, span.dep03 {color:#000; display:block; ont-weight:normal; position:relative; padding:0 0 0 10px; line-height:160%}
h4.dep03:before, ul.dep03 > li:before, span.dep03:before {content:''; background:#666; position:absolute; left:2px; top:9px; width:3px; height:5px}

/* 4depth */
ul.dep04 li > ul {padding:15px 0}
h5.dep04, ul.dep04 > li, span.dep04 {color:#000; display:block; font-weight:normal; position:relative; padding:0 0 7px 15px; line-height:160%}
h5.dep04:before, ul.dep04 > li:before, span.dep04:before {content:''; background:#666; position:absolute; left:1px; top:12px; width:5px; height:1px}

/* 5depth */
ul.dep05 li > ul {padding:15px 0}
h6.dep05, ul.dep05 > li {color:#666; display:block; font-weight:normal; position:relative; padding:0 0 7px 10px; line-height:160%}
h6.dep05:before, ul.dep05 > li:before {content:''; background:#999; position:absolute; left:1px; top:11px; width:2px; height:2px}

/* 2depth 로 시작*/
ul.dep02 > li > ul {padding:5px 0 0}
ul.dep02 > li > ul > li{color:#000; display:block; position:relative; padding:0 0 7px 10px; line-height:160%}
ul.dep02 > li > ul > li:before {content:''; border:0; background:#666; position:absolute; left:0; top:9px; width:3px; height:5px}
ul.dep02 > li > ul > li > ul {padding:10px 0 0}
ul.dep02 > li > ul > li > ul > li {color:#000; display:block; font-size:1rem; position:relative; padding:0 0 7px 15px; line-height:160%}
ul.dep02 > li > ul > li > ul > li:before {content:''; background:#666; position:absolute; left:1px; top:10px; width:5px; height:1px}
ul.dep02 > li > ul > li > ul > li > ul {padding:10px 0 0}
ul.dep02 > li > ul > li > ul > li > ul > li{color:#666; display:block; font-size:1em; position:relative; padding:0 0 7px 10px; line-height:160%}
ul.dep02 > li > ul > li > ul > li > ul > li:before {content:''; background:#999; position:absolute; left:1px; top:11px; width:2px; height:2px}

/* 3depth 로 시작*/
ul.dep03 > li > ul {padding:10px 0}
ul.dep03 > li > ul > li {color:#000; display:block; font-size:0.95rem; position:relative; padding:0 0 0 15px; line-height:160%}
ul.dep03 > li > ul > li:before {content:''; background:#666; position:absolute; left:1px; top:10px; width:5px; height:1px}
ul.dep03 > li > ul > li > ul {padding:10px 0 0}
ul.dep03 > li > ul > li > ul > li{color:#666; display:block; font-size:0.95rem; position:relative; padding:0 0 7px 10px; line-height:160%}
ul.dep03 > li > ul > li > ul > li:before {content:''; background:#999; position:absolute; left:1px; top:11px; width:2px; height:2px}

/*-----------------------------------------------------------------------------
 *  테이블 공통
 *----------------------------------------------------------------------------*/
.attach {color:#666; display:block; font-size:0.95rem; text-align:right; margin-top:-15px}
.table table{position:relative}
.table table:before {content:'';background:#666;width:100%;height:1px;position:absolute;left:0;top:0;}
.table-info {display:block; text-align:right}
.table table .line-r {border-right:1px solid #e6e6e6}
.table table .line-l {border-left:1px solid #e6e6e6}

/*테이블 thead*/
.tbl_type1 {border-collapse:collapse; width:100%; line-height:160%; margin-bottom:10px; font-size:1rem}
.tbl_type1 thead th,
.tbl_type1 tbody th {background:#f5f5f5; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#000; font-weight:normal; text-align:center; padding:13px 5px}
.tbl_type1 tbody td{border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#333; padding:0.6em; text-align:center}
.tbl_type1 tbody td ul li, .tbl_type1 tbody td span {font-weight:normal; font-size:0.95rem; padding-bottom:0}
.tbl_type1 thead tr th:last-child, 
.tbl_type1 tbody tr td:last-child {border-right:none}
.tbl_type1 tbody tr td.TxtL, .tbl_type1 tbody tr td.left {text-align:left}


/*테이블 tbody*/
.tbl_type2 {border-collapse:collapse; border-bottom:1px solid #666; margin:10px 0 15px 0; width:100%; font-size:0.9em}
.tbl_type2 tbody th{background:#f7f7f7; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#666; padding:0.6em; text-align:center}
.tbl_type2 tbody td{border-top:1px solid #ddd; border-right:1px solid #ddd; color:#666; text-align:center; padding:0.6em}
.tbl_type2 tbody tr:first-child th,
.tbl_type2 tbody tr:first-child td{border-top:2px solid #666 !important}
.tbl_type2 thead tr th:last-child,
.tbl_type2 tbody tr td:last-child {border-right:none}

@media screen and (max-width:768px) {
.table {background:#fff; overflow-x:scroll; min-width:265px; position:relative; margin-top:0; padding:20px 0 0 0}
.table:before{content:'좌우 스크롤 하시면 내용을 보실 수 있습니다.'; color:#999; position:absolute; left:0; top:0}
.table > table  {width:200%}
.table table:before  {width:100%}
}

/*-----------------------------------------------------------------------------
 *  사진형식 리스트
 *----------------------------------------------------------------------------*/
.content-list > li {border:1px solid #e5e5e5; display:table; margin-top:-1px; padding:2.2%; width:100%}
.content-list > li > div {display:table-cell; padding:0 5% 0 0; line-height:1.6em}
.content-list > li .txt {width:70%; padding:2.5% 0 0 0}
.content-list > li .txt .h5 {padding-bottom:3%}
.content-list > li .txt strong {color:#000; display:block; font-size:1.4rem; font-weight:500; margin-bottom:15px}
.content-list > li .txt strong > span {color:#333; display:inline- block; font-size:0.7em; margin-left:20px}
.content-list > li .txt > span{color:#000; display:block; padding:15px 0 10px 0} 
.content-list > li .thumb {width:105px; height:116px; vertical-align:middle}
.content-list > li .thumb img {display:block; height: 139px; width: 100%;}
.content-list > li ul {margin:0}

/*-----------------------------------------------------------------------------
 *  설립목적 및 구성
 *----------------------------------------------------------------------------*/
.box-three:after {content:''; clear:both; display:block}
.box-three li {border:1px solid #ddd; color:#000; float:left; width:32%; text-align:center; padding:40px 5%}
.box-three li:nth-child(2) {margin:0 2%}
.box-three li i {display:block; height:90px}

@media screen and (max-width:640px) {
.box-three li {float:none; width:100%; margin:2% 0}
.box-three li:nth-child(2) {margin:2% 0}
}

/*-----------------------------------------------------------------------------
 *  임원현황
 *----------------------------------------------------------------------------*/
.content-list:after {content:''; clear:both; display:block}
.content-list > li {float:left; width:50%; margin-left:-1px; height:220px; padding:3%}
.content-list > li .thumb {vertical-align:top}
.content-list > li .txt {padding:0}

@media screen and (max-width:640px) {
.content-list > li {float:none; width:100%; margin-left:0; height:auto}
}

/*-----------------------------------------------------------------------------
 *  조직도
 *----------------------------------------------------------------------------*/
.organi {max-width:85%; margin:0 auto}
.organi li {margin-bottom:3rem; position:relative}
.organi .item {background-color:#0d54a7; color:#fff; display:block; padding:1rem; min-width:12rem; max-width:12rem; text-align:center; margin:0 auto 0}
.organi .team01 {display:flex; justify-content:space-between; margin-top:3rem}
.organi .team01 .item {background-color:#1997ef}
.organi .team01 .group {background-color:#fff; box-sizing:border-box; border:1px solid #ddd; border-top:0; padding:1rem 0}
.organi .team01 .group li {margin-bottom:0}
.organi .team01 .group .item {background:none; color:#666; padding:.3rem}
.organi .team02 {margin-top:-8rem}
.organi .team02 .group {display:flex; justify-content:space-between; margin-top:3rem} 
.organi .team02 .group .item {background:#7c7c7c}

.organi .item:before,
.organi .team01:before,
.organi .team02 .group:before {content:''; background-color:#ccc; position:absolute; z-index:-1}

.organi .ceo .item:before {height:70%; width:1px; left:50%; top:0}
.organi .team01:before  {height:1px; width:100%; top:23%}
.organi .team02 .group:before {height:1px; width:100%; top: 63%;}

@media screen and (max-width:768px){
.organization {overflow-x:scroll}
.organi {min-width:700px}
}

/*-----------------------------------------------------------------------------
 *  사이트맵
 *----------------------------------------------------------------------------*/
.sitemap dl { padding:50px 0; border-bottom:1px solid #e5e5e5; }
.sitemap dl:first-child { padding:0 0 50px 0; }
.sitemap dl:last-child { border-bottom:0; }
.sitemap dt,
.sitemap dt a { color:#155daa; font-size:1.6em; }
.sitemap dd { clear:both; padding:30px 0 0; }
.sitemap dd > ul { display:table; width:100%; }
.sitemap dd > ul > li { display:inline-block; margin-right:2em; line-height:2em; position:relative; vertical-align:top; }
.sitemap dd > ul > li:last-child { margin-right:0; }
.sitemap dd > ul > li > a { color:#000; font-size:1em; }
.sitemap dd > ul > li > a:hover { color:#295392; text-decoration:underline; }
.sitemap dd > ul > li ul > li { display:block; margin-right:2%; }
.sitemap dd > ul > li ul > li a { color:#666; font-size:0.9em; position:relative; padding:0 0 0 10px; }
.sitemap dd > ul > li ul > li a:before { content:''; background:#666; position:absolute; left:1px; top:10px; width:5px; height:1px; }
.sitemap dd > ul > li ul > li a:hover { color:#295392; text-decoration:underline; }