@charset "utf-8";

.search-side-button {text-align:right;}
@media all and (max-width:768px) {
	.search-side-button {text-align:left;}
}
@media all and (max-width:568px) {
	.search-side-button .btn {display:Block; line-height:3em !important; height:3em; text-align:center;}
}


/* 조직도 */
.organ_box a {color:#333; text-decoration:none;}
.organ_box .depth1 {position:relative;}
.organ_box .depth1 p a {display:table; width:7.64em; height:7.65em; padding:.88em; margin:0 auto; background:rgba(277,39,107,.06); border-radius:70px; transition:.3s; position:relative;}
.organ_box .depth1 p a:hover {background:rgba(277,39,107,.2);}
.organ_box .depth1 p a:after {content:''; width:1px; height:.88em; background:#CDD2E2; position:absolute; bottom:0; left:50%; z-index:-1;}
.organ_box .depth1 p a span {display:table-cell; font-size:1.4em; font-weight:600; color:#143272; text-align:center; background:#fff; border-radius:50px; box-shadow:0 6px 14px rgba(277,39,107,.25); position:relative; vertical-align:middle;}
.organ_box .depth2 {width:50%; padding-top:.58em; margin-left:50%; text-align:right; border-left:1px solid #CDD2E2; position:relative;}
.organ_box .depth2:before {content:''; width:100%; height:1.5em; border:1px solid #CDD2E2; border-top-width:0; border-right-width:0; border-radius:0 0 0 25px; position:absolute; top:.58em; left:-1px; z-index:-1;}
.organ_box .depth2 a {display:inline-block; width:13.5em; height:3em; padding:.6em 0; text-align:center; background:#fff; border:1px solid #143272; border-radius:30px; transition:.3s;}
.organ_box .depth2 a:hover {color:#143272;}
.organ_box .depth3 {position:relative; padding-top:1.17em; margin-bottom:2.35em;}
.organ_box .depth3:before {content:''; width:1px; height:1.17em; background:#CDD2E2; position:absolute; top:0; left:50%;}
.organ_box .depth3 >a {display:block; width:7.5em; height:3em; padding:.7em 0; margin:0 auto; font-size:1.17em; font-weight:600; color:#fff; text-align:center; background:#DD560A; border-radius:30px; transition:.3s;}
.organ_box .depth3 >a:hover {background:#ad3e00;}
.organ_box .depth4, .organ_box .depth5 {padding:1.17em; background:#F3F6FE; border-radius:20px;}
.organ_box .depth4 {padding:1.17em .88em .58em; margin-bottom:1.76em;}
.organ_box .depth4:after {content:''; display:block; clear:both;}
.organ_box .depth4 >ul >li {width:33.3333%; padding:0 .29em .58em; float:left;}
.organ_box .depth4 >ul >li >div {background:#fff; border:1px solid #ddd; border-radius:0 10px 0 10px;}
.organ_box .depth4 >ul >li >div >a {display:block; padding:.736em 0; font-weight:600; color:#fff; text-align:center; border-radius:0 0 0 10px;}
.organ_box .depth4 >ul >li >div >a:hover {text-decoration:underline;}
.organ_box .depth4 .dep4_01 {width:33.33333%;}
.organ_box .depth4 .dep4_01 >div {background:#0957AD; border:0;}
.organ_box .depth4 .dep4_02 >div >a {background:#442BA8;}
.organ_box .depth4 .dep4_03 >div >a {background:#8E2C9E;}
.organ_box .depth4 .dep5 >div >a {background:#c51372;}
.organ_box .depth4 >ul >li >div ul {padding:1.17em;}
.organ_box .depth4 >ul >li >div ul:after {content:''; display:block; clear:both;}
.organ_box .depth4 >ul >li >div li {width:50%; padding-left:10px; padding-bottom:5px; float:left; position:relative;}
.organ_box .depth4 >ul >li >div li:before {content:''; width:4px; height:4px; background:#aaa; border-radius:50%; position:absolute; top:12px; left:0;}
.organ_box .depth4 >ul >li >div li a {font-size:14px;}
.organ_box .depth4 >ul >li >div li a:hover {color:#143272;}
.organ_box .depth4 .dep4_03 >div {min-height:153px;}
.organ_box .depth4 .dep5 {width:100%;}
.organ_box .detail {display:none; position:absolute; top:50%; right:60%; transform:translateY(-50%); z-index:2;}
.organ_box .detail dl {border:1px solid #143272; background:#f8f8f8; border-radius:10px; overflow:hidden;}
.organ_box .detail dt {padding:.736em 1.17em; color:#fff; background:#143272; border-radius:0 0 10px 0;}
.organ_box .detail dd {padding:1.17em;}
.organ_box .detail dd .imgWrap {display:inline-block; width:4.7em; height:4.7em; margin-right:1.17em; border-radius:50%; overflow:hidden; vertical-align:middle;}
.organ_box .detail dd .tel {display:inline-block; vertical-align:middle;}
.organ_box .detail dd .tel:before {content:''; display:inline-block; width:2em; height:2em; margin-right:.588em; background:#333 url(../img/sub01/ico_organ_tel.svg) no-repeat 50% 50%; background-size:100% auto; border-radius:50%; vertical-align:middle;}
.organ_box .detail .close {display:block; width:2.94em; height:2.94em; text-indent:-9999px; background:url(../img/sub01/ico_organ_close.svg) no-repeat 50% 50%; overflow:hidden; position:absolute; top:0; right:0;}

@media all and (max-width:1024px) {
.organ_box .depth4 .dep4_02 >div {min-height:263px;}
.organ_box .depth4 .dep4_03 >div {min-height:175px;}
	.organ_box .depth4 >ul >li >div li {width:100%;}
}
@media all and (max-width:768px) {
	.organ_box .depth4 >ul >li {width:50%;}
	.organ_box .detail {right:55%;}
}
@media all and (max-width:640px) {
	.organ_box .depth1 p a {width:100%; height:6em; margin:0 0 .5em;}
	.organ_box .depth2 {width:auto; margin-left:50px;}
	.organ_box .depth3 {padding-top:.58em; margin-left:50px;}
	.organ_box .depth2 a {display:block; width:auto; margin-left:30px;}
	.organ_box .depth3 a {width:auto; height:3em; padding:.6em 0; margin-left:30px; font-size:1em;}
	.organ_box .depth1 p a:after {height:1.38em; left:50px; bottom:-.5em;}
	.organ_box .depth3:before {width:100%; height:2.08em; background:none; border:1px solid #CDD2E2; border-top-width:0; border-right-width:0; border-radius:0 0 0 25px; left:0;}
	.organ_box .detail {right:auto; left:20px;}
	.organ_box .depth4 .dep4_01 {width:100%; float:none;}
}
@media all and (max-width:460px) {
	.organ_box .depth4 >ul >li {width:100% !important; float:none;}
	.organ_box .depth4 >ul >li >div {min-height:auto !important;}
	.organ_box .depth4 >ul >li >div li {width:100%;}
}


.chart_box {margin:0 -.29em; overflow:hidden;}
.chart_box li {width:16.6666%; float:left; padding:0 .29em .58em; }
.chart_box li a {display:block; padding:1em 0; font-weight:600; color:#fff; text-align:center; text-decoration:none; background:#62569F; border-radius:0 10px 0 10px;}
.chart_box li a:hover {text-decoration:underline;}
@media all and (max-width:640px) {
	.chart_box li {width:20%;}
}
@media all and (max-width:460px) {
	.chart_box li {width:33.333333%;}
}

.orgaWrap .detail {display:none; position:absolute; top:0; right:60%; z-index:2;}
.orgaWrap .detail2 {top:12em;}
.orgaWrap .detail dl {border:1px solid #143272; background:#f8f8f8; border-radius:10px; overflow:hidden;}
.orgaWrap .detail dt {padding:.736em 1.17em; color:#fff; background:#143272; border-radius:0 0 10px 0;}
.orgaWrap .detail dd {padding:1.17em;}
.orgaWrap .detail dd .imgWrap {display:inline-block; width:4.7em; height:4.7em; margin-right:1.17em; border-radius:50%; overflow:hidden; vertical-align:middle;}
.orgaWrap .detail dd .tel {display:inline-block; vertical-align:middle;}
.orgaWrap .detail dd .tel i {display:inline-block; width:2em; height:2em; margin-right:.588em; background:#333 url(../img/sub01/ico_organ_tel.svg) no-repeat 50% 50%; background-size:100% auto; border-radius:50%; vertical-align:middle; text-indent:-9999px; overflow:hidden;}
.orgaWrap .detail .close {display:block; width:2.94em; height:2.94em; text-indent:-9999px; background:url(../img/sub01/ico_organ_close.svg) no-repeat 50% 50%; overflow:hidden; position:absolute; top:0; right:0;}

.orgaWrap .citizen {position:relative; padding:0 0 2em; text-align:center;}
.orgaWrap .citizen img {display:block; margin:0 auto;}
.orgaWrap .citizen span {display:inline-block; padding:.5em 1em; border-radius:2em; background:#37375B; color:#fff; font-weight:700;}

@media all and (max-width:780px) {
	.orgaWrap .detail {position:fixed; top:50%; left:50%; right:auto; width:295px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10;}
}


.orgaWrap {display:block; position:relative; margin-top:40px;}
.orgaWrap ul,
.orgaWrap li {display:block; position:relative; /* z-index:0; */}
.orgaWrap .item,
.orgaWrap .item2 {display:block; position:relative; text-align:center; margin:0 auto;}
.orgaWrap .item a,
.orgaWrap .item2 a {display:block; position:relative;}
.orgaWrap ul:before,
.orgaWrap ul:after,
.orgaWrap li:before,
.orgaWrap li:after {border: 0px solid #898e9d;}
.orgaWrap .ul-depth2 {}
.orgaWrap .ul-depth1:before {content:"";display:block;position:absolute;left:50%;top:.88em;width:1px;height: 22.3em;border-left-width:1px;z-index:-1;}
.orgaWrap .li-depth1 > .item {width:7.65em; height:7.64em; padding:.88em;}
.orgaWrap .li-depth1 > .item > a {display:flex; justify-content:center; position:static; width:100%; height:100%; align-items:center; background:#fff; box-shadow:0 6px 14px rgba(0,0,0,.05); border-radius:9em;}
.orgaWrap .li-depth1 > .item > a strong {font-size:1.4em; color:#143272;}
.orgaWrap .li-depth1 > .item > a strong:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:rgba(39,76,255,.06); border-radius:9em; transition:.3s all; -webkit-transition:.3s all;}
.orgaWrap .li-depth1 > .item > a:hover strong:before,
.orgaWrap .li-depth1 > .item > a:focus strong:before {background:rgba(277,39,107,.2);}

.orgaWrap .li-depth1 > .item2 {display:block;position:relative;width:8.7em;z-index:3;}
.orgaWrap .li-depth1 > .item2 a {border-radius:9em; padding:.9em 1em; color:#fff; background:#DD560A;}
.orgaWrap .li-depth1 > .item2 a strong {font-size:1.17em;}
.orgaWrap .li-depth1 > .item2 a:hover,
.orgaWrap .li-depth1 > .item2 a:focus {background:#ad3e00;}

.orgaWrap .li-depth2 {padding-top:2em;}
.orgaWrap .li-depth2:after {content:""; display:block; clear:both;}

.orgaWrap .li-depth2.side {margin-top:.58em; padding-top:0;}
.orgaWrap .li-depth2.side:before {content:""; display:block; position:absolute; left:50%; top:0; right:0; height:50%; border-radius:0 0 0 25px; border-left-width:1px; border-bottom-width:1px; z-index:-1;}
.orgaWrap .li-depth2.side > .item {float:right; width:13.5em;}
.orgaWrap .li-depth2.side > .item a {padding:.75em 0; font-size:1em; border:1px solid #143272; background:#fff; color:#333; border-radius:9em;}
.orgaWrap .li-depth2.side > .item strong {font-weight:400; font-size:1em;}

.orgaWrap .ul-depth3 {display:flex; flex-wrap:wrap; justify-content:start; margin-top:2.35em; padding:.88em; background:#F3F6FE; border-radius:20px;}
.orgaWrap .li-depth3 {width:33.333%; padding:.29em;}

.orgaWrap .li-depth3.ty1 {width:100%;display:flex;justify-content:right;top: 2em;}
.orgaWrap .li-depth3.ty1:before {content:''; display:block; position:absolute; left:50%; top:0; right:0; width:40%; height:50%; border-radius:0 0 0 25px; border-left-width:1px; border-bottom-width:1px; z-index:-1;}
.orgaWrap .li-depth3.ty1 > .item {width: 13.5em;margin:0;}

.orgaWrap .li-depth3.ty4 {width:100%;}
.orgaWrap .li-depth3 > .item {z-index:1;}
.orgaWrap .li-depth3 > .item a {padding:.7em 0 .8em; border-radius:0 10px 0 10px; background:#0957AD; color:#fff;}
.orgaWrap .li-depth3 > .item a strong {font-weight:600;}
.orgaWrap .li-depth3.ty2 > .item a {background:#442BA8;}
.orgaWrap .li-depth3.ty3 > .item a {background:#8E2C9E;}
.orgaWrap .li-depth3.ty4 > .item a {background:#c51372;}

.orgaWrap .ul-depth4 {display: block;z-index:0;margin-top: -20px;background:#fff;border:1px solid #ddd;border-top-width:0;border-radius:0 10px 0 10px;padding:30px 20px 20px;}
.orgaWrap .ul-depth4 > li {width:100%;padding: 3px 10px;}
.orgaWrap .ul-depth4 > li:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#aaa; top:50%; margin-left:-2px; left:0;}
.orgaWrap .ul-depth4 a {font-size:.8235294em; color:#333;}
.orgaWrap .ul-depth4 a:hover,
.orgaWrap .ul-depth4 a:focus {color:#143272;}


@media all and (min-width:1024px) {
	.orgaWrap .ul-depth4 {min-height: 14em;}
	/* .orgaWrap .li-depth3.ty3 .ul-depth4 {min-height:12em;} */
	.orgaWrap .li-depth3.ty4 .ul-depth4 {min-height:auto;}
}

@media all and (max-width:1024px) {
	.orgaWrap .ul-depth4 > li {width:100%;}	
	.orgaWrap .li-depth3 {width:50%;}
}
@media all and (max-width:640px) {
	.orgaWrap .li-depth1 > .item {width:100%; height:5.64em;}
	.orgaWrap .ul-depth1:before {height:20.2em;}
	.orgaWrap .ul-depth1:before,
	.orgaWrap .li-depth2.side:before {left:4em;}
	.orgaWrap .li-depth2.side {padding-left:7em;}
	.orgaWrap .li-depth2.side > .item {width:auto; float:none;}
	.orgaWrap .li-depth2 > .item,
	.orgaWrap .li-depth1 > .item2 {width:auto;}
	.orgaWrap .li-depth1 > .item2 {padding-top:1em;}
	.orgaWrap .ul-depth3 {margin-top:2em;}
	.orgaWrap .li-depth3.ty1 {top:1em;}
	.orgaWrap .li-depth3.ty1:before {left:4em;width: 80%;}
	
}
@media all and (max-width:460px) {
	.orgaWrap .li-depth3 {width:100%;}
	.orgaWrap .li-depth3.ty1 > .item {width:73%;}
}

/* 팩스번호 안내 */
.fax_box:after {content:''; display:block; clear:both;}
.fax_box >ul {margin:0 -10px;}
.fax_box >ul >li {width:25%; padding:0 10px 20px; float:left;}
.fax_box .inner {border:1px solid #ddd; border-radius:0 10px 0 10px; overflow:hidden;}
.fax_box .inner p {padding:.736em 0; font-weight:600; color:#fff; text-align:center; border-radius:0 0 0 10px;}
.fax_box .style01 .inner p {background:#0957AD;}
.fax_box .style02 .inner p {background:#442BA8;}
.fax_box .style03 .inner p {background:#8E2C9E;}
.fax_box .style04 .inner p {background:#c51372;}
.fax_box .style05 .inner p {background:#c51943;}
.fax_box .style06 .inner p {background:#CE5816;}
.fax_box .inner ul {padding:1.17em;}
.fax_box .style02 .inner ul {min-height:85px;}
.fax_box .style04 .inner ul {min-height:110px;}
.fax_box .inner li {padding-left:10px; padding-bottom:5px; position:relative; font-size:14px;}
.fax_box .inner li:last-child {padding-bottom:0;}
.fax_box .inner li:before {content:''; width:4px; height:4px; background:#aaa; border-radius:50%; position:absolute; top:12px; left:0;}

@media all and (max-width:1024px) {
	.fax_box >ul >li {width:33.3333%;}
}
@media all and (max-width:768px) {
	.fax_box >ul >li {width:50%;}
	.fax_box .style05 .inner ul {min-height:126px;}
}
@media all and (max-width:460px) {
	.fax_box >ul >li {width:auto; float:none;}
	.fax_box .inner ul {min-height:auto !important;}
}

/* 오시는길 */
.mapWrap {position:relative;}
.mapWrap:after {content:'';display:block;border:1px solid #ddd;border-radius:1.176em;position:absolute;top:1.764em;right:0;bottom:0;left: 0;z-index:-1;}
.mapWrap .mapBoxWrap {margin-top:10px;/* margin-right:1.764em; */border-radius:1.176em;overflow:hidden;}
.mapWrap .mapBoxWrap .map_box {margin-top:0; border:0;}
.mapWrap .mapBoxWrap .map_border {display:none;}
.mapWrap .mapInfo {padding: 1.764em 1.764em 1.764em 2.5em;}
.mapWrap .mapInfo >ul >li {padding:.324em 0 .324em 9.176em; margin-bottom:.588em; position:relative;}
.mapWrap .mapInfo >ul >li:last-child {margin-bottom:0;}
.mapWrap .mapInfo >ul >li:before {content:''; display:block; width:2.117em; height:2.117em; background-size:auto !important; border-radius:50%; position:absolute; top:0; left:0;}
.mapWrap .mapInfo >ul >li.add:before {background:#333 url(../img/sub01/ico_map_info01.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.cal:before {background:#333 url(../img/sub01/ico_map_info02.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.fax:before {background:#333 url(../img/sub01/ico_map_info03.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li >strong {display:inline-block; position:absolute; top:.324em; left:3.294em;}
.mapTraffic {padding:1.764em 1.764em 1.764em 9.411em; margin-top:2.352em; background:#f8f8f8; border-radius:2.94em 1.176em 1.176em 1.176em; position:relative;}
.mapTraffic .icon {width:5.882em; height:5.882em; background:#fff; border-radius:1.764em; position:absolute; top:-1.176em; left:1.764em; box-shadow:0 4px 16px rgba(0,0,0,.08);}
.mapTraffic .icon img {display:block; position:absolute; top:50%; left:50%; height:3.764em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.mapTraffic >p {margin-bottom:.9em;font-size:1.294em; font-weight:600; color:#143272;}
.tab_detail {display:none;}

.mapTraffic.bus  ul.bus > li {display:table; width:100%;}
.mapTraffic.bus  ul.bus > li + li {margin-top:10px;}
.mapTraffic.bus  ul.bus > li > strong {display:table-cell;width:150px;border: 1px solid #143272; color:#143272;padding:5px 10px;vertical-align: middle;text-align: center; border-radius:5px;}
.mapTraffic.bus  ul.bus > li > span,
.mapTraffic.bus  ul.bus > li > ul {display:table-cell; vertical-align: top; padding:10px 15px; word-break:keep-all;}

.map_con .box {height:auto; padding:1em; border:1px solid #7681a8; border-top-width:0; position:relative; left:-1px;}
.map_con .box .title {font-weight:600;}
.map_con .box .body {font-size:.82em;}
.map_con .box .map_call {font-size:.82em; color:#666;}

.map_link {text-align:center;margin-top: 1.5em;display: block;}
.map_link a {display: inline-block;color:#fff;width: 200px;padding: 13px 21px 13px 56px;box-sizing:border-box;background:#fff;border: 1px solid #ddd;border-radius:15px;margin: .2em;}
.map_link .btn_list {color: #333333 !important;}
.map_link a:hover {border: 1px solid #333;;}
.map_link .btn_list:before {content:'';position:absolute;width: 30px;height: 30px;left: 1em;top:1.058em;background:url(/depart/img/sub07/ico_list.svg) no-repeat; top: 10px; background-size:100% auto !important;}
.map_link .btn_list.kakao:before {background:url(/portal/img/sub01/map_kakao.png) no-repeat;}
.map_link .btn_list.naver:before {background:url(/portal/img/sub01/map_naver.png) no-repeat;}
.conts .map_link a[target="_blank"]:not(.btn):after {display:none;}

@media all and (max-width:640px) {
	.mapWrap:after {display:none;}
	.mapWrap .mapBoxWrap {margin-right:0;}
	.mapWrap .mapInfo {padding:1.764em 0; border-bottom:1px solid #ddd;}
	.mapTraffic {padding:5.8em 1.764em 1.764em;}
	.mapTraffic >p {position:absolute; top:1.7em; left:7em;}
}

@media all and (max-width:441px) {
	.map_link a {margin: .3em;}
}