
#header_top { height: 100px; border-bottom: 1px solid #e6e6e6;}
#header_top .container { height: 100px; text-align: center; }
#header_top .left_nav { float: left; display: table; margin-top: 40px; }
.header_top_item {display: table-cell;padding-right: 9px;font-family: NanumBarunGothic, sans-serif;font-size: 14px;letter-spacing: 0px;cursor: pointer;}
.header_top_item:hover{text-decoration: underline;}
.header_top_item img {margin-right: 9px;display: inline-block;vertical-align: middle;}

#header_top .logo_wrapper {display: inline-block;margin: 30px auto;width: 153px;}
#header_top .header_logo_image{width: 100%;height: 48px;}
#header_top .main_search_panel {float: right;width: 200px;height: 40px;border-radius: 20px;border: 1px solid #E6E6E6;margin: 29px auto;}
#header_top .main_search_panel input{display: block;width: 130px;height: 35px;margin: 1px auto 0 20px;border: none;outline: none;}
#header_top .main_search_panel img {position: relative;right: calc(-50% + 30px);width: 20px;top: -28px;cursor: pointer;}

#header {position:relative;height:70px;border-bottom:1px solid #e6e6e6;}
#header .header_image_menu {clear: both;height: 70px;text-align: center;}
#header .header_image_menu_item {display:inline-block; padding: 0px; margin: 0px 40px; height:70px;line-height: 70px;font-family: notokr-medium, sans-serif;font-size:17px;color:#333333;box-sizing:border-box;}
/*#header .header_image_menu_item:hover {border-bottom: 4px solid #5eaac2}*/
#header .header_image_menu_item.on
#header .header_menu_button {position:absolute;right:20px;top:21px;width: 20px;cursor:pointer;}
#header .header_image_menu .image_button {display:block;padding-left:20px;padding-right:20px;float:left;}
#header .quick_menu {position: absolute;right: 37px;top: 0;margin-top: 30px;margin-left: 5%;cursor: pointer;width: 28px;height: 19px;}
#header .sub_menu {display:none;position: absolute;top: 80px;left: 50%;margin-left: -110px;width: 210px;padding-top: 11px;background: url(/res/service/img/main/img_menu_arrow.png) no-repeat center top;z-index: 100;box-sizing: border-box;line-height: 38px;}
#header .header_image_menu_item.on .sub_menu {display:inline-block;}
#header .sub_menu ul {display:inline-block;width:100%;padding: 10px;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;background-color: #fafaf9;box-sizing: border-box}
#header .sub_menu li {width: 100%;padding-left: 15px;font-size: 14px;box-sizing: border-box}
#header .sub_menu li:hover {text-decoration: underline}
#header .sub_menu li.on {background: url(/res/service/img/main/gnb_menu_arr.png) no-repeat left center;color: #0d9e6f}

.gnb_on { border-bottom: 2px solid #30A1D5 !important; background: #ffffff url('/res/service/img_department12/common/btn_fold.png') no-repeat 95% center !important; }




#pc_menu {
    /*top:117px;*/
    /*height:60px;*/
    /*border-bottom:1px solid #e6e6e6;*/
    background-color: white;
    position:absolute;
    width: 160px;
    z-index:100;
    display:none;
    padding: 10px 10px;
    border: 1px solid #30A1D5;
}

#pc_menu .pc_menu_item_title {
    display:block;
    padding: 10px 0px;
    text-align: center;
    cursor: pointer;

    font-family: notokr-regular, sans-serif;
    font-size: 14px;
    letter-spacing: -0.6px;
}

#pc_menu .pc_menu_item_title:hover {
    color: #30A1D5;
    text-decoration: underline;
}

