/* 틀 */
@media (min-width: 1200px) {  }
@media (min-width: 768px) and (max-width: 1199px) {  }
@media (max-width: 767px) {  }

button {cursor: pointer;padding: 0;}
.menu_link {cursor: pointer;}
select::-ms-expand { display: none; }
body{overflow-x: hidden;}
/* container */
.container {margin-left: auto;margin-right: auto;box-sizing: border-box;}

@media (min-width: 1200px) {
    .container {width: 100%;max-width: 1200px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container {width: 100%;padding-left: 24px;padding-right: 24px;}
}

@media (max-width: 767px) {
    .container {width: 100%;padding-left: 20px;padding-right: 20px;}
}



@media (min-width: 1200px) {
    .pc_hide {display:none !important}
    .mobile_show {display:none !important}
    .tablet_show {display:none !important}
    .pc_show {}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .tablet_hide {display:none !important;}
    .mobile_show {display:none !important;}
    .tablet_show {}
    .pc_show { display:none !important}
}

/* Mobile */
@media (max-width: 767px) {
    .mobile_hide { display:none !important; }
    .mobile_show { }
    .tablet_show { display:none !important; }
    .pc_show { display:none !important; }
}

/* 기본테이블 */
.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;}
}

/* 게시판 */
.board_container * {
    box-sizing: content-box;
}


/* 임시 폰트 */
#wrapper{font-family: 'Spoqa Han Sans Neo', 'sans-serif';}

/* 메인 해더 : 탑 */
#header .header_top{width: 100%;height: 40px;line-height: 40px;background-color: #004091;}
#header .header_top .header_top_nsu{float: left; width: 126px;height: 100%; text-align: center; background-color: #ffffff;color: #004091;font-size: 13px; cursor: pointer;}
#header .header_top .header_top_nsu p{position: relative;padding-left: 29px;display: inline-block;}
#header .header_top .header_top_nsu p::before{content: "";position: absolute;top: 8px;left: 0;width: 24px;height: 24px;background-image: url("/res/service/img_department8/common/mobile/icon_house.png");background-size: 24px 24px;}
#header .header_top .header_top_menu{float:right;min-width: 200px;color: #ffffff;}
#header .header_top .header_top_menu li{width: 100px;text-align: center; cursor: pointer; font-size: 13px;}
@media (min-width: 1200px) {
    #header .header_top .header_top_nsu p{position: relative;padding-left: 29px;display: inline-block;}
    #header .header_top .header_top_nsu p::before{background-image: url("/res/service/img_department8/common/icon_house.png");}
    #header .header_top .header_top_menu .header_top_login, #header .header_top .header_top_menu .header_top_logout{background-color: #1CB0C3;}
    #header .header_top .header_top_menu .header_top_cms{background-color: #0091EA;}
    #header .header_top .header_top_menu .header_top_sitemap{background-color: #2772C4;}

}
@media (min-width: 768px) and (max-width: 1199px) {
    #header .header_top .header_top_nsu p{position: relative;padding-left: 29px;display: inline-block;}
    #header .header_top .header_top_nsu p::before{background-image: url("/res/service/img_department8/common/icon_house.png");}
    #header .header_top .header_top_menu .header_top_login{background-color: #1CB0C3;}
    #header .header_top .header_top_menu .header_top_sitemap{background-color: #2772C4;}
}
@media (max-width: 767px) {
    #header .header_top{display: none;}
}

/* 메인 해더 : 바텀 */
#header .header_bottom{ position: relative;}
#header .header_bottom .header_logo {background-size: contain; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); cursor: pointer;}

@media (min-width: 1200px) {
    #header .header_bottom{ height: 100px; line-height: 100px;}
    #header .header_bottom .header_logo {width: 236px; height: 50px; background-image: url("/res/service/img_department8/common/logo.png"); }
    #header .header_bottom .header_menu_list{ float: right; }
    #header .header_bottom .header_menu_list li{ padding: 0 35px; font-family: 'Spoqa Han Sans Neo', Sans-Serif; font-weight: 500; font-size: 18px; cursor: pointer;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    #header .header_bottom{ height: 70px; line-height: 70px;}
    #header .header_bottom .header_logo {width: 160px; height: 34px; background-image: url("/res/service/img_department8/common/mobile/logo.svg"); left: 24px; }
    #header .header_bottom .header_menu_list {}
    #header .header_bottom .mobile_menu_btn{position: absolute;right: 24px;top: 50%;transform: translate(0,-50%);cursor: pointer;width: 24px;height: 24px;background-image: url("/res/service/img_department8/common/mobile/icon_menu.svg");background-size: contain;}
}
@media (max-width: 767px) {
    #header .header_bottom{ height: 70px; line-height: 70px;}
    #header .header_bottom .header_logo {width: 160px; height: 34px; background-image: url("/res/service/img_department8/common/mobile/logo.svg");left: 20px; }
    #header .header_bottom .mobile_menu_btn{position: absolute;right: 24px;top: 50%;transform: translate(0,-50%);cursor: pointer;width: 24px;height: 24px;background-image: url("/res/service/img_department8/common/mobile/icon_menu.svg");background-size: contain;}
}





