@charset "utf-8";

#wrap {}
#header {position:relative; z-index:5000}
#content {position:relative}
.content_in {min-width:1200px;}
#footer {}

.in {width:1260px; margin:0 auto}
.in:after {content:''; display:block; clear:both}

/* nav skip */
.skip_navi a{position:absolute; top:-9999em; width:100%; background:#06474a; font:bold 1.5em; text-align:center; font-weight:bold; z-index:9999}
.skip_navi a:hover , .skip_navi a:active , .skip_navi a:focus {padding:12px 0; top:0; color:#fff}

/* class */
.hidden {width: 0px; height: 0px; overflow: hidden; position: absolute; left: -9999px; top: -9999px}

/*접근성 상황판단 클래스*/
.aria_chk {display: block; position:absolute; width:10px; color:transparent; opacity:0; height:0; line-height:0; letter-spacing:0}

/* 아이프레임 컨텐츠 스크롤영역 */
.iframe_wrap {width:100%}
.iframe_wrap iframe html .SubBL {height:auto !important}

/* 디스플레이*/
.block {display:block}

/* 개행 */
.br {display:block}

/* popup : 딤 */
.dim_pop {display:table; position:fixed; left:0; top:0; z-index:9000; width:100%; height:100%; background:rgba(0, 0, 0, 0.5)}
/*.dim_pop .pop_wrap {display:table-cell; text-align:center; vertical-align:middle} 이미지 크기때문에 수정*/
.dim_pop .pop_wrap {position:fixed; width:100%; top:10px; display:table-cell; text-align:center; vertical-align:middle}
.dim_pop .pop_in {position:relative; display:inline-block; width:80%; background:#fff; text-align:left}
.dim_pop .pop_in .top {height:50px; line-height:50px}
.dim_pop .pop_in .top .title {padding-left:20px; color:#fff; font-size:20px; background:#5b97e2}
.dim_pop .pop_close {position:absolute; right:0; top:3px; width:45px; height:45px; line-height:45px; text-indent:-9999em; background:url(../../images/www/icon/pop_close.png) center center no-repeat}
.dim_pop .pop_in .top .pop_close img {width:15px; height:15px}
.dim_pop .body {max-height:700px; padding:25px; padding-top:50px; padding-bottom:0;-webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto}
.dim_pop .body:after {display:block; content:''; width:100%; height:25px; background:#fff}


/* 이중팝업 우선순위 클래스 z-index값 */
.z_up {z-index:5000 !important}

/* 컬러 */
.blue {color:#5b97e2 !important}
.red4 {color:#e73e3e !important}


/* 정렬 */
.tar {text-align:right !important}
.tal {text-align:left !important}
.tac {text-align:center !important}
.fl {float:left !important}
.fr {float:right !important}

/* 넓이 */
.w100 {width:100%}
.w50r select {width:49.5%}

/* 여백 */
.m0 {margin:0 !important}
.mt0 {margin-top:0px !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}

.mmt10 {margin-top:-10px !important}
.mmt15 {margin-top:-15px !important}
.mmt20 {margin-top:-20px !important}
.mmt25 {margin-top:-25px !important}

.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}

.ml05 {margin-left:5px !important}
.mll0 {margin-left:10px !important}
.mll5 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}

/* 버튼 */
.btn_wrap {text-align:center; margin-top:50px}
a[class^=btns], button[class^=btns] {display:inline-block; text-align:center; height:43px; line-height:43px; padding:0 19px; font-size:15px; margin:0 5px}
a[class^=btns].input {height:38px; line-height:38px}
a[class^=btn], button[class^=btn], span[class^=btn] {display:inline-block; text-align:center; font-size:14px; }

.btn_wrap a[class^=btns] {min-width:80px}
.select_go {display:inline-block; text-align:center; min-width:54px; height:38px; line-height:38px; padding:0 12px; font-size:15px; color:#fff; background:#5b97e2}
.ex_link {display:inline-block; padding-right:10px; background:url(../../images/www/common/lnb_off.gif) right center no-repeat; background-size:4px 10px}
.btns.done {color:#fff; background:#5b97e2}
.btns.cancel, .btns.gray {color:#fff; background:#6f6f6f}
a[class^=link_] {display:inline-block; padding:0 5px; margin-left:5px; height:23px; line-height:23px;  font-size:13px; text-transform:uppercase}
.link_jpg {color:#672b78; border:1px solid #672b78;}
.link_pdf {color:#5b97e2; border:1px solid #5b97e2;}
.link_ppt {color:#ff4e00; border:1px solid #ff4e00;}
.link_hwp {color:#0096d1; border:1px solid #0096d1;}
.link_doc {color:#2a5696; border:1px solid #2a5696;}
.link_xlsx, .link_xls {color:#02723b; border:1px solid #02723b;}

.btn_blue+.btn_blue{margin:0 0 0 2px;}
.btn_go { width:41px; height:38px; background:#545454; color:#fff; font-size:14px; font-weight:bold;}
.btn_blue {padding:0 10px; height:36px; line-height:36px; color:#5b97e2; border:1px solid #5b97e2; background:#fff; font-weight:bold; text-align:center;}
.btn_issue {padding:0 5px; height:23px; line-height:23px; color:#5b97e2; border:1px solid #5b97e2; background:#fff}


/*반응형 show hide 컨트롤*/
.pc_show {display:block} /* PC전용 */
table .pc_show {display:table-cell} /* PC전용 */

.tb_show {display:block}  /* 테블릿 전용  ~ PC 호환*/
table .tb_show {display:table-cell; width:90px;}/* 테블릿 전용  ~ PC 호환*/

.mb_show {display:none}/* 모바일 전용 */

/* 게시판 결과 없을 시 */
.nodata {text-align:center; padding:20px 0}
.nodata span {color:#5b97e2}
.no_result {padding:250px 0 125px; text-align:center;/*  border-top:2px solid #2d2d2d; border-bottom:1px solid #d9d9d9; */ background:url(../../images/www/bg/no_result.gif) center 125px no-repeat}
.no_result p {font-size:30px; color:#414141}


/*BR 반응형*/
.br_pc {display:block}
.br_mb {display:none}

/* radio, checkbox */
.radio, .checkbox {display:inline-block; font-size:15px; margin-right:30px}
.radio input, .checkbox input {display:inline-block; width:17px; height:17px; margin-right:10px; border:1px solid #8e8e8e; background:#fff}


/* 페이징 */
.paging {position:relative; text-align:center; margin-top:23px;}
.paging a {display:inline-block; min-width:30px; height:30px;  margin:0 2px; padding:0 5px; text-align:center; line-height: 30px; color:#2d2d2d; font-size:15px; font-weight:bold; border-radius:15px; border:1px solid #aaa}
.paging a.first {font-size:0; color:transparent; background:url(../../images/www/common/paging_first.gif) center center no-repeat}
.paging a.prev {margin-right:8px; font-size:0; color:transparent; background:url(../../images/www/common/paging_prev.gif) center center no-repeat}
.paging a.next {margin-left:8px; font-size:0; color:transparent; background:url(../../images/www/common/paging_next.gif) center center no-repeat}
.paging a.last {font-size:0; color:transparent; background:url(../../images/www/common/paging_last.gif) center center no-repeat}
.paging .on {color:#fff; text-decoration:underline; background:#5b97e2}
.paging a.write{position:absolute; right:0; top:-3px; width:auto; height:35px; line-height:35px; padding:0 12px; font-weight:400; border-radius:0; color:#fff; font-family: "NanumBarunGothic", "나눔바른고딕"; border:none; background:#5b97e2}
.ios .paging a.write {line-height:38px;}



/* header */
#header {padding-top:38px; background:#fff}
#header h1 {float:left}
#header .slogan {float:left; width:123px; margin-left:13px; margin-top:-2px;}
#header .slogan img {width:100%; height:41px;}

.top_menu {float:right; margin-top:-19px; margin-right:4px}
.top_menu ul {overflow:hidden}
.top_menu li {float:left; margin-left:18px}
.top_menu li a {display:inline-block; vertical-align:baseline; color:#8c8c8c; font-size:13px}

.hbg {display:none; position:absolute; left:0; top:94px; width:100%; background:#000; background:rgba(0,0,0,0.9);}
.gnb {float:right; margin-left:0; margin-right:-29px;}
.gnb > li {float:left}
.gnb > li > a {display:inline-block; min-width:134px; height:56px; line-height:56px; padding:0 10px; font-size:18px; text-align:center; color:#474747}
.gnb_3427 > li.mt_3427 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
.gnb_3814 > li.mt_3814 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
.gnb_4074 > li.mt_4074 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
.gnb_4107 > li.mt_4107 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
.gnb_20516 > li.mt_20516 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
.gnb_4161 > li.mt_4161 > a {border-bottom:3px solid #5b97e2;text-decoration: none;}
 
.gnb > li > a.hover {border-bottom:3px solid #5b97e2}
.gnb > li > a.on {border-bottom:3px solid #5b97e2}
.allmenu {float:left}
.allmenu > a {display:inline-block; height:56px; line-height:56px; padding-left:38px; font-size:18px; color:#5b97e2; font-weight:700}

/*모바일메뉴 컨트롤러*/
.menu_close {display:none}
.mob_head_controll {display:none}


/* PC GNB */
.gnb .g_sub {display:none; position:absolute; left:0; top:94px; z-index:3000; width:100%;}
.gnb .g_sub .title {float:left; width:225px; height:200px; margin-top:40px; font-size:26px; color:#fff; font-weight:700}

.gnb .g_sub .title.menu01 {background:url(../../images/www/bg/bg_menu01.png) 10px bottom no-repeat}
.gnb .g_sub .title.menu02 {background:url(../../images/www/bg/bg_menu02.png) left bottom no-repeat}
.gnb .g_sub .title.menu03 {background:url(../../images/www/bg/bg_menu03.png) left bottom no-repeat}
.gnb .g_sub .title.menu04 {background:url(../../images/www/bg/bg_menu04.png) left bottom no-repeat}
.gnb .g_sub .title.menu05 {background:url(../../images/www/bg/bg_menu03.png) left bottom no-repeat}
.gnb .g_sub .title.menu06 {background:url(../../images/www/bg/bg_menu05.png) left bottom no-repeat}

.gnb .g_sub_list2 {float:left; width:915px; margin-top:5px; padding-bottom:150px; color:#fff}
.gnb .g_sub_list2 > li {float:left; width:175px; margin-left:53px; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-transition-delay: 0ms !important; transition-delay: 0ms !important}
.gnb .g_sub_list2 > li > strong{display:inline-block; margin-top:40px}
.gnb .g_sub_list2 > li > strong a {font-size:18px; color:#fff}
.gnb .g_sub_list2 li a {padding-right: 20px}
.gnb .g_sub_list2 li a[target*=_blank] {background:url(../../images/www/common/gnb_blank.png) right 3px no-repeat;}

.gnb .g_sub_list3 {margin-top:18px}
.gnb .g_sub_list3 li {margin-top:12px}
.gnb .g_sub_list3 li a {display:inline-block; padding-right:20px; font-size:14px; color:#d9d9d9; font-weight:400}

.gnb .g_sub_list3 li a[target*=_blank] {background:url(../../images/www/common/gnb_blank.png) right 1px no-repeat;}
.gnb .g_sub_list3 li a:hover, .g_sub_list2 li a:focus {color:#5b97e2; font-weight:700}
.gnb .g_sub_list3 li:first-child {margin-top:0}

.core_link {float:left; padding-left:45px; margin-top:42px; border-left:1px solid #474747;}
.core_link a {display:block; height:68px; line-height:68px; margin-bottom:25px; padding-left:92px; text-align:center;  font-size:16px; color:#fff;}
.core_link .item01{background:url(../../images/www/icon/icon_core01.png) 0 0 no-repeat}
.core_link .item02{background:url(../../images/www/icon/icon_core02.png) 0 0 no-repeat}
.core_link .item03{background:url(../../images/www/icon/icon_core03.png) 0 0 no-repeat}
.core_link .item04{background:url(../../images/www/icon/icon_core04.png) 0 0 no-repeat}

.gnb > li:first-child .g_sub .g_sub_list2 {width:650px}
.top_link {display:none}


/* Mobile GNB */
/*
.mob_gnb_wrap{display:none; position:absolute; right:-70%; top:0; width:70%; z-index:7000; margin-left:0px; background:none; -webkit-overflow-scrolling:touch; overflow-y:auto}
.mob_gnb_wrap .top_link {overflow:hidden; background:#fff}
.mob_gnb_wrap .top_link a {float:left;width:50%; height:30px; line-height:30px; padding:0 12px; text-align:center; color:#8c8c8c; font-size:14px}
.mob_gnb_wrap .top_link a:first-child {border-right:1px solid #8c8c8c}
.mob_gnb {}
.mob_gnb > li {width:100%; border-top:1px solid #fff}
.mob_gnb > li:first-child {border-top:none}
.mob_gnb > li > a {display:block; height:50px; line-height:50px; padding: 0 35px; color:#fff; font-size:18px; background:#5b97e2 url(../../images/www/bg/mob_dep1.gif) right 28px center no-repeat}
.mob_gnb > li:first-child .g_sub .g_sub_list2 {width:100%}
.mob_gnb > li > a.on {background:#5b97e2 url(../../images/www/bg/mob_dep1on.gif) right 28px center no-repeat}

.mob_gnb .g_sub_list2 {display:none; width:100%; color:#fff}
.mob_gnb .g_sub_list2 > li {width:100%; transition-duration: 0s !important; transition-delay: 0ms !important}
.mob_gnb .g_sub_list2 > li > strong{display:block;height:45px; line-height:45px; padding:0; color:#fff}
.mob_gnb .g_sub_list2 > li > strong a {display:block; width:100%; padding-left:35px; font-size:16px; color:#fff; background:#245fa8 url(../../images/www/bg/mob_dep2.gif) right 35px center no-repeat}
.mob_gnb .g_sub_list2 > li > strong a.on {background:#245fa8 url(../../images/www/bg/mob_dep2on.gif) right 35px center no-repeat}

.mob_gnb .g_sub_list3 {display:none; background:#fff}
.mob_gnb .g_sub_list3 li {border-top:1px solid #c0c0c0}
.mob_gnb .g_sub_list3 li a {display:block; height:40px; line-height:40px; padding-left:45px; font-size:14px; color:#3c3c3c; font-weight:400}
.mob_gnb .g_sub_list3 li a.blank {background:url(../../images/www/icon/blank_link.gif) 156px center no-repeat}
.mob_gnb .g_sub_list2 li a:focus {color:#fff; font-weight:400}
.mob_gnb .g_sub_list3 li a:focus {color:#3c3c3c}
.mob_gnb .g_sub_list3 li:first-child {border:none}
*/




/* all_gnb */
.all_gnb {display:none; position:absolute; left:0; top:94px; width:100%; background:#5b97e2}
.all_gnb .in {position:relative; padding:35px 0; background:#5b97e2}
.all_gnb > .in > ul > li  {margin-top:46px}
.all_gnb > .in > ul > li:first-child {margin-top:0}
.all_gnb > .in > ul > li:after {display:block; clear:both; content:''}

.all_gnb .dep1_title{float:left; margin-right:50px}
.all_gnb .dep1_title a {display:block; width:190px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#1554a2}

.all_gnb .dep1 {float:left; width:955px}
.all_gnb .dep1 > li {position:relative; float:left; margin:8px 0; margin-left:50px}
.all_gnb .dep1 > li:first-child {margin-left:0}
.all_gnb .dep1 > li:nth-child(4n+1) {margin-left:0}

.all_gnb .dep2_title {}
.all_gnb .dep2_title a {display:block; width:192px; height:27px; line-height:1.1; padding-bottom:10px; color:#fff; font-size:16px; border-bottom:1px solid #fff; background:url(../../images/www/bg/dep1_title_bg.gif) right 5px no-repeat}

.all_gnb .dep2 {display:none; position:absolute; left:0; top:26px; z-index:100; width:100%; padding:8px; border:1px solid #1554a2; background:#fff}
.all_gnb .dep2 li {margin-top:8px; color:#474747; font-size:14px}
.all_gnb .dep2 li:first-child {margin-top:0}
.all_gnb .dep2 a {display:block}
.all_gnb .dep2 .blank {background:url(../../images/www/icon/blank_link.gif) right 5px center no-repeat}

.all_menu_close {position:absolute; right:20px; top:35px}


/*검색영역*/
.total_search {width:1200px;  margin:0 auto; position:relative}
.total_search:after {content:''; display:block; clear:both}
.total_search p {position:absolute; right:0; top:0; width:265px; height:40px; padding:0px; background:#5b97e2}
.total_search p.z_down {z-index:-1}
.total_search p input {width:100%; height: 40px; font-weight: 300; line-height: 41px;padding-left:10px; padding-right: 42px;background:none; border:none; color:#fff; font-size:14px}
.total_search p button {position: absolute; top:0; right:0; width: 40px; height: 40px;}
.total_search p button img {width:20px; height:20px}
.total_search p input::-webkit-input-placeholder {color:#fff}
.total_search p input::-moz-placeholder {color:#fff}
.total_search p input:-ms-input-placeholder {color:#fff}
.total_search p input:-moz-placeholder {color:#fff}


/* 푸터 */
#footer {min-width:1200px; padding:15px 0; background:#e9e9e9}
.sub #footer {margin-top:90px}
.foot_top {position:relative; z-index:100}
.foot_top:after {content:''; display:block; clear:both}
.foot_banner {position:relative; float:left; font-size:5px;}
.foot_banner ul {width:1139px}
.foot_banner .slick-cloned {visibility: visible !important}
.foot_banner .slick-cloned {visibility: visible !important}
.foot_banner ul li {border:1px solid #d0d0d0}
.foot_banner ul li img {width:113px; height:33px;}
.foot_banner .slick-arrow {display:inline-block; top:16px; width:16px; height:17px; text-indent:-9999em}
.foot_banner .slick-prev {right:-17px; background:url(../../images/www/bg/foot_bn_prev.jpg) center center no-repeat}
.foot_banner .slick-next {right:-46px; background:url(../../images/www/bg/foot_bn_next.jpg) center center no-repeat}
.foot_banner .btn-slider-stop {display:inline-block; position:absolute; right:-31px; top:16px; width:16px; height:17px; text-indent:-9999em; background:url(../../images/www/bg/foot_bn_stop.gif) center center no-repeat}
.foot_banner .btn-slider-play {display:inline-block; position:absolute; right:-31px; top:16px;  width:16px; height:17px; text-indent:-9999em; background:url(../../images/www/bg/foot_bn_play.gif) center center no-repeat}
.foot_banner .bn_all_link {position:absolute; right:-42px; top:0px; font-size:10px; color:#5f5f5f}

.foot_share {display:none; position:relative; overflow:hidden; float:right; margin-top:100px}
.foot_share ul {float:right; padding-top:3px}
.foot_share ul li {float:left; margin-left:7px}
.foot_share ul li:first-child {margin-left:0}
.foot_share img {width:30px; height:30px;}

.foot_bottom {position: relative; margin-top:15px; height:200px}
.foot_bottom:after {content:''; display:block; clear:both}

.foot_join_link {float:right}
.foot_join_link .access {float:left; margin-right:25px; margin-top:-6px}
.foot_join_link .fam_link {float:right}
.foot_join_link .fam_link .slot {float:left; position:relative}
.foot_join_link .fam_link .slot_btn {width:170px; height:30px; line-height:31px; padding:0 10px; text-align:left; font-size:14px; color:#494949; font-weight:700; border:1px solid #bebebe; background:#e9e9e9 url(../../images/www/bg/fam_link_bg.gif) right 10px center no-repeat}
.foot_join_link .fam_link .slot:first-child .slot_btn {border-right:none}

.foot_join_link .fam_link .slot div {display:none; position:absolute; left:0; top:-199px; z-index:2000; width:100%; height:200px; padding:5px; overflow:hidden; overflow-y:auto; border:1px solid #bebebe; background:#fff}
.foot_join_link .fam_link .slot:first-child div {top:-83px; height:auto; min-height:84px}
.foot_join_link .fam_link .slot .close {position:absolute; right:5px; top:5px; width:22px; height:22px; text-indent:-9999em; background:url(../../images/www/bg/close.gif) center center no-repeat}
.foot_join_link .fam_link ul li a {display:block; width:100%; padding:5px; color:#494949; font-size:12px}



.foot_address {width:567px; float:left; color:#494949; font-size:12px; letter-spacing:-0.025em; line-height: 1.3}
.foot_address a {display:inline-block;}
/*19.08.08
.foot_address br {display:none}*/
.foot_menu {display: block;margin-top: 3px}
.foot_menu a {display: inline-block; background-color: #fff;border:1px solid #ccc; border-radius:21px; padding: 2px 10px; height: 21px;line-height: 19px;font-size: 12px;}
.foot_menu a:hover,.foot_menu a:focus {border:1px solid #666;background-color: #666; color: #fff}

.foot_menu a.blue_box {background-color:#5b97e2; color: #fff;}
.foot_menu a.blue_box:hover,.foot_menu a.blue_box:focus {border:1px solid #666;background-color: #666; color: #fff}
/*게시판*/
/*게시판 : 카테고리 링크 */
.board_catetory_link {float: left;border: 1px solid #8d8d8d;position: relative;margin-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box}
.board_catetory_current button{height: 36px;line-height: 37px;padding:0 22px 0 5px; background: url(../../images/www/icon/ico_arrow_down.png) 95% 50% no-repeat;}
.board_catetory_link.__open .board_catetory_current button {background: url(../../images/www/icon/ico_arrow_up.png) 95% 50% no-repeat;}
.board_catetory_current .blind {font-size: 0; text-indent: -999em; position: absolute; overflow: hidden; border: none; margin: 0}
.board_catetory_list {visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; width:100%; position: absolute;top:36px; left:0; z-index: 100; border:1px solid #5b97e2; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box}
.board_catetory_link.__open .board_catetory_list {visibility: visible; opacity: 1;}
.board_catetory_list li {display: block;}
.board_catetory_list li a {display: block;height: 28px;line-height: 29px;font-size: 14px; padding:0 5px}
.board_catetory_list li.on a,.board_catetory_list li a:hover {background-color: #5b97e2; color: #fff}

/*게시판 : 상단 조건검색 */
.board_search {margin-bottom:10px; min-height:38px }
.top_search {float:right;}
/*.top_search select {float:left; border-right:none; padding:0 3px}2019.02.12*/
.top_search select {float:left; border-right:none; padding:0 0}
.top_search span {float:left; padding-right:10px; border:1px solid #8d8d8d}
.top_search span input {width:180px; height:36px; font-size:14px; border:none}
.board_search p {float:left; margin-top:10px; font-size:15px}
.board_search p:after {content:''; display:block; clear:both}
.board_search p span {color:#5b97e2}
.board_search p i.min {color:#5b97e2}
.board_search p a.write {float:right; height:33px; line-height:33px; margin-right:0; margin-left:10px; padding:0 12px}
.board_search p.write strong {display:inline-block; margin-top:8px}

/*게시판 : 상단 조건검색 글쓰기*/
.board_search.write {overflow:hidden; margin-bottom:10px}
.board_search.write .top_search {float:left}
.board_search.write .board_category {float:right; width:auto; margin-top:0}
.board_search.write .board_category p {float:left; margin-top:12px}
.board_search.write .board_category .write {float:right}

.top_search.single {float:none; overflow:hidden; margin-bottom:10px}
.top_search.single span {float:right; width:325px; border-left:1px solid #8d8d8d}
.top_search.single span input {width:290px}
.top_search.single .select_wrap {float:left}
.top_search.single .select_wrap select {float:left}
.top_search.single .select_wrap button {float:left}

.board_search.line .board_category {float:left; width:auto; margin-top:0}
.board_search.line .top_search {float:right}


/* 재외공관정보 자음 */
.consonant {float:left;}
.consonant ol {overflow:hidden;}
.consonant li {float:left;}
.consonant li a {display:inline-block; width:35px; height:38px; line-height:38px; text-align:center; font-size:16px; font-weight:700; color:#5b97e2; border:1px solid #5b97e2; border-left:none;}
.consonant li:first-child a {border-left:1px solid #5b97e2;}
.consonant li a:hover,
.consonant li.on a {color:#fff; background:#5b97e2;}


/*테이블 목록형*/
.ico_new {display: inline-block;background-color: #5b97e2; color: #fff; font-size: 12px; font-weight: 300; font-family: arial,sans-serif; padding:0 4px; line-height: 15px; height: 15px;  vertical-align: middle;margin-left: 8px;margin-top:3px;margin-bottom: 5px;}
.btn_download {display:inline-block;vertical-align: middle; height: 38px; line-height: 38px; padding: 0 12px; font-weight: 400; border-radius: 3px; color: #666; border: 1px solid #8d8d8d; background-color: #fff; font-weight: bold;}
.top_search .btn_download {margin-right: 10px}
.btn_download:after {content:''; display:inline-block; width: 12px; height: 15px;background: url(../../images/www/icon/icon_download.png) 100% 50% no-repeat;vertical-align: middle; margin-left: 8px;margin-top: -2px}
.btn_download:hover,.btn_download:focus {background-color: #f1f1f1}
.table_list {}
.table_list table {border-top:2px solid #2d2d2d; border-bottom:1px solid #d9d9d9}
.table_list thead th {padding:12px 8px 11px; font-size:16px; text-align:center; background:#f2f2f2}
.table_list tbody td {text-align:center; padding:0 8px; font-size:14px; height:45px; border-top:1px solid #d9d9d9}
.table_list tbody td a.link {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.table_list tbody td a.comment i {display:inline-block; position:relative; top:2px; width:12px; height:14px; margin-right:5px; background:url(../../images/www/icon/icon_comment.png) 0 center no-repeat; color:transparent; overflow:hidden; text-indent:-9999em}
.table_list tbody.tal td{text-align:left}
.table_list tbody.tar td{text-align:right}
.table_list tbody.tac td{text-align:center}

.table_list tbody.tac td:nth-child(2){text-align:left; padding-left:20px;} /* 담당업무 왼쪽정렬로 요청 */

.table_list.th tbody th {height:45px; padding:0 8px; text-align:center; border-top:1px solid #d9d9d9}


/*테이블 목록형 라인*/
.table_list.cell {}
.table_list.cell thead th {border:1px solid #d9d9d9}
.table_list.cell thead th:first-child {border-left:none}
.table_list.cell thead th:last-child {border-right:none}
.table_list.cell tbody td {padding:0 10px; border:1px solid #d9d9d9}
.table_list.cell tbody tr td:first-child {border-left:none}
.table_list.cell tbody tr td:last-child {border-right:none}


/* 게시판 상세 */
.table_detail {}
.table_detail table {border-top:2px solid #2d2d2d; border-bottom:1px solid #d9d9d9}
.table_detail thead th {padding:18px 17px; font-size:16px; text-align:left; background:#f2f2f2}
.table_detail thead th p.title {color:#2d2d2d; font-size:18px}
.table_detail thead th p.title strong{padding-right:8px; font-weight:700}
.table_detail tbody td {text-align:left; padding:15px 17px; font-size:15px; border-top:1px solid #d9d9d9}
.table_detail .file_down a {display:inline-block; margin-right:12px; font-size:15px; color:#2d2d2d}
.table_detail .detail_body {line-height:1.5; padding:28px 17px}
.table_detail .detail_body strong {font-weight:bold}
.table_detail .detail_body b {font-weight:bold}
.table_detail .detail_body img {max-width:100%; text-align:center}
.table_detail .detail_body p {}
.table_detail .bro_link strong {display:inline-block; font-weight:700; width:95px}
.table_detail .bro_link a {color:#2d2d2d}
.table_detail .detail_info {margin-top:15px}
.table_detail .detail_info li {float:left; font-size:15px; margin-left:30px; font-weight:400}
.table_detail .detail_info li:first-child {margin-left:0}

/* 보도자료 템플릿 정의 */
.wrap_tmpl_pr .wrap_table_tmpl {
    border:1px solid #aaa;
    margin-bottom: 15px;
}
.wrap_tmpl_pr .table_tmpl  {border:none;}
.wrap_tmpl_pr .table_tmpl.mt-1 {margin-top: -1px;}
.wrap_tmpl_pr .table_tmpl th, .wrap_tmpl_pr .table_tmpl td {
    border:1px solid #aaa; padding:7px; text-align: center; font-size: 18px;
}
.wrap_tmpl_pr .table_tmpl img {max-width: 100%}
.wrap_tmpl_pr .table_tmpl_title {font-size: 50px; font-weight: bold; color: #222}
.wrap_tmpl_pr .tmpl_title_box {border:1px solid #aaa; background-color: #f1f1f1; padding:20px; text-align: center; line-height: 1.2; word-break:keep-all;word-wrap:break-word;}
.wrap_tmpl_pr .tmpl_title_box strong,.wrap_tmpl_pr .tmpl_title_box em {display: block; color: #224ade; font-weight: bold;}
.wrap_tmpl_pr .tmpl_title_box strong {font-size: 30px;}
.wrap_tmpl_pr .tmpl_title_box em{font-size: 22px;}

/*댓글게시판*/
.table_detail.reply table {border-bottom:none}
.table_detail.reply .detail_body p {min-height:50px}

/* 갤러리형 게시판 */
.gallery_list {}
.gallery_list ol {overflow:hidden; border-top:2px solid #2d2d2d}
.gallery_list ol li {position:relative; float:left; width:287px; height:230px; margin:27px 0 0 27px}
.gallery_list ol li:first-child {margin-left:0}
.gallery_list ol li:nth-child(3n+1) {margin-left:0}
.gallery_list ol li a {display:table; width:100%; font-size:18px}
.gallery_list ol li a img {width:100%; height:100%}
.gallery_list ol li a strong {display:block; position:absolute; left:0; bottom:0; width:100%}
.gallery_list ol li a strong span {display:table-cell; width:287px; height:230px; padding:0 20px; vertical-align:middle; text-align:center; color:#fff; z-index:100; text-shadow: 1px 1px 1px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45)}

/* 썸네일형 게시판 */
.thumbnail_list {}
.thumbnail_list ol {border-top:2px solid #2d2d2d}
.thumbnail_list ol li {overflow:hidden; padding:20px 0; border-bottom:1px solid #d9d9d9}
.thumbnail_list ol li a {display:block; float:left; width:700px}
.thumbnail_list ol li a .img {float:left; width:200px; height:133px; margin-right:30px}
.thumbnail_list ol li a img {width:100%; height:100%}
.thumbnail_list ol li a .title {display:block; width:100%; margin-top:10px; font-size:18px; color:#2d2d2d; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.thumbnail_list ol li a .sub_title {display:block; width:100%; line-height:23px; margin-top:20px; font-size:16px}
.thumbnail_list ol li a p {float:left; width:465px}
.thumbnail_list .info {float:right; height:133px; padding-left:20px; border-left:1px solid #d9d9d9}
.thumbnail_list .info p {margin-top:10px; font-size:14px}
.thumbnail_list .info p:first-child {margin-top:32px}

/* 데이터 테이블*/
.data_table {overflow-y:hidden; overflow-x:auto}
.data_table table {border-top:2px solid #2d2d2d}
.data_table table thead th {height:25px; padding:10px 15px; font-size:16px; line-height:21px; border:1px solid #d9d9d9}
.data_table table thead.tac th {text-align:center}
.data_table table tbody th,
.data_table table tbody td,
.data_table table tfoot th,
.data_table table tfoot td{padding:9px 5px 7px; font-size:14px; text-align:center; line-height:21px; word-break:keep-all; border:1px solid #d9d9d9;word-wrap:break-word}
.data_table table tfoot td {background:#f5f5f5; font-weight:bold}
.data_table table tbody.th_tal th {text-align:left}
.data_table table tbody.th_tac th {text-align:center}
.data_table table tbody.td_tal td {text-align:left}
.data_table table strong {font-weight:700}
.data_table table .text_list {margin-bottom:0}

/* 반응형테이블 스크롤 부모 */
.table_scroll {margin-top:20px; position:relative; overflow:hidden}

/* 테이블 inner 리스트 */
#wrap .table_inner_list {text-align:left; margin-top:0}
#wrap .table_inner_list li {text-align:left; padding-left:7px; text-indent:0; background:url(../../images/www/common/dot.gif) 0 8px no-repeat}

/* 테이블 상단 텍스트 */
.table_top_text {margin-bottom:-15px; margin-top:20px}

/* 테이블 하단 텍스트 좌우배치 */
.text_line_up {margin-top:8px; overflow:hidden; font-size:14px}
.text_line_up strong {float:left}
.text_line_up span {float:right}


/* 입력폼 테이블 */
.form_table .lead_title {margin:65px 0 20px}
.form_table table {border-top:2px solid #2d2d2d}
.form_table tbody tr {border-bottom:1px solid #d9d9d9}
.form_table tbody th {width:18%; height:65px; padding:10px 10px 10px 24px; font-size:16px; text-align:left}
.form_table tbody td {width:80%; height:65px; padding:10px 20px 10px; font-size:15px}
.form_table .ess {display:inline-block; width:8px; height:8px; font-size:0px; overflow:hidden; margin-left:-18px; margin-right:10px;background:url(../../images/www/common/ess.png) 0 center no-repeat; background-size:8px;}
.form_table .eng_name input {width:178px}
.form_table .self_input {width:359px}
.form_table .half_input {width:172px}
.form_table .input_in_text {margin-left:10px}
.form_table .w50r select {width:49.5%}
.form_table select {min-width:106px}
.form_table .r_r_n {position:relative;}
.form_table .r_r_n input {width:178px;}
.form_table .r_r_n input:first-child {margin-right:20px;}
.form_table .r_r_n:after {display:inline-block; position:absolute; left:185px; top:10px; content:'-'}
.form_table .avail,
.form_table .avail2 {clear:both; padding-top:10px; color:#e73e3e}
.form_table textarea {padding:5px; height:200px}
.birth_select select {width:76px}
.birth_select select:first-child {width:106px}
.form_table .sob {display:inline-block; margin-left:10px}
.form_table .sob input {width:100px}




/* 달력 */
.calendar_form .btn_cal {display:inline-block; width:26px; height:33px; margin-left:10px; font-size:0; background:url(../../images/www/common/calendar.png) 0 center no-repeat}


/* 텍스트 리스트 조합 & 타이틀 */
.lead_title {margin-bottom:30px; font-size:18px; font-weight:700}
.lead_title.box {margin-bottom:12px}
.lead_title + .ul_list {margin-top:-10px}
.lead_title + .table_scroll {margin-top:0}
.c_title {display:block; font-size:20px}
.cs_title {margin:55px 0 20px; font-size:18px; text-align:center; text-decoration:underline}
.m_title {margin-top:20px; margin-bottom:15px; color:#5b97e2; font-size:15px; font-weight:700}
.m_title.box {margin-bottom:10px}
.m_title + .table_scroll {margin-top:0}
.s_title {margin-bottom:10px; font-weight:700; color:#222; font-size:14px}
.ss_title {display:block; margin:5px 0; font-weight:700; color:#555; font-size:13px}
.sup_text {font-size:14px; line-height:20px}


/* 리스트 기본 */
.list_type > li {font-size:14px}
.list_type.default {}
.list_type.default > li {margin-top:5px; padding-left:11px; text-indent:-11px; line-height:19px}
.list_type.default > li:first-child {margin-top:0}
.list_type + .lead_title {margin-top:45px}
.top_text + .lead_title {margin-top:45px}
.dep1_list + .lead_title {margin-top:45px}
.top_text + .list_type.second {margin-top:45px}
.top_text + .list_type.default {margin-top:10px}
.list_type.default + .top_text {margin-top:30px}

.top_text {font-size:14px; line-height:22px; word-break:keep-all}


/* 리스트 멀티 */
.list_type > li {font-size:14px}
.list_type.second {}
.list_type.second > li {margin-top:23px}
.list_type.second li:first-child {margin-top:0}
.list_type.second h4 {color:#5b97e2; font-size:15px; font-weight:700}
.list_type.second h5 {margin:12px 0; color:#555; font-size:14px; font-weight:700}
.list_type.second h4 + p {margin-top:15px}
.list_type.second h4 + strong {display:block; margin-top:15px; margin-bottom:5px; line-height:20px; font-weight:700}
.list_type.second strong + p {margin-top:12px}
.list_type.second li p {font-size:14px; margin-bottom:5px; line-height:20px}
.list_type.second > li > ul {margin-top:12px; margin-left:5px}
.list_type.second li ul + strong {display:block; margin-top:15px; margin-bottom:5px; line-height:20px; font-weight:700}
.list_type.second li ul + p {margin-top:15px}
.list_type.second > li > ul li {margin-top:4px; padding-left:11px; text-indent:-11px; line-height:20px; font-size:13px}
.list_type.second > li > ol {margin-top:12px; margin-left:5px}
.list_type.second > li > ol + strong {display:block; margin-top:15px; margin-bottom:5px; line-height:20px; font-weight:700}
.list_type.second > li > ol + p {margin-top:15px}
.list_type.second > li > ol li {margin-top:4px; padding-left:15px; text-indent:-14px; line-height:20px; font-size:13px}
.list_type.second > li > ol ul {margin:10px 0}
.list_type.second .box_text_type {margin:0}
.list_type.second .box_text_type li {margin-top:15px; text-indent:0; padding-left:0}
.list_type.second .box_text_type li:first-child {margin-top:0}
.list_type.second .str {display:block; font-weight:700; color:#555}



/* 신규 텍스트 & 리스트 */
.text_list {}
.text_list {margin-bottom:20px}
.text_list > li {margin-top:4px; padding-left:11px; line-height:20px; font-size:14px; background:url(../../images/www/common/dash.gif) 0 9px no-repeat}
.text_list > li:first-child {margin-top:0}
.text_list > li .box_default {margin-top:20px}
.text_list li.bgn {padding-left:0  !important; background:none !important}
.text_list strong.s_title {display:block; margin:10px 0 5px; font-weight:700}

.text_list.num {}
.text_list.num > li {padding-left:15px; background:none}
.text_list.num > li > span {margin-left:-15px}

.text_list.doc {}
.text_list.doc > li {padding-left:0; background:none}
.text_list.doc > li > strong {display:inline-block; margin-right:3px; font-weight:700; color:#3d3d3d}

.text_list.bgn {}
.text_list.bgn > li {background:none !important}

.text_list.pdn {}
.text_list.pdn > li {padding-left:0}

.text_list.dot {}
.text_list.dot > li {padding-left:10px !important; background:url(../../images/www/common/dot.gif) 0 9px no-repeat}

.text_list.link {}
.text_list.link li {padding-left:11px; background:url(../../images/www/common/dash.gif) 0 9px no-repeat}
.text_list.link a {padding-right:10px; background:url(../../images/www/common/lnb_off.gif) right center no-repeat; background-size:4px 10px}

.text_list > li > .text_list {margin:10px 0}
.text_list > li > .text_list > li {font-size:13px; /* padding-left:15px; */}
/*.text_list > li > .text_list > li > .text_list > li {padding-left:8px; background:url(../../images/www/common/dot.gif) 0 9px no-repeat}*/

.table_scroll + .m_title {margin-top:20px}
.table_scroll + .s_title {margin-top:20px}


/* 선영 추가  국가검색에 필요한 리스트타입 */
.text_list_title {margin-top:5px;}
.text_list_title + .text_list {margin-top:5px;}

.text_list .list_sup_text {padding-left:10px; margin:3px 0 6px; font-size:13px; background:url(../../images/www/common/dot.gif) 0 6px no-repeat;}
.text_list .list_sup_text.bgn {background:none}

.text_list .text_list.dot {margin-top:2px; margin-bottom:6px;}
.text_list.doc p.sup_text {margin:4px 0 7px; font-size:13px;}

.text_list_date {padding-left:30px}


/* 텍스트 다음 상황별 */
.lead_title {margin-top:50px}
.lead_title:first-child {margin-top:0}
.lead_title + .sup_text {margin-top:-10px; margin-bottom:25px}
/* .lead_title + .text_list {margin-top:-15px} */
.m_title + .sup_text {margin-bottom:20px}
.s_title + .sup_text {margin-bottom:15px}
.sup_text.box {margin-bottom:10px}
.sup_text + .m_title {margin-bottom:20px}
.sup_text + .text_list {margin-top:-5px}
.sup_text + .sup_text {margin-top:-15px; margin-bottom:20px}


/* 텍스트만 있을때 단독사용 */
.text_body p {font-size:14px; line-height:22px}


/* 뎁스 리스트 혼합 */
.list_type_depth {}
.list_type_depth > li {font-size:15px; font-weight:700}
.list_type_depth > li > .title{display:block; padding-left:20px; text-indent:-20px; font-weight:700; line-height:20px}
.list_type_depth > li > a {display:block}
.list_type_depth > li > ol, .list_type_depth > li > ul {margin-top:18px; margin-bottom:45px; padding-left:0px}
.list_type_depth > li > ol > li, .list_type_depth > li > ul > li {margin-top:5px; line-height:20px; padding-left:18px; text-indent:-11px; font-weight:400; font-size:14px}
.list_type_depth > li > ol.num li{text-indent:-18px}
.list_type_depth > li > ol > li > ul > li {padding-left:13px; margin-top:4px; text-indent:-10px}
.list_type_depth > li > ol > li > ul > li:first-child {margin-top:10px}
.list_type_depth > li > ol + .pre_title, .list_type_depth > li > ul + .pre_title {margin-top:-25px}
.list_type_depth a {color:#2d2d2d}
.list_type_depth .pre_title {display:block; margin-top:15px; color:#5b97e2; font-weight:700}
.list_type_depth p.text {margin-top:5px; margin-bottom:30px; line-height:20px; font-weight:400; font-size:14px; text-indent:0}
.list_type_depth p.text a {display:block; margin-top:5px; color:#5b97e2; word-wrap: break-word}
.list_type_depth p.s_text {margin-top:5px; margin-bottom:30px; line-height:18px; font-weight:400; font-size:13px; text-indent:0}

/* 박스 텍스트 */
.box_text_type {margin-bottom:20px}
.box_text_type .title {display:block; margin-bottom:5px; color:#5b97e2}
.box_text_type li {margin-top:15px; text-indent:-11px; padding-left:11px}
.box_text_type li:first-child {margin-top:0}


/* 타이틀 좌우배치 */
.title_wrap {}
.title_wrap:after {content:''; display:block; clear:both}
.title_wrap h3, .title_wrap h4, .title_wrap h5 {float:left; margin-top:0}
.title_wrap a, .title_wrap span, .title_wrap p, .title_wrap .select {float:right; font-size:14px; margin-top:1px}
.title_wrap .select {margin-top:-11px}
.title_wrap .select select {float:left}
.title_wrap .select a {float:left; margin:0; height:38px; line-height:38px; padding:0 8px}
.title_wrap .select.multi select:first-child {border-right:none}
.title_wrap .select.multi select {min-width:80px}
.title_wrap .select.multi a {min-width:60px}
.title_wrap + .table_scroll {margin-top:0}



/* 텍스트박스 */
div.box_default {padding:30px 30px 10px 30px; border:1px solid #d9d9d9; background:#f7f7f7}
.box_title {display:block; margin-bottom:25px; text-align:center; font-size:16px}
.texts_show_btn {display:none; width:100%; height:45px; line-height:45px; padding:0 10px; text-align:left; font-size:16px; font-weight:700; margin-bottom:20px; border:1px solid #8d8d8d; background:url(../../images/www/bg/text_show_down.gif) right 10px center no-repeat}
.texts_show_btn.on {background:url(../../images/www/bg/text_show_up.gif) right 10px center no-repeat}

div.box_second {padding:30px; text-align:center; border:1px solid #d9d9d9; background:#f7f7f7}
div.box_second strong {display:block; margin-bottom:15px; font-weight:700; font-size:22px}

div.box_default.list_out {}
div.box_default.list_out .text_list {margin:0 0 20px}

.box_default.pd {padding:30px}
.box_default.pd strong {display:block; font-weight:700}

.box_default.issue_box {margin-bottom:50px; background:#f7f7f7 url(../../images/www/bg/ul_issue_bg.gif) 30px center no-repeat}
.box_default.issue_box1 {margin-bottom:50px; padding-left: 125px;background:#f7f7f7 url(../../images/www/bg/ul_issue_bg.png) 30px center no-repeat}
.ul_issue {margin-left:80px; margin-bottom:20px}
.ul_issue > li {font-size:14px}
.ul_issue > li {margin-top:10px; padding-left:11px; text-indent:-11px; line-height:19px; word-break: keep-all; word-wrap: break-word}
.ul_issue > li:first-child {margin-top:0}



/* 중요문구 */
strong.last_critical {display:block; margin-top:45px; font-size:15px}

/* 텍스트 리스트 이미지삽입 */
.img_add {position:relative; text-align:center; margin:15px 0 20px; text-indent:0 !important; padding-left:0 !important}
.img_add img {max-width:100%; height:auto}
.img_add span {display:block; margin-top:5px}
.img_add a.link {display:none; width:30px; height:30px; position:absolute; right:0; top:0; background:url(../../images/www/common/img_expand.png) 0 0 no-repeat; background-size:30px}

/* 레이어 달력 */
#divCalendar {position:absolute; width:180px; padding:8px 10px; border:2px solid #999; font-size:11px; background-color:#fff; z-index:999}
#divCalendar * {margin:0; padding:0; font-size:11px !important}
#divCalendar caption {height:0; font-size:0; line-height:0; overflow:hidden}
#divCalendar table {table-layout:auto; width:100%; text-align:center; border:0px solid #000; color:#000}
#divCalendar table, #divCalendar table a {font-size:13px; line-height:20px}
#divCalendar #tableCalendarTitle td, #divCalendar #tableCalendarTitle td a, #divCalendar #tableMonthTitle td a, #tableYearTitle td {font-weight:600; font-size:13px !important}
#divCalendar #tableYear a {font-size:12px !important}
#divCalendar table th {border:0px solid #f8720f; height:auto; background:none; padding:0 !important; margin:0; color:#595959; text-align:center; line-height:20px}
#divCalendar table td {padding:0 !important; margin:0; height:auto; text-align:center; border:0px solid #000; line-height:1}
#divCalendar table td a {display:block; color:#595959; text-decoration:none}
#divCalendar table td a.today {color:#fff !important; background-color:#437dca; font-weight:600; border:1px solid #2059a5; border-radius:2px}
#divCalendar #tableCalendar th:first-child, #divCalendar #tableCalendar td:first-child a {color:#cf2121}
#divCalendar #tableCalendar th:last-child, #divCalendar #tableCalendar td:last-child a {color:#0072cf}
#divCalendar .btn_cal_close {position:absolute; top:-2px; right:-19px; text-align:right}
#divCalendar .btn_cal_close a {display:block; background:url(../../images/www/common/ico_delete.gif) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden}
#divCalendar .btn_cal_close, #divCalendar .btn_cal_close a {width:17px; height:16px}


/* 탭 */
.tab_wrap {position:relative; margin-bottom:70px; background:#fff; z-index:20; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-overflow-scrolling:touch}
.tab {position:relative; height:68px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.tab > div {position:absolute; left:0; z-index:1; width:100%; -webkit-overflow-scrolling:touch; transition-property: -webkit-transform; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-timing-function: cubic-bezier(0.18, 0.35, 0.56, 1); transition-timing-function: cubic-bezier(0.18, 0.35, 0.56, 1); height: 100%; -webkit-transition-duration: 0ms; transition-duration: 0ms}
.tab ul {display:table; background:#fff; white-space:nowrap; -webkit-overflow-scrolling:touch; border:1px solid #5b97e2}
.tab ul li {display:table-cell;  width:1%; text-align:center; white-space:nowrap}
.tab ul li a {display:block; position:relative; width:auto; height:58px; line-height:58px; padding:0 30px; color:#666; font-size:18px; color:#414141; border:none; background:none}
.tab ul li.on a {color:#fff; font-weight:700; background:#5b97e2}
.tab ul li a span {display:block; padding:0 20px}
.pc .tab::-webkit-scrollbar {height:8px;}
.pc .tab::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2);}
.data-tab-panel {display: none}

.btn_gr.ico_w, .btn_bl.ico_w {background : #5b97e2; color:#fff; position:relative; padding:25px 80px 25px 40px;}
.ico_w span.glan { background:url(../../images/www/icon/bullet.png) no-repeat; position: absolute; right: 20px; top: 50%; display: block; width: 40px; height: 40px; margin-top: -15px; background-size: 30px;}

/* 파일업로드 */
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox label {display:inline-block; height:38px; line-height:38px; padding:0 10px; color:#999; background-color:#fdfdfd; cursor:pointer; border:1px solid #ebebeb; border-bottom-color:#e2e2e2}
.filebox .upload-name {display:inline-block; height:38px; padding:0 10px; background-color:#f5f5f5; border:1px solid #ebebeb; border-bottom-color:#e2e2e2; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.filebox.bs3-primary label {color:#fff; background-color:#474747; border-color:#474747}
.filebox.bs3-primary label:focus {color:#000;}
.filebox .img {display:block; margin-top:10px}
.filebox .img img {width:300px; height:210px}


/* 만족도 조사 */
.satis {padding:20px; margin-top:45px; border:1px solid #d9d9d9; background:#f7f7f7}
.satis .top:after {content:''; display:block; clear:both}
.satis .head {float:left; font-size:18px; color:#234996; font-weight:700}
.satis .head span {font-weight:400; color:#2d2d2d}
.satis .num {float:right; padding:7px 5px 5px; margin-top:-5px; font-size:13px; color:#29507b; border:1px solid #5b97e2}
.satis .chk_field {margin-top:15px; padding:12px; overflow:hidden; border:1px solid #d9d9d9; background:#fff}
.satis .chk_field strong {float:left; padding-top:7px; font-weight:700; margin-right:20px}
.satis .chk_field div {float:left; padding-top:6px}
.satis .chk_field div span {margin-right:12px}
.satis .chk_field div span input {margin-right:5px}
.satis .chk_field button {float:right; display:inline-block; text-align:center; height:34px; line-height:34px; padding:0 19px; font-size:15px; margin:0 5px; color:#fff; background:#5b97e2}



/* 슬라이드 공통 */
.slick-slider{position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0)}
.slick-track{position:relative; top:0; left:0; display:block}
.slick-track:before,.slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; height:100%; min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
/* .slick-slide.dragging img{pointer-events:none} */
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-arrow {position:absolute;  z-index:1000}
.slick-disabled {opacity: 0.3}
.slick-dots{position:absolute; display:block}
.slick-dots li{position:relative; display:inline-block; cursor:pointer}
.slick-dots li button{line-height:0; display:block; cursor:pointer; color:transparent; border:0; background:transparent; font-size: 0;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{content:''; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75; color:black}

/* 텍스트와 구분없는 이미지 */
.inner_img:after {content: ''; display: table; clear: both;}
.inner_img span.side_r_img { float: right; padding-left: 10px; padding-bottom: 10px; }
.inner_img span.side_l_img { float: left; padding-right: 10px; padding-bottom: 10px; }
.inner_img span.side_r_img.energe, .inner_img span.side_l_img.energe { padding-bottom: 0; }
.inner_img span.side_r_img.energe img, .inner_img span.side_l_img.energe img  { width: 250px; }
span.side_r_img i, span.side_l_img i { display: block; text-align: center; margin-top: 4px; margin-bottom: 6px; }


/* 서브메인 */
.sub_cat { overflow: hidden; margin: 0 -8px; }
.sub_cat li { width: 50%; float: left; padding: 8px; height: 220px; }
.sub_cat.procedure li {height: 244px;}
.sub_cat li > div { border: 2px solid #e2e2e2; height: 100%; padding: 20px 17px 20px 161px; position: relative; }
.sub_cat li > div:before { content: ''; position: absolute; width: 161px; height: 133px; left: 0; }
.sub_cat li > div .cat_title { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.sub_cat li > div p { font-size: 14px; }
.sub_cat li > div .btn_wrap {position: absolute; bottom: 20px; }
.sub_cat li > div .btn_wrap a {margin: 0; }

#cat1-1:before { background: url(../../images/www/pic/cat/sec2_1_1.png) no-repeat; }
#cat1-2:before { background: url(../../images/www/pic/cat/sec2_1_2.png) no-repeat; }
#cat1-3:before { background: url(../../images/www/pic/cat/sec2_1_3.png) no-repeat; }
#cat1-4:before { background: url(../../images/www/pic/cat/sec2_1_4.png) no-repeat; }
#cat1-5:before { background: url(../../images/www/pic/cat/sec2_1_5.png) no-repeat; }
#cat1-6:before { background: url(../../images/www/pic/cat/sec2_1_6.png) no-repeat; }
#cat1-7:before { background: url(../../images/www/pic/cat/sec2_1_7.png) no-repeat; }
#cat1-8:before { background: url(../../images/www/pic/cat/sec2_1_8.png) no-repeat; }
#cat1-9:before { background: url(../../images/www/pic/cat/sec2_1_9.png) no-repeat; }
#cat1-10:before { background: url(../../images/www/pic/cat/sec2_1_10.png) no-repeat; }
#cat1-11:before { background: url(../../images/www/pic/cat/sec2_1_11.png) no-repeat; }
#cat2-1:before { background: url(../../images/www/pic/cat/sec2_2_1.png) no-repeat; }
#cat2-2:before { background: url(../../images/www/pic/cat/sec2_2_2.png) no-repeat; }
#cat3-1:before { background: url(../../images/www/pic/cat/sec2_3_1.png) no-repeat; }
#cat3-2:before { background: url(../../images/www/pic/cat/sec2_3_2.png) no-repeat; }
#cat3-3:before { background: url(../../images/www/pic/cat/sec2_3_3.png) no-repeat; }
#cat4-1:before { background: url(../../images/www/pic/cat/sec2_4_1.png) no-repeat; }
#cat4-2:before { background: url(../../images/www/pic/cat/sec2_4_2.png) no-repeat; }
#cat4-3:before { background: url(../../images/www/pic/cat/sec2_4_3.png) no-repeat; }
#cat4-4:before { background: url(../../images/www/pic/cat/sec2_4_4.png) no-repeat; }
#cat5-1:before { background: url(../../images/www/pic/cat/sec2_5_1.png) no-repeat; }
#cat5-2:before { background: url(../../images/www/pic/cat/sec2_5_2.png) no-repeat; }
#cat5-3:before { background: url(../../images/www/pic/cat/sec2_5_3.png) no-repeat; }
#cat5-4:before { background: url(../../images/www/pic/cat/sec2_5_4.png) no-repeat; }
#cat6-1:before { background: url(../../images/www/pic/cat/sec2_6_1.png) no-repeat; }
#cat6-2:before { background: url(../../images/www/pic/cat/sec2_6_2.png) no-repeat; }
#cat6-3:before { background: url(../../images/www/pic/cat/sec2_6_3.png) no-repeat; }
#cat6-4:before { background: url(../../images/www/pic/cat/sec2_6_4.png) no-repeat; }
#cat6-5:before { background: url(../../images/www/pic/cat/sec2_6_5.png) no-repeat; }
#cat6-6:before { background: url(../../images/www/pic/cat/sec2_6_6.png) no-repeat; }










/* --------------------------- @media ----------------------------- */





@media(max-width:1024px){

    /* 공통 */
    .content_in {min-width:auto;}
    .pc_show {display:none}
    table .pc_show {display:none}
    .mb_show {display:block}
    .btn_wrap {margin-top:30px}
    .br_pc {display:none}
    .br_mb {display:block}


    #header {padding:8px 15px 8px 15px}
    #header h1 img {max-width:84%}
    #header .slogan {width:110px;}
    .all_gnb {display:none}
    .top_menu {display:none}
    .in {width:100%; margin:0 auto}
    .allmenu {display:none}
    .menu_close {display:none; position:absolute; left:25px; top:25px; z-index:6000; width:30px; height:30px; font-size:0; line-height:0; color:transparent; background:url(../../images/www/common/menu_close.png) 0 0 no-repeat}
    .hbg {display:none; position:fixed; top:0; height:100% !important}
    .main_body .in {padding:0 15px; height:auto}

    /* 탭 */
    .tab_wrap {margin-bottom:40px}
    .tab {height:47px}
    .tab ul li a {height:45px; line-height:45px}

    /* 갤러리형 게시판 */
    .gallery_list {}
    .gallery_list ol li {width:32.33333%; height:auto; margin:10px 0 0 1.5%}
    .gallery_list ol li:first-child {margin-left:0}
    .gallery_list ol li:nth-child(3n+1) {margin-left:0}
    .gallery_list ol li a {font-size:16px}
    .gallery_list ol li a img {width:100%; height:100%}
    .gallery_list ol li a strong {display:block; width:100%; padding:7px 0 5px; background:rgba(40,60,80,0.7)}
    .gallery_list ol li a strong span {display:block; width:100%; height:auto; padding:0 20px}

    /* 썸네일형 게시판 */
    .thumbnail_list ol li a {width:100%}
    .thumbnail_list ol li a .img {width:200px; height:auto; float:left; margin-right:20px}
    .thumbnail_list ol li a p {width:calc(100% - 220px)}
    .thumbnail_list ol li a img {max-width:100%; width:100%; height:auto; margin-right:0}
    .thumbnail_list ol li a .title {margin-top:0; font-size:16px}
    .thumbnail_list ol li a .sub_title {line-height:18px; margin-top:20px; font-size:14px}
    .thumbnail_list .info {display:none}

    /* 입력폼 테이블 */
    .form_table .input_in_text {display:block; clear:both; padding-top:5px; margin-left:0; font-size:14px}

    /*게시판 링크 말줄임 영역*/
    .table_list tbody td a.link {max-width:500px; white-space:normal; margin:4px 0; line-height: 1.3;}


    /* 탭 */
    .tab_wrap {margin:0 -20px 50px; background:#fff}
    .tab {height:41px}
    .tab > div {background:#fff}
    .tab ul {border:none}
    .tab ul li {border-bottom:1px solid #5b97e2}
    .tab ul li a {width:auto; height:40px; line-height:40px; padding:0 20px; font-size:16px; border:none; background:none}
    .tab ul li.on a {color:#5b97e2; font-weight:700; background:#fff}
    .tab ul li a span {display:block; padding:0 20px}

    .tab_fade_l{content:''; display:inline-block; position:absolute; left:0; top:0; z-index:20; width:25px; height:40px; background: -webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)))}
    .tab_fade_r{content:''; display:inline-block; position:absolute; right:0; top:0;  z-index:20; width:25px; height:40px; background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff))}


    /*검색영역*/
    .total_search {width:calc(100% + 30px); margin:12px 0 -7px -15px;}
    .total_search p {position:relative; width:100%; height:40px; background:#868686; padding-right: 0}
    .total_search p input {width:100%; height: 40px;line-height: 41px;padding-left:10px; font-size:16px; padding-right: 42px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .total_search p button {margin:0px;position: absolute;top:0; right:0px;width: 40px;height: 40px;}

    .mob_head_controll {display:block; float:right; margin-top:10px}
    .mob_head_controll div {float:left; margin-left:10px}
    .mob_search {margin-top:-2px}
    .mob_search button {display:inline-block; width:21px; height:20px; text-indent:-9999em; background:url(../../images/www/icon/mob_gnb_search.gif) 0 0 no-repeat; background-size:cover}
    .mob_menu button {display:inline-block; width:16px; height:15px; text-indent:-9999em; background:url(../../images/www/icon/mob_gnb_menu.gif) 0 0 no-repeat; background-size:cover}


    /* Mobile GNB */
    .gnb_wrap_inner{display:none; position:absolute; right:-70%; top:0; width:70%; z-index:7000; margin-left:0px; background:none; -webkit-overflow-scrolling:touch}

    /* GNB */
    .gnb_wrap_inner .top_link {display:block; overflow:hidden; background:#fff}
    .gnb_wrap_inner .top_link a {border-bottom:1px solid #8c8c8c; float:left;width:50%; height:30px; line-height:30px; padding:0 12px; text-align:center; color:#8c8c8c; font-size:14px}
    .gnb_wrap_inner .top_link a:first-child, .gnb_wrap_inner .top_link a:nth-child(3) {border-right:1px solid #8c8c8c;}
	
    .gnb {margin-left:0; margin-right: 0;overflow-y:auto}
    .gnb > li {width:100%; border-top:1px solid #fff}
    .gnb > li:first-child {border-top:none}
    .gnb > li > a {display:block; height:50px; line-height:50px; padding: 0 20px; color:#fff; font-size:18px;text-align:left; background:#5b97e2 url(../../images/www/bg/mob_dep1.gif) right 20px center no-repeat; background-size:8px 16px}
    .gnb > li:first-child .g_sub .g_sub_list2 {width:100%}
    .gnb > li > a.on {background:#5b97e2 url(../../images/www/bg/mob_dep1on.gif) right 20px center no-repeat; background-size:16px 8px}

    .gnb .g_sub {position:static}
    .gnb .g_sub .title {display:none}
    .gnb .g_sub .core_link {display:none}

    .gnb .g_sub_list2 {width:100%; height:auto;padding-bottom:0; margin-top:0; color:#fff}
    .gnb .g_sub_list2 > li {width:100%; margin-left:0; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-transition-delay: 0ms !important; transition-delay: 0ms !important}
    .gnb .g_sub_list2 > li > strong{display:block;height:45px; line-height:45px; padding:0; margin:0; color:#fff}
    .gnb .g_sub_list2 > li > strong a {display:block; width:100%; padding-left:20px; font-size:16px; color:#fff; background:#245fa8 url(../../images/www/bg/mob_dep2.gif) right 25px center no-repeat; background-size:6px 14px;}
    .gnb .g_sub_list2 > li > strong a.on {background:#245fa8 url(../../images/www/bg/mob_dep2on.gif) right 25px center no-repeat; background-size:14px 6px;}

    .gnb .g_sub_list3 {display:none; margin-top:0; background:#fff}
    .gnb .g_sub_list3 li {margin-top:0; border-top:1px solid #c0c0c0}
    .gnb .g_sub_list3 li a {display:block; height:40px; line-height:42px; padding-left:25px; letter-spacing: -1px; font-size:15px; color:#3c3c3c; font-weight:400}
    .gnb .g_sub_list3 li a[target*=_blank] {background: url(../../images/www/common/gnb_blank.png) 94% 17px no-repeat;}
    .gnb .g_sub_list3 li a.blank {background:url(../../images/www/icon/blank_link.gif) 156px center no-repeat}
    .gnb .g_sub_list2 li a:focus {color:#fff; font-weight:400}
    .gnb .g_sub_list3 li a:focus {color:#3c3c3c}
    .gnb .g_sub_list3 li:first-child {border:none}


    /* 푸터 */
    #footer {min-width:100%; margin-top:0; padding:20px 10px; background:#fff}
    .foot_banner {float:none}
    .foot_banner ul {width:calc(100% - 50px); border-right:1px solid #d0d0d0}
    .foot_banner ul li {border:none}
    .foot_banner ul li img {width:100%; height:40px; border:1px solid #d0d0d0; border-right:none}
    .foot_banner .stop {display:none}
    .foot_banner .play {display:none}
    .foot_join_link .access {display:none}

    .foot_share {display:inline-block; position:absolute; left:0; top:42px}
    .foot_share ul {float:none; text-align:center; margin-top:10px}
    .foot_share ul li {display:inline-block; float:none}
    .foot_banner .bn_all_link {width:40px; height:40px; line-height: 14px; padding-top:6px; right:0; top:0px; font-size:12px; text-align:center; word-break:keep-all; border:1px solid #d0d0d0; background:#fff}
    .foot_address {position: absolute; left:0; top:31px; margin:15px 0}


}


/* DO ADD Start */
.popLayer .popDiv {
  padding: 35px 40px;
}

.popLayer p.ctxt {
  color: #666;
  line-height: 25px;
}

.popLayer .btnC {
  width: 100%;
  margin: 0 0;
  padding-top: 25px;
  border-top: 1px solid #DDD;
  text-align: center;
  font-size:18px;
}

.popLayer .btnC .btnR {
  text-align: right;
}

.popLayer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: auto;
  background-color: #fff;
  border: 3px solid #3571B5;
  z-index: 10;
}

.dimLayer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dimLayer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dimLayer .popLayer {
  display: block;
  
/* DO ADD End */
}
@media(max-width:768px){

    /* 공통 */
    table .tb_show {display:none}
    .lot.big table {width:800px} /* 대형 스크롤테이블 */

    /* popup : 딤 */
    .dim_pop .pop_in {width:calc(100% - 100px)}
    .dim_pop .pop_in .top {height:45px; line-height:45px}
    .dim_pop .pop_in .top .title {padding-left:15px; font-size:18px}
    .dim_pop .pop_close {top:0}
    .dim_pop .body {max-height:700px; padding:10px; padding-top:35px}
    .dim_pop .body:after {height:10px}

    /* 아이프레임 컨텐츠 스크롤영역 */
    .iframe_wrap {position:relative; overflow:hidden}
    .iframe_wrap .iframe_sc {overflow-y: hidden; overflow-x: auto}
    .iframe_wrap .iframe_sc:after {content:''; position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:10px 0 0 10px / 50% 0 0 50%; -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25)}
    .iframe_inner {width:768px}

    /*문장관련*/
    .top_text {line-height:20px}
    .list_type + .lead_title {margin-top:30px}
    .top_text + .lead_title {margin-top:30px}
    .top_text + .list_type {margin-top:20px}

    /* 타이틀 */
    .lead_title {margin-top:40px; margin-bottom:20px; font-size:16px}
    .c_title {font-size:18px}
    .cs_title {margin:25px 0 15px; font-size:16px}


    /*게시판 : 상단 조건검색 */
    .top_search {float:none; width:100%; overflow:hidden}
    .top_search select {float:left; width:50%; border:1px solid #8d8d8d; margin-right:0 !important}
    .top_search select:first-child {border-right:none !important}
    .top_search span {width:100%; margin-top:8px}
    .top_search span input {width:calc(100% - 25px)}
    .top_search .btn_download {margin-bottom: 8px}
    .board_search p  {text-align:right; font-size:14px;}

    .top_search.min select {width:100%; border:1px solid #8d8d8d}/* select 1개 일때 max클래스*/
    .top_search.min select:first-child {border:1px solid #8d8d8d !important}
    .top_search.max select {width:100%; margin-bottom:8px}/* select 3개 일때 max클래스*/
    .top_search.max select:first-child {border:1px solid #8d8d8d !important}


    .board_category {float:none; width:100%; margin-top:10px}
    .board_category .select_wrap {width:100%}
    .board_category select {float:left; width:calc(100% - 54px)}
    .board_category .select_go {float:left}
    .board_category p {display:none}

    .board_search.line .board_category {float:left; width:100%; margin-bottom:10px}

    /* 탭 */
    .tab_wrap {margin:-15px -10px 30px}


    /* 페이징 */
    .paging {margin-top:25px;}
    .paging a {min-width:22px; height:22px; line-height: 22px; margin:0 2px; font-size:0.9em; }
    .paging a.write {display:block; position:static; width:80px; margin:30px auto 0}
    html.ios .paging a {line-height: 23px;}

    /* 싱글 게시물 검색 */
    .top_search.single span {width:100%}
    .top_search.single span input {width:calc(100% - 25px)}
    .top_search.single .select_wrap {overflow:hidden; width:100%; margin-top:10px}
    .top_search.single select {width:calc(100% - 54px)}


    /* 재외공관정보 자음 */
    .consonant {width:100%;}
    .consonant li {width:7.1428%;}
    .consonant li a {display:block; width:100%;}


    /* 목록형 게시판 */
    .table_list thead th {font-size:14px}
    .table_list tbody td a.comment {padding-left:22px; text-indent:-21px;}
    .table_list tbody td a.comment i {margin-right:10px;}
    /*게시판 링크 말줄임 영역*/
    .table_list tbody td a.link {max-width:430px; white-space:normal;}


    /* 갤러리형 게시판 */
    .gallery_list ol li {width:49%; height:auto; margin:10px 0 0 0}
    .gallery_list ol li:nth-child(2n+2) {margin-left:2%}
    .gallery_list ol li a {font-size:14px}

    /* 썸네일형 게시판 */
    .thumbnail_list ol li {padding:15px 0}
    .thumbnail_list ol li a {width:100%}
    .thumbnail_list ol li a .img {width:30%; float:left; margin-right:2%}
    .thumbnail_list ol li a p {width:calc(100% - 32%)}
    .thumbnail_list ol li a img {width:100%; height:auto; margin-right:0}
    .thumbnail_list ol li a .title {margin-top:0; font-size:16px}

    /* 상세 게시판 */
    .table_detail tbody td {font-size:14px}
    .table_detail .detail_info li {font-size:12px; margin-left:20px}
    .table_detail .file_down a {display:block; margin-top:7px; font-size:13px}
    .table_detail .file_down a:first-child {margin-top:0}
    .table_detail .bro_link strong {width:60px}
    .table_detail .bro_link a,
    .table_detail .bro_link span    {display:inline-block; width:calc(100% - 65px)}
    .table_detail .detail_body {padding:15px 0px}

    /* 데이터 테이블 */
    .data_table table thead th {font-size:16px}
    .data_table table tbody th,
    .data_table table tbody td,
    .data_table table tfoot th,
    .data_table table tfoot td {font-size:14px; line-height:20px}

    /* 텍스트박스 */
    div.box_default {padding:20px 20px 0}
    div.box_default.pd {padding:20px}
    .issue_box {display:none}
    .issue_box + .board_search {margin-top:25px}
    .texts_show_btn {display:block}
    div.box_second {padding:20px}


    /* 뎁스 리스트 혼합 */
    .list_type_depth > li {font-size:14px}
    .list_type_depth > li > ol, .list_type_depth > li > ul {margin-top:10px; margin-bottom:22px}
    .list_type_depth > li > ol > li, .list_type_depth > li > ul > li {line-height:17px; padding-left:11px; text-indent:-11px; font-size:13px}
    .list_type_depth > li > ol.num > li {text-indent:-16px; padding-left:16px}
    .list_type_depth > li > ol.num > li > li {text-indent:-11px; padding-left:11px}
    .list_type_depth > li > ol > li p, .list_type_depth > li > ul > li p {padding-left:10px;  text-indent:-9px}
    .list_type_depth .pre_title {font-size:13px; padding-left:0}
    .list_type_depth > li > ol + .pre_title, .list_type_depth > li > ul + .pre_title {margin-top:-5px}

    /* 입력폼 테이블 */
    .form_table .lead_title {margin:40px 0 15px}
    .form_table tbody th {display:block; width:100%; height:auto; padding:10px 10px 0 10px; font-size:14px; text-align:left}
    .form_table tbody td {display:block; width:100%; height:auto; padding:10px 10px 10px; font-size:14px}
    .form_table .ess {width:8px; height:8px; margin-left: 0; margin-right: 5px; background:url(../../images/www/common/ess.png) 0 center no-repeat; background-size:cover;}
    .ios .form_table .ess {background:url(../../images/www/common/ess.png) 0 0 no-repeat; background-size:cover; vertical-align:middle;}
    .form_table .eng_name {overflow:hidden}
    .form_table .eng_name input {float:left; width:50%}
    .form_table .eng_name input:first-child {width:calc(50% - 10px); margin-right:10px}
    .form_table .self_input {width:100%}
    .form_table .half_input {width:49.5%}
    .form_table .input_in_text {margin-left:0}
    .form_table .w50r {overflow:hidden}
    .form_table .w50r select {float:left; width:50%}
    .form_table .w50r select:first-child {width:calc(50% - 10px); margin-right:10px}
    .form_table select {width:99.5%}
    .form_table .birth_select {overflow:hidden}
    .form_table .birth_select select {float:left; min-width:auto; width:calc(33.333% - 7px); margin-left:10px}
    .form_table .birth_select select:first-child {margin-left:0}
    .form_table .r_r_n {overflow:hidden; position:relative}
    .form_table .r_r_n:after {display:inline-block; position:absolute; left:48.7%; top:10px; content:'-'}
    .form_table .r_r_n input {float:left; width:48%; position:relative}
    .form_table .r_r_n input:first-child {width:48%; margin-right:4%}
    .form_table .sob {margin-top:10px}
    .form_table .inp_btn_set input {width:calc(100% - 115px)}

    /* 리스트 여백 */
    .list_type.default + .lead_title, .list_type_depth + .lead_title {margin-top:30px}

    /* ul 리스트 느낌표 */
    .box_default.issue_box {background:#f7f7f7}
    .box_default.issue_box1 {background:#f7f7f7; padding-left: 20px;}
    .ul_issue {margin-left:0; margin-bottom:20px; background:none}

    /* 중요문구 */
    strong.last_critical {line-height:20px; margin-top:30px; font-size:14px}

    /* 리스트 멀티 */
    .list_type.second li {margin-top:20px}
    .list_type.second h4 {font-size:14px}
    .list_type.second h4 + p {margin-top:12px}
    .list_type.second h4 + strong {margin-top:12px}
    .list_type.second strong + p {margin-top:12px}
    .list_type.second li p {font-size:13px; line-height:18px}
    .list_type.second li ul {margin-top:8px}
    .list_type.second li ul + strong {margin-top:12px; margin-bottom:5px; line-height:18px}
    .list_type.second li ul + p {margin-top:15px}

    /* 파일업로드 */
    .filebox .upload-name {display:inline-block; width:calc(100% - 74px)}
    .filebox .img img {max-width:320px; width:100%; height:auto}

    /* 텍스트 박스 */
    .box_title {margin-bottom:15px}
    .box_text_type li {font-size:14px}

    /* 이미지 확대보기 */
    .img_add a.link {display:inline-block; width:22px; height:22px; background-size:22px}

    /* 텍스트 정렬 */
    .text_line_up {margin-top:8px; overflow:hidden}
    .text_line_up strong {display:block; float:none}
    .text_line_up span {display:block; float:none}


    /* 텍스트 리스트 타입 */
    .text_list.doc {}
    .text_list.doc > li {margin-top:10px; padding-left:0; background:none}
    .text_list.doc > li > strong {display:block; margin-bottom:4px}


    /* 만족도 조사 */
    .satis .head {width:100%; font-size:16px}
    .satis .num {margin-top:5px}
    .satis .chk_field {margin-top:10px}
    .satis .chk_field strong {width:100%}


    /* 서브메인 */
    .sub_cat li > div {padding: 20px 17px;}
    .sub_cat li > div:before { width: 0;}
    
    .pc_br {display: none;}
}







@media(max-width:600px){

    /* 푸터 */
    .foot_share {position:static; left:0; top:42px; width:100%}
    .foot_share img {width:40px; height:40px;}
    .foot_join_link {width:100%; float:none}
    .foot_join_link .fam_link {float:none}
    .foot_join_link .fam_link .slot {width:50%}
    .foot_join_link .fam_link .slot_btn {width:100%}
    .foot_address {width:100%;}

    /* 만족도 조사 */
    .satis .chk_field div {width:100%}
    .satis .chk_field button {margin:15px auto 0; clear:both}
    
    /* 보도자료 템플릿 */
    .wrap_tmpl_pr .table_tmpl th, .wrap_tmpl_pr .table_tmpl td {
        padding:4px; font-size: 14px;
    }
    .wrap_tmpl_pr .table_tmpl_title {font-size: 26px}
    .wrap_tmpl_pr .tmpl_title_box strong {font-size: 22px;}
    .wrap_tmpl_pr .tmpl_title_box em{font-size: 16px;}

}








@media(max-width:480px){

    #header .slogan {display:none;}

    /* 푸터 */
    .foot_address br {display:block}

    a[class^=btns] {height:40px; line-height:40px; padding:0 12px; font-size:14px; margin:0 5px}

    /* 버튼 각각 길이 틀릴때 */
    .btn_wrap.ea a {width:100%; margin:0; margin-top:8px}

    /* 레이어팝업 */
    .dim_pop .pop_in {width:calc(100% - 20px)}

    /* 타이틀 좌우배치 */
    .title_wrap span {width:100%; text-align:right; margin-top:-8px; margin-bottom:5px}
    .title_wrap .select.multi {width:100%; margin-top:10px}
    .title_wrap .select.multi select {float:left; width:40%}
    .title_wrap .select.multi a {float:right}

    /* 썸네일형 게시판 */
    .thumbnail_list ol li {padding:10px 0}
    .thumbnail_list ol li a .title {font-size:16px; white-space:normal; text-overflow:inherit; overflow:hidden}
    .thumbnail_list ol li a .sub_title {display:none}

    /* 상세 게시판 */
    .table_detail .detail_info li {width:100%; margin-left:0; margin-top:5px}

    /* 테이블 스크롤*/
    .lot {overflow-y:hidden; overflow-x:auto}
    .lot table {width:600px}
    .table_scroll:after {position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:10px 0 0 10px / 50% 0 0 50%; -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); content:''}

    /* 데이터 없을시 */
    .no_result {padding:125px 0 75px; background:url(../../images/www/bg/no_result.gif) center 62px no-repeat; background-size:50px}
    .no_result p {font-size:20px}

    /* 입력폼 테이블 */
    .form_table .w50r {overflow:hidden}
    .form_table .w50r select {float:left; width:100%}
    .form_table .w50r select:first-child {width:100%; margin-right:0; margin-bottom:8px}
    .form_table .inp_btn_set input {width:calc(100% - 97px)}

    /* 만족도 조사 */
    .satis {padding:0px; background:none; border:none}
    .satis .num {padding:0; margin-top:10px; color:#333; border:none}
    .satis .head span {display:block; width:100%; margin-top:6px; font-size:15px}
    .satis .chk_field {margin-top:0}
    .satis .chk_field div span {margin:8px 0 0 0; width:100%; font-size:14px}
    .satis .chk_field button {width:100%}

    /* 재외공관정보 자음 */
    .consonant {width:100%;}
    .consonant ol {border-top:1px solid #5b97e2; border-left:1px solid #5b97e2;}
    .consonant li {width:calc(14.2857% + 1px); margin-left:-1px; margin-top:-1px;}
    .consonant li a {display:block; width:100%; border:1px solid #5b97e2; }


    /* 에너지자원협력 */
    .sup_text span.side_r_img, .sup_text span.side_l_img { display: block; width: 100%; text-align: center; }
    span.side_r_img i, span.side_l_img i { margin-bottom: 10px; }


    /* 서브메인 */
    .sub_cat li {width: 100%; float: none;}
    .sub_cat li > div {padding: 20px 17px 20px 161px;}
    .sub_cat li > div:before {width: 161px; }
}




@media(max-width:360px){
    /* 모바일 GNB */
    .mob_gnb > li > a {padding:0 20px; font-size:16px}
    .mob_gnb .g_sub_list2 > li > strong a {padding-left:20px; font-size:14px}
    .mob_gnb .g_sub_list3 li a {padding-left:25px}

    /* 썸네일형 게시판 */
    .thumbnail_list ol li a .title {margin-top:9px; font-size:14px}


    /* 서브메인 */
    .sub_cat li > div {padding: 20px 17px;}
    .sub_cat li > div:before {width: 0px; }
    .sub_cat.procedure li { height: 220px; }
}

/* 로딩 */
.wrap_loader {position: fixed; z-index: 100000;width: 100%; height: 100%; top:0; bottom:0;background-color: rgba(0,0,0,0.5);}
.wrap_loader .loader {color: #ffffff;font-size: 20px;margin: 100px auto;width: 1em;height: 1em;border-radius: 50%;position: relative;text-indent: -9999em;-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;	;top:50%;margin-top: -0.6em; }

@-webkit-keyframes load4 {
	0%,
	100% {-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
	12.5% {	-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	25% {	-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	37.5% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	50% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;	}
	62.5% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
	75% {	-webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
	87.5% {	-webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@keyframes load4 {
	0%,
	100% {	-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;	box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
	12.5% {	-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	25% {	-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
	37.5% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	50% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
	62.5% {	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
	75% {	-webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
	87.5% {	-webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}

.tag_close {
    display: inline-block;
    width: 12px;
    height: 16px;
    margin-left: 5px;
    text-indent: 100%;
    white-space: nowrap;
    vertical-align: middle;
    background: url(../../images/www/bg/ico_secret.png);
    overflow: hidden;
}