#footer_top {line-height: 54px;background-color:#3e4046;color:#adadad;font-family: NanumBarunGothic;font-size:13px;display: table;width: 100%;}
#footer_top .footer_link_select {height: 54px;position:relative;float:left;width:50%;box-sizing: border-box;border-right:1px solid #323338;}
#footer_top .footer_link_select:first-child {border-left:1px solid #323338}
#footer_top .footer_link_select > span {margin-left:20px;float:left;}
#footer_top .footer_link_select > img {margin-right:20px;margin-top:23px;float:right;}
#footer_top .footer_link_select > select {opacity:0;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height: 54px;cursor:pointer;}
#footer_top .footer_link_left_section a {cursor:pointer;}
#footer_top .footer_link_right_section {height: 54px;border-top:1px solid #323338;}
#footer {width: 100%;background-color: #2f3035; clear: both;}
#footer > .container {box-sizing: border-box;padding-top:30px;padding-bottom:30px;background-color: #2f3035;}
#footer > .container > .footer-logo {width: 168px; margin-bottom: 20px;}
#footer .footer_link_select > select {opacity:0;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height: 54px;cursor:pointer;}

#mobile_menu {left: -100%;top:0;bottom:0;position:fixed;width:100%;z-index:1100;background-color: #ffffff;}
#mobile_menu .mobile_menu_top { background: #fff; padding: 17px 20px; height: 26px; }
#mobile_menu .mobile_menu_top .btn_menu_close { cursor:pointer; float: right;}
#mobile_menu .mobile_menu_top_logo { height: 26px; width: auto;}
#mobile_menu .section_top {position:absolute;top:60px;left:0;right:0;height: 120px;padding: 20px;background: #F8F8F8;box-sizing: border-box}
#mobile_menu .section_top .box_search {position:relative;height: 36px;margin-bottom:10px;}
#mobile_menu .section_top .box_search input {width:100%;height: 40px;padding: 0 50px 0 15px;border: 1px solid #cccccc;background: #fff;box-sizing: border-box}
#mobile_menu .section_top .box_search img {position:absolute;right:0;width: 18px;transform: translate(-20px, 10px);cursor: pointer;}
#mobile_menu .section_top > ul {display:inline-block;width:100%;}
#mobile_menu .section_top > ul > li {float: left; width: 47%; font-family: NanumBarunGothic, sans-serif; font-size: 14px; line-height: 36px;text-align: center;}
#mobile_menu .section_top > ul > li:first-child { line-height: 36px;text-align: center;box-sizing: border-box;color: #333;margin-right: 4%;border:1px solid #5eaac2;background: #30A1D5;color: #fff;}
#mobile_menu .section_top > ul > li:not(:first-child) {border: 1px solid #E6E6E6; float: right; background-color: #ffffff;}
#mobile_menu .mobile_menu_item {height:55px;border-bottom:1px solid #e6e6e6;font-family: notokr-medium, sans-serif;font-size:16px;line-height:60px;color:#333333;text-align: left;padding-left: 20px;cursor: pointer;position: relative;background: #ffffff url('/res/service/img_department12/common/btn_more.png') no-repeat 95% center;}
#mobile_menu .mobile_menu_item.on {height:60px;border-right:none;color:#ffffff;text-align: left;padding-left: 20px;background: #5eaac2 url('/res/service/img_department5/common/768_tablet/ico_colse.png') no-repeat 95% center;}
#mobile_menu .mobile_menu_item_title {position: relative;font-size:15px;height: 40px;line-height:40px;font-family: notokr-regular, sans-serif;color : #2f3035;padding: 0px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}
#mobile_menu .mobile_menu_item_title span{position: absolute;top: 0;bottom: 0;margin: auto;left: 30px;}
#mobile_menu .mobile_menu_item_title:hover{font-family: notokr-regular, sans-serif; color: #30A1D5; text-decoration: underline;text-underline-position: under;}
#mobile_menu .mobile_menu_item_title.on {line-height:55px;color:#0d9e6f;font-family: NanumBarunGothicBold;background-image: url('/res/service/img_department5/common/768_tablet/gnb_menu_arr.png');background-repeat: no-repeat;background-position: 20px center;}
#mobile_menu .mobile_menu_content_section_wrapper {background-color: #fafafa;border-bottom: 1px solid #e6e6e6;padding: 10px 0px;}
#mobile_menu .mobile_menu_content_section_wrapper.quick {padding:0;}
#mobile_menu .mobile_menu_item_list {background-color:#f0f3f8;border-bottom:1px solid #e6e6e6;display:none;padding-top:10px;padding-bottom:10px;padding-left:20px;}
#mobile_menu .mobile_menu_item_list.on {background-color:#f0f3f8;border-bottom:1px solid #e6e6e6;display:block;}
#mobile_menu .mobile_menu_item_list.quick.on {border-bottom:none;display:block;}
#mobile_menu .mobile_menu_item_list li {line-height:44px;font-family: NanumGothic;font-size:12px;width: 100%;cursor:pointer;float: none;display: block;}
#mobile_menu .mobile_menu_item_list li:hover {color:#a40f16;text-decoration: underline;font-family: NanumGothicBold;}
#mobile_menu .mobile_menu_item_title .mobile_menu_item_flag {background-image:url("/res/service/img/common/768_tablet/opt_menu_down.png");width:15px;height:8px;position: absolute;top: 25px;right: 20px;}
#mobile_menu .mobile_menu_item_title.on .mobile_menu_item_flag {background-image:url("/res/service/img/common/768_tablet/opt_menu_up.png");}
#mobile_menu .mobile_menu_section {width:90%;height: 100%;position:absolute;background-color:#ffffff;/*overflow-y: scroll;*/opacity: 1;right: 0;}
#mobile_menu .mobile_menu_item_section {width:100%;background-color:#e8ecf4;}

