<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* sub030101 인사말 */
.s0101_wrap {background:url(/images/broso/sub01/sub0101_img01.png)no-repeat right center;}
.s0101_wrap .icon {width:31px;height:34px;margin: 25px 0;background:url(/images/grad/sub01/sub010101_img02.png)no-repeat;}
.s0101_wrap strong {display:block; margin-bottom: 20px; font-size:34px;color:#000;line-height: 1.2; font-family:"nmj";word-break: keep-all;  }
.s0101_wrap strong span {display: block; color:#1145a3; font-family:"nmj";line-height: 1.2;word-break: keep-all;  }
.s0101_wrap .inner {padding:0 365px 0 5px; }
.s0101_wrap p {font-size:16px; color:#000; }
.s0101_wrap p .block{display:block;}
.s0101_wrap b {font-size:16px; color:#000; font-weight:bold; }
@media(max-width:1185px){
	.s0101_wrap p .block{display:inline;}
}
@media(max-width:950px){
	.s0101_wrap {background-size: 250px 354px}
	.s0101_wrap .inner {padding:0 285px 0 5px; }
}
@media(max-width:767px){
	.s0101_wrap {background:none;}
	.s0101_wrap .inner {padding:0 0 0 5px; }
	.s0101_wrap strong {font-size:30px;}
}
@media(max-width:480px){
	.s0101_wrap strong {font-size:26px;}
}

/* sub0500 관련사이트 */
/* 아이콘형 박스 */
.s0500_wrap .ui.uilnk .box_col .col .item {min-height:auto; padding:25px 40px 30px;}
.s0500_wrap .ui.uilnk .box_col .col .item .img_b {width: 180px;margin: 0 auto 25px;}
.s0500_wrap .ui.uilnk .box_col .col .item strong {display: block;padding-top: 15px;border-top: 1px solid #ccc;text-align: center;font-size: 0;color:#333;font-weight:bold;}

@media (max-width:768px){
	.s0500_wrap .ui.uilnk .box_col .col .item {padding:25px 10px 30px;}
}

@media (max-width:600px){
	.s0500_wrap .ui.uilnk .box_col .col {width:100%;}

}


/* 버튼 */
#txt .btn2 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn2 *{vertical-align:middle}
#txt .btn2:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn2:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn2,
#txt .btn2.disabled,
#txt .btn2[disabled],
#txt .btn2:link,
#txt .btn2:visited{background-color:#002f66;border-color:#002f66;color:#fff;}
#txt .btn2:hover,
#txt .btn2:focus,
#txt .btn2:active{background-color:#fff;border-color:#002f66;color: #002f66;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2.btn-ani:hover .bico.bticon.arr,
#txt .btn2.btn-ani:focus .bico.bticon.arr,
#txt .btn2.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn2 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}

/* //sub0500 관련사이트 */

/* sub0703 */
.depart_cnt .depart_cnt_content img.sub0703_br{border: 1px solid #dddddd;margin: 29px 0;}

.depart_cnt .item .depart_cnt_content .fontg{font-size: larger; color: #1E7452; font-weight: 600;}
.depart_cnt .item .depart_cnt_content .fontb{font-size: larger; color: #003399; font-weight: 600;}
.depart_cnt .item .depart_cnt_content .fontr{font-size: larger; color: #980000; font-weight: 600;}

#menu2677_obj415 {margin: 0px; position: relative; z-index: 0; left: 0px; top: 0px;}
#menu2677_obj239 {width: auto; height: auto; margin: 0px;}

/*박스형 컨텐츠 요소*/
.box-define {position:relative; border-top:2px solid #2b4381; border-bottom:1px solid #bfbfbf;}
.box-define:after {content:''; position:absolute; left:0px; top:-2px; width:150px; height:30px; background:url('/images/broso/sub04/bg_define.png') no-repeat left top;}
.box-define:before {content:''; position:absolute; right:0px; top:0px; width:2px; height:30px; background:#2b4381;}
.box-define .row {padding: 40px 45px 45px 150px; background:url('/images/broso/sub04/icon-define01.png') no-repeat 50px 45px;}
.box-define .row.noneIcon { padding: 40px 45px 45px 45px;    background: none;}
.box-define .row.noneIcon&gt;p {margin-bottom:0;}
.box-define .title {margin:0 0 20px 0; font-size:22px; font-weight:400; color:#10489f;}
.box-define .desc {margin:0 0 25px 0;}
.box-define .list li {position:relative; padding:0 0 0 18px;}
.box-define .list li:after {content:''; position:absolute; left:0px; top:8px; width:9px; height:9px; background:#fff; border-radius:100%; border:2px solid #275aa8;}
.box-define .icon02 {background-image:url('../../images/guide/icon-define02.png');}
.box-define .icon03 {background-image:url('../../images/guide/icon-define03.png');}
.box-define .icon04 {background-image:url('../../images/guide/icon-define04.png');}
.box-define .icon05 {background-image:url('../../images/guide/icon-define05.png');}
.box-define .icon06 {background-image:url('../../images/guide/icon-define06.png');}
.box-define .icon07 {background-image:url('../../images/guide/icon-define07.png');}
.box-define .icon08 {background-image:url('../../images/guide/icon-define08.png');}
.box-define .icon09 {background-image:url('/images/broso/sub04/icon-define09.png');}
.box-define .icon10 {background-image:url('../../images/guide/icon-define10.png');}
.box-define .icon11 {background-image:url('../../images/guide/icon-define11.png');}
.box-define .icon12 {background-image:url('../../images/guide/icon-define12.png');}
.box-define .icon13 {background-image:url('../../images/guide/icon-define13.png');}

/*버튼 타입 요소4*/
a.btn06,
.btn06 {position:relative; display:inline-block; margin:0 0 3px 21px; padding:12px 60px 12px 40px;  background:#0070ff url('../../images/guide/btn05-icon01.png') no-repeat right bottom; border:1px solid #0070ff; font-size:18px; color:#fff;}
.btn06:hover {color:#fff; background-position:right top; background-color:#fff; border-color:#0070ff; color:#0070ff}
.btn06:after {content:''; position:absolute; left:0px; top:50%; width:41px; height:1px; background:url('/images/broso/sub04/bg-btn-line03.png') no-repeat left center; transform: translate(-50%, 0);}
.btn06:hover:after {background-image:url('/images/broso/sub04/bg-btn-line04.png');}
.btn06.icon02 {background-image:url('/images/broso/sub04/btn05-icon02.png');}

a.btn07,
.btn07,
.btn07:hover{position:relative;display:inline-block;margin: 0 0 0 3px;padding: 7px 70px 7px 20px;background:#446cae;border: none;font-size:18px;color:#fff;line-height: normal;vertical-align: middle;}
.btn07:after {content:'';display:inline-block;position: absolute;right: 0;top: 0;width:40px;height:40px;background: #2e4875 url('../../images/guide/btn05-icon01.png') no-repeat 10px 87%;}
.btn07.icon01:after {background: #2e4875 url('../../images/guide/btn05-icon01.png') no-repeat 10px 87%;}



a.btn-color-01,
.btn-color-01 {display:inline-block; margin:0 0 3px 0;  padding:17px 30px 17px 30px; background:#2b3e5c; border:1px solid #2b3e5c; border-radius:5px; font-size:22px; color:#fff;}
.btn-color-01:hover {color:#fff;}

a.btn-color-02,
.btn-color-02 {display:inline-block; margin:0 0 3px 0;  padding:17px 30px 17px 30px; background:#485263; border:1px solid #485263; border-radius:5px; font-size:22px; color:#fff;}
.btn-color-02:hover {color:#fff;}

a.btn-color-03,
.btn-color-03 {display:inline-block; margin:0 0 3px 0;  padding:17px 30px 17px 30px; background:#2b5a5c; border:1px solid #2b5a5c; border-radius:5px; font-size:22px; color:#fff;}
.btn-color-03:hover {color:#fff;}

a.btn-color-04,
.btn-color-04 {display:inline-block; margin:0 0 3px 0;  padding:17px 30px 17px 30px; background:#448a7e; border:1px solid #448a7e; border-radius:5px; font-size:22px; color:#fff;}
.btn-color-04:hover {color:#fff;}

/*육군 스타일 가이드 임폴트*/
@import url("/sites/army-guide/style/css/wizard-sub.css");

#menu2670_obj364 thead tr:nth-child(2) th, #menu2670_obj365 thead tr:nth-child(2) th, #menu2670_obj366 thead tr:nth-child(2) th, #menu2670_obj367 thead tr:nth-child(2) th {border-left: 1px solid #d4d4d4;}


#menu2671_obj376 .st1-table table tbody tr td:first-child {border-left: 1px solid #d4d4d4;}
a.btn06, .btn06 {word-break: keep-all;}

.ta .box-line-gray .goarmy-2668 { padding: 30px 20px 420px 20px;    background-position: 10% bottom; word-break: keep-all;}
.ta .box-line-gray .goarmy-2668 .bl {display:none;}

.mo .box-line-gray .goarmy-2668 {text-align: center !important;}

.pass &gt; a {display:inline-block;}
.pass {text-align:center;}

.st1-tit1 h5 {background-image: none; padding: 0 0 0 15px;}
.st1-tit1 h5:after {content:''; position:absolute; left:0px; top: 10px; width: 4px; height:20px; background:#287fdd}
.st1-tit2 h5:after {top:9px; height: 13px;}
.st1-tit2 h5 {padding: 0 0 0 28px; background-position:left center;}

.st1-icon2, p.st1-icon2 {font-size:20px;color: #e30000;}
.st1-icon3, p.st1-icon3 {font-size:20px;}

.st1-table.small table tbody td {font-size: 14px; padding: 0 9px;}

/*1107 가이드 반응형 추가*/

._contentBuilder img {width:auto; max-width:100%;}
#wrap-article&gt;.container {table-layout: fixed;}


.table-scroll {margin:20px 0 0 0;}
@media all and (max-width: 600px) {
    .table-scroll {width:100%; position:relative; overflow-x: hidden;}
    .table-scroll table {width: 800px;}
    .table-scroll:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../../images/mobile-table.png) no-repeat center center;}
    .table-scroll.on:after {display: none;}
}

/* 스타일 가이드 - 스타일 A */
.st1-tit1 {padding: 20px 0;}
.st1-tit1.no {padding:0px;}
.st1-tit1 h5 {padding: 25px 0 0 0; background: url("../../images/guide/style1_title1.png") no-repeat left top; font-weight: 400; font-size: 26px; color: #162741; position:relative;}
.st1-tit1 h5 .unit {font-size:14px;  position:absolute; right:0; bottom:0;} 
.st1-tit1 p {font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; margin-top: 10px;}

.st1-tit1-leaf {padding: 15px 0; text-align: center; position:relative; z-index:1;}
.st1-tit1-leaf  h5 {background:#fff; text-align:center;  margin:0 auto; font-weight: 400; font-size: 30px; color: #000; position:relative; display:inline-block}
.st1-tit1-leaf  h5.font26 {font-size:26px;}
.st1-tit1-leaf  h5:before {content: ""; display:inline-block; background: url("../../images/guide/bg_leaf_left.png") no-repeat right top;  width:86px; height:25px; margin:0 15px 0 5px;}
.st1-tit1-leaf  h5:after {content: ""; display:inline-block; background: url("../../images/guide/bg_leaf_right.png") no-repeat left top; width:86px; height:25px;  margin:0 5px 0 15px;}


.st1-tit2 {padding: 25px 0 0 0;}
.st1-tit2 h5 {padding-top: 25px; background: url("../../images/guide/style1_title2.png") no-repeat left top; font-weight: 400; font-size: 20px; color: #222222;}
.st1-tit2 p {font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; margin: 10px 0;}
.st1-tit2.padding-t-0 {padding: 0 0 25px 0;}

.st1-tit3 {padding: 0 0 20px 0;}
.st1-tit3 h5 {padding-left: 25px; padding-top:0; background: url("../../images/guide/style1_title3.png") no-repeat left 8px; font-weight: 400; font-size: 18px; color: #2b3e5c; margin-bottom: 10px;}
.st1-tit3 &gt; p {font-size: 16px; line-height: 25px; color: #666666; font-weight: 300;}
.st1-tit3 &gt; p strong {color: #000000; font-weight: 400;}

.st1-list1 &gt; li {position: relative; padding-left: 15px; font-size: 16px; line-height: 30px; color: #666666; font-weight: 300;}
.st1-list1 &gt; li::before {content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid #10489F; border-radius: 50%; left: 0; top: 11px;}
.st1-list1 &gt; li &gt; p {margin: 5px 0 10px;}

.st1-list1 .st1-list2 {margin-top: 5px;}

.st1-list2 &gt; li {position: relative; padding-left: 20px; font-size: 16px; line-height: 30px; color: #666666; font-weight: 300;}
.st1-list2 &gt; li::before {content: ""; position: absolute; width: 9px; height: 4px; background: url("../../images/guide/arrow_tit.png") no-repeat; left: 0; top: 13px;}
.st1-list2 &gt; li strong {font-weight: 400;}

.st1-color1,
p.st1-color1{color: #10489f;}
.st1-color2,
p.st1-color2{color: #ff3e00;}
.st1-color3,
p.st1-color3{color: #00ab40;}
.st1-color4,
p.st1-color4{color: #000;}
.st1-color5,
p.st1-color5{color: #428fe2;}
.st1-color6,
p.st1-color6{color: #0070ff;}


.st1-icon1,
p.st1-icon1{position: relative; padding-left: 30px; color: #10489f; font-size: 16px; line-height: 30px; letter-spacing:-0.4px;}
.st1-icon1::after {content: ""; position: absolute; left: 0; top: 5px; width: 19px; height: 20px; background: url("../../images/guide/icon_tit1.png") no-repeat;}
.st1-icon2 ,
p.st1-icon2{position: relative; padding-left: 30px; color: #ff3e00; font-size: 16px; line-height: 30px; letter-spacing:-0.4px;}
.st1-icon2::after {content: ""; position: absolute; left: 0; top: 5px; width: 19px; height: 20px; background: url("../../images/guide/icon_tit2.png") no-repeat;}
.st1-icon3,
p.st1-icon3{position: relative; padding-left: 30px; color: #0070ff; font-size: 16px; line-height: 30px; letter-spacing:-0.4px;}
.st1-icon3::after {content: ""; position: absolute; left: 0; top: 5px; width: 19px; height: 20px; background: url("../../images/guide/icon_tit3.png") no-repeat;}

.st1-table table {width: 100%; border-top: 2px solid #3974DB;}
.st1-table table thead th {height: 54px; background-color: #F3F5F7; font-size: 16px; color: #333; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4; font-weight: 400;}

.st1-table table thead tr th:last-child,
.st1-table table thead tr td:last-child{border-right:0;}
.st1-table table thead tr:first-child th:first-child {border-left: 0;  border-right: 1px solid #d4d4d4;}
.st1-table table thead tr th:first-child {border-left: 0;  border-right: 1px solid #d4d4d4;}
.st1-table table tbody tr td:first-child {border-left: 0;  border-right: 1px solid #d4d4d4;}
.st1-table table tbody tr th:first-child {border-left: 0;  border-right: 1px solid #d4d4d4;}
.st1-table table tbody tr td:last-child{border-right:0;}
.st1-table table tbody tr th:last-child{border-right:0;}
.st1-table table tbody tr th:first-child:last-child,
.st1-table table tbody tr td:first-child:last-child {border-right:0; border-left:0;}

.st1-table table tbody th {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; background-color: #FBFBFB; font-size: 16px; color: #333; font-weight: 400; border-bottom: 1px solid #d4d4d4;}
.st1-table table tbody td {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; height: 50px; padding: 0 15px; border-bottom: 1px solid #d4d4d4; font-size: 16px; line-height: 30px; color: #666;}

.st1-table table tbody td.padding-15 {padding:15px;}
.st1-table table tbody td.padding-15 img + img {margin-left:5px;}
.st1-table table tbody td.align-center {text-align: center;}
.st1-table table tbody td.align-left {text-align: left;}
.st1-table table tbody td.align-right {text-align: right;}
.st1-table table tbody td.table-list {}
.st1-table table tbody td.table-list li {position: relative; padding-left: 15px;}
.st1-table table tbody td.table-list li::before {content:""; position: absolute; width: 6px; height: 2px; background-color: #C4C4C4; left: 0; top: 15px;}
.st1-table table tbody td.bg-etc {background:#ffe5e6;}
.st1-table.valign-top table tbody td {vertical-align:top}

.st1-charge {padding: 20px; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; overflow: hidden;}
.st1-charge .charge-icon {float: left; width: 30px; height: 30px; background: url("../../images/guide/ic_person2.png") no-repeat center;}
.st1-charge p {position: relative; float: left; font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; padding: 0 15px;}
.st1-charge p::after {content: ""; position: absolute; width: 1px; height: 15px; background-color: #D2D2D2; right: 0; top: 12px;}
.st1-charge p:last-child::after {background-color: transparent}

.st1-mobile-guide {display: none;}

.mo .st1-charge {padding: 10px;}
.mo .st1-charge .charge-icon {display: none;}
.mo .st1-charge p {float: none; padding: 0; padding-left: 20px;}
.mo .st1-charge p::after {right: auto; border-radius: 50%; left: 0; background-color: #414F5D; width: 7px; height: 7px;}
.mo .st1-charge p:last-child::after {background-color: #414F5D}

.mo .st1-mobile-guide {display: block; padding-top: 185px; background: url("../../images/guide/ic_nomobile.png") no-repeat center 37px; border: 3px solid #485263; margin-bottom: 40px;}
.mo .st1-mobile-guide p {text-align: center; font-size: 16px; line-height: 25px; color: #333333; font-weight: 300; margin-bottom: 30px;}


.st1-object { display: inline-table;    width: 100%;    vertical-align: middle; margin:15px 0;}
.st1-object .object-img  {width:180px; height:150px;     text-align: center; display: table-cell;     vertical-align: middle;} 
.st1-object .object-img p {width:150px;}
.st1-object .object-img p span strong {font-size:30px; font-weight:300;}
.st1-object .object-img p span { width: 100%;  height: 100%;  vertical-align: middle;    font-size: 20px;    line-height: 26px;    color:#383838; ; font-weight:300;}
.st1-object .object-info-wrap {display: table-cell;    vertical-align: middle;}
.st1-object .object-info-wrap .object-info {  margin: 0 0;    border: 1px solid #d4d4d4;    border-radius: 5px;    padding: 20px 30px;    font-size: 16px;    line-height: 24px;    color: #666666;    font-weight: 300;}
.st1-object .object-info-wrap .object-info.none-text {padding: 11px 30px;}

.st1-object.object1 .object-img {position: relative; background: url("../../images/guide/st1_object_01.png") no-repeat left center; }
.st1-object.object2 .object-img {position: relative; background: url("../../images/guide/st1_object_02.png") no-repeat left center;}
.st1-object.object3 .object-img {position: relative; background: url("../../images/guide/st1_object_03.png") no-repeat left center;}


/* sub0106 오시는길 시작 */
.map_wrap {width:100%; height:345px; }
.map_txt {position:relative; background:#3d4151; }
.map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.map_txt .txt {float:left;width:50%; padding:30px 10px 40px 40px;}
.map_txt .txt p {font-size:15px;color:#fff;}
.map_txt .txt p span {display:inline-block; width:30px; height:30px; margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat; vertical-align:middle;}
.map_txt .txt.txt1 p span {background-position: 0 0;}
.map_txt .txt.txt2 p span {background-position: -30px 0;}
.map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.map_txt a {display:block; width:120px; height:40px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.map_txt a span {display:inline-block; width:16px; height:18px;margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat -70px 0; vertical-align:middle;}

#history.type2-1 .history_cnt{position:relative;padding:40px 0 0 495px;}
#history.type2-1 .history_cnt .history_head{position:absolute;top:0;left:0}
#history.type2-1 .history_cnt .history_head:before{position:absolute;top:100px;left:0;width:410px;height:545px;background:url(/images/department/history_type2_bg1.png) no-repeat;content:'';}/images/broso/sub01/
#history.type2-1 .history_cnt .history_head p{margin:0;}
#history.type2-1 .history_cnt .history_head p em{display:block;color:#000;font-size:20px;}
#history.type2-1 .history_cnt .history_head p span{display:block;margin:0 0 20px;color:#000;font-size:80px;font-weight:bold;line-height:1;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul{position:relative;padding:35px 0 50px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul:before{display:block;position:absolute;top:-1px;left:0;width:165px;height:3px;background:url(/images/department/introduce_bottom_img1.jpg) no-repeat;content:'';}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li{position:relative;margin:25px 0 0;padding:0 0 0 190px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li:first-child{margin:0;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li b{display:inline-block;position:absolute;top:0;left:0;color:#0059cd;font-size:18px;font-weight:bold;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li span{display:block;position:relative;color:#000;font-size:18px;}
#history.type2-1 .history_cnt .history_body [class^="history_"] ul li:first-child span:before{display:block;position:absolute;top:-35px;left:0;width:100%;height:1px;background:#cdcdcd;content:'';}


#map_tab_menu {}
#map_tab_menu:after{content:"";display:block;clear:both;visibility:hidden;}
#map_tab_menu li {float:left; width:33.3%; height:55px; }
#map_tab_menu li a {display:block; position:relative; width:100%; height:100%; padding-left:15px; border:1px solid #d5d5d5; border-right:none;line-height:55px; font-size:15px; color:#535353;}
#map_tab_menu li a:after {display:block; position:absolute;right:20px; top:50%; margin-top:-3px; width:9px; height:6px; background:url(/images/kor/sub09/tab_deth_4st2_arr.png)no-repeat 0 0 ;content:"";}
#map_tab_menu li.active a:after {background-position:-9px 0;}
#map_tab_menu li:last-child a {border-right:1px solid #d5d5d5; }
#map_tab_menu li.active a {border:1px solid #052e7b; color:#052e7b;}
#map_tab_content .con {display:none;padding-top:40px;}
#map_tab_content .con.active { display:block; }
#map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
#map_tab_content .con .list_wrap {}
#map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
#map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 165px; border-bottom:1px dashed #ccc;}
#map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
#map_tab_content .con .list_wrap .row_list .icon span {display:block;width:95px; height:95px; margin-bottom:3px;background:url(/images/kor/sub09/sub091003_img01.png)no-repeat}
#map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-95px -36px;}
#map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-190px -36px;}
#map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
#txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
#map_tab_content .con.content2 img,
#map_tab_content .con.content3 img{border: 1px solid #ddd;}


#txt .btn-ani.btn-file{padding:10px 15px 10px 15px}
#txt .btn-ani.btn-file:hover,
#txt .btn-ani.btn-file:focus {border: 1px solid #052e7b;}
#txt .bico.bticon.home2{ display:inline-block; width: 33px;height: 33px;background: url(/images/kor/sub09/home_img.png)no-repeat 0 0;}

@media(max-width:850px){
    .map_txt .txt {float:none; width:100%; }
    .map_txt .txt.txt1 { padding:20px 25px 0;}
    .map_txt .txt.txt2 { padding:10px 25px 20px;}
    .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}


@media(max-width:580px){
    .map_txt .txt.txt2 { padding:10px 25px 70px;}
    .map_txt .a_btn {bottom:20px;}

    #map_tab_menu li {float:none; width:100%; }
    #map_tab_menu li a {border-right:1px solid #d5d5d5; border-bottom:none;}
    #map_tab_menu li:last-child a {border-bottom:1px solid #d5d5d5;}
    #map_tab_menu li.active:last-child a {border-bottom:1px solid #052e7b;}

    #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
    #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
    #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}

/* sub0106 오시는길 끝 */

/* 조직도 */
/*1400*/
div.D1400 div.organization-wrap{text-align:center;}
div.D1400 div.organization-wrap &gt; div{display:inline-block;}
div.D1400 div.organization-wrap &gt; div.organization-list-wrap{position:relative;width:100%;}
div.D1400 div.organization-wrap div.organization-list.list01{position:relative;width:20rem;height:6.3rem;font-size:1.8rem;font-family:"NotoKr_B";line-height:3rem;font-weight: 600;}
div.D1400 div.organization-wrap div.organization-list{position:relative;width:20rem;height:5rem;font-size:1.8rem;font-family:"NotoKr_B";line-height:5rem;font-weight: 600;}
div.D1400 div.organization-wrap div.organization-list span{font-size:1.4rem;}
div.D1400 div.organization-wrap div.vertical-line{display:block;margin:0 auto;margin-top:0.5rem;position:relative;width:1px;height:5rem;background:#ccc;}
div.D1400 div.organization-wrap div.vertical-line:before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#fcb826;}
div.D1400 div.organization-wrap div.vertical-line-only{display:block;margin:0 auto;position:relative;width:1px;height:5rem;background:#ccc;}
div.D1400 div.organization-wrap div.organization-list.list01{border:2px solid #003876;color:#003876;}
div.D1400 div.organization-wrap div.organization-list.list02{border:2px solid #0367b3;color:#0367b3;}
div.D1400 div.organization-wrap div.organization-list.list03{border:2px solid #30A9DE;color:#30A9DE;}
div.D1400 div.organization-wrap &gt; div.organization-list-wrap &gt; div.vertical-line{float:left;position:absolute;left:50%;transform:translateX(-50%);height:100%;}
div.D1400 div.organization-wrap &gt; div.organization-list-wrap &gt; div.vertical-line:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:20rem;height:1px;background:#ccc;z-index:-1;}
div.D1400 div.organization-wrap &gt; div.organization-list-wrap &gt; div.list04{margin-top:0.3rem;float:right;border:2px solid #cccccc;color:#666;background:#fff;font-size:1.5rem;}
div.D1400 div.organization-wrap ul.member-box{border:2px solid #ccc;padding:2rem;width:100%;}
div.D1400 div.organization-wrap ul.member-box &gt; li{margin: 0 1% 1rem 1%;padding:1rem;float:left;width:31%;color:#231f20;border:1px solid #231f20;font-size:1.5rem;font-family:"NotoKr_B";font-weight: 600;}
div.D1400 div.organization-wrap ul.member-box &gt; li:last-child{margin-right:0;}
div.D1400 div.member-info-wrap div.member{float:left;padding:2rem;margin-right:2%;border:2px solid #ccc;background:#fff;box-shadow:30px 30px 25px rgba(0, 0, 0, 0.08);}
div.D1400 div.member-info-wrap div.member:last-child{margin-right:0;}
div.D1400 div.member-info-wrap &gt; div.member{width:32%;}
div.D1400 div.member-info-wrap &gt; div.member ul.top &gt; li.name{float:left;font-size:1.8rem;font-family:"NotoKr_B";line-height:5rem;}
div.D1400 div.member-info-wrap &gt; div.member ul.top &gt; li.rank{float:right;font-size:1.5rem;width:5rem;height:5rem;line-height:5rem;text-align:center;font-family:"NotoKr_M";color:#fff;}
div.D1400 div.member-info-wrap:nth-of-type(1) &gt; div.member{width:49%;}
div.D1400 div.member-info-wrap:nth-of-type(1) div.member ul.top &gt; li.name{line-height:6rem;}
div.D1400 div.member-info-wrap:nth-of-type(1) div.member ul.top &gt; li.rank{width:6rem;height:6rem;line-height:6rem;}
div.D1400 div.member-info-wrap div.member ul.contact{width:100%;}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li{padding-left:2rem;position:relative;font-size:1.2rem;line-height:1.5;font-family:"NotoKr_M";}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li:before{content:"";display:block;position:absolute;top:0.45rem;left:0;width:1.5rem;height:1.5rem;}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li.call:before{background:url('/fro_end/img/D1400_call_ico.png') center no-repeat;background-size:cover;}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li.mail:before{background:url('/fro_end/img/D1400_mail_ico.png') center no-repeat;background-size:cover;}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li.work{padding:1.5rem;margin-top:1.5rem;background:#f5f5f5;height:8rem;}
div.D1400 div.member-info-wrap div.member ul.contact &gt; li.work &gt; ul.list02 &gt; li{font-family:"NotoKr_R";}
div.D1400 div.member-info-wrap div.member01 ul.top &gt; li.rank{background:#003876;}
div.D1400 div.member-info-wrap div.member02 ul.top &gt; li.rank{background:#0367b3;}
div.D1400 div.member-info-wrap div.member03 ul.top &gt; li.rank{background:#30A9DE;}
div.D1400 div.member-info-wrap div.member04 ul.top &gt; li.rank{background:#666;}
div.D1400 div.organization-wrap ul.member-box div.work{padding:1.5rem;margin-top:1.5rem;background:#f5f5f5;height:12rem;}
div.D1400 div.organization-wrap ul.member-box div.work &gt; ul.list02 &gt; li{font-family:"NotoKr_R"; text-align: left; font-weight: 500;}

@media screen and (max-width:1024px){
	/*1400*/
	div.D1400 div.organization-wrap ul.member-box{padding:1.5rem;}
	div.D1400 div.organization-wrap ul.member-box &gt; li{font-size:1.2rem;}
}

@media screen and (max-width:768px){
	/*1400*/
	div.D1400 div.organization-wrap div.organization-list{width:100%;font-size: 1.5rem;}
	div.D1400 div.organization-wrap &gt; div.organization-list-wrap &gt; div.list04{width:auto;padding:0 1.2rem;margin-bottom:2rem;margin-top:2rem;font-size:1.2rem;}
	div.D1400 div.organization-wrap &gt; div.organization-list-wrap &gt; div.vertical-line:after{width:6rem;}
	div.D1400 div.member-info-wrap.mb3{margin-bottom:0;}
	div.D1400 div.member-info-wrap div.member{margin-right:0;margin-bottom:1.5rem;}
	div.D1400 div.member-info-wrap &gt; div.member{width:100%;}
	div.D1400 div.member-info-wrap:nth-of-type(1) &gt; div.member{width:100%;}
	div.D1400 div.member-info-wrap div.member ul.contact &gt; li.work{height:auto;}
	div.D1400 div.organization-wrap ul.member-box &gt; li{width: 48%;}
	div.D1400 div.organization-wrap ul.member-box div.work{height: 8rem;}
}

@media screen and (max-width:640px){
	/*1400*/
	div.D1400 div.organization-wrap ul.member-box &gt; li{width: 98%;}
	div.D1400 div.organization-wrap ul.member-box div.work{height: auto;}
}

@media screen and (max-width:480px){
	/*1400*/
	div.D1400 div.organization-wrap ul.member-boxP{padding:1rem;}
	div.D1400 div.organization-wrap ul.member-box &gt; li{padding:0.5rem;}
}

/*list*/
ul.list01 li{position:relative; width:100%; height:auto; line-height:1.75; padding-left:1rem; margin-bottom:0.8rem; font-size:1.2rem; word-break:keep-all;font-weight:600;}
/*ul.list01 li:before{display:inline-block; content:""; position:absolute; top:1.2rem; left:0;width:0.4rem;height:0.4rem;border-radius:50%;background:#0367b3;}*/
/*ul.list01 li:last-child{margin-bottom:0;}*/
ul.list02 li{position:relative; width:100%; height:auto; line-height:1.3; padding-left:1rem; margin-bottom:0.8rem; font-size:1.1rem; word-break:keep-all;}
ul.list02 li:before{display:inline-block; content:"-"; position:absolute; top:0; left:0;}
ul.list02 li:last-child{margin-bottom:0;}
ul.list-big li{font-size:1.5rem; word-break:keep-all;}
ul.list-big li:before{background:#231f20;}

/*clearfix*/
.cf:after{clear:both; content:""; display:block;}

.top_img{width:100%;text-align: center;}
.depart_cnt_content .img_list{margin-top: 30px;margin-left:-1%}
.depart_cnt_content .img_list:after{content:''; display:block; clear:both;}
.depart_cnt_content .img_list li{float:left;width:49%;margin:0 0 1% 1%;position:relative;overflow:hidden;text-align: center;}
.depart_cnt_content .img_list li p.caption{display:inline-block;position:absolute;left:0;bottom:25px;padding: 12px 10px;width:100%;color:#fff;font-size:25px;font-weight:600;text-align:center;text-shadow: 0 0 5px #040404;}

@media only screen and (max-width: 766px){
    .depart_cnt_content .img_list li{float:none;width:100%;margin:1% 0 0 0;}
    .depart_cnt_content .img_list li p.caption{font-size:15px;}
	.depart_cnt_content .img_list li p {margin-top: 0;font-size: 18px;}
	.depart_cnt_content .img_list li p.caption {bottom: 60px;}
}
</pre></body></html>