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 */
@media screen and (min-width:1240px) {

    .container {position:relative;width: 1240px;margin: 0 auto;}
    .header_container { margin-left:50px;margin-right:50px;position:relative; }

    #header_top { position:relative; padding-left: 50px; padding-right: 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 .go_csufund .ico_fund { display: inline-block; vertical-align: middle; }

    #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:80px;line-height: 80px; }

    #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:180px;}

    #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:25px;padding-right:25px;height:80px;line-height: 80px;font-size:20px;font-family: notokr-medium;color:#2f3035;vertical-align: middle;text-align: center; }
}

/* 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_top .go_csufund .ico_fund { width: 20px; margin-right: 10px; }

    #header { height:80px;; }
    #header .header_buttons { position:absolute;right:0;top:30px; }
    #header .header_logo_image {width:170px;display: block;padding-top: 21px;cursor: pointer;}
    #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:170px;display: block;padding-top: 21px;cursor: pointer;}
    #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; }
#footer_bottom, #footer_middle {background-color: #333333;}

/* 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;background-color:#333333; }
    #footer_middle { width:100%;line-height: 40px;height:40px;background-color:#333333;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;}
    #footer_middle .footer_middle_item a{color: #e6e6e6}
}

/* 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;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;}
    #footer_middle .footer_middle_item a{color: #e6e6e6}
}

/* 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;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;cursor:pointer;}
    #footer_middle .footer_middle_item a{color: #e6e6e6}

}



















#pc_menu { top:120px;background-color:#f8f8f8;position:absolute;width:100%;z-index:100;display:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
.top_banner.showing ~ #pc_menu { top: 250px;min-height: 250px; }
#pc_menu .container {}
#pc_menu .pc_menu_background { width: 50%;position: absolute;right: 0;background: #ffffff;bottom: 0;top: 0;}
.pc_menu_text { width:385px;float:left;position:relative; }
.pc_menu_text img { position:absolute;bottom:0;right:0;}

.pc_menu_text_title { font-family: notokr-medium;font-size:36px;color:#232323;margin-top:78px; }
.pc_menu_text_desc { font-family: notokr-regular;font-size:18px;color:#707070;margin-top:36px;line-height:30px; }
.pc_menu_items { float:left;background-color:#ffffff;border-right:1px solid #e5e5e5;padding-top:40px;padding-bottom:40px;min-height: 170px; }
.pc_menu_item { cursor:pointer;line-height:50px;height:50px;font-family: notokr-medium;font-size:18px;color:#232323;padding-left:60px;width:220px; }
.pc_menu_item img { vertical-align: middle;margin-left:10px;width:12px; }
.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 { background:#2b364a;color:#ffffff; }
.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;padding-top:40px;padding-bottom:40px; }
.pc_menu_sub_item { cursor:pointer;line-height:50px;height:50px;font-family: notokr-medium;font-size:18px;color:#707070;padding-left:60px;/*width:230px;*/ }
.pc_menu_sub_item:hover, .pc_menu_sub_item.pressed { color:#013a86; }
.pc_menu_sub_item img { vertical-align: middle;margin-left:10px;width:12px; 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;cursor : pointer;}
#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; }
}


.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor: auto!important;
}