.mobile_top_button {position:fixed;right:20px;bottom:20px;cursor:pointer;z-index: 100;}
@media screen and (min-width:1201px) {

    .pc_hide {display:none;}
    .tablet_show {display:none;}
    .mobile_show {display:none;}

    .container {width: 1120px;margin: 0 auto;}
    /*#header .header_logo_image {position: absolute; top: 0; bottom: 0; margin: auto;display:block;cursor:pointer;}*/
    /*#header_top .header_top_item.left_item.first {border-left:1px solid #e6e6e6;}*/
    #header .quick_menu {display:none;}

    #footer_top .footer_link_section {/*height: 54px;*/}
    #footer_top .footer_link_left_section {float:left;}
    #footer_top .footer_link_left_section a {text-decoration: none;color: #adadad;}
    #footer_top .footer_link_left_section a:hover {text-decoration: underline;}
    #footer_top .footer_link_right_section {float:right;border-top:none;}
    #footer_top .footer_link_select {width:174px !important;}
    #footer .header_logo_image {float:left;margin: 0;}
    #footer .footer_text {color:#5e6066;font-family: NanumBarunGothic;font-size:12px;line-height:22px;}
}
@media screen and (max-width: 1200px) {
    #header .header_logo_image {height: 28px;padding-top: 14px;}
}
@media screen and (min-width:768px) and (max-width:1200px) {

    .pc_show {display:none;}
    .tablet_hide {display:none;}
    .mobile_show {display:none;}

    .container {padding: 0 30px;}

    #header {height: 55px;border-bottom: 1px solid #e6e6e6;}

    #header .quick_menu {display:none;}
    #header .header_logo_image.tablet_show {height: 107px;}
    #header .container {text-align: center;}
    #header .header_menu_button {float: left;width: 16px;margin-top: 20px;cursor:pointer;}

    #footer_top .container {padding: 0;}
    #footer_top .footer_link_left_section{text-align: center;}
    #footer_top .footer_link_left_section a {text-decoration: none;color: #adadad;}
    #footer_top .footer_link_left_section a:hover {text-decoration: underline;}
    #footer_top .footer_link_select {background-color:#3e4046;}
    #footer .footer_text {color:#adadad;font-family: NanumBarunGothic;font-size:12px;line-height:22px;}
}

