@charset "UTF-8";

@import url('reset.css');
@import url('animate.css');
@import url('main.css?v=1.2');
@import url('main_index.css?v=1.2');
@import url('sub.css');
@import url('content.css');
@import url('table.css');
@import url('form.css');
@import url('font.css');
@import url("swiper.css");
@import url("slick.css");
@import url("flexslider.css");
@import url("fullpage.css");
@import url("k.css"); /* 지호 */
@import url("y.css");  /* 차장님 */
@import url("m.css"); /* 주임님 */
@import url("s.css"); /* 선미 */
@import url("h.css"); /* 현주 */

@import url("kii.css?v=1.1"); /* 연수원 */

input{outline:none;resize:none;vertical-align:top}
button{outline:none;resize:none;}
.wrap{width:100%;height:100%;}
.skipnav a:focus{display:block;position:absolute;top:0;left:0;width:100%;font-size:18px;line-height:34px;color:#fff;background-color:#00ada7;z-index:9999;text-align:center}
.skipnav a, .hidden{position:absolute;top:-9999px;left:-9999px;}
.outer{position:relative;overflow:hidden;max-width:1920px;margin:0 auto}
.inner{position:relative;max-width:1200px;margin:0 auto;}
.isDisabled{color:#000;cursor:text;text-decoration:none;}
.clearfix:before{clear:both;content:''}
.clearfix:after{clear:both;content:''}
.ico_btn{text-indent:-9999px}
.ta_c{text-align:center}
.ta_l{text-align:left}
.ta_r{text-align:right}
p.txt{display: inline-block; font-size:16px;color:#555; line-height: 1.7em; letter-spacing: -0.5px;}
strong{font-weight:bold}
.block{display:block}
.inline-block{display:inline-block}
body.fixed{position:fixed;}
body.fixed .wrap{position:fixed;}

h4.h4_tit{background: url(/2020/images/common/bg_h5.jpg) no-repeat 0% 60%; padding-left:18px;}

/* vertical-align */
.va_t{vertical-align:top !important}
.va_c{vertical-align:center !important}
.va_b{vertical-align:bottom !important}

/* display */
.block{display:block !important;}
.inline-block{display:inline-block !important;}
.none{display:none !important;}

/* font-style */
.f_bold{font-weight:500 !important;}
.f_red{color:#ff0000  !important;}
.f_green{color:#007974; line-height: 150% !important;}

/* width */
.width10{width:10%;}
.width20{width:20%;}
.width30{width:30%;}
.width40{width:40%;}
.width50{width:50%;}
.width60{width:60%;}
.width80{width:80%;}
.width100{width:100%;}

/* margin */
.mt_0{margin-top:0 !important;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}
.mt_70{margin-top:70px !important;}
.mt_80{margin-top:80px !important;}
.mt_90{margin-top:90px !important;}
.mt_100{margin-top:100px !important;}

/* table */
.table_wrap{margin-top:30px}
.table_basic{display:table;width:100%;border-collapse:collapse}
.table_basic th{padding:16px 0;border:1px solid #e5e5ee;background:#f7f8fa;text-align:center;vertical-align:middle; line-height: 1.7em}
.table_basic td{padding:15px;border:1px solid #e5e5ee;vertical-align:middle; line-height:1.7em;color:#555;}
.table_basic.col th{border-top:1px solid #000;text-align:center;}
.table_basic.col td, .table_basic.col td.ta_c{text-align:center}
.table_basic.col td.ta_l{text-align:left}
.table_basic.col td.ta_r{text-align:right}
.table_wrap .table_basic.row tr:first-child th:first-child, .table_basic.row tr:first-child th:first-child ,
.table_wrap .table_basic.row tr:first-child td, .table_basic.row tr:first-child td, .table_basic.row tr:first-child th,
.table_basic.col th, .table_wrap .table_basic.col tr:first-child th:first-child,  .table_basic.col tr:first-child th:first-child,
.table_wrap .table_basic.col tr:first-child td:first-child, .table_basic.col tr:first-child td:first-child{border-top:none;border-top:1px solid #000;}

.table_basic ul.ta_l li{text-align:left}
.table_basic ul.ta_c li{text-align:center}
.table_basic ul.ta_r li{text-align:right}

/* popup */
.popup_wrap{display:none}
.popup_wrap .popup_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:1000}
.popup_wrap .btn_wrap.close{position:absolute;top:30px;right:30px;}
.popup_wrap .btn_close{position:relative;width:30px;height:30px;line-height:30px;}
.popup_wrap .btn_close:before{position:absolute;top:15px;right:-4px;width:40px;height:1px;background:#000;transform:rotate(45deg);content:""}
.popup_wrap .btn_close:after{position:absolute;top:15px;right:-4px;width:40px;height:1px;background:#000;transform:rotate(135deg);content:""}
.popup_wrap .popup_cont{position:absolute;top:50%;left:50%;padding:30px;box-sizing:border-box;transform:translate(-50%, -50%);background:#fff;z-index:1001}
.popup_wrap .popup_cont.login{width:695px}
.popup_wrap .popup_cont.login .inner{width:495px}
.popup_wrap .write_wrap{overflow:hidden;padding:30px 0;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000;}
.popup_wrap .popup_cont.login .write_wrap div:nth-child(2){width:330px;}
.popup_wrap .popup_cont.login .write_wrap div:nth-child(2) input + input{margin-top:5px}
.popup_wrap .popup_cont.login .write_wrap > div:last-child.input{width:100%;margin-top:20px}
.popup_wrap .popup_cont.login .write_wrap > div:last-child.input label + label{margin-left:40px;}
.popup_wrap .popup_cont.login .write_wrap > *{float:left;}
.popup_wrap .popup_cont.login .write_wrap .txt + .input{margin-top:30px}
.popup_wrap .popup_cont.login .write_wrap > .btn_wrap{width:calc( 100% - 340px );height:95px;margin-top:30px;margin-left:10px;background:#00ada6;line-height:90px;text-align:center}
.popup_wrap .popup_cont.login .write_wrap > .btn_wrap a{color:#fff;}
.popup_wrap .popup_cont.login .write_wrap .input label{vertical-align:middle}
.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap{display:inline-block;margin-left:30px;vertical-align:middle}
.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap a{width:100%;height:auto;padding:0;line-height:100%;color:#000;}
.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap a *{vertical-align: middle}
.popup_wrap .popup_tit{margin:40px 0 35px;font-size:40px;width:80%;}
.popup_wrap .popup_cont.login .link_wrap{margin-top:30px}
.popup_wrap .popup_cont.login .link_wrap a{font-size:20px;font-weight:400;color:#000;text-decoration:underline}
.popup_wrap .popup_cont.login .link_wrap a + a{margin-left:40px}
.popup_wrap .form_wrap > div.line .form_cont > *{padding-left:0}
.popup_wrap .form_wrap > div.line .form_cont p.txt{word-break:keep-all;line-height:1.7em}
.popup_wrap .form_wrap > div.line .form_cont p.txt br{display:none}
.popup_wrap .form_wrap > div.line p.txt.result{margin-bottom:10px}

/* tab */
.tab_cont, .tab_cont_se, .tab_cont_th {display:none}
.tab_cont.on, .tab_cont_se.on, .tab_cont_th.on{display:block}
.tab_link{overflow:hidden;}
.tab_link li, .tab_link_se a{float:left;width:14.27%;padding:18px 0;box-sizing:border-box;border:1px solid #e1e2eb;border-right:none;text-align:center;cursor:pointer}
.tab_link li.on, .tab_link_se a.on{background:#00ada6;color:#fff;border:1px solid #00ada6}
.tab_link li:last-child, .tab_link_se li:last-child{border-right:1px solid #e1e2eb}
.tab_link_se{position:relative;overflow:hidden;}
.tab_link_se li{float:left;width:33.3%;padding:18px 0;box-sizing:border-box;border:1px solid #e1e2eb;border-right:none;border-bottom:none;text-align:center;cursor:pointer}
.tab_link_se li.on{background:#fff;color:#000;border-bottom:0}
.tab_link_se li:first-child{border-left:none}
.tab_link_se li:last-child{border-right:1px solid #e1e2eb}
.tab_link_se li, .tab_link_se li.on{border-top:none;}
.tab_link_se:before{position: absolute;bottom: 0;right: 0;width:164px;height: 1px;background: #e1e2eb;content: "";}
.tab_link_th:before{position: absolute;bottom: 0;right: 0;width: 58px;height: 1px;background: #e1e2eb;content: "";}
.tab_link_th{position:relative;overflow:hidden;}
.tab_link_th li{float:left;width:33.3%;padding:18px 0;box-sizing:border-box;border:1px solid #e1e2eb;border-right:none;text-align:center;cursor:pointer}
.tab_link_th li.on{background:#fff;color:#000;border-bottom:none}
.tab_link_th li:first-child{border-left:none}
.tab_link_th li:last-child{border-right:1px solid #e1e2eb}
.tab_link_th li, .tab_link_th li.on{border-top:none;}
.tab_link_se li, .tab_link_th li{width:28.3%;font-size:18px;font-weight:500}
.inner .reg_box .tab_wrap .tab_link_se a {float: left;height: 50px;border-bottom : 1px solid #00ada6;border: 1px solid #dedede;	font-size: 17px; font-weight: normal;	color: #555;		border-left: 1px solid #fff; 	box-sizing: border-box;text-align: center;}
.inner .reg_box .tab_wrap .tab_link_se a:first-child{border-left:1px solid #dedede}
.inner .reg_box .tab_wrap .tab_link_se a + a{border-left:none}
.inner .reg_box .tab_wrap .tab_link_se a.on {	border: 1px solid #00ada6; border-bottom: none;	color: #00ada6;	background: #fff;	font-size: 17px;
	font-weight: bold;}
.inner .reg_box .tab_wrap .tab_link.tab7 a + a.on{border-left: 1px solid #00ada6;}

.tab_wrap_new .tab_link.tab2 li, .tab_wrap .tab_link_se.tab2 a{width:50%}
.tab_wrap_new .tab_link.tab3 li, .tab_wrap .tab_link_se.tab3 a{width:33.3%}
.tab_wrap_new .tab_link.tab4 li, .tab_wrap .tab_link_se.tab4 a{width:25%}
.tab_wrap_new .tab_link.tab5 li, .tab_wrap .tab_link_se.tab5 a{width:20%}
.tab_wrap_new .tab_link.tab6 li, .tab_wrap .tab_link_se.tab6 a{width:16.5%}
.tab_wrap_new .tab_link.tab7 li, .tab_wrap .tab_link_se.tab7 a{width:14.28%}
.tab_wrap_new .tab_link.tab8 li, .tab_wrap .tab_link_se.tab8 a{width:12.5%}
.tab_wrap_new .tab_link.tab9 li, .tab_wrap .tab_link_se.tab9 a{width:33.3%}
.tab_wrap_new .tab_link.tab10 li{width:20%}
.tab_wrap_new .tab_link.tab10 li:nth-child(5n){border-right:1px solid #e1e2eb;}
.tab_wrap_new .tab_link.tab10 li:first-child, .tab_wrap_new .tab_link.tab10 li:nth-child(2), .tab_wrap_new .tab_link.tab10 li:nth-child(3), .tab_wrap_new .tab_link.tab10 li:nth-child(4), .tab_wrap_new .tab_link.tab10 li:nth-child(5){border-bottom:none}
#fullpage .note_list > div .note_head div.btn_more, #fullpage .note_list > div .note_head div.btn_more{position:absolute;top:25px;right:20px;}
#fullpage .tab_wrap{margin-bottom:0}



/* bullet_list */
.bullet_list{line-height:1.7em}
.bullet_list > li{position:relative;padding-left:15px;color:#333;font-weight:300}
.bullet_list.num{counter-reset:num;}
.bullet_list.num > li:before{position:absolute;top:0;left:0;counter-increment:num;content:counter(num) ". ";}
.bullet_list.dot > li:before{position:absolute;top:0;left:0;content:"·"}
.bullet_list.bar > li:before{position:absolute;top:0;left:0;content:"-"}
.bullet_list.star > li:before{position:absolute;top:3px;left:0;content:"*"}
.bullet_list.g_g > li{vertical-align:top}
.bullet_list.g_g > li:before{position:absolute;top:11px;left:0;width:16px;height:16px;background:url("/2020/images/common/g_g.jpg") no-repeat 0 0;content:""}

/* header */
header{overflow:hidden;min-height:130px;border-bottom:1px solid #d3d3d3;box-shadow:2px 3px 10px 0px rgba(221, 221, 221, 0.5);z-index:999;}
header .head_top .inner{position:relative;padding:22px 0;box-sizing:border-box}
header .navigation a.nav_sitemap:before{display:none}
header.on{border-bottom:2px solid #00ada6}
header.on .gnb_wrap{border-bottom:1px solid #d3d3d3}
header .sub_tit{display:none}
header .sub_tit p{position:absolute;top:40px;right:34px;font-size:18px;font-weight:600;}
header.on .sub_tit{display:block;position:absolute;top:-1px;left:0;width:1000px;height:359px;border:1px solid #e6e6e6;background-color:#fafafa;transform:translateX(-86%)}
/*header.on .sub_tit{display:block;position:absolute;top:-1px;left:0;width:1000px;height:359px;border:1px solid #e6e6e6;background-color:#ececec;transform:translateX(-86%)}*/

header.on .sub_tit{}

header .head_top{background:#fff;}
header .depth2_cont{position:absolute;top:0;left:140px;width:100vw;z-index:100;background:#fff;}

/*header .depth2_cont .depth2_row{overflow:hidden;}
header .depth2_cont a.tit{float:left;display:inline-block;width:auto;}
header .depth2_cont a.tit p{display:block;width:180px;padding:21px 0;box-sizing:border-box;font-size:15px;color:#000;}
header .depth2_cont .depth3{float:left;display:inline-block;width:809px;height:auto;padding:22px 22px 0;background-color:#fff;border-left:1px solid #e6e6e6;box-sizing:border-box;text-align:left}
header .depth2_cont .depth3 a{display:inline-block;width:140px;margin-bottom:20px;box-sizing:border-box;font-size:14px}*/

/* header .depth2_cont .depth3 a + a{margin-left:30px} */

header .depth2_cont .depth2_row{overflow:hidden;}
header .depth2_cont a.tit{float:left;display:inline-block;width:auto;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
header .depth2_cont a.tit.ext{height:80px;padding-top:22px;}
header .depth2_cont a.tit p{display:block;width:180px;padding:22px 0;box-sizing:border-box;font-size:15px;color:#000;}
header .depth2_cont .depth3{float:left;display:inline-block;width:809px;height:60px;padding:22px;background-color:#fff;border-bottom:1px solid #e6e6e6;box-sizing:border-box;text-align:left}
header .depth2_cont .depth3 a{padding:22px 0;box-sizing:border-box;font-size:14px}
header .depth2_cont .depth3 a + a{margin-left:35px}


header .m2 .depth2_cont{left:5px}
header .m3 .depth2_cont{left:-130px}
header .m4 .depth2_cont{left:-266px}
header .m5 .depth2_cont{left:-401px}
header .m6 .depth2_cont{left:-536px}
header .m7 .depth2_cont{left:-671px}
header.on .m2 .sub_tit{transform:translateX(-99.5%)}
header.on .m3 .sub_tit{height:419px;transform:translateX(-113%)}
header.on .m4 .sub_tit{height:239px;transform:translateX(-126.5%)}
header.on .m5 .sub_tit{height:419px;transform:translateX(-140%)}
header.on .m6 .sub_tit{height:239px;transform:translateX(-153.5%)}
header.on .m7 .sub_tit{transform:translateX(-167%)}
.gnb_hover_bar{position:absolute;left:0;bottom:0;width:135px;height:0;margin-left:70px;background:#00b8a4;transition:height 0.2s;}
.gnb_hover_bar.on{height:2px;}
.banner_site{position:relative;top:385px;width:1130px}
.banner_site ul{overflow:hidden}
.banner_site li{float:left;width:auto}
.banner_site li + li{margin-left:10px}
.gnb  li .banner_site li{width:auto;font-size:0}
.head_logo{text-align:center}
.navigation{position:absolute;top:34px;right:0;}
.navigation > a{display:block;float:left;font-size:14px;font-weight:300;color:#666}
.navigation > a + a{margin-left:20px}
.navigation > a:before{display:inline-block;width:15px;height:14px;margin-right:5px;vertical-align:top;content:""}
.nav_log:before{background:url('/2020/images/common/icon_person.jpg') no-repeat 0 0;}
.nav_join:before{background:url('/2020/images/common/icon_note.jpg') no-repeat 0 0;}
.nav_find:before{background:url('/2020/images/common/icon_monitor.jpg') no-repeat 0 0;}
.gnb_wrap{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;background:#fff;}
.gnb_wrap .inner{height:51px;}
.gnb{margin-left:70px;font-size:0}
.gnb li{position:relative;display:inline-block;width:135px;text-align:center;}
.gnb li .depth2{display:none;position:absolute;width:100%;padding-top:30px;}
.gnb > li > a.on + .depth2{display:block !important}
.gnb li .depth2 > a{display:block;position:relative;color:#555;font-size:16px;line-height:20px;word-break:keep-all}
/* .gnb li .depth3{display:none} */
.gnb li > a{display:block;padding:17px 0;font-size:18px;font-weight:500;color:#000}
.gnb_wrap .depth2 .btn_wrap {position:absolute;top:77px;right:20px;width:100%;padding:12px 0;}
.gnb_wrap .gnb + .btn_wrap{position:absolute;top:12px;right:0;width:79px;}
.gnb_wrap .gnb + .btn_wrap a{display:inline-block;width:100%;height:100%;padding:8px 0;background:#00ada6;line-height:100%;font-size:13px;color:#fff;text-align:center;}
.gnb_wrap .btn_wrap button{width:130px;padding:14px 0;background:#00ada6;color:#fff;font-size:17px;box-sizing:border-box;line-height: 150%;}
.btn_side{display:none;float:right;}
.btn_side button{width:55px;height:55px;background:#fff;box-sizing:border-box;border:1px solid #cfcfcf;vertical-align: top}
.btn_side button.btn_mobile span{position:relative;display:inline-block;width:25px;height:2px;background:#000;vertical-align:middle;}
.btn_side button.btn_mobile span:before{position:absolute;top:-10px;left:0;width:15px;height:2px;background:#000;content:''}
.btn_side button.btn_mobile span:after{position:absolute;bottom:-10px;left:0;width:20px;height:2px;background:#000;content:''}
/* header::layout_other */
.layout_other .head_logo.mo{display:none;position:relative;top:0;}
.layout_other header .head_top{height:57px;}
.layout_other header .head_logo{position:absolute;top:20px;}
.layout_other header .gnb_wrap .inner .gnb{padding-left:200px;box-sizing:border-box}
.layout_other header .navigation{top:20px}
.layout_other header .inner{padding:0}
.layout_other header .gnb_wrap .inner{height:76px}
.layout_other header .gnb li{padding:12px 0;box-sizing:border-box}
.layout_other header .gnb li + li{margin-left:87px;}
.layout_other header .gnb_wrap .btn_wrap{padding:22px 0;top:0;}
.layout_other .container{padding-top:131px}
/* header::layout_other2 */
.layout_other2 .head_logo{text-align:left}
.layout_other2 .head_logo a{display:inline-block;vertical-align: middle}
.layout_other2 .head_logo p{display:inline-block;margin-left:15px;vertical-align: top;font-size:30px;font-weight:600;color:#292526;}
.layout_other2 .gnb{text-align:center}
.layout_other2 .gnb li{float:none;display:inline-block;vertical-align: middle}
.layout_other2 .gnb li + li{margin-left:130px}
.layout_other2.main .container{padding-top:0}
/* header::layout_other3 */
.layout_other3 header{height:77px;min-height:auto}
.layout_other3 header .head_top .inner{padding:10px 0;}
.layout_other3 .head_logo{float:left;margin-top:10px;text-align:left}
.layout_other3 .head_logo a{display:inline-block;vertical-align: middle}
.layout_other3 .head_logo p{display:inline-block;margin-left:15px;vertical-align: top;font-size:30px;font-weight:600;color:#292526;}
.layout_other3 .gnb_wrap{float:left;margin-left:55px;border-top:none;border-bottom:none}
.layout_other3 .gnb{margin-left:0;text-align:center}
.layout_other3 .gnb li{float:none;display:inline-block;width:auto;vertical-align: middle}
.layout_other3 .gnb li + li{margin-left:55px}
.layout_other3.main .container{padding-top:0}
.layout_other3 .navigation{top:29px}
.layout_other3 .navigation a{width:auto}
.layout_other3 .navigation a:before{display:none}
/* 서브페이지 gnb 서브 메뉴 */
.sub .gnb li .depth2{position:absolute;top:77px;left:0;display:block;padding-top:20px;background:#fff;z-index:100;}
.gnb li .depth2 > a + a{margin-top:15px}
.sub header{position:absolute;top:0;left:0;width:100%;background:#fff;}

/* pagination */
.pagination{margin:30px 0;text-align:center;}
.pagination a{display:inline-block;width:37px;height:37px;border:1px solid #d7d9e3;font-size:14px;color:#666;line-height:37px;text-align:center;vertical-align:top;}
.pagination a.on{color:#fff;border:1px solid #6e6f70;background:#6e6f70;}
.pagination a.btn_prev{background:url('/2020/images/common/icon_page_prev.png') no-repeat center center}
.pagination a.btn_next{background:url('/2020/images/common/icon_page_next.png') no-repeat center center}
.mobile_page{display:none;}

/* footer */
footer{height:194px;border-top: 1px solid #d8d8d8;background:#fff}
footer .inner{position:relative;}
.foot_nav{padding:19px 0;border-bottom:1px solid #d8d8d8;}
.foot_nav *{z-index:1}
.foot_nav a{display:inline-block;color:#333333;font-weight:300;font-size:14px;}
.foot_nav a + a:before{display:inline-block;width:1px;height:13px;margin:0 25px;background:#cdcdcd;vertical-align:middle;content:''}
.foot_nav a:nth-child(4){font-weight:500}
.family_site{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.family_site:after{position:absolute;top:50%;right:10px;width:17px;height:12px;background:url('/2020/images/common/bg_fm_site.jpg') no-repeat 0 0;transform:translateY(-50%);content:""}
.family_site ul{display:none;position:absolute;bottom:39px;width:100%;box-sizing:border-box;border:1px solid #ddd;background:#fff;}
.family_site button{position:relative;padding:10px 35px 10px 10px;border:1px solid #f1f1f1;background:none;}
.family_site li{height:46px;padding:0 10px;box-sizing:border-box}
.family_site li a{display:block;line-height:46px;}
footer .foot_nav + .inner{overflow:hidden;padding:30px 0;}
footer .foot_logo{position:absolute;top:40px;left:0}
footer address{float:left;padding-left:210px;line-height:1.5em;vertical-align:top;color:#666;font-weight:300;}
footer address p span{display:inline-block}
footer address span + span, footer address span + br, footer address br + span{margin-left:15px}
footer .confirm{position:absolute;top:20px;right:0;border:1px solid #f1f1f1;}
footer .copyright{float:left;padding-left:210px;margin-top:10px;font-weight:400;color:#666;line-height: 1.5em}
footer .span_confirm{position:relative;margin-left:10px;padding-left:10px;}
footer .span_confirm:before{position:absolute;top:55%;left:0;width:1px;height:15px;background:#000;transform:translateY(-50%);content:""}

.btn_top{display:none;position:absolute;top:0;right:0;width:60px;height:60px;background:url('/2020/images/common/btn_top.jpg') no-repeat 0 0;border:none;outline:none}

/* 모바일 */
/*.mobile_wrap{position:fixed;top:0;right:0;width:60%;height:calc(100vh - 70px);transform:translateX(100%);transition: all.5s ease;background:#fff;z-index:102;}*/
.mobile_wrap{position:fixed;top:0;right:0;width:60%;height:100%;transform:translateX(100%);transition: all.5s ease;background:#fff;z-index:102;}
.mobile_wrap.on{transform:translateX(0);overflow-y: scroll;}
.mobile_wrap .m_nav{overflow:hidden;padding:20px;box-sizing:border-box;    background: #00ada6;border-bottom:2px solid #00807a}
.mobile_wrap .m_nav p.m_logo{float:left;}
.mobile_wrap .m_nav ul{float:left;-ms-display: flexbox;display:flex;display: -moz-box;display: -ms-flexbox;display:-webkit-flex;display:flex;align-items: center;justify-content: space-around;width:100%;margin-top:15px;}
.mobile_wrap .m_nav ul li a{font-size:16px;color:#fff;}
.mobile_wrap .m_close{float:right;position:relative;width:23px;height:23px;padding:0;background:none;border:none;cursor:pointer}
.mobile_wrap .m_close:before{position:absolute;top:10px;left:-4px;width:30px;height:2px;background:#fff;transform:rotate(45deg);border-radius:3px;content:""}
.mobile_wrap .m_close:after{position:absolute;top:10px;left:-4px;width:30px;height:2px;background:#fff;transform:rotate(134deg);border-radius:3px;content:""}
.mobile_wrap .m_cont{overflow-y:auto}
.mobile_wrap .m_cont p{padding:15px;border-bottom:1px solid #ddd;}
.mobile_wrap .m_cont p.depth_1{position:relative;}
.mobile_wrap .m_cont p.depth_1:before{position:absolute;top:56%;right:10%;width:10px;height:2px;background-color:#aaa;transform:rotate(135deg);border-radius:3px;content:""}
.mobile_wrap .m_cont p.depth_1:after{position:absolute;top:44%;right:10%;width:10px;height:2px;background-color:#aaa;transform:rotate(45deg);border-radius:3px;content:""}
.mobile_wrap .m_cont .depth_2{display:none}
.mobile_wrap .m_cont .depth_2 li{background:#f1f1f1;}
.mobile_wrap .m_cont .depth_2 li + li{border-top:1px solid #ddd}
.mobile_wrap .m_cont .depth_2 li a{display:block;width:100%;padding:15px 30px;box-sizing:border-box;font-size:15px;}

.mobile_overwrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:101;}
.mobile_overwrap.on{display:block;}


@media screen and (min-width:640px){
	.width10{width:10% !important;}
	.width20{width:20% !important;}
	.width30{width:30% !important;}
	.width40{width:40% !important;}
	.width50{width:50% !important;}
	.width60{width:60% !important;}
	.width80{width:80% !important;}
	.width100{width:100% !important;}
}




@media screen and (min-width:800px){
	footer .copyright br{display:none}
}

@media screen and (min-width:1200px){
	header .depth2_cont .depth3 a:hover{color:#007974}
	.sub .gnb li .depth2 a:hover{color:#007974}
}

@media screen and (max-width:1200px){
	.gnb_wrap{display:none}
	header{overflow:initial;height:78px !important;min-height:auto;padding-bottom:0;border-bottom:1px solid #d3d3d3}
	header .head_top .inner{overflow:hidden;padding:11px 3%}

	.sub header{position:static;}

	.head_logo{float:left;margin:10px 0;}
	.navigation{position:relative;top:auto;right:auto;float:right;margin:18px 0;}
	.input_explain {width:100%}
	.layout_other header{height:auto !important;min-height:auto}
	.layout_other .head_logo.mo{display:block}
	.layout_other header .head_top{height:auto}
	.layout_other header .navigation{top:0}
	.layout_other .container{padding-top:78px}
	.layout_other3 .navigation{top:0}
	.btn_side{display:block;margin-left:30px}
	.btn_top{display:block}
}

@media screen and (max-width:1024px){
	footer .foot_logo{position:relative;width:100%;top:0;text-align:center}
	footer address{width:100%;margin-top:20px;padding-left:0;text-align:center}
	footer .copyright{width:100%;padding-left:0;text-align:center}
	.popup_wrap .popup_cont{width:100%}
	.navigation{display:none}
	.table_scroll_wrap{overflow-x:scroll;}
}

@media screen and (max-width:900px){
	footer{border-top:1px solid #d8d8d8}
	.foot_nav{display:none}
	.m_hidden{display:none}
}

@media screen and (max-width:800px){
	.cont_nav{display:none}
	.pagination a{display:none}
	.pagination a.btn_prev, .pagination a.btn_next, .mobile_page{display:inline-block;}
	.secure .security_cont{padding:0 7%;}
	footer{border-top:1px solid #d8d8d8}
}

@media screen and (max-width:700px){
	.popup_wrap .popup_cont.login{width:100%}
	.popup_wrap .popup_cont{overflow-y:scroll;top:0;left:50%;bottom:0;height:100%;transform:translate(-50%, 0)}
}

@media screen and (max-width:640px){
	.find_box .sel_kind{width:28%}
	.find_box .input_find{width:70%}
	.board_bottom_wrap .find_box{padding:14px}
	.find_box .btn_find{width:100%;margin-top:10px;}
	.popup_wrap .popup_cont.login .write_wrap div:nth-child(2){width:100%;}
	.popup_wrap .popup_cont.login .write_wrap .btn_wrap{width:100%;height:45px;margin-left:0;margin-top:5px;line-height:45px}
	.popup_wrap .popup_cont.login .inner{width:100%}
	.popup_wrap .popup_cont.login .write_wrap > div:last-child.input label + label{margin-left:2%}
	.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap{width:auto;height:auto;margin-top:0;margin-left:2%;line-height:100%;}
	.mobile_wrap .m_nav ul li a{font-size:14px;}


	.form_wrap > div.line .form_cont .input.width50{width:auto;}
	.form_wrap > div.line .form_cont .input.width60{width:auto;}
	.form_wrap > div.line .form_cont .input.width70{width:auto;}
	.form_wrap > div.line .form_cont .input.width80{width:auto;}
	.form_wrap > div.line .form_cont .input.width90{width:auto;}
	.form_wrap > div.line .form_cont .input.width100{width:auto;}
	.form_wrap > div.line .form_cont  div.input{width: auto;}
	.form_wrap > div.line .form_cont.hp .input.select_div{display:block;}
	table.width10, table.width20, table.width30, table.width40, table.width50{width:auto;}
}

@media screen and (max-width:475px){
	.popup_wrap .popup_tit{font-size:30px}
	.popup_wrap .popup_cont{padding:5%}
	.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap{width:100%;margin-left:0;margin-top:10px}
	.popup_wrap .popup_cont.login .write_wrap .input .btn_wrap a{text-align:left}
	.layout_other2 .head_logo p{display:none}
	.mobile_wrap{width:80%}
	.mobile_wrap .m_nav{padding:20px 2%}
}

@media screen and (max-width:375px){
	.popup_wrap .popup_cont.login .link_wrap a{display:block;width:100%;}
	.popup_wrap .popup_cont.login .link_wrap a + a{margin-left:0;margin-top:10px}
}



/* tab-menu selectBox */
.content .inner button.Depth2{display:none;font-size:14px;vertical-align:top;}
.content .inner .Depth3{display:none;width:49%;padding:20px;box-sizing:border-box;color: #007e79;font-size:14px;background-color:#fff;border:1px solid #aaa;text-align:left;}


@media only screen and (min-width:1200px){
	.content .inner .tab_link{display:block !important;}
	.content div.link_wrap{display:block !important;}
}
@media only screen and (max-width:1200px){
	.tab_link li.on, .tab_link_se a.on{background:#00ada6;border:1px solid #aaa;color:#007e79;font-weight:400}

	.sub_link + .inner.depthMenu{font-size:0;}
	.tab_wrap_new{display:inline-block;width:50%;}
	.content .inner .tab_link{display:none;position:absolute;top:58px;left:0;width:50%;font-size:0;z-index:11}
	.content .tab_wrap_new .tab_link li{display:inline-block;width:100%;border-top:none;font-size:16px;font-weight:normal;background-color:#f9f9f9;color:#000;}
	.content .tab_wrap_new .tab_link li:last-child{border-right:1px solid #aaa}
	.tab_link li, .tab_link_se a{background:#fff;border:1px solid #aaa;color: #007e79;}
	.content div.link_wrap{display:none;    position: absolute;top: 58px;    right: 0;width:50.2%;padding:0;box-sizing:border-box;text-align:center; z-index: 100;}
	.content div.link_wrap a{display:block;padding:18px;box-sizing:border-box;line-height:100%;background-color:#f9f9f9;border:1px solid #aaa;border-top:none;text-align:left;}
	.content div.link_wrap a:first-child{display:block;}
	.content div.link_wrap a.on{font-weight:bold}
	.content div.link_wrap + p.line{display:none}
	.link_wrap a:after{display:none}
	.content .inner button.Depth2{position:relative;display:block;width:100%;padding:20px;color: #007e79;font-weight:bold;box-sizing:border-box;border:1px solid #aaa;background-color:#fff;line-height:100%;text-align:left;}
	.content .inner button.Depth2.on{color: #fff;background:#007e79}
	.content .inner button.Depth2:before{position:absolute;top:50%;right:10px;width:15px;height:2px;background:#007e79;transition:all .5s ease-in-out;content:""}
	.content .inner button.Depth2:after{position:absolute;top:50%;right:10px;width:15px;height:2px;transform:rotate(90deg);background:#007e79;transition:all .5s ease-in-out;content:""}
	.content .inner button.Depth2.on:before{background:#fff}
	.content .inner button.Depth2.on:after{background:#fff;transform:rotate(0);transition:all .5s ease-in-out}
	.content .inner .Depth3{position:relative;display:inline-block; border-left:none;vertical-align:top; color: #007e79;font-weight:500;}

	.content .inner .Depth3{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;}

	.content .inner .Depth3.on{color: #fff;background:#007e79}
	.content .inner .Depth3:before{position:absolute;top:50%;right:10px;width:15px;height:2px;background:#007e79;transition:all .5s ease-in-out;content:""}
	.content .inner .Depth3:after{position:absolute;top:50%;right:10px;width:15px;height:2px;transform:rotate(90deg);background:#007e79;transition:all .5s ease-in-out;content:""}
	.content .inner .Depth3.on:before{background:#fff}
	.content .inner .Depth3.on:after{background:#fff;transform:rotate(0);transition:all .5s ease-in-out}
	body .wrap  .content .inner .tab_wrap_new .tab_link li{display:block;width:100%;padding:18px;text-align:left;}
	body .wrap  .content .inner .tab_wrap_new .tab_link li:last-child{width:100%}


	.content .tab_wrap_new .tab_link li.on{color:#007e79;font-weight:400}
	.content .depthMenu .tab_wrap_new .tab_link li, .content .depthMenu div.link_wrap a{font-size: 14px;}
	.content .inner .tab_wrap_new .tab_link.tab9 li:nth-child(5){border-right:1px solid #aaa;}
	.content .inner .tab_wrap_new .tab_link.tab10 li:nth-child(5){border-right:1px solid #aaa;}
	.tab_wrap_new .tab_link.tab10 li:first-child, .tab_wrap_new .tab_link.tab10 li:nth-child(2), .tab_wrap_new .tab_link.tab10 li:nth-child(3), .tab_wrap_new .tab_link.tab10 li:nth-child(4), .tab_wrap_new .tab_link.tab10 li:nth-child(5){border-bottom:1px solid #aaa}

}


@media only screen and (max-width:640px){
	.container .content .inner{width:96%;}

	.container .content .section .inner{width:98%;}
}


.mobile_logo{position:absolute;top:10px;left:10px;width:156px;height:32px;background:url("/2020/images/common/logo.png") no-repeat 0 0;background-size:contain}