/* 페이지 해더 */

.page_header .page_banner {background-image: url("/res/service/img_department7/common/sub_page_top_01.png"); background-size: cover;background-repeat: no-repeat; }
.page_header .page_banner .page_main_title{font-family: 'NanumGothicBold';position: absolute;top: 50%;transform: translate(0, -50%);margin: 0;color: #fff;}
.page_header .page_sub_menu{position: absolute;bottom: 0; }
.page_header .page_sub_menu .sub_menu_list .sub_menu_item{background-color: #fff;text-align: center;font-family: 'NanumGothicBold', sans-serif;cursor: pointer; position: relative; word-break: keep-all;}
.page_header .page_sub_menu .sub_menu_list .sub_menu_item span{position: absolute;top: 50%;left: 0;transform: translate(4px, -50%);width: calc(100% - 10px);}
.page_header .page_sub_menu .sub_menu_list .sub_menu_item:hover{background-color: #00A3B4; color: #fff;}
.page_header .page_sub_menu .sub_menu_list .sub_menu_item.select{background-color: #00A3B4;color: #fff;box-shadow: 0px 0px 15px rgba(0,163,180, 0.5);position: relative;z-index: 1;}
@media (min-width: 1200px) {
    .page_header{width: 100%;height: 440px;position: relative;}
    .page_header .page_banner{width: calc(50% + 600px);height: 400px;position: absolute;top: 0;right: 0;}
    .page_header .page_banner .page_main_title{font-size: 42px;line-height: 42px;letter-spacing: -0.84px;left: 100px;}
    .page_header .page_bg{width: calc(50% + 600px);height: 400px;z-index: -1;background-color: #004DAF;position: absolute;bottom: 0;left: 0;}

    .page_header .page_sub_menu{left: calc(50% - 600px);}
    .page_header .page_sub_menu .sub_menu_list{ width: 100%!important; }
    .page_header .page_sub_menu .sub_menu_list .sub_menu_item{width: 100px;height: 100px;line-height: 22px;font-size: 15px;letter-spacing: -0.3px; animation-duration: 1s; background-color: #fff;}
    .page_header .page_sub_menu .sub_menu_list .sub_menu_item:hover{animation: mymove 0.5s ; color: #fff; animation-fill-mode: forwards;box-shadow: 0px 0px 15px rgba(0,163,180, 0.5);}

    @keyframes mymove {
        from {}
        to {background-color: #00A3B4;}
    }


}
@media (min-width: 768px) and (max-width: 1199px) {
    .page_header{width: 100%;height: 340px;position: relative;}
    .page_header .page_banner{width: calc(100vw - 24px);height: 260px;position: absolute;top: 0;right: 0;}
    .page_header .page_banner .page_main_title{font-size: 28px;line-height: 28px;letter-spacing: -0.56px;left: 40px;}
    .page_header .page_bg{width: calc(100vw - 24px);height: 260px;z-index: -1;background-color: #004DAF;position: absolute;bottom: 40px;left: 0;}

    .page_header .page_sub_menu{left: 24px;}
    .page_header .page_sub_menu .sub_menu_list{ width: 100%!important; }
    .page_header .page_sub_menu .sub_menu_list .sub_menu_item{width: 80px;height: 80px;line-height: 18px;font-size: 13px;letter-spacing: -0.26px;}
}
@media (max-width: 767px) {
    .page_header{width: 100%;margin-top: 60px; margin-bottom: 40px; position: relative;}
    .page_header .page_banner{width: 100%;height: 63vw;background-position: center center;}
    .page_header .page_banner .page_main_title{font-size: 28px;line-height: 28px;letter-spacing: -0.56px;left: 20px;}
    .page_header .page_bg{display: none;}
    .page_header .page_sub_menu{left: 0; bottom: -40px; z-index: 2; overflow-x: auto; max-width: 100vw;}
    /*.page_header .page_sub_menu { overflow-x: scroll;}*/
    .page_header .page_sub_menu .sub_menu_list { box-sizing: content-box; padding: 0 20px; }
    .page_header .page_sub_menu .sub_menu_list .sub_menu_item{width: 80px;height: 80px;line-height: 18px;font-size: 13px;letter-spacing: -0.26px;}
}



/* 페이지 내부 common */
.page_content{box-sizing: border-box;position: relative;}
.page_content::before{content: "";width: 2px;background-color: #00A3B4;position: absolute;}
.page_content .page_content_header .page_sub_title{font-family: 'NanumGothicBold';}
@media (min-width: 1200px) {
    .page_content{width: 100%; border-left: 1px solid #DBDBDB;display: inline-block; padding-top: 100px;padding-left: 100px; padding-bottom: 120px; }
    .page_content::before{height: 100px;top: 100px;left: -2px;}
    .page_content .page_content_header{  margin-bottom: 60px;}
    .page_content .page_content_header .page_sub_title{font-size: 26px;letter-spacing: -0.52px;line-height: 26px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .page_content{width: 100%; display: inline-block; padding-top: 50px; padding-bottom: 80px;}
    .page_content::before{height: 60px;top: 50px;left: 0px;}
    .page_content .page_content_header{min-height: 60px; margin-bottom: 40px; margin-left: 20px;}
    .page_content .page_content_header .page_sub_title{font-size: 22px;letter-spacing: -0.44px;line-height: 22px;}
    .page_content .page_section{padding-bottom: 80px;}
}
@media (max-width: 767px) {
    .page_content{width: 100%; display: inline-block; padding-top: 40px; padding-bottom: 60px;}
    .page_content::before{height: 60px;top: 40px;left: 0px;}
    .page_content .page_content_header{min-height: 60px; margin-bottom: 40px; margin-left: 20px;}
    .page_content .page_content_header .page_sub_title{font-size: 22px;letter-spacing: -0.44px;line-height: 22px;}
    .page_content .page_section{padding-bottom: 60px;}
}

/* 게시판 커스텀 */

.page_content_button { margin-top:50px; margin-bottom:50px; }
.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:#1CB0C3;cursor:pointer;margin: 0 0 0 auto; }
.page_wrapper.board_container.container { width: 100%; }

/* 게시판 수정 */
.search_option_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;background-image: url("/res/service/img_department8/common/arr_basic_down.png");background-size: 10px 6px;background-repeat: no-repeat;background-position: calc(100% - 10px);cursor: pointer;}
.user_board_list.user_board_list_common_normal .search_group .search_group_input_container img{ width: 24px; position: absolute; top: 50%; right: 10px; transform: translate(0,-50%);}
.user_board_list.user_board_list_normal .normal_list .status { text-align: center; }
@media (min-width: 1200px) {

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

}
@media (max-width: 767px) {
    .page_wrapper{ padding: 0!important; }
    .user_board_list.user_board_list_common_normal .search_group{ width: 100%; }
    .user_board_list.user_board_list_common_normal .search_group select { width: calc(35% - 15px); margin-left: 10px; box-sizing: border-box;}
    .user_board_list.user_board_list_common_normal .search_group .search_group_input_container {width: calc(65% - 15px); margin-right: 10px; box-sizing: border-box;}
    .user_board_list.user_board_list_common_normal .search_group .search_group_input_container input{ width: 100%;box-sizing: border-box; }

    .user_board_list.user_board_list_normal .normal_list tr td{ font-size: 14px; }
    .user_board_list.user_board_list_normal .normal_list tr td.hit_count{ display: none; }
    .user_board_list.user_board_list_normal .normal_list tr td.title{height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 90%;}

    .user_board_list_content .faq_question {display: inline-block;vertical-align: middle;width: calc(100% - 15px);overflow-x: scroll;}
}

.normal_write_line.body {
    clear: both;
}