html, body { font-family: notokr-regular;font-size:14px;line-height:24px; }

/*html { overflow-x:hidden }*/
body { overflow-x:hidden }

iframe { margin:0;padding:0;display:block; }

#wrapper { position:relative; }
/* PC */
@media screen and (min-width:1240px) {
    .pc_hide {display:none !important}
    .mobile_show {display:none !important}
    .tablet_show {display:none !important}
    .pc_show {}
}

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

/* Mobile */
@media screen and (max-width:767px) {

    .mobile_hide { display:none !important; }
    .mobile_show { }
    .tablet_show { display:none !important; }
    .pc_show { display:none !important; }
}











/* 공통 및 헤더 */
/* PC */

#header .header_title {
    font-family: notokr-medium, sans-serif;
    color: #333333;
    display: inline-block;
    margin: 0px;
    font-weight: normal;
    cursor: pointer;
}

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

    .container {position:relative;width: 1240px;margin: 0 auto;}
    .header_container {position:relative; }

    #header_top { position:relative; margin-right: 50px; margin-left: 50px; height:40px;border-bottom:1px solid #e6e6e6; }

    #header_top .header_top_item { box-sizing: border-box;padding-left:15px;padding-right:15px;height:40px;line-height: 40px;background-color:#ffffff;font-family: notokr-medium;font-size: 14px;color:#747477;text-align: center;cursor: pointer;float:left; }
    #header_top .header_top_item.last {}

    #header_top .header_top_item.select { position:relative; }
    #header_top .header_top_item.select > img { margin-left:10px; }
    #header_top .header_top_item.select select { position:absolute;left:0;top:0;bottom:0;right:0;width:100%;opacity:0;cursor: pointer; }
    #header_top .search {display:block;cursor: pointer;}
    #header_top .header_top_item:hover { color:#002a57; }

    #header { position:relative;height:auto;line-height: 80px; margin-right: 50px; margin-left: 50px;min-height: 80px;}
    #header::after{content: '';display: block;clear: both;}

    #header .header_image_menu_search_button { height:80px;line-height: 80px;vertical-align: middle; }
    #header .header_image_menu_search_button img { vertical-align: middle;margin-left:30px;width:26px; }
    #header .header_logo_image {line-height: 80px;vertical-align: middle;cursor: pointer;width: 170px; /* margin-top: -7px; */display: inline-block;float: left;margin-top: 21px;}
    #header .header_title {font-size: 24px;letter-spacing: -0.48px;padding-left: 15px;margin-left: 17px;position: relative; line-height: 80px;}
    #header .header_title::before {content: " ";display: block;width: 2px;height: 28px;background-color: #e6e6e6;position: absolute;left: 0px;top: 26px;}
    #header .header_image_menu_item.pressed, #header .header_image_menu_item.hovering { color:#002f87; }
    #header .header_image_menu_item { float:left;position:relative;padding-left:30px;padding-right:30px;height:80px;line-height: 80px;font-size:20px;font-family: notokr-medium;color:#2f3035;vertical-align: middle;text-align: center; }


    #header_top .header_top_item:last-child,
    #header .header_image_menu_item:last-child{
        padding-right: 0px;
    }


}
@media screen and (min-width:1240px) and (max-width:1500px) {
    #header .header_image_menu_item{padding: 0 20px;}
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {

    .container {position:relative;width :100%;box-sizing: border-box;padding-left:30px;padding-right:30px;}
    .header_container { margin-left:30px;margin-right:30px;position:relative; }

    #header { height:80px; }
    #header .header_buttons { position:absolute;right:0;top:30px; }

    #header .header_logo_image {width: 39px;display: inline-block;padding-top: 21px;cursor: pointer;float: left;}

    #header .header_title {font-size: 22px;letter-spacing: -0.44px;margin-left: 7px;display: inline-block;vertical-align: middle;line-height: 80px;}
    #header .header_search_button {width: 24px;cursor:pointer;}
    #header .header_menu_button {width: 24px;cursor:pointer;margin-left:20px;}
}

/* Mobile */
@media screen and (max-width:767px) {

    .container {position:relative;width :100%;box-sizing: border-box;padding-left:20px;padding-right:20px;}
    .header_container { margin-left:20px;margin-right:20px;position:relative; }

    #header {height: 80px;}
    #header .header_buttons { position:absolute;right:0;top:26px; }
    #header .header_logo_image {width: 39px;display: inline-block;padding-top: 21px;cursor: pointer;float: left;}

    #header .header_title {font-size: 22px;letter-spacing: -0.44px;margin-left: 7px;display: inline-block;vertical-align: middle;line-height: 80px;}
    #header .header_search_button {width: 24px;cursor:pointer;}
    #header .header_menu_button {width: 24px;cursor:pointer;margin-left:20px;}
}


















#footer { background-color:#232323; }
#footer_top .footer_top_external { background: #282828; display: none; }
#footer_top .footer_top_external.showing { display: block; }

/* Mobile */
@media screen and (max-width:767px) {

    #footer_top {line-height: 50px;background-color:#1e1e1e;color:#aaaaaa;font-family: notokr-regular;font-size:16px;text-align: center;}
    #footer_top .footer_top_toggle { height: 50px; cursor: pointer;}
    #footer_top .footer_top_toggle img { margin-left:5px;vertical-align: middle; transform: translateY(-2px); }
    #footer_top .footer_top_toggle img.opened { transform: rotate(180deg) translateY(2px);}

    #footer_top .footer_top_external.showing { box-sizing: border-box; height: 250px; overflow-y: scroll; }
    #footer_top .footer_top_external.showing .footer_top_external_list { display: block; line-height: 30px; font-size: 0; padding-top: 40px; padding-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_item { display: block; text-align: left; margin-bottom: 20px;}
    #footer_top .footer_top_external.showing .external_header {border: 1px solid white;color: white;width: 115px;height: 30px;display: block;vertical-align: top;line-height: 30px;text-align: center;font-family: notokr-medium, sans-serif;font-size: 14px;letter-spacing: -0.28px;width: 100%; margin-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 { display: block; line-height: 30px; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li { line-height: 30px; display: inline-block; vertical-align: middle; margin-right: 30px; margin-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 li a { color: white; font-family: notokr-regular, san-serif; font-size: 14px; letter-spacing: -0.28px; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:hover a { text-decoration: underline; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:not(:last-child) { margin-right: 20px; }


    #footer_middle { position:relative;width:100%; }
    #footer_middle .footer_middle_item_left { position:absolute;left:12px;height:16px;top:12px; }
    #footer_middle .footer_middle_item_right { position:absolute;right:12px;height:16px;top:12px; }

    #footer_bottom { width:100%;color:#e6e6e6;font-size:14px;line-height:24px;padding-top:22px;padding-bottom:22px;text-align: center;font-family: notokr-regular; }
    #footer_middle { width:100%;line-height: 40px;height:40px;background-color:#232323;color:#e6e6e6;border-bottom:1px solid #1e1e1e;font-family: notokr-regular;font-size:14px;text-align: center; }
    #footer_middle .footer_middle_item { display:inline-block;margin-left:15px;margin-right:15px;}
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {

    #footer_top {line-height: 50px;background-color:#1e1e1e;color:#aaaaaa;font-family: notokr-regular;font-size:16px;text-align: center;}
    #footer_top .footer_top_toggle { height: 50px; cursor: pointer;}
    #footer_top .footer_top_toggle img { margin-left:5px;vertical-align: middle; transform: translateY(-2px); }
    #footer_top .footer_top_toggle img.opened { transform: rotate(180deg) translateY(2px);}


    #footer_top .footer_top_external.showing .footer_top_external_list { display: block; line-height: 30px; font-size: 0; padding-top: 40px; padding-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_item { display: block; text-align: left; margin-bottom: 20px;}
    #footer_top .footer_top_external.showing .external_header { border: 1px solid white; color: white; width: 115px; height: 30px; display: inline-block; vertical-align: top; line-height: 30px; text-align: center; font-family: notokr-medium, sans-serif; font-size: 16px; letter-spacing: -0.32px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 { display: inline-block; vertical-align: top; line-height: 30px; width: calc(100% - 150px); margin-left: 30px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 li { line-height: 30px; display: inline-block; vertical-align: middle; margin-right: 30px; margin-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 li a { color: white; font-family: notokr-regular, san-serif; font-size: 14px; letter-spacing: -0.28px; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:hover a { text-decoration: underline; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:not(:last-child) { margin-right: 30px; }


    #footer_middle { position:relative;width:100%; }
    #footer_middle .footer_middle_item_left { position:absolute;left:12px;height:16px;top:12px; }
    #footer_middle .footer_middle_item_right { position:absolute;right:12px;height:16px;top:12px; }

    #footer_bottom { width:100%;color:#e6e6e6;font-size:14px;line-height:24px;padding-top:22px;padding-bottom:22px;text-align: center;font-family: notokr-regular; }
    #footer_middle { width:100%;line-height: 40px;height:40px;background-color:#232323;color:#e6e6e6;border-bottom:1px solid #1e1e1e;font-family: notokr-regular;font-size:14px;text-align: center; }
    #footer_middle .footer_middle_item { display:inline-block;margin-left:15px;margin-right:15px;}
}

/* PC */
@media screen and (min-width:1240px) {

    #footer_top {line-height: 50px;background-color:#1e1e1e;color:#aaaaaa;font-family: notokr-regular;font-size:16px;text-align: center;}
    #footer_top .footer_top_toggle { height: 50px; cursor: pointer;}
    #footer_top .footer_top_toggle img { margin-left:5px;vertical-align: middle; transform: translateY(-2px); }
    #footer_top .footer_top_toggle img.opened { transform: rotate(180deg) translateY(2px);}


    #footer_top .footer_top_external.showing .footer_top_external_list { display: block; line-height: 30px; font-size: 0; padding-top: 40px; padding-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_item { display: block; text-align: left; margin-bottom: 20px;}
    #footer_top .footer_top_external.showing .external_header { border: 1px solid white; color: white; width: 115px; height: 30px; display: inline-block; vertical-align: top; line-height: 30px; text-align: center; font-family: notokr-medium, sans-serif; font-size: 16px; letter-spacing: -0.32px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 { display: inline-block; vertical-align: top; line-height: 30px; width: calc(100% - 150px); margin-left: 30px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 li { line-height: 30px; display: inline-block; vertical-align: middle; margin-right: 30px; margin-bottom: 10px;}
    #footer_top .footer_top_external.showing .footer_top_external_list2 li a { color: white; font-family: notokr-regular, san-serif; font-size: 14px; letter-spacing: -0.28px; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:hover a { text-decoration: underline; }
    #footer_top .footer_top_external.showing .footer_top_external_list2 li:not(:last-child) { margin-right: 30px; }

    #footer_bottom { width:100%;color:#e6e6e6;font-size:14px;line-height:30px;padding-top:30px;padding-bottom:30px;text-align: center;font-family: notokr-regular; }
    #footer_middle { width:100%;line-height: 40px;height:40px;background-color:#232323;color:#e6e6e6;border-bottom:1px solid #1e1e1e;font-family: notokr-regular;font-size:14px;text-align: center; }
    #footer_middle .footer_middle_item { display:inline-block;margin-left:15px;margin-right:15px;}

}









#pc_menu {top: 110px;background-color: #f8f8f8;position: absolute;z-index: 100;display: none;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}  #pc_menu .container {}
.pc_menu_items {float: left;background-color: #ffffff;border-right: 1px solid #e5e5e5;padding-top: 10px;padding-bottom: 10px;}
.pc_menu_item {cursor: pointer;line-height: 24px;height: auto;font-family: notokr-regular, sans-serif;font-size: 16px;letter-spacing: -0.32px;color: #232323; text-align: center;width: 148px;padding: 13px 10px;word-break: keep-all;}
.pc_menu_item img {vertical-align: middle;margin-left: 10px;width: 13px;}
.pc_menu_item img.pc_menu_item_link {display: inline;}
.pc_menu_item img.pc_menu_item_link_white {display: none;}
.pc_menu_item:hover, .pc_menu_item.pressed {color: #002f87;}
/*.pc_menu_item:hover img.pc_menu_item_link, .pc_menu_item.pressed img.pc_menu_item_link {display: none;}*/
/*.pc_menu_item:hover img.pc_menu_item_link_white, .pc_menu_item.pressed img.pc_menu_item_link_white {display: inline;}*/
.pc_menu_sub_items {float: left;box-sizing: border-box;}
.pc_menu_sub_item {cursor: pointer;line-height: 26px;font-family: notokr-medium;font-size: 16px;color: #707070;padding: 10px 30px;width: 220px;}
.pc_menu_sub_items .pc_menu_sub_item:first-child{padding-top: 40px;}
.pc_menu_sub_items .pc_menu_sub_item:last-child{padding-bottom: 40px;}
.pc_menu_sub_item:hover, .pc_menu_sub_item.pressed {color: #002f87;}
.pc_menu_sub_item img {vertical-align: middle;margin-left: 10px;width: 13px;transform: translate(0px, -2px);}


/* Mobile */
@media screen and (max-width:767px) {

}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {

}

/* PC */
@media screen and (min-width:1240px) {
    #pc_menu.showing { display:block; }
}






#mobile_menu { top:0;left:0;height:100%;position:fixed;width:100%;z-index:1100;display:none; }
#mobile_menu.showing { display:block; }

#mobile_menu .mobile_menu_dim { position:absolute;width:100%;height:100%;background-color:#000000;opacity: 0.7; }
#mobile_menu .mobile_menu_section { height: 100%;position:absolute;background-color:#ffffff;opacity: 1;right:0;width:500px;overflow:auto;box-sizing: border-box;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;  }


#mobile_menu .mobile_menu_header_item { position:relative;margin-right:30px;font-size:14px;font-family: notokr-regular; color:#707070;height:24px;line-height: 24px;float:left; }
#mobile_menu .mobile_menu_header_item img { vertical-align: middle;margin-left:5px; }
#mobile_menu .mobile_menu_header_item select { position:absolute;left:0;top:0;bottom:0;right:0;width:100%;opacity:0;cursor: pointer; }
#mobile_menu .mobile_menu_header_close_button { float:right;cursor:pointer;width:24px; }
#mobile_menu .mobile_menu_content { margin-top:55px; }

#mobile_menu .mobile_menu_content_title { position:relative;cursor:pointer;font-size:20px;font-family: notokr-medium;height:60px;line-height: 60px;color:#232323;border-bottom:1px solid #e5e5e5; }
#mobile_menu .mobile_menu_content_title.pressed { color:#013a86;border-bottom: 1px solid #013a86; }

#mobile_menu .mobile_menu_content_title .mobile_menu_content_title_plus { display:block; }
#mobile_menu .mobile_menu_content_title .mobile_menu_content_title_minus { display:none; }

#mobile_menu .mobile_menu_content_title.pressed .mobile_menu_content_title_plus { display:none; }
#mobile_menu .mobile_menu_content_title.pressed .mobile_menu_content_title_minus { display:block; }

#mobile_menu .mobile_menu_content_title.none img { display:none;position:absolute;right:0;top:10px;width:14px; }
#mobile_menu .mobile_menu_content_title img { position:absolute;right:0;top:22px;width:14px; }

#mobile_menu .mobile_menu_content_body { display:none; }
#mobile_menu .mobile_menu_content_body.showing{ display:block; }

#mobile_menu .mobile_menu_content_body_item { padding-left:20px;cursor:pointer;height:50px;font-size:18px;color:#707070;font-family: notokr-medium;line-height: 50px; }
#mobile_menu .mobile_menu_content_body_item.pressed, #mobile_menu .mobile_menu_content_body_item:hover { color:#ffffff;background:#2b364a; }

/* Mobile */
@media screen and (max-width:767px) {
    #mobile_menu .mobile_menu_section { width :100%; }
    #mobile_menu .mobile_menu_header { width: calc(100% - 34px ); height:24px;line-height:24px;  position: relative; }
    #mobile_menu .mobile_menu_header_item { position:relative;margin-right:10px;font-size:14px;font-family: notokr-regular; color:#707070;height:24px;line-height: 24px;float:left; }
    #mobile_menu .mobile_menu_header_item img { vertical-align: middle;margin-left:5px; }
    #mobile_menu .mobile_menu_header_item select { position:absolute;left:0;top:0;bottom:0;right:0;width:100%;opacity:0;cursor: pointer; }
    #mobile_menu .mobile_menu_header_close_button { position: absolute; top: 0; right:-34px; cursor:pointer;width:24px; }
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {
    #mobile_menu .mobile_menu_header { width: calc(100% - 34px ); height:24px;line-height:24px;  position: relative; }
    #mobile_menu .mobile_menu_header_close_button { position: absolute; top: 0; right:-34px; cursor:pointer;width:24px; }
}

/* PC */
@media screen and (min-width:1240px) {
    #mobile_menu .mobile_menu_header { overflow:auto;height:24px;line-height:24px; }
}






.top_down_button { position:fixed;right:20px;bottom:10px;border:1px solid #e5e5e5;border-bottom:none;text-align: center;background: #ffffff; }
.top_down_button .top_down_button_up { height:60px;width:60px;line-height: 60px;cursor: pointer; border-bottom:1px solid #e5e5e5; }
.top_down_button .top_down_button_down { height:60px;width:60px;line-height: 60px;cursor:pointer;border-bottom:1px solid #e5e5e5; }
.top_down_button img {vertical-align: middle;}












/* 페이지 관련 사항 */

.page_content {}
.page_content_header { text-align: center; }
.page_content_header_desc { display: none; }

.page_content_menu .sub_menu_item{ list-style-type: none; margin-left: 0px;}
.page_content_menu .menu_list .menu_item.home span{ display: inline-block; vertical-align: middle; }

.page_sub_content_menu.showing {z-index: 2}

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

    .page_content_header { margin-right: 50px; margin-left: 50px; background-image:url(/res/service/img/department16/sub_common/img_slide.png);background-size:cover;height:207px; }
    .page_content_header_title { font-family: NS-EB, sans-serif;color:#ffffff;font-size:50px;letter-spacing: -1px;line-height:50px;height:50px;padding-top:80px; }
    .page_content_header_desc { margin-top:46px;font-family: notokr-regular;font-size: 16px;color:#ffffff; }

    .page_content_menu {margin-top: -30px;}
    .page_content_menu .menu_list{display: table;table-layout: fixed; font-family: notokr-regular, sans-serif; font-size: 20px; letter-spacing: -0.4px; }
    .page_content_menu .menu_list .menu_item{display: table-cell;vertical-align: middle;background-color: #013a86;color: white;box-sizing: border-box;height: 60px;padding: 0px 30px;position: relative;cursor: pointer;word-break: keep-all;}
    .page_content_menu .menu_list .menu_item label span{}
    .page_content_menu .menu_list .menu_item:not(.home) img{width: 10px;position: absolute;right: 20px;top: calc(50% - 4px);}

    .page_content_menu .menu_list .menu_item.active img {transform: rotate(180deg);}
    .page_content_menu .menu_list .menu_item:not(:last-child){border-right: 1px solid #91c3bb;}
    .page_content_menu .menu_list .menu_item.home img{display: table-cell;background-color: #013a86;color: white;width: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;}

    .page_sub_content_menu {display: none !important;position: absolute;z-index: 1;display: inline-block;width: calc(33.3% + 2px);}
    .page_sub_content_menu.showing {display: block !important;}
    .page_sub_content_menu .sub_menu_list {}
    .page_sub_content_menu .sub_menu_list .sub_menu_item {cursor: pointer !important;display: block;box-sizing: border-box;padding: 13px 30px;background-color: #013a86;color: white;border-top: 1px solid #91c3bb;word-break: keep-all;}

    .page_content_container { padding-top:80px;padding-bottom:80px; }
    .page_content_title { font-size:32px;color:#232323;font-family: notokr-medium;line-height: 34px; }
    .page_content_tab { display:none; }
    .page_content_tab.showing { display: block;overflow:auto;margin-top:50px; }
    .page_content_tab_item { float:left;box-sizing: border-box;background-color:#ffffff;border:1px solid #e5e5e5;border-left:1px solid #ffffff;color:#707070;font-family: notokr-regular;font-size:16px;line-height:60px;cursor: pointer;text-align: center; }
    .page_content_tab > :first-child { border-left:1px solid #e5e5e5; }
    .page_content_tab_item.pressed, .page_content_tab_item:hover { background-color:#013a86;border:1px solid #013a86;color:#ffffff; }

    .page_content_menu_mobile { display:none; }
    .page_content_menu_panel { display:none; }
    .page_content_combobox { display:none; }

    .page_content_body { margin-top:50px;font-size:16px;font-family: notokr-regular;color:#333333;line-height:28px; }
    .web_container{
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding-left: 100px;
        padding-right: 100px;
    }
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {

    .page_content_header { margin-right: 30px; margin-left: 30px; background-image:url(/res/service/img/department16/sub_common/img_slide.png);background-size:cover;height:272px; }
    .page_content_header_title { font-family: notokr-bold;color:#ffffff;font-size:50px;line-height:50px;height:50px;padding-top:80px; }
    .page_content_header_desc { margin-top:46px;font-family: notokr-regular;font-size: 16px;color:#ffffff; }


    .page_content_menu {margin-top: -30px; padding: 0px 30px;}
    .page_content_menu .menu_list{display: table; font-family: notokr-regular, sans-serif; font-size: 18px; letter-spacing: -0.36px;}
    .page_content_menu .menu_list .menu_item{display: table-cell;vertical-align: middle;background-color: #013a86;color: white;box-sizing: border-box;height: 60px;padding: 0px 30px 0px 20px;position: relative;cursor: pointer;word-break: keep-all;font-size: 16px;}
    .page_content_menu .menu_list .menu_item.home { width: 60px; padding: 0px; text-align: center;}
    .page_content_menu .menu_list .menu_item label span{}
    .page_content_menu .menu_list .menu_item:not(.home) { width: calc(50% - 30px); }
    .page_content_menu .menu_list .menu_item:not(.home) img{width: 10px;position: absolute;right: 20px;top: calc(50% - 4px);}

    .page_content_menu .menu_list .menu_item.active img {transform: rotate(180deg);}
    .page_content_menu .menu_list .menu_item:not(:last-child){border-right: 1px solid #91c3bb;}
    .page_content_menu .menu_list .menu_item.home img{display: table-cell;background-color: #013a86;color: white;width: 16px;display: inline-block;vertical-align: middle;}

    .page_sub_content_menu {display: none !important;position: absolute;z-index: 1;display: inline-block;width: calc(33.3% + 2px);}
    .page_sub_content_menu.showing {display: block !important;}
    .page_sub_content_menu .sub_menu_list {}
    .page_sub_content_menu .sub_menu_list .sub_menu_item {cursor: pointer !important;display: block;box-sizing: border-box;padding: 13px 30px;background-color: #013a86;color: white;border-top: 1px solid #91c3bb;word-break: keep-all;}



    .page_content_menu_mobile { cursor:pointer;position:relative;height:60px;line-height:60px;text-align: center;font-size:18px;font-family: notokr-regular;color:#ffffff;background: #2b364a;  }
    .page_content_menu_mobile img { position:absolute;right:17px;top:24px;width:14px; }

    .page_content_menu_panel { display:none; }
    .page_content_menu_panel.showing { display:block; }

    .page_content_menu_panel_content { display:none; }
    .page_content_menu_panel_content.showing { display:block;border:1px solid #e5e5e5;border-top:none;background: #f8f8f8;padding:10px;  }
    .page_content_menu_panel > :first-child { border-top:1px solid #e5e5e5; }

    .page_content_menu_panel_header { position:relative;cursor:pointer;height:42px;line-height:42px;font-family:notokr-medium;font-size:14px;color:#2b364a;padding-left:18px;border:1px solid #e5e5e5;border-top:none; }
    .page_content_menu_panel_header > img { position:absolute;right:20px;top:18px;width:12px; }
    .page_content_menu_panel_header .page_content_menu_panel_header_up { display: none; }
    .page_content_menu_panel_header .page_content_menu_panel_header_down { display: block; }
    .page_content_menu_panel_header.pressed .page_content_menu_panel_header_up { display: block; }
    .page_content_menu_panel_header.pressed .page_content_menu_panel_header_down { display: none; }
    .page_content_menu_panel_header.none .page_content_menu_panel_header_up { display: none; }
    .page_content_menu_panel_header.none .page_content_menu_panel_header_down { display: none; }

    .page_content_menu_panel_content_item { padding-left:10px;font-size:12px;font-family: notokr-regular;color:#707070;height:14px;line-height:14px;margin-top:15px;margin-bottom: 15px;cursor:pointer; }
    .page_content_menu_panel_content_item.pressed, .page_content_menu_panel_content_item:hover { color:#013a86; }
    .page_content_menu_panel_content_item_link { width:12px;vertical-align: middle;margin-left:10px; }

    .page_content_container { padding-top:70px;padding-bottom:70px; }
    .page_content_title { font-size:34px;color:#232323;font-family: notokr-medium;line-height: 34px; }

    .page_content_tab { display:none; }

    .page_content_combobox { display:none;margin-top:40px;height:50px;line-height: 50px;position:relative;background: #013a86;font-size:16px;font-family: notokr-regular;text-align: center;color:#ffffff; }
    .page_content_combobox.showing { display:block; }
    .page_content_combobox span { color:#ffffff;height:50px;line-height:50px;font-family: notokr-regular;font-size:16px;padding-left:30px; }
    .page_content_combobox img { position:absolute;right:20px;top:23px; width: 10px;}
    .page_content_combobox select { position:absolute;width:100%;left:0;right:0;top:0;bottom:0;opacity:0; }

    .page_content_body { margin-top:40px;font-size:16px;font-family: notokr-regular;color:#333333;line-height:28px; }
}




/* Mobile */
@media screen and (max-width:767px) {

    .page_content_header { background-image:url(/res/service/img/department16/sub_common/img_slide.png);background-size:cover;height:150px;margin: 0px 20px; }
    .page_content_header_title { font-family: notokr-bold;color:#ffffff;font-size:32px;line-height:150px;height:150px;text-align: center; }
    .page_content_header_desc { display:none; }


    .page_content_menu {padding: 0px 0px;}
    .page_content_menu .menu_list{display: table; font-family: notokr-regular, sans-serif; font-size: 18px; letter-spacing: -0.36px;}
    .page_content_menu .menu_list .menu_item{display: table-cell;vertical-align: middle;background-color: #013a86;color: white;box-sizing: border-box;height: 50px;padding: 0px 30px 0px 20px;position: relative;cursor: pointer;word-break: keep-all;font-size: 16px;}
    .page_content_menu .menu_list .menu_item.home { width: 50px; padding: 0px; text-align: center;}
    .page_content_menu .menu_list .menu_item label span{}
    .page_content_menu .menu_list .menu_item:not(.home) { width: calc(50% - 25px); }
    .page_content_menu .menu_list .menu_item:not(.home) img{width: 10px;position: absolute;right: 20px;top: calc(50% - 4px);}

    .page_content_menu .menu_list .menu_item.active img {transform: rotate(180deg);}
    .page_content_menu .menu_list .menu_item:not(:last-child){border-right: 1px solid #91c3bb;}
    .page_content_menu .menu_list .menu_item.home img{display: table-cell;background-color: #013a86;color: white;width: 16px;display: inline-block;vertical-align: middle;}

    .page_sub_content_menu {display: none !important;position: absolute;z-index: 1;display: inline-block;width: calc(33.3% + 2px);}
    .page_sub_content_menu.showing {display: block !important;}
    .page_sub_content_menu .sub_menu_list {}
    .page_sub_content_menu .sub_menu_list .sub_menu_item {cursor: pointer !important;display: block;box-sizing: border-box;padding: 13px 20px;background-color: #013a86;color: white;border-top: 1px solid #91c3bb;word-break: keep-all;}


    .page_content_menu_mobile { cursor:pointer;position:relative;height:60px;line-height:60px;text-align: center;font-size:18px;font-family: notokr-regular;color:#ffffff;background: #2b364a;  }
    .page_content_menu_mobile img { position:absolute;right:17px;top:24px;width:14px; }

    .page_content_menu_panel { display:none; }
    .page_content_menu_panel.showing { display:block; }

    .page_content_menu_panel_content { display:none; }
    .page_content_menu_panel_content.showing { display:block;border:1px solid #e5e5e5;border-top:none;background: #f8f8f8;padding:10px;  }
    .page_content_menu_panel > :first-child { border-top:1px solid #e5e5e5; }

    .page_content_menu_panel_header { position:relative;cursor:pointer;height:42px;line-height:42px;font-family:notokr-medium;font-size:14px;color:#2b364a;padding-left:18px;border:1px solid #e5e5e5;border-top:none; }
    .page_content_menu_panel_header > img { position:absolute;right:20px;top:18px;width:12px; }
    .page_content_menu_panel_header .page_content_menu_panel_header_up { display: none; }
    .page_content_menu_panel_header .page_content_menu_panel_header_down { display: block; }
    .page_content_menu_panel_header.pressed .page_content_menu_panel_header_up { display: block; }
    .page_content_menu_panel_header.pressed .page_content_menu_panel_header_down { display: none; }
    .page_content_menu_panel_header.none .page_content_menu_panel_header_up { display: none; }
    .page_content_menu_panel_header.none .page_content_menu_panel_header_down { display: none; }

    .page_content_menu_panel_content_item { padding-left:10px;font-size:12px;font-family: notokr-regular;color:#707070;height:14px;line-height:14px;margin-top:15px;margin-bottom: 15px;cursor:pointer; }
    .page_content_menu_panel_content_item.pressed, .page_content_menu_panel_content_item:hover { color:#013a86; }
    .page_content_menu_panel_content_item_link { width:12px;vertical-align: middle;margin-left:10px; }

    .page_content_container { padding-top:50px;padding-bottom:50px; }
    .page_content_title { font-size:24px;color:#232323;font-family: notokr-medium;line-height: 24px; }

    .page_content_tab { display:none; }

    .page_content_combobox { display:none;margin-top:40px;height:50px;line-height: 50px;position:relative;background: #013a86;font-size:16px;font-family: notokr-regular;text-align: center;color:#ffffff; }
    .page_content_combobox.showing { display:block; }
    .page_content_combobox span { color:#ffffff;height:50px;line-height:50px;font-family: notokr-regular;font-size:16px;padding-left:30px; }
    .page_content_combobox img { position:absolute;right:20px;top:23px; width: 10px;}
    .page_content_combobox select { position:absolute;width:100%;left:0;right:0;top:0;bottom:0;opacity:0; }

    .page_content_body { margin-top:40px;font-size:14px;font-family: notokr-regular;color:#232323;line-height:24px;  }
}


/* 세부페이지 타이틀 */
/* PC */
@media screen and (min-width:1240px) {
    .h2_title {
        font-size: 24px;
        color: #013a86;
        font-family: notokr-medium;
        line-height: 1;
        margin-top: 73px;
        margin-bottom: 40px;
    }

    .h2_title:first-child{
        margin-top: 0;
    }

    .h3_title {
        position: relative;
        color: #232323;
        font-family: notokr-medium;
        line-height: 1;
        font-size: 20px;
        padding-left: 14px;
        margin-top: 43px;
        margin-bottom: 23px;
    }

    .h3_title::before {
        content: "";
        background: url(/res/service/img/department16/sub_common/bu_title.png);
        background-size: cover;
        height: 16px;
        width: 4px;
        position: absolute;
        left: 0;
        bottom: 1px;
    }
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {
    .h2_title {
        font-size: 20px;
        color: #013a86;
        font-family: notokr-medium;
        line-height: 1;
        margin-top: 45px;
        margin-bottom: 30px;
    }

    .h2_title:first-child{
        margin-top: 0;
    }

    .h3_title {
        position: relative;
        color: #232323;
        font-family: notokr-medium;
        line-height: 1;
        font-size: 16px;
        padding-left: 14px;
        margin-top: 35px;
        margin-bottom: 15px;
    }

    .h3_title::before {
        content: "";
        background: url(/res/service/img/department16/sub_common/bu_title.png);
        background-size: cover;
        height: 16px;
        width: 4px;
        position: absolute;
        left: 0;
        bottom: -1px;
    }
}

/* Mobile */
@media screen and (max-width:767px) {
    .h2_title {
        font-size: 20px;
        color: #013a86;
        font-family: notokr-medium;
        line-height: 1;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .h2_title:first-child{
        margin-top: 0;
    }

    .h3_title {
        position: relative;
        color: #232323;
        font-family: notokr-medium;
        line-height: 1;
        font-size: 16px;
        padding-left: 14px;
        margin-top: 35px;
        margin-bottom: 15px;
    }

    .h3_title::before {
        content: "";
        background: url(/res/service/img/department16/sub_common/bu_title.png);
        background-size: cover;
        height: 16px;
        width: 4px;
        position: absolute;
        left: 0;
        bottom: -1px;
    }
}


/* 학과소개 이미지 */
.info_img_wrapper img{
    display: none;
}
.info_img_wrapper{
    text-align: center;
}
@media screen and (min-width: 1240px){
    .info_img_wrapper img:nth-child(1){
        display: block;
    }
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .info_img_wrapper img:nth-child(2){
        display: inline-block;
    }
}
@media screen and (max-width: 767px){
    .info_img_wrapper{
        width: 100%;
    }
    .info_img_wrapper img:nth-child(3){
        display: block;
        width: 100%;
    }
}