.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 {}


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

    .page_content_header { background-image:url(/res/service/img/index/sub/img_slide1.png);background-size:cover;height:272px; }
    .page_content_header .container { padding: 0 50px; }
    .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 { display:none;height:60px;line-height:60px;background:#2b364a;font-size: 18px;text-align: center; }
    .page_content_menu.showing { display:block; }
    .page_content_menu_item { margin-left:30px;margin-right:30px;display:inline-block;cursor:pointer;color:#ffffff;opacity: 0.4; }
    .page_content_menu_item_link { width:12px;vertical-align: middle;margin-left:10px; }
    .page_content_menu_item.pressed, .page_content_menu_item:hover { opacity: 1; }

    .page_content_sub_menu { height:60px;line-height:57px;background:#ffffff;font-size: 16px;text-align: center; border-bottom:1px solid #e5e5e5;display:none; }
    .page_content_sub_menu.showing { display:block; }
    .page_content_sub_menu_content .page_content_sub_menu_item:first-child{margin-left: 0}
    .page_content_sub_menu_content .page_content_sub_menu_item:last-child{margin-right: 0}
    .page_content_sub_menu_item { margin-left:15px;margin-right:15px;display:inline-block;cursor:pointer;color:#707070;border-bottom: 2px solid #ffffff; }
    .page_content_sub_menu_item_link { width:12px;vertical-align: middle;margin-left:10px; }
    .page_content_sub_menu_item.pressed, .page_content_sub_menu_item:hover { color:#013a86;border-bottom:2px solid #013a86; }

    .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;letter-spacing:-0.32px;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:#232323;line-height:28px; }
}

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

    .page_content_header { margin-left: 30px; margin-right: 30px; background-image:url(/res/service/img/index/sub/img_slide1.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-left: 30px; margin-right: 30px; display:none; }
    .page_content_sub_menu { display:none; }

    .page_content_menu_mobile { margin-left: 30px; margin-right: 30px; 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 { margin-left: 30px; margin-right: 30px; 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 { margin-left: 30px; margin-right: 30px; 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:#232323;line-height:28px; }
}




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

    .page_content_header { margin-left: 20px; margin-right: 20px; background-image:url(/res/service/img/index/sub/img_slide1.png);background-size:cover;height:150px; }
    .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 {  margin-left: 20px; margin-right: 20px; display:none; }
    .page_content_sub_menu { display:none; }

    .page_content_menu_mobile { margin-left: 20px; margin-right: 20px; 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 { margin-left: 20px; margin-right: 20px; 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 { margin-left: 20px; margin-right: 20px; 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;  }
}


/* 메인페이지 탑 배너 css */



.top_banner .top_container .top_banner_content .top_banner_title, .top_banner .top_container .top_banner_content .top_banner_category{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.top_banner {width: 100%;position: relative;background-image: url("/res/service/img/index/main/top_banner.png");background-position: center center;background-size: cover;background-repeat: no-repeat;}
.top_banner .top_container {height: 100%;margin: 0px auto;position: relative;}
.top_banner .top_container .top_banner_content.select {display: block;}
.top_banner .top_container .top_banner_content {position: absolute;top: 50%;left: 50%;cursor: pointer;text-align: center;transform: translate(-50%, -50%);}
.top_banner .top_container .top_banner_content .top_banner_category {font-size: 14px;line-height: 14px;color: #c59b62;margin-bottom: 10px;}
.top_banner .top_container .top_banner_content .top_banner_title {font-family: 'notokr-medium', Sans-Serif;color: #ffffff;}
.top_banner .top_container .top_banner_btn {position: absolute;top: 50%;transform: translate(0, -50%);cursor: pointer; }

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

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

    .top_banner{height: 130px;}
    .top_banner .top_container {width: 1240px;}
    .top_banner .top_container .top_banner_content{width: 900px;}
    .top_banner .top_container .top_banner_content .top_banner_category{font-size: 16px;line-height: 16px;margin-bottom: 18px;}
    .top_banner .top_container .top_banner_content .top_banner_title{font-size: 22px;line-height: 22px;}
    .top_banner .top_container .banner_prev{left: 0;}
    .top_banner .top_container .banner_next{right: 0;}
}

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


    .top_banner:not(.showing) .top_container { display: none; }

    .top_banner.showing {height: 120px;}
    .top_banner.showing .top_container {padding-left: 30px;padding-right: 30px; height: 80px;}
    .top_banner.showing .top_container .top_banner_content { width: calc(100% - 100px);}
    .top_banner.showing .top_container .top_banner_content .top_banner_category {font-size: 14px;line-height: 14px;margin-bottom: 10px;}
    .top_banner.showing .top_container .top_banner_content .top_banner_title {font-size: 18px;line-height: 18px;}
    .top_banner.showing .top_container .top_banner_btn {width: 22px;}
    .top_banner.showing .top_container .banner_prev {left: 30px;}
    .top_banner.showing .top_container .banner_next {right: 30px;}
}

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

    .top_banner:not(.showing) .top_container { display: none; }

    .top_banner.showing {height: 110px;}
    .top_banner.showing .top_container {padding-left: 20px;padding-right: 20px; height: 80px;}
    .top_banner.showing .top_container .top_banner_content {width: calc(100% - 120px);}
    .top_banner.showing .top_container .top_banner_content .top_banner_category {font-size: 14px;line-height: 14px;margin-bottom: 10px;}
    .top_banner.showing .top_container .top_banner_content .top_banner_title {font-size: 18px;line-height: 18px;}
    .top_banner.showing .top_container .top_banner_btn {width: 22px;}
    .top_banner.showing .top_container .banner_prev {left: 20px;}
    .top_banner.showing .top_container .banner_next {right: 20px;}
}


/* 탑 배너 닫기 */
.close_top_popup {box-sizing: border-box;text-align: center;font-size: 0;}
.close_top_popup .item_total{background-color: #013a86;color: white;border-radius: 100%;display: inline-block;vertical-align: middle;}
.close_top_popup .close_text {color: #013a86 !important;display: inline-block;vertical-align: middle;}

@media screen and (min-width:1240px) {
    .close_top_popup {width: 140px;height: 40px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
    .close_top_popup .item_total{width: 20px;height: 20px;font-size: 12px;line-height: 20px;margin-right: 5px;}
    .close_top_popup .close_text {font-size: 14px;letter-spacing: -0.28px;}
}

@media screen and (min-width:768px) and (max-width:1239px) {
    .close_top_popup {background-color: white;height: 40px;border-bottom: 1px solid #e6e6e6;cursor: pointer;}
    .close_top_popup .item_total{width: 20px;height: 20px;font-size: 12px;line-height: 20px;margin-right: 5px;}
    .close_top_popup .close_text {font-size: 14px;letter-spacing: -0.28px;line-height: 40px;}
}

@media screen and (max-width:767px) {
    .close_top_popup {background-color: white;height: 40px;border-bottom: 1px solid #e6e6e6;cursor: pointer;}
    .close_top_popup .item_total{width: 20px;height: 20px;font-size: 12px;line-height: 20px;margin-right: 5px;}
    .close_top_popup .close_text {font-size: 14px;letter-spacing: -0.28px;line-height: 40px;}
}


#google_translate_element .goog-te-gadget{
    position: relative;
    font-size: 0;
    font-family: notokr-medium;
    color: #747477;
}
#google_translate_element .goog-te-gadget > span{
    display: none;
}
#google_translate_element .goog-te-gadget .goog-te-combo {
    font-family: notokr-medium;
    color: #747477;

    height: 40px;
    margin: 0;
    font-size: 14px;
    width: 120px;

    border: none;
    background-color: white;
    line-height: 40px;
    text-align: center;
    opacity: 1;
}