/*상단헤더*/
#page_header {}
#page_header .page_header_wrapper {width: 100%;background: url(/res/service/img/index/sub/img_slide01.png) no-repeat center;background-size: cover;border-bottom: 1px solid #e6e6e6;position: relative;}
#page_header .page_header_wrapper .page_header_title {font-family: notokr-medium, sans-serif;color: white;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

@media screen and (min-width: 1240px) {
    #page_header {}
    #page_header .page_header_wrapper {height: 150px;}
    #page_header .page_header_wrapper .page_header_title {font-size: 36px;letter-spacing: -0.72px;}
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    #page_header {}
    #page_header .page_header_wrapper {height: 150px;}
    #page_header .page_header_wrapper .page_header_title {font-size: 32px;letter-spacing: -0.64px;}
}
@media screen and (max-width: 767px) {
    #page_header {}
    #page_header .page_header_wrapper {height: 100px;}
    #page_header .page_header_wrapper .page_header_title {font-size: 26px;letter-spacing: -0.52px;}
}

/*LNB*/
#page_header .page_lnb {width: 100%;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;}
#page_header .page_lnb .go_home {background-color: #37afd2;position: relative;}
#page_header .page_lnb .go_home img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#page_header .page_lnb .menu_select {box-sizing: border-box;font-family: notokr-medium, sans-serif;color: #333333;background: white url(/res/service/img/index/sub/opt_arr_down.png) no-repeat;background-position-y: center;position: relative;}
#page_header .page_lnb .devider {display: inline-block;width: 1px;height: 15px;background-color: #e6e6e6;position: relative;top: 50%;transform: translateY(-50%);}

@media screen and (min-width: 1240px) {
    #page_header .page_lnb {height: 60px;padding-left: calc(50% - 560px);font-size: 0;}
    #page_header .page_lnb .go_home {width: 60px;height: 60px;display: inline-block;vertical-align: top;}
    #page_header .page_lnb .go_home img {width: 18px;}
    #page_header .page_lnb .menu_select {height: 59px;display: inline-block;vertical-align: top;background-position-x: calc(100% - 30px);background-size: 10px;padding-left: 30px;font-size: 16px;letter-spacing: -0.32px;}
    #page_header .page_lnb .menu_select.depth1 {width: 208px;}
    #page_header .page_lnb .menu_select.depth2 {width: 250px;}
    #page_header .page_lnb .menu_select.depth2 {width: 250px;}
    #page_header .page_lnb .menu_select.depth3 {width: 250px;}
    #page_header .page_lnb .menu_select.long { width: 360px; }
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    #page_header .page_lnb {height: 60px;font-size: 0;}
    #page_header .page_lnb .go_home {width: 60px;height: 60px;display: inline-block;vertical-align: top;}
    #page_header .page_lnb .go_home img {width: 18px;}
    #page_header .page_lnb .menu_select {width: calc(33.33% - 21px);height: 59px;display: inline-block;vertical-align: top;background-position-x: calc(100% - 20px);background-size: 10px;padding-left: 20px;font-size: 14px;letter-spacing: -0.28px;}
    #page_header .page_lnb .menu_select.long { padding-right: 40px; text-overflow: ellipsis; }
}
@media screen and (max-width: 767px) {
    #page_header .page_lnb {font-size: 0;}
    #page_header .page_lnb .go_home {display: none;}
    #page_header .page_lnb .menu_select {width: 100%;height: 59px;display: inline-block;vertical-align: top;background-position-x: calc(100% - 20px);background-size: 10px;padding-left: 20px;font-size: 14px;letter-spacing: -0.28px;}
    #page_header .page_lnb .menu_select.depth1, #page_header .page_lnb .devider{display: none;}
    #page_header .page_lnb .menu_select.depth2 ~ .devider {display: block;width: 100%;height: 1px;background-color: #e6e6e6;}
}

/*페이지 제목*/
#page_content {position: relative;}
#page_content .page_content_header {font-family: notokr-medium, sans-serif;}

@media screen and (min-width: 1240px) {
    #page_content {padding-top: 80px;padding-bottom: 100px;}
    #page_content .page_content_header {font-size: 32px;letter-spacing: -0.64px; margin-bottom: 40px;}
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    #page_content {padding-top: 60px;padding-bottom: 50px;}
    #page_content .page_content_header {font-size: 28px;letter-spacing: -0.56px; margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
    #page_content {padding-top: 30px;padding-bottom: 50px;}
    #page_content .page_content_header {font-size: 24px;letter-spacing: -0.48px; margin-bottom: 30px;}
}

/*페이지 뎁스4 - 서브탭*/

