html, body {font-family: 'notokr-regular';}
#wrapper { overflow-x:hidden; }

a {text-decoration: none; color: #333;}
#header_top { height: 56px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6;}
#header_top .container:not(.main) { text-align: center; }
#header_top .left_nav { float: left; display: table; margin-top: 20px; }
.header_top_item {display: table-cell;padding-right: 20px;font-family: NanumBarunGothic, sans-serif;color:#6e6e6e;font-size: 14px;letter-spacing: 0px;cursor: pointer;}
.header_top_item:hover{text-decoration: underline;}
.header_top_item img {margin-right: 10px;display: inline-block;vertical-align: middle;}

#header .logo_wrapper {display: inline-block;width: auto;font-size: 0}
#header .header_logo_image{display: block; width: 204px;height: 40px;}
#header_top .main_search_panel {float: right;width: 200px;height: 32px;border-radius: 20px;border: 1px solid #E6E6E6;margin: 12px 0 0; box-sizing: border-box;}
#header_top .main_search_panel input{display: block;width: 130px;height: 28px;margin: 0 auto 0 20px;border: none;outline: none;}
#header_top .main_search_panel img {position: relative;right: calc(-50% + 25px);width: 16px;top: -23px;cursor: pointer;}

#header {position:relative;height:100px;box-sizing: border-box;}
#header>.container:not(.main) {
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    height: 100%;
}
#header .header_image_menu {clear: both;height: 100%;text-align: center;}
#header .header_image_menu_item {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; float:left; height: 100%; padding: 0; margin: 0px 30px; font-family: notokr-medium, sans-serif;font-size:17px;color:#333333;box-sizing:border-box;}
#header .header_image_menu_item:last-child {margin-right: 0;}
#header .header_image_menu_item:hover, #header .header_image_menu_item.on {border-bottom: 3px solid #30a1d5;color: #30a1d5;}
#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:not(.main) {box-sizing: border-box;padding-top:20px;padding-bottom:20px;background-color: #2f3035;}
#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 .moile_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 all and (max-width: 1290px) {
    #header_top>.container:not(.main), #header>.container:not(.main) {width: calc(100% - 48px); margin: 0 auto;}
    #footer_top>.container:not(.main), #footer>.container:not(.main) {width: calc(100% - 48px); margin: 0 auto;}
}

@media screen and (max-width:1200px) {
    #header>.container:not(.main) {
        display: block;
    }
    #header .logo_wrapper .header_logo_image {
        display: none;
    }
}

@media screen and (min-width:1201px) {

    .pc_hide {display:none;}
    .tablet_show {display:none;}
    .mobile_show {display:none;}

    .container:not(.main) {width: 1200px;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;margin-top:10px;}
}

@media all and (max-width: 1248px) {
    .container:not(.main), .detail_info.container:not(.main) {max-width: calc(100% - 48px); margin: 0 auto;}
    .detail_info.container:not(.main) {max-width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1200px) {

    .pc_show {display:none;}
    .tablet_hide {display:none;}
    .mobile_show {display:none;}

    #header {height: 55px;border-bottom: 1px solid #e6e6e6;}

    #header .quick_menu {display:none;}
    #header .header_logo_image.tablet_show {height: 107px;}
    #header .container:not(.main) {text-align: center;height: 100%;}
    #header .header_logo_image {width: 143px; height: 28px;margin: 0 auto;padding-top: 12px;}
    #header .header_menu_button {float: left;width: 16px;cursor:pointer;}

    #footer_top .container:not(.main) {width: 100%; 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) {
    .detail_info.container:not(.main) {max-width:100%;}
    .mobile_hide {display:none;}
    .tablet_show {display:none;}
    .pc_show {display:none;}

    .container:not(.main) {max-width: calc(100% - 40px);}

    /*#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:not(.main) {text-align: center;height: 100%}
    #header .header_logo_image {height: 28px;margin: 0 auto;padding-top: 14px;}
    #header .header_menu_button {float: left;width: 15px;cursor:pointer;}

    #footer_top .container:not(.main) {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;}
}