html {font-family: notokr-regular, sans-serif; color: #333333; image-rendering: optimizeQuality;}
body {scrollbar-width: thin; overflow-y: scroll;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: #37afd2;}
body::-webkit-scrollbar-button {width: 0;height: 0;}
@media screen and (min-width: 1240px) {
    html {font-size: 16px;letter-spacing: -0.32px;line-height: 31px;}
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    html {font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
}
@media screen and (max-width: 767px) {
    html {font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
}

/* 기본 스타일 초기화 */
ul { list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0;}
a { text-decoration: none; color: #333333;}
button, select, input { cursor: pointer; background-color: transparent; border: none; padding: 0; }
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display:none}
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; }

/* 반응형 조절 */
@media screen and (min-width: 1240px) {
    .pc_hide { display: none; }
    .tablet_show { display: none; }
    .mobile_show { display: none; }
}

@media screen and (max-width: 1239px) and (min-width: 768px) {
    .pc_show { display: none; }
    .tablet_hide { display: none; }
    .mobile_show { display: none; }
}

@media screen and (max-width: 767px) {
    .pc_show { display: none; }
    .tablet_show { display: none; }
    .mobile_hide { display: none; }
}

/* 컨테이너 */
.container {box-sizing: border-box;}
@media screen and (min-width: 1240px) {
    .container {width: 1120px;margin-left: auto;margin-right: auto;}
    .page_content_header{ padding-top: 80px; }
    .page_content_body{ padding-bottom: 100px; }
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    .container {width: 100%;padding-left: 30px;padding-right: 30px;}
    .page_content_header{ padding-top: 30px; }
    .page_content_body{ padding-bottom: 50px; }
}
@media screen and (max-width: 767px) {
    .container {width: 100%;padding-left: 20px;padding-right: 20px;}
    .page_content_header{ padding-top: 30px; }
    .page_content_body{ padding-bottom: 50px; }
}

/* 헤더 텍스트 */
.text_h1, .text_h2, .text_h3, .text_h4 {font-family: notokr-medium, sans-serif;display: block;line-height: 1;font-weight: normal;}
.text_h1 {}
.text_h2 {position: relative;}
.text_h2::before {content: '';display: block;background-repeat: no-repeat;background-image: url(/res/service/img/index/common/bu_title.png);background-position: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.text_h3 {color: #37afd2;}
.text_h4 {position: relative;}
.text_h4::before {content: '';display: block;width: 3px;height: 3px;background-color: #333333;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

@media screen and (min-width: 1240px) {
    .text_h1 {font-size: 32px;letter-spacing: -0.64px;}
    .text_h2 {font-size: 24px;letter-spacing: -0.48px;padding-left: 25px;}
    .text_h2::before {width: 15px;height: 15px;background-size: 15px;}
    .text_h3 {font-size: 20px;letter-spacing: -0.40px;}
    .text_h4 {padding-left: 15px;}

    /* 서브페이지 내에서의 간격 정의 */
    .sub_page .text_h1 { margin-bottom: 40px; }
    .sub_page .text_h2 { margin-bottom: 40px; margin-top: 30px;}
    .sub_page .text_h3 { margin-bottom: 30px; }
    .sub_page .text_h4 { margin-bottom: 15px; }
    .sub_page p { margin-bottom: 50px; }
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    .text_h1 {font-size: 30px;letter-spacing: -0.60px;}
    .text_h2 {font-size: 20px;letter-spacing: -0.40px;padding-left: 25px;}
    .text_h2::before {width: 15px;height: 15px;background-size: 15px;}
    .text_h3 {font-size: 18px;letter-spacing: -0.36px;}
    .text_h4 {padding-left: 15px;}

    /* 서브페이지 내에서의 간격 정의 */
    .sub_page .text_h1 { margin-bottom: 30px; }
    .sub_page .text_h2 { margin-bottom: 30px; }
    .sub_page .text_h3 { margin-bottom: 20px; }
    .sub_page .text_h4 { margin-bottom: 15px; }
    .sub_page p { margin-bottom: 50px; }
}
@media screen and (max-width: 767px) {
    .text_h1 {font-size: 24px;letter-spacing: -0.48px;}
    .text_h2 {font-size: 20px;letter-spacing: -0.40px;padding-left: 25px;}
    .text_h2::before {width: 15px;height: 15px;background-size: 15px;}
    .text_h3 {font-size: 18px;letter-spacing: -0.36px;}
    .text_h4 {padding-left: 15px;}

    /* 서브페이지 내에서의 간격 정의 */
    .sub_page .text_h1 { margin-bottom: 30px; }
    .sub_page .text_h2 { margin-bottom: 30px; }
    .sub_page .text_h3 { margin-bottom: 20px; }
    .sub_page .text_h4 { margin-bottom: 10px; }
    .sub_page p { margin-bottom: 50px; }
}

/* 리스트 */
.common_list {}
.common_list > li{position: relative; padding-left: 15px;}
.common_list > li::before {content: '';display: block;width: 3px;height: 3px;background-color: #333333;position: absolute;left: 0;top: 10px;}
.common_list > li > ul {position: relative; padding-left: 20px;}
.common_list > li > ul > li {position: relative; padding-left: 15px;color: #6e6e6e;}
.common_list > li > ul > li::before {content: '-';display: block;position: absolute;left: 0;top: 0;}


/* 기본테이블 */
.table_panel{border-top: 1px solid #101010;}
.table_panel table{width: 100%;border-collapse: collapse;border-spacing: 0;text-align: center;}
.table_panel table th, .table_panel table td{border: 1px solid #ECECEC;border-left: 0;}
.table_panel table th:last-child, .table_panel table td:last-child{border-right: 0;}
.table_panel table th{border-top: 0;font-weight: normal;font-family: 'NanumGothicBold',sans-serif;background-color: #F1F3F5;}
.table_panel table .table_bg{ background-color: #F1F3F5;}
@media (min-width: 1200px) {
    .table_panel table th, .table_panel table td{padding: 25px 0;}
    .table_panel table th{font-size: 16px;letter-spacing: -0.32px;line-height: 22px;}
    .table_panel table td{font-size: 15px;letter-spacing: -0.3px;line-height: 22px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .table_panel table th, .table_panel table td{padding: 15px 0;}
    .table_panel table th{font-size: 14px;letter-spacing: -0.28px;line-height: 22px;}
    .table_panel table td{font-size: 13px;letter-spacing: -0.26px;line-height: 22px;}
}
@media (max-width: 767px) {
    .table_panel{ overflow-x: scroll; }
    .table_panel table{ min-width: 600px; }
    .table_panel table th, .table_panel table td{padding: 15px 0;}
    .table_panel table th{font-size: 14px;letter-spacing: -0.28px;line-height: 22px;}
    .table_panel table td{font-size: 13px;letter-spacing: -0.26px;line-height: 22px;}
}

/* PC TOP */
@media screen and (min-width: 1240px) {
    #pc_top {height: 36px;border-bottom: 1px solid #e6e6e6;background-color: white;}
    #pc_top .pc_top_list {text-align: right;font-size: 0;}
    #pc_top .pc_top_list .pc_top_item {display: inline-block;vertical-align: middle;color: #747477;}
    #pc_top .pc_top_list .pc_top_item.go_nsu a{color: #074897;}
    #pc_top .pc_top_list .pc_top_item:not(:last-child) {margin-right: 30px;}
    #pc_top .pc_top_item a {font-family: NanumGothic, sans-serif;font-size: 13px;line-height: 36px;}
}

@media screen and (max-width: 1239px) {
    #pc_top {display: none;}
}

/* PC MENU */
@media screen and (min-width: 1240px) {
    #pc_menu {box-sizing: border-box;height: 85px;background-color: white;}
    #pc_menu .container {height: 85px;text-align: right;}
    #pc_menu .pc_menu_logo {width: 224px;height: 85px;position: relative;float: left;}
    #pc_menu .pc_menu_logo img{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);image-rendering: crisp-edges;}
    #pc_menu .pc_menu_list{display: inline-block;font-size: 0;}
    #pc_menu .pc_menu_list .pc_menu_item{display: inline-block;}

    /*temporary for pc_menu_search*/
    #pc_menu .pc_menu_list .pc_menu_item:not(:last-child) {margin-right: 40px;}

    #pc_menu .pc_menu_list .pc_menu_item a{font-family: notokr-medium, sans-serif;font-size: 17px;letter-spacing: -1.02px;line-height: 85px; cursor: pointer;}
    #pc_menu .pc_menu_list .pc_menu_item.current a{ color: #37afd2; border-bottom: 2px solid #37afd2;}
    #pc_menu .pc_menu_search {display: inline-block;vertical-align: middle;width: 20px;height: 20px;transform: translateY(-25%);}
    #pc_menu .pc_menu_search img{width: 20px;}
}
@media screen and (max-width: 1239px) {
    #pc_menu { display: none; }
}


@media screen and (min-width: 1240px) {
    #pc_submenu {display: none;}
    #pc_submenu.showing {display: block; width: 100%;position: absolute;top: 117px; left:50%; transform:translate(-50%, 0); font-size: 0; z-index: 33; background-color: #3e4046; overflow: hidden;}
    #pc_submenu.showing .pc_submenu_left{display: inline-block;vertical-align: top;min-height: 145px;background: url(/res/service/img/index/common/img_menu.png) no-repeat;background-position-x: calc(100% - 20px);background-position-y: bottom;padding-left: calc(50vw - 560px);width: 224px;}
    #pc_submenu.showing .pc_submenu_left .pc_submenu_title{display: block;width: 224px;color: white;font-family: notokr-medium, sans-serif;font-size: 24px;letter-spacing: -0.48px;padding-top: 38px;margin-bottom: 20px;}
    #pc_submenu.showing .pc_submenu_left .pc_submenu_subtitle{display: block;width: 224px;color: rgba(255,255,255,0.6);font-family: notokr-regular, sans-serif;font-size: 12px;line-height: 1.2;letter-spacing: -0.24px;}
    #pc_submenu.showing .pc_submenu_right {display: inline-block;vertical-align: top;background-color: #f8f8f8; padding-right: calc(50vw - 577px); width: 908px; }
    #pc_submenu.showing .pc_submenu_right .wrapper_align{ display: flex; align-items: center;  min-height: 145px; }
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list{width: 896px; padding: 30px 0; }
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item{box-sizing: border-box;display: inline-block;vertical-align: top;width: 25%;padding-left: 20px;padding-right: 20px;min-height: 23px;margin-top: 10px; cursor: pointer;}
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item:nth-child(4n){padding-right: 0;}
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item:nth-child(-n+4){margin-top: 0;}
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item a{font-family: notokr-regular, sans-serif;font-size: 15px;letter-spacing: -0.30px;line-height: 23px;width: 100%;display: block;}
    #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item:hover a, #pc_submenu.showing .pc_submenu_right .pc_submenu_list .pc_submenu_item.current a{color: #37afd2;}
}
@media screen and (max-width: 1239px) {
    #pc_submenu { display: none; }
}

/* PC SUBMENU */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #pc_submenu.showing .pc_submenu_right { padding-right: calc(50% - 581px); }
}

/* IE6,7,9,10 */
@media screen\9 {
    #pc_submenu.showing .pc_submenu_right { padding-right: calc(50% - 581px); }
}

/* MOBILE TOP */
#mobile_top .mobile_top_menu{ outline: none; }
@media screen and (min-width: 1240px) {
    #mobile_top {display: none;}
}

@media screen and (max-width: 1239px) and (min-width: 768px) {
    #mobile_top {box-sizing: border-box;background: white;height: 80px;padding: 0 30px;position: relative;}
    #mobile_top .mobile_top_menu {position: absolute;left: 30px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;}
    #mobile_top .mobile_top_menu img {width: 24px;}
    #mobile_top .mobile_logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    #mobile_top .mobile_logo img{width: 188px;}
    /*#mobile_top .mobile_menu_search {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;}*/

    #mobile_top .mobile_menu_search {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px; display: none;}

    #mobile_top .mobile_menu_search img{width: 24px;}
}

@media screen and (max-width: 767px) {
    #mobile_top {box-sizing: border-box;background: white;height: 60px;padding: 0 20px;position: relative;}
    #mobile_top .mobile_top_menu {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;}
    #mobile_top .mobile_top_menu img {width: 24px;}
    #mobile_top .mobile_logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    #mobile_top .mobile_logo img{width: 128px;}
    /*#mobile_top .mobile_menu_search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;}*/
    #mobile_top .mobile_menu_search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px; display: none;}
    #mobile_top .mobile_menu_search img{width: 24px;}
}

/* MOBILE MENU */
@media screen and (min-width: 1240px) {
    #mobile_menu {display: none;}

}
@media screen and (max-width: 1239px) {
    /*#mobile_menu {*/
    /*    !* TODO : test *!*/
    /*    display: none;*/
    /*}*/
    #mobile_menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; background-color: #fff; overflow: auto;}
    #mobile_menu.open{ display: block;}
    #mobile_menu .mobile_menu_top{height: 60px;border-bottom: 1px solid #e6e6e6;width: 100%;box-sizing: border-box; position: relative;}
    #mobile_menu .mobile_menu_top .mobile_menu_logo{width: 112px;height: 24px;display: block;position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);}
    #mobile_menu .mobile_menu_top .mobile_menu_logo img, #mobile_menu .mobile_menu_top .mobile_menu_close img{width: 100%;}
    #mobile_menu .mobile_menu_top .mobile_menu_close{ outline: none; width: 24px;position: absolute;top: 50%;right: 20px;transform: translate(0, -50%);}

    #mobile_menu .mobile_menu_top_list{width: 100%;height: 44px;display: table;table-layout: fixed;}
    #mobile_menu .mobile_menu_top_list .mobile_menu_top_item{cursor: pointer; display: table-cell;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align: center;line-height: 42px;}
    #mobile_menu .mobile_menu_top_list .mobile_menu_top_item:last-child{border-right: 0;}

    #mobile_menu .depth1_list {width: 100%;padding: 0px 20px;box-sizing: border-box; margin-top: 20px; margin-bottom: 60px;}
    #mobile_menu .depth1_list .depth1_item {width: 100%;}
    #mobile_menu .depth1_list .depth1_item > a{display: block; font-family: 'notokr-medium', sans-serif; font-size: 16px; letter-spacing: -0.32px; width: 100%;line-height: 50px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;background: url("/res/service/img/index/common/mobile/arr_basic_down.png") no-repeat 100% 50%;background-size: 12px 6px;  cursor: pointer;}

    #mobile_menu .depth1_list .depth1_item .depth2_list{display: none; width: 100%;background-color: #f8f8f8;box-sizing: border-box;padding: 10px 20px;}
    #mobile_menu .depth1_list .depth1_item .depth2_list .depth2_item{line-height: 44px; font-size: 14px;letter-spacing: -0.28px; }
    #mobile_menu .depth1_list .depth1_item .depth2_list .depth2_item a{color: #6e6e6e; cursor: pointer;}


    #mobile_menu .depth1_list .depth1_item.current > a{border-bottom: 1px solid #37afd2;color: #37afd2;background: url("/res/service/img/index/common/mobile/arr_basic_up.png") no-repeat 100% 50%;background-size: 12px 6px}
    #mobile_menu .depth1_list .depth1_item.current .depth2_list{display: block;}
    #mobile_menu .depth1_list .depth1_item.current .depth2_list .depth2_item.select a{color: #37afd2;}

}





/* 푸터 */
#footer_top {
    line-height: 54px;
    background-color:#3e4046;
    color:#adadad;
    font-family: NanumBarunGothic;
    font-size:13px;
}

#footer_top .footer_link_select {
    height: 54px;
    position:relative;
    float:left;
    width:50%;
    box-sizing: border-box;
    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_select.last {
    border-right:none;
}

#footer_top .footer_link_right_section {
    height: 54px;
    border-top:1px solid #323338;
}

#footer {
    background-color:#2f3035;
}

#footer > .container {
    box-sizing: border-box;
    padding:20px;
}

#footer > .container div:first-child {
    height:46px;
}

#footer .sns_box {
    float:right;
    padding-top:10px;
}

#footer .sns_box a img {
    margin-left: 5px;
}

#footer .sns_box a:first-child img {
    margin-left: 0;
}

#footer .footer_text {
    color:#616369;
    font-family: NanumBarunGothic;
    font-size:14px;
    line-height:22px;
    margin-top:20px;
}

@media screen and (min-width:1201px) {
    .footer_link_section {
        height: 54px;
    }

    .footer_link_left_section {
        float:left;
    }

    .footer_link_left_section a {
        text-decoration: none;
        color: #adadad;
        cursor: pointer;
    }
    .footer_link_left_section a:hover {
        text-decoration: none;
    }

    .footer_link_right_section {
        float:right;
        border-top:none;
    }

    .footer_link_select {
        background-color:#383a40;
        width:174px !important;
        border-left:1px solid #323338;
    }

    .footer_link_select.last {
        border-right:1px solid #323338;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .footer_quick_service_menu {
        line-height:30px;
        padding-top:20px;
        padding-bottom:20px;
    }

    .footer_link_left_section {
        text-align:center;
    }
    .footer_link_left_section a {
        text-decoration: none;
        color: #adadad;
    }
    .footer_link_left_section a:hover {
        text-decoration: underline;
    }

    .footer_link_section {
        height: 108px;
    }
}
@media screen and (max-width:767px) {
    .footer_quick_service_select_menu {
        height:44px;
        line-height:44px;
        color:#1e4795;
        font-family: NanumBarunGothicBold;
        font-size:16px;
    }

    .footer_link_left_section {
        line-height:24px;
        padding:15px;
    }
    .footer_link_left_section a {
        text-decoration: none;
        color: #adadad;
    }
    .footer_link_left_section a:hover {
        text-decoration: underline;
    }
}