@media screen and (max-width:767px) {

    .mobile_hide {display:none;}
    .tablet_show {display:none;}
    .pc_show {display:none;}

    .container {padding: 0 20px;}

    /*#header_top .header_top_item {width:30%;}*/
    /*#header_top .header_top_item.left_item.last {border-right:none;width:40%;}*/
    #header {height: 55px;border-bottom: 1px solid #e6e6e6;}
    /*#header .header_logo_image {left: 20px;height: 20px;}*/
    #header .quick_menu {right: 5%;width: 16px;margin-top: 20px;}
    #header .quick_menu img {width: 15px;}
    #header .container {text-align: center;}
    #header .header_logo_image {height: 23px;padding-top: 14px;}
    #header .header_menu_button {float: left;width: 15px;margin-top: 21px;cursor:pointer;}

    #footer_top .container {padding: 0}
    #footer_top .footer_link_left_section {line-height:24px;padding:15px;}
    #footer_top .footer_link_left_section a {text-decoration: none;color: #adadad;}
    #footer_top .footer_link_left_section a:hover {text-decoration: underline;}
    #footer_top .footer_link_select {background-color:#3e4046;}
    #footer_select_box{padding: 0 30px;}
    #footer_select_box .footer_link_select p{float: left;}
    #footer_select_box .footer_link_select.last {float: right;}
    #footer .footer_text {color:#adadad;font-family: NanumBarunGothic;font-size:12px;line-height:22px;}

    #mobile_menu .mobile_menu_section {width:90%;}
    #mobile_menu .mobile_menu_title_section {height:56px;line-height:56px}
    #mobile_menu .mobile_menu_item_section {width:105px;}
    #mobile_menu .mobile_menu_item_title {font-size:12px;}
    #mobile_menu .mobile_menu_item_list li {font-size:12px;}
}