#page_content .page_content_tab { display: none; }
#page_content .page_content_tab.showing { display: block; }
#page_content .page_content_tab.showing .page_content_tab_list {box-sizing: border-box;border: 1px solid #e6e6e6;position: relative;}
#page_content .page_content_tab.showing .page_content_tab_item {box-sizing: border-box;position: relative;cursor: pointer;}
#page_content .page_content_tab.showing .page_content_tab_item a{display: block;font-family: notokr-regular, sans-serif;width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);line-height: 1.1;}
#page_content .page_content_tab.showing .page_content_tab_item.current {border: 1px solid #37afd2 !important;}
#page_content .page_content_tab.showing .page_content_tab_item.current a {color: #37afd2;}

@media screen and (min-width: 1240px) {
    #page_content .page_content_tab.showing {margin-bottom: 40px;}
    #page_content .page_content_tab.showing .page_content_tab_list {font-size: 0;}
    #page_content .page_content_tab.showing .page_content_tab_list:not(:first-child) {margin-top: -1px;}
    #page_content .page_content_tab.showing .page_content_tab_item {display: inline-block;vertical-align: top;width: 33.33%;height: 50px;}
    #page_content .page_content_tab.showing .page_content_tab_item:not(:nth-child(3n)) {border-right: 1px solid #e6e6e6;}
    #page_content .page_content_tab.showing .page_content_tab_item a{font-size: 16px;letter-spacing: -0.32px;}
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
    #page_content .page_content_tab.showing {
        margin-bottom: 30px;
    }

    #page_content .page_content_tab.showing .page_content_tab_list {
        font-size: 0;
    }

    #page_content .page_content_tab.showing .page_content_tab_list:not(:first-child) {margin-top: -1px;}

    #page_content .page_content_tab.showing .page_content_tab_item {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        height: 50px;
    }

    #page_content .page_content_tab.showing .page_content_tab_item:not(:nth-child(3n)) {
        border-right: 1px solid #e6e6e6;
    }

    #page_content .page_content_tab.showing .page_content_tab_item a {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
}
@media screen and (max-width: 767px) {
    #page_content .page_content_tab.showing {
        margin-bottom: 30px;
    }

    #page_content .page_content_tab.showing .page_content_tab_list {
        font-size: 0;
    }

    #page_content .page_content_tab.showing .page_content_tab_list:not(:first-child) {
        margin-top: -1px;
    }

    #page_content .page_content_tab.showing .page_content_tab_item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 50px;
        border-bottom: 1px solid #e6e6e6;
    }

    #page_content .page_content_tab.showing .page_content_tab_item:not(:nth-child(2n)) {
        border-right: 1px solid #e6e6e6;
    }

    #page_content .page_content_tab.showing .page_content_tab_item a {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
}

.search_group .search_option_select {background: #ffffff url("/res/service/img/index/common/arr_basic_down.png") !important; background-position-y: 50% !important; background-position-x: 95% !important; background-repeat: no-repeat !important;}

/*페이지 글쓰기 버튼 및 페이저*/
.page_content_button { margin-top:50px; margin-bottom:50px;overflow: auto; }
.page_content_button .page_content_button_write { width:120px;height:50px;font-family: notokr-regular;color:#ffffff;font-size:16px;text-align:center;line-height:50px;background:#37afd2;cursor:pointer;float:right; }
.user_board_pager.user_board_pager_normal ul li.on {background-color: #37afd2; color: #ffffff; border: 1px solid #37afd2;}

/* 게시판 수정 */
.user_board_list.user_board_list_normal .normal_list .status {text-align: center;}
.user_board_list.user_board_list_normal .status_completed { background-color: #37afd2 !important; border: none !important; }
@media screen and (min-width: 1240px) {

}
@media screen and (max-width: 1239px) and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
    .user_board_list.user_board_list_normal .normal_list .status {
        position: absolute;
        top: 18px;
        right: 20px;
    }

    .user_board_list.user_board_list_normal .normal_list .no {
        display: block !important;
    }

    .user_board_list.user_board_list_normal .title.program  {
        width: 100%;
        box-sizing: border-box;
        padding-right: 80px;
    }

    .user_board_list.user_board_list_normal .fromto, .user_board_list.user_board_list_normal .reg_fromto {
        font-size: 12px;
        letter-spacing: -0.24px;
        height: 20px;
    }

    .user_board_list.user_board_list_normal .fromto.program::before {
        content: "교육기간 : ";
    }

    .user_board_list.user_board_list_normal .reg_fromto.program::before  {
        content: "신청기간 : ";
    }
}