/* 반응형 gnb */

.gnb_mobile { display: none; }
.gnb_mobile.open { display: block; }
.hidden{ overflow-y: hidden; }

@media (min-width: 1200px) {
    .gnb_mobile.open { display: none; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .gnb_mobile .gnb_mobile_bg{ width: 100%; height: 100%; content: ""; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; }
    /* GNB 해더 */
    .gnb_mobile{width: 100%; height: 100vh; overflow-y: auto;position: fixed;top: 0;right: 0;z-index: 999;}
    .gnb_mobile_wrapper {width: 70%; height: 100vh; overflow-y: auto; background-color: #fff;position: fixed;top: 0;right: 0;z-index: 999;}
    .gnb_mobile .gnb_header{width: 100%;height: 70px;position: relative; background-color: #fff;}
    .gnb_mobile .gnb_header .gnb_logo{width: 160px;height: 34px;position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_header .gnb_close{width: 24px;height: 24px;position: absolute;cursor: pointer;top: 50%;right: 32px;transform: translate(0, -50%);}


    /* GNB 로그인 영역 */
    .gnb_mobile .gnb_login{width: 100%;height: 70px;background: linear-gradient(45deg, #1CB0C3, #2772C4);font-size: 0;position: relative;}
    .gnb_mobile .gnb_login .gnb_login_circle{width: 40px;height: 40px;background: #fff;border-radius: 100%;display: inline-block;margin-top: 15px;position: relative;}
    .gnb_mobile .gnb_login .gnb_login_circle .gnb_login_icon{width: 24px;height: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .gnb_mobile .gnb_login .gnb_login_ment{display: inline-block;font-size: 16px;color: #fff;vertical-align: top;line-height: 70px;margin-left: 15px;}
    .gnb_mobile .gnb_login .gnb_login_next{width: 24px;height: 24px;position: absolute;right: 32px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


    /* GNB 뎁스1 영역 */
    .gnb_mobile .gnb_depth1_list { width: 100%; display: inline-block; padding-bottom: 120px; background-color: #fff; }
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item{ width: 100%;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title{font-size: 18px;font-weight: 500;padding-left: 20px;padding-right: 20px;width: 100%;box-sizing: border-box;line-height: 70px;border-bottom: 1px solid #eeeeee;position: relative;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn{width: 24px;height: 24px;position: absolute;top: 50%;right:32px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn img{width: 100%;vertical-align: top;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth1_title .gnb_depth1_btn .gnb_menu_more, .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn .gnb_menu_up{display: none;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth1_title .gnb_depth1_btn .gnb_menu_up{display: block;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item:not(.current) .gnb_depth2_list { display: none; }

    /* GNB 뎁스2 영역 */
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list{width: 100%;padding: 20px 40px;box-sizing: border-box;background: #E6EBF1;display: inline-block;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item{font-size: 16px;width: 100%;letter-spacing: -0.4px;color: #616161;line-height: 24px;position: relative;margin-bottom: 15px;font-width: 400px;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item:last-child{margin-bottom: 0;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item .gnb_depth2_btn{position: absolute;width: 24px;height: 24px;top: 50%;right: -8px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item .gnb_depth2_btn img{width: 100%;vertical-align: top;}


    /* GNB 박스 버튼 */
    .gnb_mobile .gnb_box_btn{width: 70%; height: 50px;font-size: 0;position: fixed;right: 0;bottom: 0;}
    .gnb_mobile .gnb_box_btn div{width: 50%;height: 100%;font-size: 12px;font-weight: 100;letter-spacing: -0.3px;display: inline-block;vertical-align: top;color: #fff;}
    .gnb_mobile .gnb_box_btn .gnb_box_home {background: rgba(0, 64, 145, 0.9);line-height: 16px; position: relative;}
    .gnb_mobile .gnb_box_btn .gnb_box_home .gnb_home_center{ position: absolute; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .gnb_mobile .gnb_box_btn .gnb_box_home img{width: 24px;height: 24px; margin: 4px 0; margin-right: 15px; float: left;}
    .gnb_mobile .gnb_box_btn .gnb_box_home span{text-align: left; vertical-align: top;}
    .gnb_mobile .gnb_box_btn .gnb_box_sitemap{background: rgba(28, 176, 195, 0.9);text-align: center;line-height: 50px;border-left: 1px solid #fff;}

}
@media (max-width: 767px) {
    /* GNB 해더 */
    .gnb_mobile{width: 100vw;height: 100vh; overflow-y: auto; background-color: #fff;position: fixed;top: 0;left: 0;z-index: 999;}
    .gnb_mobile .gnb_header{width: 100%;height: 70px;position: relative;}
    .gnb_mobile .gnb_header .gnb_logo{width: 160px;height: 34px;position: absolute;top: 50%;left: 20px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_header .gnb_close{width: 24px;height: 24px;position: absolute;cursor: pointer;top: 50%;right: 20px;transform: translate(0, -50%);}


    /* GNB 로그인 영역 */
    .gnb_mobile .gnb_login{width: 100%;height: 70px;background: linear-gradient(45deg, #1CB0C3, #2772C4);font-size: 0;position: relative;}
    .gnb_mobile .gnb_login .gnb_login_circle{width: 40px;height: 40px;background: #fff;border-radius: 100%;display: inline-block;margin-top: 15px;position: relative;}
    .gnb_mobile .gnb_login .gnb_login_circle .gnb_login_icon{width: 24px;height: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .gnb_mobile .gnb_login .gnb_login_ment{display: inline-block;font-size: 16px;color: #fff;vertical-align: top;line-height: 70px;margin-left: 15px;}
    .gnb_mobile .gnb_login .gnb_login_next{width: 24px;height: 24px;position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


    /* GNB 뎁스1 영역 */
    .gnb_mobile .gnb_depth1_list { width: 100%; display: inline-block; padding-bottom: 120px; }
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item{ width: 100%;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title{font-size: 18px;font-weight: 500;padding-left: 20px;padding-right: 20px;width: 100%;box-sizing: border-box;line-height: 70px;border-bottom: 1px solid #eeeeee;position: relative;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn{width: 24px;height: 24px;position: absolute;top: 50%;right:20px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn img{width: 100%;vertical-align: top;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth1_title .gnb_depth1_btn .gnb_menu_more, .gnb_mobile .gnb_depth1_list .gnb_depth1_item .gnb_depth1_title .gnb_depth1_btn .gnb_menu_up{display: none;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth1_title .gnb_depth1_btn .gnb_menu_up{display: block;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item:not(.current) .gnb_depth2_list { display: none; }


    /* GNB 뎁스2 영역 */
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list{width: 100%;padding: 20px 40px;box-sizing: border-box;background: #E6EBF1;display: inline-block;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item{font-size: 16px;width: 100%;letter-spacing: -0.4px;color: #616161;line-height: 24px;position: relative;margin-bottom: 15px;font-width: 400px;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item:last-child{margin-bottom: 0;}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item .gnb_depth2_btn{position: absolute;width: 24px;height: 24px;top: 50%;right: -20px;transform: translate(0, -50%);}
    .gnb_mobile .gnb_depth1_list .gnb_depth1_item.current .gnb_depth2_list .gnb_depth2_item .gnb_depth2_btn img{width: 100%;vertical-align: top;}


    /* GNB 박스 버튼 */
    .gnb_mobile .gnb_box_btn{width: 100%;height: 50px;font-size: 0;position: fixed;left: 0;bottom: 0;}
    .gnb_mobile .gnb_box_btn div{width: 50%;height: 100%;font-size: 12px;font-weight: 100;letter-spacing: -0.3px;display: inline-block;vertical-align: top;color: #fff;}
    .gnb_mobile .gnb_box_btn .gnb_box_home {background: rgba(0, 64, 145, 0.9);line-height: 16px; position: relative;}
    .gnb_mobile .gnb_box_btn .gnb_box_home .gnb_home_center{ position: absolute;width: 136px; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .gnb_mobile .gnb_box_btn .gnb_box_home img{width: 24px;height: 24px; margin: 4px 0; margin-right: 15px; float: left;}
    .gnb_mobile .gnb_box_btn .gnb_box_home span{text-align: left; vertical-align: top; width: 90px;}
    .gnb_mobile .gnb_box_btn .gnb_box_sitemap{background: rgba(28, 176, 195, 0.9);text-align: center;line-height: 50px;border-left: 1px solid #fff;}
}












/* 푸터 */
#footer {width: 100%;box-sizing: border-box;background-color: #333333; font-size: 0;}
#footer .footer_logo{ width: 144px; height: 38px; background-image: url("/res/service/img_department8/common/footer_logo.png"); background-size: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; }
@media (min-width: 1200px) {
    #footer {padding: 40px 0 50px;}
    #footer .footer_content{position: relative;}
    #footer .footer_info{ font-size: 13px; letter-spacing: -0.78px; line-height: 25px; display: inline-block; color: #757575; font-family: 'NanumGothic'; margin-left: 60px; vertical-align: top; }
    #footer .footer_select{ width: 200px; position: absolute; top: 0; right: 0; }
    #footer .footer_select select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: none;border: 1px solid #757575;color: #757575;height: 40px;box-sizing: border-box;padding-left: 20px;background: url("/res/service/img_department8/main/icon_arrow_down.svg") no-repeat 95% 50%;}
    #footer .footer_select select:first-child{ margin-bottom: 5px; }
    #footer .footer_select select:focus {outline: none;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    #footer {padding: 30px 0 40px;}
    #footer .footer_content{position: relative;}
    #footer .footer_info{ margin-top: 30px; font-size: 13px; letter-spacing: -0.78px; line-height: 25px; color: #757575; font-family: 'NanumGothic'; vertical-align: top; }
    #footer .footer_select{ width: 405px; position: absolute; top: 0; right: 0; }
    #footer .footer_select select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 200px;background: none;border: 1px solid #757575;color: #757575;height: 40px;box-sizing: border-box;padding-left: 20px;background: url("/res/service/img_department8/main/icon_arrow_down.svg") no-repeat 95% 50%;}
    #footer .footer_select select:first-child{ margin-right: 5px; }
    #footer .footer_select select:focus {outline: none;}
}

@media (max-width: 767px) {
    #footer {padding: 30px 0;}
    #footer .footer_logo{ margin-top: 30px; }
    #footer .footer_info{ margin-top: 30px; font-size: 12px; letter-spacing: -0.72px; line-height: 20px; color: #757575; font-family: 'NanumGothic'; vertical-align: top; }
    #footer .footer_select{ width: 100%;}
    #footer .footer_select select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: none;border: 1px solid #757575;color: #757575;height: 40px;box-sizing: border-box;padding-left: 20px;background: url("/res/service/img_department8/main/icon_arrow_down.svg") no-repeat calc(100% - 10px) 50%;}
    #footer .footer_select select:first-child{ margin-bottom: 5px; }
    #footer .footer_select select:focus {outline: none;}
}

/* PC 메뉴 */

@media (min-width: 1200px) {
    .header_submenu { display: none; }
    .header_submenu.showing {display: block; box-sizing: border-box;position: absolute;top: 140px;left: 0;right: 0;width: 100%;min-height: 30px;background-color: white;z-index: 99;}
    .header_submenu.showing .header_submenu_list {float: right;box-sizing: border-box;}
    .header_submenu.showing .header_submenu_list .header_submenu_item{box-sizing: border-box;padding: 24px 0 20px 10px;}
    .header_submenu.showing .header_submenu_list .header_submenu_item.active{position: relative;min-height: 281px;padding-left: 10px;background-color: rgba(28, 176, 195, 0.1);}
    .header_submenu.showing .header_submenu_list .header_submenu_item.active::before{content: " ";display: block;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 2px;background-color: #004091;}
    .header_submenu.showing .header_submenu_item .depth2_menu_list{}
    .header_submenu.showing .depth2_menu_list .depth2_menu_item{display: block;clear: both;font-family: "Spoqa Han Sans", sans-serif;font-weight: 400;font-size: 16px;letter-spacing: -0.4px;line-height: 27px;cursor: pointer;}
    .header_submenu.showing .depth2_menu_list .depth2_menu_item:not(:last-child) {margin-bottom: 15px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header_submenu {
        display: none;
    }
}

@media (max-width: 767px) {
    .header_submenu {
        display: none;
    }
}


/*.page_content_container {*/

/*}*/
.user_board_pager.user_board_pager_normal ul li{ position: relative; }
.user_board_pager.user_board_pager_normal ul li img{ position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }
.user_board_pager.user_board_pager_normal ul li, .user_board_pager.user_board_pager_normal ul li:hover { border: none!important; }
.user_board_pager.user_board_pager_normal ul li.next img, .user_board_pager.user_board_pager_normal ul li.prev img{ width: 6px; }
@media (min-width: 1200px) {

}

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

}

@media (max-width: 767px) {

}