.tab-list{width: 100%;height: 54px;display: flex;align-items: center; margin-bottom: 40px;}
.tab-list .tab-item{flex: 1 1 0;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 15px;font-family: 'NanumBarunGothicBold';color: #5d5d5d;border: 1px solid #e6e6e6;box-sizing: border-box;}
.tab-list .tab-item.current{border-color: #31a1d5;background-color: #31a1d5;color: #fff;}
.page-subtitle {font-family: 'notokr-bold';color: #333333;font-size: 18px;line-height: 24px;margin-bottom: 40px;}
.page-subtitle span{font-family: 'notokr-bold';}
.page-subtitle::before {content: "";display: inline-block;box-sizing: border-box;width: 15px;height: 15px;background-image: url('/res/service/img_department17/sub/bu_title.png');background-repeat: no-repeat;background-size: cover;vertical-align: -3px;margin-right: 10px;}

.custom-table{width: 100%;}
.custom-table table{width: 100%;border: 1px solid #e6e6e6;border-top: 2px solid #31a1d5;border-collapse: collapse;}
.custom-table table th, .custom-table table td{border: 1px solid #e6e6e6;box-sizing: border-box;padding: 16px 20px;text-align: center;}
.custom-table table th{border-top: none;font-size: 13px;color: #31a1d5;}
.custom-table table td{font-size: 14px;color: #5d5d5d;}
.custom-table table .text-left{text-align: left;}

.con_list {width: 100%;}
.con_list .con_item{width: 100%;margin-top: 40px;}
.con_list .con_item:first-child{margin-top: 0;}
.con_list .con_item .title{font-size: 32px;font-family: 'notokr-bold';color: #30a1d5;margin-bottom: 20px;}
@media screen and (max-width:1200px) {
    .tab-list{ margin-bottom: 60px; }
}
@media screen and (max-width:767px) {
    .tab-list{ margin-bottom: 40px; }
    .custom-table{width: 100vw;margin-left: -20px;box-sizing: border-box;padding: 0 20px 6px;overflow-x: auto;}
    .custom-table::-webkit-scrollbar {height: 3px;}
    .custom-table::-webkit-scrollbar-thumb {height: 100%;background: #e6e6e6;border-radius: 3px;}
    .custom-table::-webkit-scrollbar-track {background: transparent;}
    .custom-table table{min-width: 768px;}
}

body{ top:0 !important; }
.translated-ltr body{ top:0 !important; }
.skiptranslate > iframe{ display:none !important; }
#google_translate_element, #google_translate_element_mobile{ display:none !important; }

.g-lang-box{ position:relative; display:inline-block; text-align:left; top:3px; }
.g-lang-box > .g-lang-btn{
    display:flex; align-items:center; border:none; cursor:pointer;
    padding:0 22px 0 0;
    background:url(/res/service/img/common/bg-google-arr.png) no-repeat right center;
}
.g-lang-box > .g-lang-btn::before{
    content:''; display:inline-block; width:20px; height:20px; vertical-align:middle;
    background:url(/res/service/img/common/ico-google-lang.png) no-repeat center/contain;
}
.g-lang-box > .g-lang-btn span{
    padding:0 0 0 6px; font-size:14px; line-height:1; white-space:nowrap;
    font-family:NanumBarunGothic, sans-serif; color:#5d5d5d;
}
.g-lang-box ul.translation-links{
    display:none; position:absolute; top:calc(100% + 8px); right:0; z-index:1000;
    min-width:160px; padding:14px; border-radius:8px;
    background:#ffffff; box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.g-lang-box ul.translation-links.on{ display:block !important; }
.g-lang-box ul.translation-links li{ display:block !important; width:100% !important; float:none !important; margin:0 0 12px; }
.g-lang-box ul.translation-links li:last-child{ margin:0; }
.g-lang-box ul.translation-links li a{ display:flex !important; align-items:center; font-size:0; }
.g-lang-box ul.translation-links li a::before{
    content:''; display:inline-block; margin:0 8px 0 0; width:26px; height:18px;
    background-repeat:no-repeat; background-size:100%; background-position:center;
}
.g-lang-box ul.translation-links li:nth-of-type(1) a::before{ background-image:url(/res/service/img/common/ico-lang-kor.png); }
.g-lang-box ul.translation-links li:nth-of-type(2) a::before{ background-image:url(/res/service/img/common/ico-lang-eng.png); }
.g-lang-box ul.translation-links li:nth-of-type(3) a::before{ background-image:url(/res/service/img/common/ico-lang-cn.png); }
.g-lang-box ul.translation-links li:nth-of-type(4) a::before{ background-image:url(/res/service/img/common/ico-lang-vietnam.png); }
.g-lang-box ul.translation-links li:nth-of-type(5) a::before{ background-image:url(/res/service/img/common/ico-lang-uzbe.png); }
.g-lang-box ul.translation-links li:nth-of-type(6) a::before{ background-image:url(/res/service/img/common/ico-lang-mongo.png); }
.g-lang-box ul.translation-links li:nth-of-type(7) a::before{ background-image:url(/res/service/img/common/ico-lang-myanmar.png); }
.g-lang-box ul.translation-links li:nth-of-type(8) a::before{ background-image:url(/res/service/img/common/ico-lang-filipino.png); }
.g-lang-box ul.translation-links li:nth-of-type(9) a::before{ background-image:url(/res/service/img/common/ico-lang-thai.png); }
.g-lang-box ul.translation-links li a span{
    font-size:14px; font-weight:600; color:#222222; line-height:1; white-space:nowrap;
}
.mobile_menu_lang{ position:absolute; top:0; right:55px; height:60px; display:flex; align-items:center; z-index:1400; padding:0; margin:0; }
.mobile_menu_lang .g-lang-box{ top:0; }
.mobile_menu_lang .g-lang-box > .g-lang-btn span{ color:#333333 !important; }
.mobile_menu_lang .g-lang-box ul.translation-links{ right:0; left:auto; z-index:1400; }