@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff;position: relative;z-index: 0;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

.maximg {width:100%; max-width:769px;}
#ctt h2 {clear:both; font-size:24px; color:#222; position:relative; margin-bottom:1em;}
#ctt h2:before {content:''; display:block; width:30px; height:3px; background-color:#266ed4; margin-bottom:15px;}

#ctt h3 {clear:both; font-size:1.2rem; font-weight:500; color:#444; margin:1em 0 0.8em 0; color:#0d4da8;}
#ctt h3:before {content:''; display:inline-block; width:11px; height:11px; border-radius:3px;margin-right:10px; vertical-align:middle; background-color:#266ed4;}

.base_tbl {width:100%; border-collapse:collapse; border-color:#222 #ccc #ccc #ccc; border-style:solid; border-width:2px 1px 1px 1px;}
.base_tbl thead {
background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 );
}
.justify{text-align:justify; padding:.5em 1em .5em 0em; line-height:1.6em;}
.base_tbl tbody {}
.base_tbl th, .base_tbl td {padding:.8em .4em; line-height:1.4em; border:1px solid #bdbdbd;}
.base_tbl thead th {text-align:center;font-weight:500;}
.base_tbl thead td {text-align:center;}
.base_tbl tbody th {text-align:center; font-weight:500;}
.base_tbl tbody td {text-align:center;}
.base_tbl .left {text-align:left;}

.page_history_box { width:95%; margin:0 auto;}
.page_history_box .div-row{ margin:.7em 0;}
.history_year {display:table-cell;vertical-align:middle;width:80px;font-size:16px;font-weight: normal;letter-spacing:-.1em;color: #242424;}
.history_issue {display:table-cell;vertical-align:middle; font-weight:400; line-height:1.5em; vertical-align:top;}

.list_ul {list-style:none; margin-left:1em; margin-bottom:.6em;}
.list_ul li {font-weight:400; line-height:1.7em; background-image:url(/img/li1.gif); background-position:left center; background-repeat:no-repeat; padding-left:8px;}
.list_ul li span {display:inline-block;width:20%; max-width:90px; margin-right:10px; font-size:14px; font-weight:800; letter-spacing:-.1em; color:#64848c;}

.para_text {line-height:1.7em;}
.sign_text {line-height:1.5em; color:#444; text-align:right; }

.map-box {position:relative;}
.map_link{position:absolute; z-index:5; width:60px; height:60px; top:3px; right:5px;}
.map_link span{display:block; width:60px; height:60px; background-image:url(/img/view.png); background-repeat:no-repeat; text-indent:-9999px; cursor:pointer;}
.linkbox {display:inline-block; background-color:#2E82D9; padding:5px 15px; border-radius:3px; color:#fff; text-align:center; text-indent:0;}
/* .greetings_img{background-image:url(/img/sub/greetings_img.png); background-repeat:no-repeat; text-align:left;} */
.greetings_text{color:#000; /* max-width:595px;  */width:95%; margin:0 auto; /* padding:30px 0 0 250px; */padding:30px 0 0 30px;}
.greetings_text p{margin:1em 0; line-height:1.6em; font-size:15px; font-weight:400; text-indent:0px;padding-right:20px; text-align:left; word-break:keep-all;}

.bus_road {}
.bus_road hr{display:none;}
.bus_road ul{list-style:none; margin:0; padding:0 0 0 20px; font-size:12px; color:#222; border:1px dotted #ccc; border-width:1px 0 0 0;}
.bus_road ul li{display:inline-block;  line-height:18px;}
.bus_road .road_subject{display:block; font-size:12px; color:#000; font-weight:normal; padding:8px 0 5px 0;}
.bus_road .road_arrow{width:16px; vertical-align:middle;}
.bus_road .road_arrow span{display:inline-block; width:16px; height:18px; background-color:#fff; background-image:url(/img/arrow.png); background-repeat:no-repeat; background-position:center center;}
.bus_road .spbus{display:inline-block; height:18px; line-height:18px; background-color:#0099ff; color:#fff; font-size:11px; padding:0 3px; border-radius:3px;}
.bus_road .npbus{display:inline-block; height:18px; line-height:18px; background-color:#ff8000; color:#fff; font-size:11px; padding:0 3px; border-radius:3px;}
.bus_road li strong{padding:0 5px;font-weight:normal;}
.bus_road .road_subject strong{}

.research_wrap {font-size:1.2em; line-height:1.6em; width:95%; margin:0 auto; padding:1em; border:1px solid #fff; box-sizing:border-box; box-shadow:0px 0px 7px #ddd;}
.research_wrap h1{font-size:1.2em; text-align:center;}
.research_wrap p{margin:1em auto !important;}
.research_wrap .no_list {list-style:none; margin-left:1.5em;}
.abtn{display:inline-block; padding:0.5em 1em; background-color:#0066ff; color:#fff !important; font-size:1.2em; transition: background-color 0.5s ease}
.abtn:hover {background-color:#ff9900; }
.center{text-align:center !important;}
.strong {font-weight:bold !important;}
.hottext {width:60%; margin:0 auto; border:1px  solid #ffcc00; background-color:#ffffee; padding:1em 1.5em;}
.frm_title_color1{color:#004080;}

/* 역대원장 */
.chief_wrap {
	position: relative;
    overflow: hidden;
    border-style: solid;
    border-color: #486f95 #fff #486f95 #fff;
    border-width: 2px 0px 0 0px;
    padding: 1em;
}
.chief_wrap:last-child {
    border-bottom-width: 2px;
}
.chief_pic {float:left; width:25%; margin-right:1em; position:relative;}
.chief_pic>img{display:block;border:1px solid #ccc; position:relative;}
.chief_pic>div.naming{position:absolute;width:160px; bottom:0px; height:30px; background-color:rgba(0,0,0,0.5); color:#fff; line-height:30px; text-align:center; z-index:1;}
.chief_txtbox {float:left; list-style:none; overflow:hidden; width:60%; margin:0; padding:0;}
.chief_txtbox >li{position:relative;overflow:hidden; width:100%; clear:both; box-sizing:border-box; line-height:30px;}
.chief_txtbox >li>span {display:block; float:left; width:25%; font-weight:1.35rem; color:#004993; line-height:30px;}
.chief_txtbox >li>ul {display:block; float:left; width:75%;}
.chief_txtbox >li>ul>li{list-style:none; line-height:24px;}

/* 조직도 */
/*
2개 width:49.375%; margin-right:1.25%;
3개 width:32.5%; margin-right:1.25%;
4개 width:24.0625%; margin-right:1.25%;
5개 width:19%; margin-right:1.25%;
6개 width:15.625%; margin-right:1.25%;
*/
.org_chart_wrap {position:relative;margin: 1em auto 8em auto;width:100%;max-width:700px;text-align:center;}
.org_chart_wrap span {z-index:2; background-color:#fff;}
.org_chart_wrap span em {font-style:normal; position:absolute; top:50%; left:50%; transform:translate(-50%,-50.1%); box-sizing:border-box; display:block; text-align:center; padding:0 1em;  word-wrap:break-word; word-break:keep-all;}
.org_chart_wrap li {text-align:center;}
.org_chart_wrap ul {overflow:hidden;}

.org_chart_wrap .org3 > ul {
    /* height: 213px; */
    position: relative;
}
.org_chart_wrap .org1,
.org_chart_wrap .org2,
.org_chart_wrap .org3,
.org_chart_wrap .org4 {clear:both; margin-bottom:30px;}

.org_chart_wrap .org1 {position:relative;clear:both;}
.org_chart_wrap .org1 li{position:relative; width:100%;}
.org_chart_wrap .org1 li span {display:inline-block; width:100px; height:100px; border:5px solid #0099ff; border-radius:50%;}
.org_chart_wrap .org1:after {content:'';width:2px; height:250%; position:absolute; display:block; background-color:#dfdfdf; bottom:-245%; left:50%; transform:translateX(-50%);z-index:-1}

.org_chart_wrap .org2 {position:relative;clear:both;}
.org_chart_wrap .org2 li{position:relative;float:left; width:49.375%; margin-right:1.25%;}
.org_chart_wrap .org2 li:last-child{margin-right:0;}
.org_chart_wrap .org2 li span {display:inline-block; width:100px; height:100px; border:5px solid #ff6600; border-radius:50%;}
.org_chart_wrap .org2 li.side-l:after { content:'';width:50%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; left:100%; z-index:-1}
.org_chart_wrap .org2 li.side-r:before { content:'';width:50%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; right:100%; z-index:-1}


.org_chart_wrap .org3 {position:relative;clear:both;}
.org_chart_wrap .org3 li {position:relative;float:left;width:32.5%; margin-right:1.25%;}
.org_chart_wrap .org3 li.side-r {top: 112px;}
.org_chart_wrap .org3 li:last-child {margin-right:0;}
.org_chart_wrap .org3 li span {display:inline-block; width:100px; height:100px; border:5px solid #1748a4; border-radius:50%;}
.org_chart_wrap .org3 li.side-l span,.org_chart_wrap .org3 li.side-r span {border-color:#ff6600;}
.org_chart_wrap .org3 li.side-l:after { content:'';width:100%; height:2px; background-color:#dfdfdf;display:block; position:absolute; top:50%; left:50%; z-index:-1}
.org_chart_wrap .org3 li.side-r:before {content:'';width:100%;height:2px;background-color:#dfdfdf;display:block;position:absolute;top:50%;right: 54%;z-index:-1;}
.org_chart_wrap .org3 {margin-bottom: 0px;padding-bottom: 38px;}
.org_chart_wrap .org3:before {content:'';width:2px;height: 218px;background-color:#dfdfdf;display:block;position:absolute;bottom: -124px;left:50%;transform:translateX(-50%);z-index:-1;}
/* .org_chart_wrap .org3:after {content:'';width: 76.5%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -5px;left:50%;transform:translateX(-50%);z-index:-1;} */

.org_chart_wrap .org3 .org3_l{position:absolute;height:100px;z-index:5;top: 112px;width: 100%;}
.org_chart_wrap .org3 .org3_l li.side-b:before {content:'';width:100%;height:0px;background-color:#dfdfdf;display:block;position:absolute;top:50%;right: 50%;z-index:-1;}
.org_chart_wrap .org3 .org3_l li.side-b:after {content:'';width: 107%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -5px;right: -20px;z-index:-1;}

.org_chart_wrap .org3_new {position:relative;clear:both;}
.org_chart_wrap .org3_new li {position:relative;float:left;width:32.5%; margin-right:1.25%;}
.org_chart_wrap .org3_new li.center{float:none;margin:0 auto;}
.org_chart_wrap .org3_new li span {display:inline-block; width:100px; height:100px; border:5px solid #1748a4; border-radius:50%;}
.org_chart_wrap .org3_new {margin-bottom: 0px;padding-bottom: 38px;}
.org_chart_wrap .org3_new:before {content:'';width:2px;height: 218px;background-color:#dfdfdf;display:block;position:absolute;bottom: -124px;left:50%;transform:translateX(-50%);z-index:-1;}
.org_chart_wrap .org3_new .org3_l{position:absolute;height:100px;z-index:5;top: 112px;width: 100%;}


.org_chart_wrap .org3_add{position:relative;height: 120px;margin-bottom: 35px;}
.org_chart_wrap .org3_add::before,.org_chart_wrap .org3_add::after{content:'';clear:both;display:table;}
.org_chart_wrap .org3_add > div{position:relative;height: 100px;position:relative;width:100%; max-width:185px;}
.org_chart_wrap .org3_add > .org3_add_l{float:left;}
.org_chart_wrap .org3_add > .org3_add_r{float:right;}
.org_chart_wrap .org3_add > div.org3_add_l > div{position:absolute;top:50%;transform:translateY(-50%);}
.org_chart_wrap .org3_add > div > div {display:block;padding:10px 10px;border:2px solid #ff6600; width:100%;margin:0 0 8px 0;background-color:#fff;position:relative;}
.org_chart_wrap .org3_add > div > div > em{font-style:normal;}

.org_chart_wrap .org3_add > .org3_add_l::before{content:'';display:block;position:absolute;width: 100%;height:1px;background-color:#ccc;left: 100%;top:50%;transform:translateY(-50%);z-index:-1;max-width: 165px;}
.org_chart_wrap .org3_add > .org3_add_r::before{content:'';display:block;position:absolute;width: 100%;height:1px;background-color:#ccc;left: calc(-1 * (100% - 19px));top:50%;transform:translateY(-50%);z-index:-1;max-width: 140px;}
.org_chart_wrap .org3_add > div.org3_add_r > div::before{content:'';display:block;position:absolute;width:1px;height:65%;background-color:#ccc;left:-30px;z-index:-1;}

.org_chart_wrap .org3_add > div.org3_add_r > div::after{content:'';display:block;position:absolute;width:30px;height:1px;background-color:#ccc;left:-30px;top:50%;transform:translateY(-50%);z-index:-1;}
.org_chart_wrap .org3_add > div.org3_add_r > div:nth-child(1)::before{top:50%}
.org_chart_wrap .org3_add > div.org3_add_r > div:nth-child(2)::before{bottom:50%}

.org_chart_wrap .org3_add > div.org3_add_r > div:nth-child(1)::after{}
.org_chart_wrap .org3_add > div.org3_add_r > div:nth-child(2)::after{}


.org_chart_wrap .org3_add:after {content:'';width: 76.5%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -5px;left:50%;transform:translateX(-50%);z-index:-1;}

.org_chart_wrap .org4 .team {overflow:visible;}
.org_chart_wrap .org4 {position:relative;clear:both;}
.org_chart_wrap .org4 li{position:relative;float:left; width:24.0625%; margin-right:1.25%;}
.org_chart_wrap .org4 li:last-child {margin-right:0;}
.org_chart_wrap .org4 li span {display:inline-block; width:100%; height:60px; border:4px solid #71df15; border-radius:10px;}
.org_chart_wrap .org4 li:before {content:''; height:30px; width:2px; background-color:#dfdfdf; display:block; position:absolute; top:-30px; left:50%; transform:translateX(-50%);z-index:-1}


.video_privacy table {width:100%; border-collapse:collapse;}
.video_privacy table th {background-color:#f5f5f5; font-weight:500;}
.video_privacy table th,.video_privacy table td {border:1px solid #ddd; padding:0.5em 0.3em;}

.cnt_grp {background-repeat:no-repeat; background-size:contain;}
.cnt_grp.cnt01{background-image:url(/page/img/plan2.png);background-position:right center;}


@media all and (max-width:1022px) {
/* 역대원장 */
.chief_wrap {
	position: relative;
    overflow: hidden;
    border-style: solid;
    border-color: #486f95 #fff #486f95 #fff;
    border-width: 2px 0px 0 0px;
    padding: 1em;
}
.chief_wrap:last-child {
    border-bottom-width: 2px;
}
.chief_pic {float:none; width:100%; margin-right:1em; position:relative; max-width:280px; margin:0 auto;}
.chief_pic>img{display:block;border:1px solid #ccc; position:relative; width:100%;}
.chief_pic>div.naming{position:absolute;width:100%; bottom:0px; height:30px; background-color:rgba(0,0,0,0.5); color:#fff; line-height:30px; text-align:center; z-index:1;}
.chief_txtbox {float:none; list-style:none; overflow:hidden; width:100%; margin:1em auto 0 auto; padding:0;}
.chief_txtbox >li{position:relative;overflow:hidden; width:100%; clear:both; box-sizing:border-box; line-height:30px;}
.chief_txtbox >li>span {display:block; float:left; width:25%; font-weight:1.35rem; color:#004993; line-height:30px;}
.chief_txtbox >li>ul {display:block; float:left; width:75%;}
.chief_txtbox >li>ul>li{list-style:none; line-height:24px;}
}
@media all and  (max-width:960px){
	.greetings_text {padding: 350px 0 0 0;}
}
@media all and  (max-width:640px){
	.responsive_tbl {border-collapse:collapse;}
	.responsive_tbl tbody td{border-color:#ddd; border-width:0px 0px 1px 0px; padding-left:13% !important;position:relative;}
	.responsive_tbl tbody td::before {position:absolute; left:1px;}
	.responsive_tbl tbody td:nth-child(1):before {content:'직급';}
	.responsive_tbl tbody td:nth-child(2):before {content:'이름';}
	.responsive_tbl tbody td:nth-child(3):before {content:'연락처';}
	.responsive_tbl tbody td:nth-child(4):before {content:'이메일';}
	.responsive_tbl tbody td:nth-child(5):before {content:'담당업무';}

}

@media all and  (max-width:700px){
.org_chart_wrap .org3_add > .org3_add_l::before{max-width:55%}
.org_chart_wrap .org3_add > .org3_add_r::before{max-width:55%;left: -69%;}
}

@media all and  (max-width:570px){
.org_chart_wrap .org3_add > .org3_add_l::before{max-width:45%}
.org_chart_wrap .org3_add > .org3_add_r::before{max-width:45%;left: -60%;}
}

@media all and (max-width:480px) {
/* 조직도 */
.org_chart_wrap .org3:after {content:'';width: 51.5%;height: 2px;background-color:#dfdfdf;display:block;position:absolute;bottom: -6px;left:50%;transform:translateX(-50%);z-index:-1;}
.org_chart_wrap .org4 li{width:49.375%; margin-right:1.25%;}
.org_chart_wrap .org4 li:nth-child(2n) {margin-right:0;}
}
@media all and (max-width:360px) {
/* 조직도 */
.org_chart_wrap {zoom:.85;}
}