@charset "utf-8";

/* **************************************** *
 * GLOBAL
 * **************************************** */
html {font-size: 2.777778vw;} /* @360px 1rem = 10px */
body {overflow-x: hidden; font-family: 'Maven Pro', 'NotoSansKR', sans-serif;/* font-family: sans-serif; */ word-break: keep-all;}

a {color: #1d3661;text-decoration: none;}
[lang="en"] {font-family:'Maven Pro',  'NotoSansKR', sans-serif;}

/* WRAP */
.wrap, .wrap_narrow {max-width: inherit; margin:0 2%;}

html.mobile ::-webkit-scrollbar {display:none;}
.mobile_br {display: block;}

.sub-member-register .wrap, .wrap_narrow {max-width: inherit; margin:0;}

/* IE11 recorder remove markup */
html.ie11 .nc-rec-fab,
html.ie11 .nc-rec-modal{ display:none}

html.mobile body{
  /*  font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,sans-serif; */
}

/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%; position: fixed; top: 0; left: 0; background: #fff; height: auto; z-index: 600;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
.header_wrap {max-width: inherit; height: 5.5rem; margin: 0 auto; position: relative; border-bottom: 0.0rem solid #ddd;background: inherit;}

/* LOGO */
#logo {
    position: absolute;
    top: 1.1rem;
    left: 1.5rem;
    width: 13.1rem;
    /* height: 2.8rem; */
    z-index: 2;    left: 5%;
    margin-left: 0rem;
}
#logo a {display: block; width: 100%; height: 100%;}
#logo a svg, #logo a img {display: inline-block; width: 35%; height: 100%;    top:2px;
    position: relative;}
#logo > a > h2 {
display: inline-block;
    font-size: 2.1rem !important;
    font-weight: bold;
    top: 0px;
    position: relative;
    margin-left: 2px;
    color: #000;
    letter-spacing: -0.023em;
    font-family: 'SeoulNamsan', 'NotoSansKR', sans-serif;
}
.minimize #logo .img path{
fill: #1d3661;
}
/* MENU */
.search_container {display: block; position: absolute; top: 1.2rem; right: 4.8rem; z-index: 2;}
.global_search_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}
.global_search_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
/* html.desktop .global_search_open_btn:hover:after {color: var(--color-primary);} */

.mobile_container {display: none; position: absolute; top: .8rem; right: 0.8rem; z-index: 2222;}
.mobile_open_btn {display: block; width: 4rem; height: 4rem; position: relative;}

.open_menu .mobile_open_btn{
display:none;
}

.mobile_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\E92D';font-size: 1.8rem;line-height: 4rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.mobile_container.fixed { position: fixed; top: 1.3rem; right: 4.9rem; z-index: 651;}
.mobile_container.fixed .mobile_open_btn:after { color: #fff; }
.noti_count { font-style: normal; width: 0.4rem; height: 0.4rem; background: #eb0808; display: inline; border-radius: 50%; position: absolute; top: 0.9rem; right: 0.7rem; }
.mobile_container .noti_count { opacity: 0;}
.mobile_container .noti_count--active { opacity: 1;}


.menu_container { position: absolute; top: 5.5rem; left: 0; width: 100%; background: #fff; padding-right: 4.6rem;/* border-bottom: 0.1rem solid #ddd; */    display: none;}
.menu_container:after {content: '';display: block;width: 2.5rem;height: -webkit-calc(100% - 0.2rem);height: calc(100% - 0.2rem); position: absolute;top: 0.1rem;right: 4.6rem;background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#fff));background: -webkit-linear-gradient(left, #ffffff, #fff);background: linear-gradient(to right, #ffffff, #fff);background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); z-index: 2; pointer-events: none;}
#menu { font-size: 0; width: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
#menu:after {content: ''; display: block; width: 100%; height: 0.1rem; background: #ddd; position: absolute; bottom: 0; left: 0;}
#menu > li { display: inline-block; vertical-align: top; padding: 0 1rem;}
#menu > li:first-child {padding-left: 1.5rem;}
#menu > li:last-child {padding-right: 1.5rem;}
#menu > li > a { color: #999; padding: 1.6rem 0.5rem 1.6rem; display: block; font-size: 1.5rem; line-height: 1; letter-spacing: -0.025em; position: relative; font-weight: 500;}
#menu > li > a:after {content: ''; display: block; width: 100%; height: 0.2rem; background: #1d3661; position: absolute; left: 0; bottom: 0; opacity: 0; z-index: 2;}
#menu > li > a:before {content: '';display: block;width: 0.4rem;height: 0.4rem;background: #eb0808;border-radius: 50%;position: absolute;top: 1.4rem;right: -0.2rem; opacity: 0;} /* 새글 있을때 (NEW) */
#menu > li.current-menu-item > a {color: #1d3661;}
#menu > li.current-menu-item > a:after {opacity: 1;}
#menu > li.current-page-ancestor > a {color: #1d3661;}
#menu > li.current-page-ancestor > a:after {opacity: 1;}
#menu > li > ul.sub-menu {display: none;}
/* #menu > li > ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 47px; left: 0; width: 100%; background: #f6f6f6; white-space: normal;}
#menu > li > ul.sub-menu:after { content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0; z-index: 2; }
#menu > li > ul.sub-menu > li { width: 33.33%; display: inline-block; vertical-align: top; text-align: center; padding: 16px 10px 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#menu > li > ul.sub-menu > li:nth-child(3n) { border-right: 0; }
#menu > li > ul.sub-menu > li > a { font-size: 14px; color: #666; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3; } */
#menu > li > a > span {display: block; position: relative;}

.menu_control_btn { position: absolute; top: 0; right: 0; width: 4.6rem; height: -webkit-calc(100% - 0.1rem); height: calc(100% - 0.1rem); display: block; border-left: 0.1rem solid #ddd;}
.menu_control_btn:after {content: '\e911'; font-family: 'nc-font'; font-size: 1rem; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.4rem; margin-left: -0.5rem; color: #999; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;}
.menu_control_btn.active:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

#menu > li.webview_mysubscribe_menu{display:none}
body.nc_webview #menu > li.webview_mysubscribe_menu{display:inline-block}
.nc_home_my_subscribe #menu > li.current-menu-item.menu-item-home > a { color: #999;}
.nc_home_my_subscribe #menu > li.current-menu-item.menu-item-home > a:after { display: none;}

/* MEMBER MENU */
.member_menu_container {opacity: 1; visibility: visible; z-index: 651; position: fixed; top: 1.8rem; right: 4.2rem;}
.member_menu {display: block; margin: 6px -10px; font-size: 0;position: relative;}
.member_menu > li {    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    position: relative;}

.open_menu .member_menu_container {opacity: 1; visibility: visible; z-index: 651; position: fixed; top: 1.8rem; left: 2rem;}

.member_menu > li > a {display: block; font-size: 14px; letter-spacing: -0.025em; color: #222;line-height: 1;font-weight: 500; }
.member_menu > li + li:before {margin-top:3px;content: ''; display: block; width: 0.1rem; height: 0.8rem; background: #ffffff; background: rgba(255, 255, 255, .25); position: absolute; top: 0.2rem; left: 0;}
html.ios .member_menu > li + li:before {top: 0;}

.open_menu .member_menu > li > a {display: block; font-size: 14px; letter-spacing: -0.025em; color: #fff;line-height: 1; }


/* MOBILE MENU */
#small_menu_close {display: block; opacity: 0; visibility: hidden; width: 3.2rem; height: 3.2rem; position: fixed;top:1rem; right: 1.2rem;  z-index: 651; cursor: pointer;}
#small_menu_close:after {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0;  font-family: 'nc-font'; content: '\e92e'; font-size: 1.5rem; line-height: 3.2rem; font-weight: normal; text-align: center; color: #fff;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
html.desktop #small_menu_close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#small_menu_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .75); z-index: 600;}
#small_menu_container {display: none; width: 100%; height: 100%; margin: 0; position: fixed; top: 0; bottom: 0; right: 0; z-index: 650; background: #fff; -webkit-overflow-scrolling: touch;}
.small_menu_container_inner {width: 100%; height: 100%; display: block; position: relative; font-size: 0;}

.small_menu_top {background:#1d3661; height: 220px;padding-top: 6.4rem;z-index: 1;
    position: relative;}
.small_menu_top:after{    background-image: url(../s_img/slogo.svg);
    background-repeat: no-repeat;
    background-position: 90% 90%;
    /* background-size: 140px; */
    content: '';
    position: absolute;
    z-index: 2;
    width: 140px;
    height: 80px;
    right: 5%;
    opacity: 70%;    top: 110px;}

.small_menu_top div{
    position: relative;

}

.small_menu_top div h2{
    font-size: 2rem;
    color: #fff;
    margin: 0 5%;
    font-size: 23px;
    font-weight: normal;
    top: 0px;
    font-family: 'SeoulNamsanB', 'NotoSansKR', sans-serif;


}


.small_search_container {border-top: 0.1rem solid rgba(255, 255, 255, .08); padding: 1.5rem 2rem;}
.small_search_form {position: relative;}
.small_search_form.active .small_search_label {opacity: 0; visibility: hidden;}
.small_search_form.focus .small_search_label {opacity: 0; visibility: hidden;}
.small_search_field_wrap { position: relative; width: 100%; height: 4.7rem; }
.small_search_field { background: none; border: 0; width: 100%; height: 100%; border-bottom: 0.2rem solid #fff; margin: 0; padding: 0; padding-right: 2.5rem; padding-left: 2.6rem; font-size: 1.5rem; color: #fff;outline: none; border-radius: 0;}
.small_search_label {font-size: 1.5rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; color: #fff; position: absolute; top: 1.6rem; left: 0; padding-left: 2.6rem; opacity: 1; visibility: visible;}
.small_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.small_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 4.7rem;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.small_search_container .search_keyword {padding: 1.8rem 0 0;}
.small_search_container .search_keyword ul li {border: 0.1rem solid #f2f2f2; background: none; border-radius: 5rem;}
.small_search_container .search_keyword ul li a { color: #f2f2f2; padding: 0.7rem 1.3rem 0.8rem;}
.small_search_container .nc_frm__clear-btn {right: -0.4rem;}
.small_search_container .nc_frm__clear-btn:after { color: #fff; }

.small_menu_area {width: 100%; height: -webkit-calc(100% - 220px); height: calc(100% - 220px); display: block; position: relative; font-size: 0;-ms-overflow-style:none;}
.small_menu_area > * {display: inline-block; vertical-align: top;}

.small_tab_nav {width: 36%; background: #f8f8f8; padding:1.6rem 0 0; height: 100%;}
.small_tab_menu > li {display: block;}
.small_tab_menu > li > a {display: block; font-size: 1.2rem; font-weight: 600; color: #a0a0a0; line-height: 1; letter-spacing: -0.025em; padding: 1.7rem 1rem 1.6rem;}
.small_tab_menu > li > a > span {position: relative;display: inline-block; vertical-align: top;}
.small_tab_menu > li > a > span:after {content: ''; display: block; width: 100%; height: 0.2rem;
    background: #1d3661;
    position: absolute;
    bottom: -0.7rem; left: 0; opacity: 0;}
.small_tab_menu > li.current-menu-item > a {/* color: var(--color-primary); */color: #1d3661;}
.small_tab_menu > li.current-menu-item > a > span:after {opacity: 1;}
.small_tab_menu > li.current_scroll > a {color:#1d3661;}
.small_tab_menu > li.current_scroll > a > span:after {opacity: 1;}


.small_depth_nav {width: 64%; height: 100%; padding: 0;}
.small_depth_nav_inner {height: 100%; overflow-y: scroll; padding: 0 2rem;}
.small_depth_menu li {display: block;width: 100%;}
.small_depth_menu a {display: block;position: relative;letter-spacing: -0.025em;line-height: 1;}
.small_depth_menu a:hover {color: #1d3661; -webkit-transition: color 300ms; transition: color 300ms;}
.small_depth_menu > li {margin-top: 2.1rem;}
.small_depth_menu > li:first-child {margin-top: 0;}
.small_depth_menu > li:first-child > a {padding-top: 3rem;}
.small_depth_menu > li > a {padding: 1.6rem 0;font-size: 1.5rem;font-weight: 600; color: #222;}
.small_depth_menu > li.current-menu-item > a {color: #1d3661;}
.small_depth_menu > li > ul {padding: 0;}
.small_depth_menu > li > ul.sub-menu {display: block;border-top: 0.1rem solid #ddd; padding-top: 0.4rem;}
.small_depth_menu > li > ul > li:first-child {border-top: none;}
.small_depth_menu > li > ul > li > a {padding: 1.1rem 0 1rem;    font-size: 1.3rem;
    font-weight: 600;color: #888;}
.small_depth_menu > li > ul > li > a:before {content: ''; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #1d3661; display: none;}
.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current-menu-ancestor > a {/* color: var(--color-primary); */}


.small_depth_menu > li > ul > li.current_page_ancestor.active > a,
.small_depth_menu > li > ul > li.current-menu-item > a,
.small_depth_menu > li > ul > li.current_page_parent > a,
.small_depth_menu > li > ul > li.current-page-ancestor > a{padding-left: 1.5rem; color: #1d3661;}
.small_depth_menu > li > ul > li.current-menu-item > a:before,
.small_depth_menu > li > ul > li.current_page_parent > a:before,
.small_depth_menu > li > ul > li.current_page_ancestor.active > a:before,
.small_depth_menu > li > ul > li.current-page-ancestor > a:before{display: block;}
.small_depth_menu > li > ul > li.menu-item-has-children > a:after {content: '\e911';font-family: 'nc-font';font-size: 1rem;position: absolute;top: 50%;right: 0;margin-top: -0.5rem; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms;}
.small_depth_menu > li > ul > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.small_depth_menu > li > ul.sub-menu {
    display: block;
    border-top: 0.1rem solid #ddd;
    padding-top: 0.4rem;
}


.small_depth_menu > li > ul > li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.small_depth_menu > li > ul > li > ul.sub-menu { background: #f6f6f6; padding: 1rem 1.6rem; margin-bottom: 0.7rem; display: none; position: relative; top: 0.4rem;}
.small_depth_menu > li > ul > li > ul.sub-menu li { font-size: 1.3rem; }
.small_depth_menu > li > ul > li > ul.sub-menu li.current_page_item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li.current-menu-item a {color: #0f4c82;}
.small_depth_menu > li > ul > li > ul.sub-menu li a { color: #888; padding: 1rem 0; }
.small_depth_menu > li > ul > li > ul.sub-menu li a:hover {color: #0f4c82;}



.small_depth_menu > li > ul > li > ul.sub-menu li { font-size: 1.3rem; }
.small_depth_menu > li > ul > li > ul.sub-menu li.current_page_item a {color: #1d3661;}
.small_depth_menu > li > ul > li > ul.sub-menu li.current-menu-item a {color: #1d3661;font-weight: 600;}
.small_depth_menu > li > ul > li > ul.sub-menu li a { color: #888; padding: 1rem 0;font-weight: 600; }
.small_depth_menu > li > ul > li > ul.sub-menu li a:hover {color: #1d3661;}


.small_depth_menu > li.current-menu-item > ul > li.current_page_item  > a:before {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background:#1d3661;
    display: block;
}


.small_depth_menu > li.current-menu-item > ul > li.current_page_item  > a {
    padding-left: 1.1rem;
    color:#1d3661;
}

.small_depth_sns {margin-top: 2rem; padding-bottom: 4.1rem;}
.small_depth_sns > b {display: block; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #222; padding: 1.3rem 0;}
.small_depth_sns > ul {display: block; border-top: 0.1rem solid #ddd; padding-top: 0.4rem;}
.small_depth_sns > ul > li {display: block;}
.small_depth_sns > ul > li > a {display: block; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: -0.025em; padding: 1.1rem 0 1rem; padding-left: 0rem; color: #888; position: relative;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;}
.small_depth_sns > ul > li > a:after {font-family: 'nc-font'; font-size: 1.5rem; position: absolute; top: 1.2rem; left: 0; color: #b2b2b2;    font-family: 'nc-font';
    font-size: 1.5rem;
    position: relative;
    top: 0;
    left: 0;
    color: #b2b2b2;}

.small_depth_sns > ul > li.vimeo > a:after {content: '\e93a';}
.small_depth_sns > ul > li.youtube > a:after {content: '\e93b';}
.small_depth_sns > ul > li.insta > a:after {content: '\e918';}
.small_depth_sns > ul > li.kakao > a:after {content: '\e923';}
.small_depth_sns > ul > li.facebook > a:after {content: '\e916';}

.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #1d3661;}
.single-jubo .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a {padding-left: 1.5rem; color: #1d3661;}
.page-template-media-jubo-list .small_depth_menu > li > ul > li.menu-item-jubo > a:before {display: block;}

.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #1d3661;}
.single-tree .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}

.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a {padding-left: 1.5rem; color: #1d3661;}
.page-template-media-namu-list .small_depth_menu > li > ul > li.menu-item-tree > a:before {display: block;}


/* MENU OPEN */
body.open_menu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}

/* TAB MENU */
.tab_menu_container { position: absolute; top: 10.2rem; left: 0; width: 100%; opacity: 0; visibility: hidden;}
.tab_menu_container.active {opacity: 1; visibility: visible;}
#tab_menu { background: #f6f6f6; font-size: 0; }
#tab_menu:after {content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: #ddd;}
#tab_menu li { display: inline-block; width: 33.33%; border-bottom: 0.1rem solid #ddd; border-right: 0.1rem solid #ddd; }
#tab_menu li a { display: block; font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.025em; color: #666; text-align: center; padding: 1.5rem 0 1.6rem; font-weight: 500;}
#tab_menu li:nth-child(3n) {border-right: 0;}
#tab_menu li:nth-last-child(-n+3) {/* border-bottom: 0; */}
.total_menu_open_button {display: none;}
#tab_menu_overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0;  background: rgba(0, 0, 0, .8); z-index: 590;}

body.show_nav .mobile_nav_bar {
    bottom: 0;
}

/* NAVIGATION */
.mobile_nav_bar {position: fixed; display: block; bottom: -6rem; width: 100%; /* height: 6rem; */ background: #1d3661; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.ios .mobile_nav_bar { bottom: calc(-6rem + -4rem)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:1.5rem; height: 6rem;}
.mobile_nav_bar a i { display: block; margin-bottom: 0.7rem; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\E959';}
.mobile_nav_bar a.home i:after {content: '\E92C';
    content: '\E800';
    font-family: 'nc-home';
    vertical-align: top;
    font-size: 1.8rem;
    font-weight: 500;
    color: #dae1e6;
    font-style: normal;

}
.mobile_nav_bar a.home {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2rem;
    height: 6rem;
}

.mobile_nav_bar a.offering i:after {content: '\E958';}
.mobile_nav_bar a.call i:after {content: '\E952';}
.mobile_nav_bar a.mylecture i:after {content: '\E938';}
.mobile_nav_bar a.account i:after {content: '\E96D';}
.mobile_nav_bar a.menu i:after {content: '\e92d';}
.mobile_nav_bar > a > span { font-size: 1.1rem; letter-spacing: -0.025em; line-height: 1; }

body.show_nav .mobile_nav_bar {bottom: 0;}

.sr_only,
.sr-only {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

#skip a {width: 1px;height: 1px;position: absolute;left: -10000px;top: auto;overflow: hidden;}
#skip a:focus {display: block;width: 100%;height: 40px;position: fixed;top: 0;left: 0;line-height: 40px;text-align: center;color: #fff;background: #444;z-index: 999;}

/* IOS APP CUSTOM */
.ios .nc_webview .article_body {min-height: 60vh;}
.ios .nc_webview .header_wrap #logo,
.ios .nc_webview .header_wrap .search_container,
.ios .nc_webview .header_wrap .mobile_container { display: none;}
.ios .nc_webview .header_wrap .mobile_container.fixed {display: block;}
.ios .nc_webview .header_wrap{height:0}
.ios .nc_webview .menu_container { top: 0; border-top: 0.1rem solid #ddd;}
.ios .nc_webview .main_container { padding-top: 4.8rem;}
.ios .nc_webview .tab_menu_container{ top: 4.8rem;}
.ios .nc_webview.nc-video-fix .nc-embed-video {top: 4.8rem;}
.ios .nc_webview.nc-video-fix.show_nav .nc-embed-video {top: 4.8rem;}
.ios .nc_webview.nc-video-fix.show_nav.show_popup .nc-embed-video {top: 9.5rem;}

.ios .nc_webview .webview_login_logo {display: none;}
.ios .nc_webview .sub-member-login .nc_frm-header {display: block;}

.ios body.show_popup.nc_webview .main_container { padding-top: 9.5rem;}
.ios body.show_popup.nc_webview .menu_container {border-top: 0;}


body.home {}
body.home .main_container,body.sub .main_container,body.program_view .main_container {padding-bottom: 0;    min-height: 64rem;}


.small_tab_menu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color:#a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
}

.small_depth_sns > ul > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color:#a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
}

.gmenu_container {    display: block;
    /* width: 237px; */
    position: absolute;
    top: 24px;
    left: 50%;
    /* margin-left: -116.5px; */
    z-index: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
    display: inline-block;    width: 100%;}
	

#gmenu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
	
	
	
#gmenu {
    background: none;
    display: inline-block;
    vertical-align: middle;
	position: relative;
     /* width: 100%; */
    /* left: 50%; */
    top: 10px;
    -webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;}
#gmenu li {position: relative;}
#gmenu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
#gmenu ul.sub-menu {opacity: 0; visibility:hidden;width: 180px;position: absolute;background: #a4947d;
    margin-left: -55px;}
#gmenu .menu-item.focusin .sub-menu { opacity:1; visibility:visible;}

/* 1depth */
#gmenu > li {float: left;}
#gmenu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}



#gmenu > li:hover > a, #gmenu > li.current_page_ancestor > a, #gmenu > li.current_page_item > a {color:#92613E;}

/* 2depth */
#gmenu > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#gmenu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#gmenu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;}
#gmenu > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;}
#gmenu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#gmenu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#gmenu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#gmenu > li > ul > li.menu-item-has-children:hover:before,
#gmenu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #92613E;}
#gmenu > li > ul > li.current-menu-item {background: #92613E;}
#gmenu > li > ul > li:hover > a, #gmenu > li > ul > li.current-menu-item > a {color:#92613E;
    background: #fff;}
#gmenu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}



/* 3depth */
#gmenu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul > li > ul {left: 100%;top: 0;}
#gmenu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#gmenu > li > ul > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#gmenu > li > ul > li > ul > li:hover > a {color: #fff;}

#gmenu > li > ul:after {
    content: '';
    display: block;
}

#gmenu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#gmenu > li > ul > li:hover > a > span:before, #gmenu > li > ul > li > a:hover > span:before, #gmenu > li > ul > li.current-menu-item > a > span:before, #gmenu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}




/* 1depth */
#tab_menu > li {float: left;}
#tab_menu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}



#tab_menu > li:hover > a, #tab_menu > li.current_page_ancestor > a, #tab_menu > li.current_page_item > a {color:#92613E;}

/* 2depth */
#tab_menu > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#tab_menu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#tab_menu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#tab_menu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#tab_menu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#tab_menu > li > ul > li.menu-item-has-children:hover:before,
#tab_menu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #92613E;}
#tab_menu > li > ul > li.current-menu-item {background: #92613E;}
#tab_menu > li > ul > li:hover > a, #tab_menu > li > ul > li.current-menu-item > a {color:#92613E;
    background: #fff;}
#tab_menu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}



/* 3depth */
#tab_menu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul > li > ul {left: 100%;top: 0;}
#tab_menu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#tab_menu > li > ul > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#tab_menu > li > ul > li > ul > li:hover > a {color: #fff;}

#tab_menu > li > ul:after {
    content: '';
    display: block;
}

#tab_menu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#tab_menu > li > ul > li:hover > a > span:before, #tab_menu > li > ul > li > a:hover > span:before, #tab_menu > li > ul > li.current-menu-item > a > span:before, #tab_menu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}
body.home .main_container {
    min-height: 54rem;
    position: relative;
}






.tab_menu_container.active .sub-menu{
    opacity: 0;
    visibility: hidden;
}






.large-screen-only, .nc_xl-only {
    display: none;
}






/* **************************************** *
 * VISUAL
 * **************************************** */
.main_visual {width: 100%; height: 32rem;}

.main_visual_slider_wrap .swiper_navigation {display: none;}
.main_visual_slider_wrap .swiper_control {position: absolute; top: 4.8rem; left: 1.5rem; bottom: auto; width: auto; text-align: left;}
.main_visual_slider_wrap .swiper_control .swiper-pagination {display: inline-block; vertical-align: middle;}
.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet {border-color: #fff;margin: 0 0.5rem;}
.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet-active {background-color: #fff; }

.main_visual_slider { height: 100%; position: relative; z-index: 1; background: #000; }
.main_visual_slider_wrap {height: 100%; position: relative;}
.main_visual_item { height: 100%; width: 100%; position: relative; overflow: hidden;}
.main_visual_item_bg { position: absolute; top: 0; bottom: 0; left: 0; right:  0; background: #ddd no-repeat center; background-size: cover; z-index:1;}
.main_visual_item_bg {background-image: url(../images/main/main-visual-01.jpg);}
.main_visual_item_bg:after {content: '';display: block;width: 100%;height: 100%;position: absolute;background: #000000;background: rgba(0, 0, 0, .35); background-position: 55% 50%;}
.main_visual_content { display: table; width: 100%; height: 100%; position: relative;    z-index: 2;}
.main_visual_content_inner {display: table-cell; vertical-align: top; padding-top:9.3rem;}
.main_visual_content_inner h2 {    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.065em;
    color: #fff;
    /* word-break: break-word; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.0em;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;font-weight: 900;}
.main_visual_content_inner p { font-size: 1.5rem; font-weight: 400; line-height: 1.67; letter-spacing: -0.04em; color: #ddd; margin-top: 0.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.34em;}
.main_visual_content_inner p br {display: none;}

.man_visual_cat_group {display: block; font-size: 0; padding-top: 0.3rem; margin-bottom: 1.1rem;}
.man_visual_cat {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff;}
.man_visual_subcat {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #ccc; padding-left: 1.3rem; position: relative;}
.man_visual_subcat:before {content: '';display: block;width: 0.1rem;height: 0.7rem;background: #ddd;position: absolute;top: 0.6rem;left: 0.7rem;}

.main_visual_btn {font-size: 0;display: block;margin-top: 4.1rem;}
.main_visual_btn span:after {content: '\e903';font-size: 1.4rem;font-family: 'nc-font';color: #fff;}

.main_visual_btn_play { position: absolute; bottom: 2rem; left: auto; left: 2rem; display: block; width: 4rem; height: 4rem; background: #fff; border-radius: 50%; }
.main_visual_btn_play:after { content: ''; border-top: 0.5rem solid transparent; border-left: 0.7rem solid #1d3661; border-bottom: 0.5rem solid transparent; position: absolute; top: 50%; left: 50%; width: auto; height: auto; margin-left: -0.2rem; margin-top: -0.5rem; z-index: 2;}

.main_visual_item--live .main_visual_content_inner p {color: #ccc;}

.main_visual_item--video .main_visual_content_inner h2 {-webkit-line-clamp: 3; max-height: 4.35em;}
/*
.main_visual_icon_live {width: 3.8rem; height: 1.9rem; background: url(../images/sub/component/icon-live.svg) no-repeat; background-size: 3.8rem; position: absolute; bottom: 2rem; right: 2rem;}
*/
.main_visual_icon_live { width: 5.8rem; height: 1.9rem; background: url(../images/sub/component/icon-live.svg) no-repeat 0.2rem center; background-color: #eb0808; background-size: 3.8rem; position: absolute; bottom: 2rem; right: 2rem;}
.main_visual_icon_live:after { content: ""; margin: 1rem; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #ffffff; cursor: pointer; box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); animation: pulse 1.2s infinite; position: absolute; top: -0.3rem; right: 0;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {position: relative; width: 100%; padding: 1.5rem 0 2.5rem; background:#141414; box-shadow: 0 10rem 0 0 #141414; /* fix iphone > 11 webview safe area bug */  /* overflow-x: hidden;*/}
.footer_inner {position: relative; max-width: inherit; margin: 0 2rem;}

/* TOP */
.footer_top {padding-bottom: 1.6rem;width:100%;overflow-x: hidden;}

/* MENU */
.footer_menu {font-size: 0; text-align: center;}
.footer_menu:after {content: ''; display: table; clear: both;}
.footer_menu > li {display: inline-block; float: none; width: 33.33%;}
.footer_menu > li:first-child > a {padding-left: 0;}
.footer_menu > li:last-child > a {padding-right: 0;}
.footer_menu > li:last-child > a:after {display: none;}
.footer_menu > li > a {display: block; position: relative; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.35; color: #727a81; -webkit-transition: color 300ms; transition: color 300ms;}
.footer_menu > li > a:after {content: ''; display: block; width: 0.1rem; height: 1.1rem; position: absolute; right: -0.1rem; top: 50%; margin-top: -0.5rem; background: #fff; background: rgba(255, 255, 255, .10);}
.footer_menu > li > a:before { content: ''; display: block; width: 100%; height: 0.1rem; background: #727a81; position: absolute; left: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms;}
.footer_menu > li.privacy > a:before { background: #fff;}
html.desktop .footer_menu > li > a:hover:before {opacity: 1;}
.footer_menu > li.privacy > a {color: #fff;}

/* BOTTOM */
.footer_bottom {padding-top: 2.7rem; border-top: 0.1rem solid rgba(255, 255, 255, .1); text-align: left;}

/* FAMILY */
.family_select { display: block; font-size: 0; }
.family_select_overlay { display: none; }
.family_select_list_container {display: none; background: #141414;position: absolute;bottom: 5rem;left: 0;width: 100%;padding: 1rem 0;z-index: 100;    border: 0.1rem solid rgba(255, 255, 255, .4);
    border-bottom: 0px;}
.open .family_select_list_container {display: none; background: #141414;position: absolute;bottom: 5rem;left: 0;width: 100%;padding: 1rem 0;z-index: 100;    border: 0.1rem solid rgba(255, 255, 255, .4);
    border-bottom: 0px;}

.family_select_list_container .nicescroll_area_footer { height: 80px; position: relative; overflow: auto;}
.family_select_list_container .nicescroll-rails { margin-left: -20px; bottom: 21px; overflow: hidden; border-radius: 5px; height: auto !important;}
.family_select_list_container ul li a { -webkit-transition: 0.3s; transition: 0.3s; padding: 1rem 2rem; display: block; color: #ffffff; color: rgba(255, 255, 255, .4); font-size: 1.4rem;font-family:  'NotoSansKR', sans-serif; }
.family_select_list_container ul li a:after{

 content: '\E801'; font-family: 'nc-font'; font-size: 1.2rem; color: rgba(255, 255, 255, .4);  width: 1.2rem; height: 1.2rem; line-height: 1.2rem;margin-left:.6rem;

}


.family_select_list_container ul li a:hover:after{

 content: '\E801'; font-family: 'nc-font'; font-size: 1.2rem; color: rgba(255, 255, 255, 1);  width: 1.2rem; height: 1.2rem; line-height: 1.2rem;margin-left:.6rem;

}

.family_select_title {-webkit-transition: 0.3s;transition:0.3s; background: none; border: 0; padding: 0; margin: 0; color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 1.3; vertical-align: top; display: inline-block; cursor: pointer; }
.family_select_title span { display: block; position: relative; padding-right: 2.3rem; }
.family_select_title span:after { -webkit-transition: 0.3s; transition: 0.3s; content: '\e940'; font-family: 'nc-font'; font-size: 1.6rem; color: #fff; position: absolute; top: 0; right: 0; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
.family_select_list_container .family_select_title,
.family_select_title:hover {color: #ffffff;color: rgba(255, 255, 255, 1); /* border-color: #ffffff;  border-color: rgba(255, 255, 255, 1);*/}
.family_select_list_container .family_select_title span:after,
.family_select_title:hover span:after{ opacity:1}
.family_select_list_container ul li a:hover{ color: #ffffff; color: rgba(255, 255, 255, 1);}
.family_select.open .family_select_title span:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.family_select.open .family_select_overlay { background: transparent; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.family_select_mobile { position: absolute; top: -0.5rem;left: -0.2rem; opacity: 0; z-index:2; height: 3.4rem;}
html.ios .family_select_title span:after {top: 0.1rem;}

/* INFO */
.footer_info {margin-bottom: 1.5rem; margin-top: 1.8rem;}
.footer_info p {font-size: 0; line-height: 1;}
.footer_info p span {display: inline-block; padding-right: 1.3rem; position: relative; vertical-align: middle; letter-spacing: -0.025em;}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span a {-webkit-transition: color 300ms; transition: color 300ms;}
.footer_info p span, .footer_info p span a {font-size: 1.1rem; color: #727a81; line-height: 1.83;}

/* COPY */
.copyright {font-size: 1.2rem;font-weight: 400;letter-spacing: 0;line-height: 1.75;color: #727a81;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: none;}



/* **************************************** *
 * CONTAINER
 * **************************************** */
.home .main_container {padding-top: 5.5rem; padding-bottom: 5rem;}
html.android .main_container {padding-top: 11.0rem;}


/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {padding: 3.4rem 0 1.5rem;}
/* .article_header_inner {padding-bottom: 12px; border-bottom: 2px solid var(--color-primary);}
.article_title {font-size: 29px; font-weight: 400; line-height: 1.25; letter-spacing: -0.025em; color: #222;} */

/* PAGE BODY */
.article_body {position: relative; min-height: 36rem;}
  


/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.search_open{overflow: hidden;}
.global_search_popup {display: none;width: 100%;position: fixed;top: 0;left: 0;right: 0;background: #fff;-webkit-box-shadow: 0.1rem 3rem rgba(0, 0, 0, .12);box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, .12);z-index: 9999;}
.global_search_popup_inner {width: 100%;height: 100%;/* max-width: 1663px; */margin: 0 auto;padding: 0 2rem;position: relative;}

.global_search_form {width: 100%;height: 100%;max-width: inherit;margin: 0 auto;padding: 0;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.global_search_form.focus .global_search_label {opacity: 0; visibility: hidden;}
.global_search_label {display: block;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #bbb; letter-spacing: -0.025em; padding-left: 3rem; -webkit-transition: opacity 300ms;transition: opacity 300ms; position: absolute; top: 2.5rem; left: 0; opacity: 1; visibility: visible;}
.global_search_field_wrap {width: 100%;height: 6.5rem;position: relative;}
.global_search_field_wrap:after {content: '';display: block;width: -webkit-calc(100% + 4rem);width: calc(100% + 4rem);height: 0.1rem;margin-left: -2rem; margin-right: -2rem; position: absolute;bottom: 0;left: 0;background: #ddd;}
.global_search_field_wrap .nc_frm__clear-btn {top: 2rem;right: 3rem;}
.global_search_field_wrap .nc_frm__clear-btn:after { font-size: 1.6rem; }
.global_search_field {display: block;width: 100%;height: 100%;padding: 0 6rem 0 3rem;position: relative;font-size: 1.5rem;font-weight: 400;line-height: 1;color: #222;background: transparent;outline: none;border: none; border-radius: 0;}
.global_search_field::-ms-clear {display: none;width: 0;height: 0;}
#global_search_form_ajax_result {display: none;height:auto;  max-height: -webkit-calc(100vh - 6.5rem);  max-height: calc(100vh - 6.5rem);background: #fff;overflow: auto;}
#global_search_form_ajax_result .nc-search-form__wrap{ display:none}
#global_search_form_ajax_result .wrap { margin: 0;}
#global_search_form_ajax_result .nc-search-result {height: -webkit-calc(100vh - 18.5rem);height: calc(100vh - 18.5rem);overflow: auto;}
#global_search_form_ajax_result .nc-pagination {margin-top: 1.5rem;}
#global_search_form_ajax_result .nc-search-result__util{ right: 0;}
.android #global_search_form_ajax_result .nc-search-result {height: -webkit-calc(100vh - 24rem);height: calc(100vh - 24rem);}
html.ios .global_search_field_wrap .nc_frm__clear-btn {top: 2rem;}

.search_suggestion_list { padding: 1.2rem 0;}
.search_suggestion_list_item { display: block; padding: 0.9rem 0; font-size: 1.4rem; color: #666;}
.search_suggestion_list_highlight{color: #1d3661; font-weight:500}

.global_search_submit {height: 100%;width: 1.6rem;padding: 0;position: absolute;left: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.global_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'nc-font';content: '\e932';font-size: 1.8rem;line-height: 6.6rem;font-weight: normal;text-align: center;color: #222;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.global_search_form.active .global_search_label {opacity: 0;}
.global_search_form.active .global_search_submit:after {color: #222;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

.global_search_popup_close {display: none;width: 4rem;height: 4rem;margin: 0;padding: 0;position: absolute;top: 1.3rem;right: 0.7rem;background: none;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: top 300ms;transition: top 300ms;cursor: pointer; z-index: 2;}
.global_search_popup_close:after {display: block;width: 100%;height: 100%;font-family: 'nc-font';content: '\e92e';font-size: 1.6rem;font-weight: normal;text-align: center;line-height: 4rem;color: #222;-webkit-transition: 300ms;transition: 300ms;}
/* html.desktop .global_search_popup_close:hover:after {-webkit-transform: scale(0.9) rotate(0.05deg);-ms-transform: scale(0.9) rotate(0.05deg);transform: scale(0.9) rotate(0.05deg);} */
#search_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .8); z-index: 600;}

.search_keyword {padding: 2.4rem 0 2.6rem;}
.search_keyword b { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: #222; display: block; margin-bottom: 1.5rem; }
.search_keyword ul { font-size: 0; margin: -0.3rem; }
.search_keyword ul li { display: inline-block; vertical-align: top; margin: 0.3rem; background: #f2f2f2; border-radius: 5rem;}
.search_keyword ul li a {display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; color: #666; padding: 0.8rem 1.1rem 0.9rem; line-height: 1;}

/* result page */
.search_result_info {padding-bottom: 16px;}
.search_result_info p {font-size: 14px;color: #222;}
.search_result_info p span {color: #1d3661;}

.search_result_list {margin-bottom: -2%;}
.search_result_list:after {content: '';display: table;clear: both;}
.search_result_list > li {float: left;width: 49%;height: 210px;margin-right: 2%;margin-bottom: 2%;background: #fff;border: 1px solid #ddd;}
.search_result_list > li:nth-child(odd) {margin-right: 2%; clear: both;}
.search_result_list > li:nth-child(even) {margin-right: 0; clear: none;}
.search_result_list > li > a {display: block;width: 100%;height: 100%;padding: 34px 29px;position: relative;}
.search_result_list > li > a:after {content: '';display: block;position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;border: 1px solid #222;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
/* html.desktop .search_result_list > li > a:hover:after {opacity: 1;} */
.search_result_data {width: 100%;height: 100%;position: relative;}
.search_result_data .search_tax {display: block;margin-bottom: 11px;font-size: 16px;line-height: 1.2;font-weight: 400;color: #888;}
.search_result_data .search_title {font-size: 21px;line-height: 1.42;color: #222;max-height: 2.84em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_desc {margin-top: 9px;font-size: 16px;line-height: 1.75;color: #666;max-height: 3.50em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16px;line-height: 1.2;font-weight: 400;color: #666;}

.search_nodata {padding: 6.3rem 0 1.6rem;text-align: center;}
.search_nodata b { font-size: 1.8rem; font-weight: 600; color: #222; letter-spacing: -0.025em; }
.search_nodata p { font-size: 1.4rem; font-weight: 400;color: #666; letter-spacing: -0.025em; padding-top: 1rem; line-height: 1.55;}
.search_nodata p span {color: #1d3661;}




/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy_box {margin-bottom: 30px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 12px; font-size: 14px; line-height: 1.6; color: #666;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box > ul > li {position: relative; font-size: 14px; line-height: 1.6; margin-bottom: 2px; padding-left: 9px; color: #222;}
.privacy_box > ul > li:before {content: ''; display: block; position: absolute; width: 3px; height: 3px; top: 8px; left: 0; background: #1d3661; border-radius: 50%;}

.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}

/**/
.nc-privacy { /* padding-right: 2.1rem; */ padding-top: 1rem; }
.nc-privacy-box + .nc-privacy-box {margin-top: 3rem;}
.nc-privacy-box__title {display: block;font-size: 1.4rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.025em;color: #222;}
.nc-privacy-box__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-top: 1.1rem;}
.nc-privacy-box__list { margin-top: 1.1rem; }
.nc-privacy-box__list:last-child {margin-bottom: -0.7rem;}
.nc-privacy-box__list-item {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-bottom: 0.7rem;}
.nc-privacy-box__list-title {color: #1d3661; font-weight: 400; display: block;}

.nc-privacy-box__list--bullet .nc-privacy-box__list-item {padding-left: 1.2rem;}
.nc-privacy-box__list--bullet .nc-privacy-box__list-item:before {content: '';display: block;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.9rem;left: 0;background: #1d3661;border-radius: 50%;}

.nc-privacy--count {counter-reset: item;}
.nc-privacy--count .nc-privacy-box__title:before { counter-increment: item; content: counter(item)'. '; display: none;}

.nc-privacy-box__info {background: #f8f8f8;padding: 1.5rem 1.5rem 1.1rem;margin-top: 0.9rem;}
.nc-privacy-box__info-item {display: block;font-size: 1.2rem;font-weight: 400;line-height: 1.67;letter-spacing: -0.04em;color: #999;position: relative;margin-bottom: 0.4rem; padding-left: 0.7rem}
.nc-privacy-box__info-item:before {content:'- '; position: absolute; top: 0; left: 0;}
.nc-privacy-box__info--count {counter-reset: item;}
.nc-privacy-box__info--count .nc-privacy-box__info-item {padding-left: 1.1rem;}
.nc-privacy-box__info--count .nc-privacy-box__info-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0; }
html.safari .nc-privacy-box__info-item:before {top: -0.1rem;}

.nc-privacy-box__list--count {counter-reset: item;}
.nc-privacy-box__list--count .nc-privacy-box__list-item {padding-left: 1.2rem;}
.nc-privacy-box__list--count .nc-privacy-box__list-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0;}

.nc-privacy-box__list-item:not(:last-child) .nc-privacy-box__info {margin-bottom: 1.6rem;}
.nc-privacy-box__list--count .nc-privacy-box__info {margin-left: -1.2rem;}

.modal_page .nc-privacy {padding-top: 2.5rem;}


.email_denial_content {padding: 5.5rem 0 5.5rem;text-align:center;}
.email_denial_content h1 {margin-bottom: 2.1rem;padding-bottom: 2rem;padding-top: 5.5rem;background: url(../images/layout/email-denial.svg) no-repeat center top;font-size:2rem;letter-spacing:-0.05em;font-weight: 400;position:relative;color: #222;background-size: 6rem auto;}
.email_denial_content h1:after { width:30px; height:2px; background:#ddd; content:''; display:block; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.email_denial_content h1 b { font-weight:600;}
.email_denial_content p {font-size:1.4rem;letter-spacing:-0.025em;line-height: 1.75; color: #666;}
.email_denial_content span {font-size:1.2rem;font-weight:500;letter-spacing:-0.025em;color: #1d3661;margin-top: 16px;display: block;}



/* **************************************** *
 * 404
 * **************************************** */
.error404 .main_container {padding-bottom: 0;}
.error404 .go_top {display: none;}

.error_404 {padding: 16rem 0 16.7rem; position: relative;}
.error_404_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;}
.error_404_container {position: relative;text-align: center;}
.error_404_container h1 {font-size: 2.2rem;font-weight: 600;line-height: 1.4;color: #fff; letter-spacing: -0.025em;}
.error_404_container p {padding: 1.4rem 0 3.4rem;font-size: 1.5rem;font-weight: 400;line-height: 1.67;color: #fff; letter-spacing: -0.025em;}
.error_404_button_wrap {font-size: 0;}
.error_404_button_wrap .nc-btn__basic {min-width: 16rem;}


/* Login */
.nc_webview.parent-pageid-320 #header,
.nc_webview.parent-pageid-320 #footer,
.nc_webview.parent-pageid-326 #header,
.nc_webview.parent-pageid-326 #footer,
.nc_webview.parent-pageid-320 .mobile_nav_bar,
.nc_webview.parent-pageid-326 .mobile_nav_bar{ display: none;}
.nc_webview.parent-pageid-320 .main_container,
.nc_webview.parent-pageid-326 .main_container { padding-top: 0;}
.nc_webview .sub-member-login .nc_frm-header{ display: none;}
.webview_login_logo { text-align: center; padding: 6rem 0 3rem;}
.webview_login_logo img { width: 172px; height: 47px; position: relative; left: -1.2rem;}

.home.nc_webview .main_container .nc-notification-wrap { margin-bottom: 3rem;}
.ios .nc_home_my_subscribe.nc_webview .main_container .nc-notification-wrap {min-height: 57vh;}



.modal_page_open{ overflow:hidden}
.modal_page {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;background:#fff;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}

.modal_page_header{position: absolute;top: 0;width:100%;height: 5.4rem;background: #fff;border-bottom: 1px solid #ddd;z-index: 99;}
.nc-bottom-popup-start-show .modal_page_header{ z-index: -1}
.modal_page_close {position: fixed; top: 0.2rem;  -webkit-transition: 300ms;  transition:300ms;margin: 0.7rem 2rem; height: 3.5rem;background: transparent;border: none;color: #222;padding: 0px 3rem 0 2rem;font-size: 1.4rem;right: auto;left:0; font-weight: 500;}
.modal_page_close:before {height: 1.4rem;display: inline-block;-webkit-transition: -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);transition: -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);transition: transform 800ms  cubic-bezier(.075,.82,.165,1);transition:transform 800ms  cubic-bezier(.075,.82,.165,1), -webkit-transform 800ms  cubic-bezier(.075,.82,.165,1);width: 1.4rem;margin-right: 1rem;content: "<";content: '\e934';font-family: 'nc-font';font-size: 1.4rem;line-height: 1.4rem; position: absolute;top: 1.2rem;left: 0;color: #222;}
html.ios  .modal_page_close:before {top: 1.1rem;}

.modal_page_content_container {background: #fff;}
.modal_page_content_container {overflow: auto;-webkit-overflow-scrolling: touch;height: 100%;background: none;padding-top: 5.4rem;}
.modal_page_content { margin: 0px auto;min-height: -webkit-calc(100vh - 10rem);min-height: calc(100vh - 10rem);position: relative;}
.modal_page_content img { max-width: 100%; height:auto; }

.open_in_modal_page{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.modal_page_loading {display: block;width: 5rem;height: 5rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.modal_page_loading:after {content: " ";display: block;width: 2.4rem;height: 2.4rem;margin: 0.8rem;border-radius: 50%;border: 0.2rem solid #ddd;border-color: #ddd transparent #ddd transparent;-webkit-animation: modal-page-loading 1.2s linear infinite;animation: modal-page-loading 1.2s linear infinite;}

.large-screen-only, .nc-xl-only {
    display: none;
}

@-webkit-keyframes modal-page-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes modal-page-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



/* **************************************** *
 * 팝업
 * **************************************** */
.nc-popup {/* display: none; */ z-index: 601;}
.nc-popup__wrap {position: relative;}
.nc-popup__inner {position: relative;}
.nc-popup__item-wrap {width: 100%;}
.nc-popup__item {background-size: cover; background-repeat: repeat; background-position: center center;}
.nc-popup__item-link {display: table-row;}
.nc-popup__notice { display: inline-block; vertical-align: top; font-size:  1.2rem; font-weight: 600; color: #1d3661; border: 0.1rem solid #1d3661; border-radius: 1.3rem; line-height:  1; letter-spacing: -0.025em; padding: 0.3rem 0.7rem;  margin-right:  0.8rem; position: absolute; top: 0; left: 0;}
.nc-popup__title { display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.nc-popup__desc { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.025em; color: #a9bed2; }
.nc-popup__link {display: none;}
.nc-popup__img {width: 7rem; padding-top: 7rem; display: table-cell; vertical-align: top;}
.nc-popup__close {z-index: 1;  width: 2rem; height: 2rem; color: #fff; display: inline-block; vertical-align: middle; position: absolute; top: 0.1rem; right: -0.7rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-decoration: none; cursor: pointer;}
.nc-popup__close:after { content: '\e940'; font-family: 'nc-font'; font-size: 2.1rem; width: 100%; height: 100%; line-height: 2rem; display:inline-block;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
html.desktop .nc-popup__close:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.nc-popup__control { display: none;position: absolute; top: 50%; left: 0; margin-top: -0.7rem; z-index: 10;}
.nc-popup__control .swiper-pagination {position: relative;display: inline-block;vertical-align: middle;padding-bottom: 0.1rem;}
.nc-popup__control .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; background: #fff; border: 0.1rem solid #999; margin: 0 0.5rem; opacity: 1; }
.nc-popup__control .swiper-pagination-bullet-active { background: #999;}

.nc-popup__arrow { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; position: relative; margin: 0 0.3rem; display: inline-block; vertical-align: middle;}
.nc-popup__arrow:after {font-family: 'nc-font';font-size: 1rem;}
.nc-popup__arrow--left:after {content: '\e912';}
.nc-popup__arrow--right:after {content: '\e913';}

.nc-popup__item .nc-lazyload img.nc-lazyload--loaded { height: 100%; -o-object-fit: cover; object-fit: cover; }

.nc-popup__item--notice .nc-popup__title {padding-left: 4.6rem;}

.nc-popup--strap {/* background-color: #0e2544; *//* padding: 1.4rem 0; */font-size: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;width: 100%;/* height: 4.8rem; */}
.nc-popup--strap .nc-popup__notice { color: #6c9bc5; border-color: #6c9bc5; top: 1.4rem;}
.nc-popup--strap .nc-popup__title { color: #fff; line-height: 1.5;}
.nc-popup--strap .nc-popup__desc {display: none;}
.nc-popup--strap .nc-popup__control {display: block;width: auto;height: 1.4rem;left: auto; right: 4rem;}
.nc-popup--strap .nc-popup__arrow {color: #ffffff;opacity:0.5}
.nc-popup--strap .nc-popup__arrow{ z-index:2}
.nc-popup--strap .nc-popup__count {display: none;}
.nc-popup--strap .nc-popup__close {right: -0.2rem;color: #ffffff; z-index: 2; opacity: 0.5; top: 1.5rem; }
.nc-popup--strap .nc-popup__control-bg { background: #0e2544; content:""; position: absolute; top: 50%; bottom: 0; width: 8rem; height: 5rem; margin-top: -2.5rem; z-index: 0;}
.nc-popup--strap .nc-popup__control .swiper-pagination {display: none;}
.nc-popup--strap .nc-popup__control .swiper_play_state {display: none;}
.nc-popup--strap .nc-popup__item { padding: 1.4rem 0; padding-right: 2.5rem;}

body.use_mouse  .nc-popup--strap .swiper-pagination-bullet:focus { outline: none;}
html.ios .nc-popup--strap .nc-popup__title {padding-bottom: 0.2rem;}

/* .nc-popup--strap.nc-popup--slideshow .nc-popup__item-wrap {width: 90%;} */
.nc-popup--strap.nc-popup--slideshow .nc-popup__inner {margin: 0;width: 100%;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__item-inner { position: relative; margin: 0 8rem 0 2rem; display: block;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__item {padding: 1.4rem 0;}
.nc-popup--strap.nc-popup--slideshow .nc-popup__close {right: 1.4rem;top: 1.5rem; z-index: 11;} 
.nc-popup--strap.nc-popup--slideshow .nc-popup__notice {top: 0;}

.nc-popup--floating { position: fixed; bottom: 0; left: 0; z-index: 540; width: 100%; font-size: 0; -webkit-transition: bottom 300ms; transition: bottom 300ms; background: #fff; opacity: 1;}
.nc-popup__floating-bar { padding: 1.4rem 0; background: inherit; position: absolute; bottom: 0; z-index: 2; -webkit-transition: bottom 500ms; transition: bottom 500ms; cursor: pointer; width: 100%; /* -webkit-box-shadow: 0.5rem 0 2rem 0 rgba(0, 0, 0, .1); */ /* box-shadow: 0.5rem 0 2rem 0 rgba(0, 0, 0, .1); */ border-top: 0.1rem solid #ddd;}
.nc-popup__floating-bar .nc-popup__wrap:after { content:'\e910'; font-family: 'nc-font'; font-size: 1rem; color: #aaa; position: absolute; top: 0.6rem; right: 0;}
.nc-popup__floating-bar .nc-popup__title { color: #222; /* height: 2.2rem;  */ line-height: 1.5;}
.nc-popup__floating-bar .nc-popup__desc {display: none;}
.nc-popup__floating-bar .nc-popup__link {display: none;}
.nc-popup__floating-bar .nc-popup__close {display: none;}
html.ios .nc-popup__floating-bar .nc-popup__title {padding-bottom: 0.1rem;}
html.ios .nc-popup--floating {bottom: calc( 0 - 4rem);}

.nc-popup__floating-list {background: inherit; position: absolute; top: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: opacity 500ms, visibility 500ms, top 500ms; transition: opacity 500ms, visibility 500ms, top 500ms; width: 100%; border-top: 0.1rem solid #ddd; /* -webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, .1); */ /* box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, .1); */ }
.nc-popup__floating-list .nc-popup__inner {margin: 0 auto;}
.nc-popup__floating-list .nc-popup__item {padding: 2.3rem 2rem 4.8rem; display: table; table-layout: fixed;}
.nc-popup__floating-list .nc-popup__content {display: table-cell;vertical-align: top; width: 100%; padding-left: 1.5rem;}
.nc-popup__floating-list .nc-popup__notice { position: relative; top: auto; left: auto; margin-bottom: 1rem; }
.nc-popup__floating-list .nc-popup__title {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #222; font-weight: 600; }
.nc-popup__floating-list .nc-popup__desc {display: block;/* white-space: nowrap; */text-overflow: ellipsis;overflow: hidden;margin-top: 0.3rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.58; max-height: 3.16em; word-break: break-word;}
.nc-popup__floating-list .nc-popup__link {margin-top: 0.9rem; color: #aaa; border-color: #aaa;}
.nc-popup__floating-list .nc-popup__desc br {display: none;}
.nc-popup__floating-list .nc-popup__close {top: 1rem; right: 1.4rem;color:#aaa;}
/*.nc-popup__floating-list .nc-popup__close:after { color: #aaa;} */
.nc-popup__floating-list .nc-popup__control {display: block;height: 1.4rem; width: 100%; top: auto; margin-top: 0; bottom: 1.4rem; right: auto; left: 0; text-align: center;}
.nc-popup__floating-list .nc-popup__arrow:after {color: #aaa;}

.nc-popup--floating.active .nc-popup__floating-list {opacity: 1; visibility: visible;}

.nc-popup--floating .nc-popup__floating-bar .nc-popup__inner { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.nc-popup--floating { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}

.nc-popup__floating-list .nc-popup__item {/* padding-bottom: 2.3rem; */} /* 슬라이드 아닐때 pagination 영역만큼 여백 낮추기 (class 필요..) */
.nc-popup__floating-list .nc-popup__item--notice .nc-popup__title {padding-left: 0;}
.nc-popup__floating-list .nc-popup__item--notice .nc-popup__desc {white-space: nowrap; display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; }

body.show_nav .nc-popup--strap-bottom {bottom: 5.8rem;}
body.show_nav .nc-popup--floating {bottom: 5.8rem;}
body.show_popup .main_container {padding-top: 16rem;}
html.ios body.show_popup .main_container {padding-top: 16.3rem;}
html.android body.show_popup .main_container {padding-top: 15.9rem;}

.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__item {padding-bottom: 2.3rem;}
.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__control {display: none;}

.nc-popup--floating.fixBottom {opacity: 0 !important;}

.sub_top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/images/bg_dot.png);
    z-index: 2;
    bottom: 0px;
    top: 0px;
    opacity: 0.8;
}
@media (min-width: 1024px){



	.nc-popup__notice { font-size: 1.4rem; font-weight: 500; padding: 0.5rem 1.3rem; margin-right: 1.5rem;}
	.nc-popup__title { font-size: 1.5rem; font-weight: 500; }
	.nc-popup__desc {font-size: 1.4rem; margin-left: 1.3rem; padding-top: 0.4rem;color: #6e8098;}
	.nc-popup__link {line-height: 1.2; letter-spacing: -0.025em; color: #a9bed2; border-bottom: 0.1rem solid #a9bed2; display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 500; color: #fff; border-color: #fff;}
	.nc-popup__img {width: 14rem; padding-top: 14rem;}
	.nc-popup__arrow:after { font-size: 1.1rem; }
	.nc-popup__arrow--left { left: -0.3rem; }
	.nc-popup__arrow--right { right: -0.3rem; }
	.nc-popup__close {-webkit-transform: none;-ms-transform: none;transform: none; text-align: center; top: 0.4rem;}
	.nc-popup__close:after {content: '\e92e';font-size: 1.4rem; transform-origin: center 0.9rem;}
	.nc-popup__close:before { top: 0.4rem;}
	.nc-popup__control .swiper-pagination-bullet {margin: 0 1.1rem;}

	.nc-popup__item--notice .nc-popup__title {padding-left: 6.6rem;}

	.nc-popup--strap { height: 5.3rem; padding: 0;}
	.nc-popup--strap .nc-popup__notice {/* top: 0; */}
	.nc-popup--strap .nc-popup__item {position: relative; padding: 1.4rem 0; padding-right: 2.5rem;}
	.nc-popup--strap .nc-popup__title { vertical-align: top;color: #fff; padding-top: 0.1rem; height: 2.6rem;}
	.nc-popup--strap .nc-popup__desc {display: inline-block; display: none;}
	.nc-popup--strap .nc-popup__link {display: block; padding: 0; margin: 0; position: absolute; top: 0.3rem; right: 5.5rem;}
	.nc-popup--strap .nc-popup__link { position: relative; top: auto; right: auto; display: inline-block; vertical-align: top; padding-top: 0.2rem; margin-left: 1.2rem; }
	.nc-popup--strap .nc-popup__wrap {height: 100%;}
	.nc-popup--strap .nc-popup__inner {height: 100%;}
	.nc-popup--strap .nc-popup__item-wrap {height: 100%;}
	.nc-popup--strap .nc-popup__close {top: 1.8rem;color: #fff;opacity:1;}

	.nc-popup--strap .nc-popup__control {right: 50%;left: auto;margin-right: -53.7rem;}
	.nc-popup--strap .nc-popup__control .swiper-pagination-bullet { border-color: #fff; background: transparent; }
	.nc-popup--strap .nc-popup__control .swiper-pagination-bullet-active { background: #fff; }
	.nc-popup--strap .nc-popup__control .swiper-pagination {display: inline-block;}
	.nc-popup--strap .nc-popup__control .swiper_play_state {display: inline-block;}
	.nc-popup--strap .swiper_play_state {margin-left: 0.8rem;}
	.nc-popup--strap .nc-popup__arrow {display: none;}
	.nc-popup--strap .nc-popup__count {display: block;font-family:  sans-serif;font-size: 1.2rem;font-weight: 600;color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);line-height: 1;}
	.nc-popup--strap .nc-popup__count > * { display: inline-block; vertical-align: top; }
	.nc-popup--strap .nc-popup__close-separator { content: ''; display: block; width: 0.1rem; height: 1.4rem; background: #fff; position: absolute; left: -2.4rem; top: 0.2rem; opacity: 0.2; }

	.nc-popup--strap.nc-popup--slideshow .nc-popup__item-inner { max-width: 120rem;  margin: auto; position: relative;padding-right: 17rem;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__inner {width: 100%;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__item {padding: 0; padding: 1.4rem 0;}
	.nc-popup--strap.nc-popup--slideshow .nc-popup__close {top:1.8rem; left: 50%;right: auto;margin-left: 58.2rem;}

	.nc-popup__floating-bar { padding: 1.4rem 0; }
	.nc-popup__floating-bar .nc-popup__wrap:after {font-size: 1.2rem; top: 0.8rem;}
	.nc-popup__floating-bar .nc-popup__title {padding-top: 0.1rem; font-size: 1.6rem; height: 2.6rem;}
	.nc-popup__floating-bar .nc-popup__desc { display: inline-block; display: none; }
	
	.nc-popup__floating-list .nc-popup__item {padding: 3rem 0rem 6rem;}
	.nc-popup__floating-list .nc-popup__content {padding-left: 3rem; padding-right: 3rem;}
	.nc-popup__floating-list .nc-popup__title {font-size: 1.8rem;}
	.nc-popup__floating-list .nc-popup__desc { margin-left: 0; margin-top: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; white-space: normal; line-height: 1.65; max-height: 3.3em; font-size: 1.5rem;}
	.nc-popup__floating-list .nc-popup__desc br {display: block;}
	.nc-popup__floating-list .nc-popup__link { margin-top: 2.4rem; transition: color 0.3s, border 0.3s;}
	html.desktop .nc-popup__floating-list .nc-popup__link:hover {border-color: #666; color: #666;}
	.nc-popup__floating-list .nc-popup__close {right: -0.2rem; top: 2.1rem;}
	.nc-popup__floating-list .nc-popup__inner {max-width: 120rem;}
	.nc-popup__floating-list .nc-popup__control  {bottom: 2rem;}

	.nc-popup__floating-list.nc-popup__inner--count-less-2 .nc-popup__item {padding-bottom: 3rem;  width: 50%;}

	body.show_nav .nc-popup--strap-bottom {bottom:0;}
	body.show_nav .nc-popup--floating {bottom:0;}



#gmenu > li > a {
    font-size: 1.8rem;
    font-weight: 500;
    color: #222;
    padding: 2.2rem 2.7rem 2.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
.header-wrap {
    height: 9rem;
    border-bottom: 0;
}
#gmenu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;    font-weight: 500;
}

#gmenu{
opacity: 1;
visibility: visible;  
  transition: opacity 500ms ease, visibility 500ms ease;
-webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;

}
#sub_menu > li > a {
   padding-left: 2rem;
line-height: 27px;    font-weight: 500;

}
	#sub_menu > li.menu_item_list > a{
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    position: relative;padding: 0.1rem 1.6rem 0.1rem 1.7rem;
}

	#sub_menu > li.menu_item_list > a span{
 margin-left: 16px;
}

.gmenu_container{
    -webkit-transition: top 400ms;
    transition: top 400ms;
}
#sub_menu > li.menu_item_list > a:before {
    content: '\E952';
    top:10px;
    font-family: 'nc-font';
    font-size: 1.3rem;
    line-height: 1.3rem;
}
#sub_menu > li.menu_item_account > a:before {
    content: "\E923";
    /* left: 2px; */
    /* top: 0; */
    font-size: 1.3rem;
    line-height: 1.3rem;top: 10px;    left: -2px;
}

#sub_menu > li.menu_item_account > a.logout:before {
    content: "\E923";
    /* left: 2px; */
    /* top: 0; */
    font-size: 1.3rem;
    line-height: 1.3rem;top: 10px;    left: -2px;
}

#sub_menu > li.menu_item_account > a {
    padding-left: 2rem;
    padding-top: 0.1rem;
    display: block;
    float: left;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.sub_menu_container {
    right: 1rem;
    top: 2.8rem;
    margin-right: 18px;
}

#header-menu-btn-wrap {
    right: 0;
    top: 2.8rem;
}
.header-menu-btn {
    display: block;
    width: 30px;
    height: 29px;
    position: relative;
}
.header_wrap {
    height: 9rem;
    border-bottom: 0;
    max-width: 120rem;
}
.open_menu .header-menu-btn-line-01 {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: translateY(1rem) rotate(-45deg);}
.open_menu .header-menu-btn-line-02 {-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
.open_menu .header-menu-btn-line-03 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: translateY(-1rem) rotate(45deg);}

.header-menu-btn {

}





/* 1depth */
#tab_menu > li {float: left;}
#tab_menu > li > a { padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;}

#tab_menu ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    width: 180px;
    position: absolute;
    background: #a4947d;
    margin-left: -55px;
}


#tab_menu > li:hover > a, #tab_menu > li.current_page_ancestor > a, #tab_menu > li.current_page_item > a {color:#2c7fdf;}

/* 2depth */
#tab_menu > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul {top: 90%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);opacity:0; visibility:hidden;}
#tab_menu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#tab_menu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 18px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > a {padding: 14px 18px;font-size: 13px;color: #444; font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;}
#tab_menu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#tab_menu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#tab_menu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#tab_menu > li > ul > li.menu-item-has-children:hover:before,
#tab_menu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #2c7fdf}
#tab_menu > li > ul > li.current-menu-item {background: #0065f6;}
#tab_menu > li > ul > li:hover > a, #tab_menu > li > ul > li.current-menu-item > a {color:#2c7fdf;
    background: #fff;}
#tab_menu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}

#tab_menu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
}


/* 3depth */
#tab_menu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#tab_menu > li > ul > li > ul {left: 100%;top: 0;}
#tab_menu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#tab_menu > li > ul > li > ul > li:last-child {border-bottom: none;}
#tab_menu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#tab_menu > li > ul > li > ul > li:hover > a {color: #fff;}

#tab_menu > li > ul:after {
    content: '';
    display: block;
}

#tab_menu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#0065f6;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#tab_menu > li > ul > li:hover > a > span:before, #tab_menu > li > ul > li > a:hover > span:before, #tab_menu > li > ul > li.current-menu-item > a > span:before, #tab_menu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
	display:none;
}






.main_visual_slider_wrap .swiper_control {max-width: 120rem; top: -webkit-calc(50% - 19.4rem); top: calc(50% - 19.4rem); left: 50%; margin-left: -60rem;}
	.main_visual_slider_wrap .swiper_control .swiper-pagination {margin-left: -0.75rem; }
	.main_visual_slider_wrap .swiper_control .swiper-pagination-bullet { margin: 0 0.75rem; }
	.main_visual_slider_wrap .swiper_navigation { display:	block; position: absolute; max-width: 120rem; width: 100%; height: 14.6rem; top: 50%; left: 50%; margin-left: -60rem; margin-top: -10.3rem; }
	.main_visual_slider_wrap .swiper-button-prev, 
	.main_visual_slider_wrap .swiper-button-next { width: 6.8rem; height: 6.8rem; border: 0.1rem solid #fff; border-radius: 50%; right: 0; left: auto; top: auto; margin: 0; background: none;transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s}
	.main_visual_slider_wrap .swiper-button-next { bottom: 0; }
	.main_visual_slider_wrap .swiper-button-prev:after,
	.main_visual_slider_wrap .swiper-button-next:after { content: ''; font-family: 'nc-font'; color: #fff; font-size: 1.3rem; width: 100%; height: 100%; text-align: center; line-height: 6.6rem; display: inline-block; }
	.main_visual_slider_wrap .swiper-button-prev:after {content: '\e912';}
	.main_visual_slider_wrap .swiper-button-next:after {content: '\e913';}
	.main_visual { height: 64rem; }
	.main_visual_item_bg:after {background: #000000;background: rgba(0, 0, 0, .15);}
	.main_visual_content_inner { vertical-align: middle; padding-top: 1rem;}
	.main_visual_content_inner > .wrap { padding-right: 9rem; }
	.main_visual_content_inner h2 {     font-size: 8rem;
    line-height: 1;
    letter-spacing: -0.04em;
    max-height: 3.68em;
    font-family:   'NotoSansKR', sans-serif;font-weight: 900;}
	.main_visual_content_inner p { font-size: 2.6rem; line-height: 1.75; margin-top: 1.5rem; max-height: 3.5em;    font-weight: 600;}
	.main_visual_content_inner p br {display: block;}
	.main_visual_btn {margin-top: 4rem;}
	.main_visual_btn span { font-size: 1.6rem; font-weight: 400; color: #fff; padding-right: 2.7rem; position: relative; letter-spacing:-0.025em; }
	.main_visual_btn span:before,
    .main_visual_btn span:after { font-size: 1.4rem; position: absolute; top: 0.6rem; right: 0;  color:#fff;}
	.main_visual_icon_live { position: relative; bottom: auto; left: auto; right: auto; margin-bottom: 1rem;}
	.main_visual_btn_play {position: relative; bottom: auto; left: auto; right: auto; margin-top: 3.5rem; width: 4.5rem; height: 4.5rem;}
    .main_visual_btn_play:after {transition: border 0.3s; -webkit-transition: border 0.3s;}
	.man_visual_cat { font-size: 1.6rem; }
	.man_visual_subcat { font-size: 1.6rem; padding-left: 1.6rem; }
	.man_visual_subcat:before { height: 0.8rem; top: 0.9rem; left: 0.8rem; }

	.main_visual_item--video .main_visual_content_inner h2 {-webkit-line-clamp: 2; max-height: 2.68em;}

	html.desktop .main_visual_slider_wrap .swiper-button-prev:hover, 
	html.desktop .main_visual_slider_wrap .swiper-button-next:hover {background:#fff;}
	html.desktop .main_visual_slider_wrap .swiper-button-prev:hover:after, 
	html.desktop .main_visual_slider_wrap .swiper-button-next:hover:after {color: #1d3661;}
	/* html.desktop .main_visual_btn_play:hover { background: var(--color-primary);}
    html.desktop .main_visual_btn_play:hover:after {border-left-color:#fff;} */

/* 3차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2{visibility:visible; opacity:1; /*background-color:#f7f9fc;*/}
.sidebar .menu .depth1_item.active .depth2_list{margin-top:4px; margin-bottom:18px;}
.sidebar .menu .depth1_item.active .depth2_item{margin-top:13px;}
.sidebar .menu .depth1_item.active .depth2_text{color:#0065f6; font-size:16px; line-height:22px;}
.sidebar .menu .depth1_item.active .depth2_text:hover{color:#0065f6; font-size:16px; line-height:22px;}


.sidebar .menu .depth2_text:before {
    position: absolute;
    top: 9px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #080a14;
    border-radius: 50%;
}


.sidebar .menu .depth1_item.active .depth2_item.active .depth2_text {color: #0065f6}
.sidebar .menu .depth1_item.active .depth2_item.has .depth2_text:after{width:10px; height:10px;}
.sidebar .menu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:13px; height:6px; background-position:left -53px;}
.sidebar .menu .depth1_item.active .depth2_text:before{visibility:visible; opacity:1; display:block;}
.sidebar .menu .depth1_item.active .depth2_text[target='_blank']:after{width:12px; height:12px;}


.sidebar .menu .depth2_text:before {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    top: 10px;
    left: 1px;
    width: 3px;
    height: 3px;
    background-color: #292e42;
}
.sidebar .menu .depth1_item.active .depth2_text:before {
    visibility: visible;
    opacity: 1;
    display: block;
}
}

@media (max-width: 1024px){
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].nc-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}
#gmenu {
opacity: 1;
    visibility: visible;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
#logo {
    position: absolute;
    top: 1.1rem;
    left: 1.5rem;
    width: 28rem;
    /* height: 2.8rem; */
    z-index: 2;
    left: 2%;
    margin-left: 0rem;
}	
	#logo > a > h2 {
    display: inline-block;
    font-size: 1.7rem !important;
    font-weight: 600;
    top: 0px;
    position: relative;
}
	
#gmenu {
    background: none;
    display: inline-block;
    vertical-align: middle;
	position: relative;
     /* width: 100%; */
    /* left: 50%; */
    top: 8px;
    -webkit-transition: top 300ms, width 300ms, height 300ms;
    transition: top 300ms, width 300ms, height 300ms;}
#gmenu li {position: relative;}
#gmenu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
#gmenu ul.sub-menu {opacity: 0; visibility:hidden;width: 180px;position: absolute;background: #a4947d;
    margin-left: -55px;}
#gmenu .menu-item.focusin .sub-menu { opacity:1; visibility:visible;}

/* 1depth */
#gmenu > li {float: left;}

#gmenu > li > a {
    padding: 11px 20px;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: #222;
    font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;
    letter-spacing: -0.64px;
    font-weight: normal;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;
}


#gmenu > li > a {
    font-size: 1.2rem;
    font-weight: 500;
    color: #222;
    padding: 1.2rem 1.7rem 1.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}



#gmenu > li:hover > a, #gmenu > li.current_page_ancestor > a, #gmenu > li.current_page_item > a {color:#92613E;}

/* 2depth */
#gmenu > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul {top: 100%;left: 50%;margin-left: -88.5px;    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);}
#gmenu > li > ul > li {float: left;width: 100%;background: #fff;border-bottom: 0px solid #eee;}
#gmenu > li > ul > li:first-child a{border-bottom: none;    padding: 14px 26px;padding-top: 22px;
    font-size: 13px;    font-size: 1.5rem;    font-size: 1.0rem;}
#gmenu > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > a {padding: 14px 26px;font-size: 13px;color: #444; font-family: 'NotoSansKR', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;  letter-spacing: 0px; 
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;text-align: left;    font-size: 1.5rem;    font-size: 1.0rem;}
#gmenu > li > ul > li:last-child > a {
    padding-bottom: 22px;
}
#gmenu > li > ul > li.menu-item-has-children > a {padding-right: 48px;}
#gmenu > li > ul > li.menu-item-has-children:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'nc-font';content: '\e913';font-size: 10px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
#gmenu > li > ul > li.menu-item-has-children:hover:before,
#gmenu > li > ul > li.menu-item-has-children.current-menu-item:before {color: #92613E;}
#gmenu > li > ul > li.current-menu-item {background: #92613E;}
#gmenu > li > ul > li:hover > a, #gmenu > li > ul > li.current-menu-item > a {color:#92613E;
    background: #fff;}
#gmenu > li > ul > li > a span {
    display: inline-block;
    padding-bottom: 2px;
    position: relative;
}

#gmenu > li.blank > a:after {
    content: '\E801';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color: #a0a0a0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-left: .6rem;
    font-weight: 500;
}

/* 3depth */
#gmenu > li > ul > li:hover > ul {opacity:1; visibility:visible;}
#gmenu > li > ul > li > ul {left: 100%;top: 0;}
#gmenu > li > ul > li > ul > li {background: #333;border-bottom: 1px solid #444;}
#gmenu > li > ul > li > ul > li:last-child {border-bottom: none;}
#gmenu > li > ul > li > ul > li > a {padding: 14px 19px;font-size: 13px;font-weight: 500;color: #ccc;}
#gmenu > li > ul > li > ul > li:hover > a {color: #fff;}

#gmenu > li > ul:after {
    content: '';
    display: block;
}

#gmenu > li > ul > li > a > span:before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background:#92613E;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#gmenu > li > ul > li:hover > a > span:before, #gmenu > li > ul > li > a:hover > span:before, #gmenu > li > ul > li.current-menu-item > a > span:before, #gmenu > li > ul > li.current-page-ancestor > a > span:before {
    width: 100%;
}
.gmenu_container {
    display: block;
    /* width: 237px; */
    position: absolute;
    top: 24px;
    left: 50%;
    /* margin-left: -116.5px; */
    z-index: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms;
    position: relative;
    top: auto;
    left: auto;
    text-align: right;
    display: inline-block;
    width: 100%;
    float: right;
    margin-right: 50px;
}


.tab_menu_container.active .sub-menu{
    opacity: 0;
    visibility: hidden;display: none;
}
#tab_menu > li {
    float: none;
}
#tab_menu > li:hover > ul {
    opacity: 0;
    visibility: hidden;
}
#tab_menu li a {
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #666;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    font-weight: 500;
}

html.desktop .footer_menu > li > a:hover:before {
    opacity: 0;
}

}

@media (max-width: 768px){

#gmenu {
opacity:0;
    visibility: hidden;
    -webkit-transition: top 300ms;
    transition: top 300ms;
}
	
.gmenu_container {
   float: none;
}

}



@media (max-width: 768px){



}


.tableWrap .ld-overlay{bottom:0;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;    }
.ld-overlay.is-act{display:-webkit-box;display:-ms-flexbox;display:flex}
.ld-overlay .ld-background{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    z-index: 999;}
.ld-parent{position:relative}.db-rent[data-v-202205]{width:50px;height:50px;position:relative;-webkit-animation:db-rent-data-v-202205 2.5s linear infinite both;animation:db-rent-data-v-202205 2.5s linear infinite both;margin:20px auto 1.0625rem}
.db-rent-dot[data-v-202205]{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both;animation:db-rent-dot-before-data-v-202205 2s ease-in-out infinite both}
.db-rent-dot[data-v-202205]:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.db-rent-dot[data-v-202205]:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}
.db-rent-dot[data-v-202205]:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}
.db-rent-dot[data-v-202205]:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.db-rent-dot[data-v-202205]:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}
.db-rent-dot[data-v-202205]:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.db-rent-dot[data-v-202205]:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s}
.db-rent-dot[data-v-202205]:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s}.db-rent-dot[data-v-202205]:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s;background-color:#5772d9}.db-rent-dot[data-v-202205]:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s;background-color:#8e66d6}
.db-rent-dot[data-v-202205]:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s;background-color:#8ec738}.db-rent-dot[data-v-202205]:nth-child(7):before{-webkit-animation-delay:-.5s;animation-delay:-.5s;background-color:#39c3a1}
.db-rent-dot[data-v-202205]:nth-child(8):before{-webkit-animation-delay:-.4s;animation-delay:-.4s;background-color:#5772d9}@-webkit-keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-data-v-202205{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes db-rent-dot-data-v-202205{80%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes db-rent-dot-before-data-v-202205{50%{-webkit-transform:scale(.4);transform:scale(.4)}0%,to{-webkit-transform:scale(1);transform:scale(1)}}
.spinner[data-v-202205]{margin:20px auto 0;width:100px;text-align:center}
.spinner>div[data-v-202205]{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both;animation:sk-bouncedelay-data-v-202205 1.4s ease-in-out infinite both}
.spinner .bounce1[data-v-202205]{-webkit-animation-delay:-.32s;animation-delay:-.32s;background-color:#2d9646}
.spinner .bounce2[data-v-202205]{-webkit-animation-delay:-.16s;animation-delay:-.16s;background-color:#bd1138}
.spinner .bounce3[data-v-202205]{-webkit-animation-delay:-.08s;animation-delay:-.08s;background-color:#0087cb}
.spinner .bounce4[data-v-202205]{-webkit-animation-delay:-.04s;animation-delay:-.04s;background-color:#2e3d61}
@-webkit-keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(.8)}}
@keyframes sk-bouncedelay-data-v-202205{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}
.loader-ms[data-v-202205],.loader-ms[data-v-202205]:after{border-radius:50%;width:10em;height:10em}
.loader-ms[data-v-202205]{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(0,0,0,.5);border-right:1.1em solid rgba(0,0,0,.5);border-bottom:1.1em solid rgba(0,0,0,.5);border-left:1.1em solid #000;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes load8-data-v-202205{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.v--loading-block-scroll[data-v-202205]{position:fixed;overflow:hidden;width:100%}
.loading-container[data-v-202205]{position: absolute;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -59px;
    width: 118px;
    height: 88px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* text-align: center; */
    /* margin: 0 auto; */
    margin-left: -59px;
    margin-top: -44px;}
.loading-container .round[data-v-202205]{    width: 88px;
    height: 88px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin-left: -44px;
    margin-top: -44px;}
.loading-container .loading-content[data-v-202205]{position:relative;z-index:1}.loading-container .loading-content .text[data-v-202205],.loading-container .loading-content .title[data-v-202205]{
    position: absolute!important;
    /* margin: 0!important; */
    padding: 0!important;
    height: 1px;
    width: 118px;
    /* overflow: hidden; */
    /* clip: rect(1px,1px,1px,1px); */
    /* word-break: normal; */
    /* word-wrap: normal; */
    font-size: 12px;
    top: 60px;
    left: 50%;
    font-weight: 500;
    margin-left: -59px;
    text-align: center;color: #fff;    letter-spacing: -0.023em;}
.loading-container .loading-content .spinner[data-v-202205]{margin:35px auto 0;margin-left:8px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.loading-container .loading-content .db-rent[data-v-202205]{text-align:center}
.loading-container .loading-content.step1 .loading-img[data-v-202205]{width:72px;height:14px;margin:35px auto 0}
.loading-container .loading-content.step2[data-v-202205]{opacity:0}
.loading-container .loading-content.step2 .loading-img[data-v-202205]{width:50px;height:50px;margin:19px auto}
.loading-container.delay[data-v-202205]{padding-top:0}
.loading-container.delay .round[data-v-202205]{-webkit-transform:scale(1.137);-ms-transform:scale(1.137);transform:scale(1.137);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.loading-container.delay .step1[data-v-202205]{opacity:0;height:0;width:0;}
.loading-container.delay .step2[data-v-202205]{opacity:1;-webkit-transition:opacity 2s;transition:opacity 2s}




.tableWrap .ld-overlay.is-full-page{position:fixed;z-index:100000;height:100%;width:100%}
.ld-icon{position:fixed;left:50%;top:50%;z-index:100001;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ld-overlay.is-act{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:100001;}

.ld-overlay.is-deact{-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;z-index:-1;-webkit-transition:z-index .1s,visibility .5s;transition:z-index .1s,visibility .1s}
.home.modal_page_open .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.0;z-index:100000}
.home .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, .40);z-index:100000}
.status .ld-overlay .ld-background{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .40);z-index:100000}
.ld-overlay .ld-parent{position:relative}
.ld-overlay{-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;display:none;}
.ld-overlay.on{
display:block;
}	
.ld-overlay.is-act,.ld-overlay.is-deact{display:block;-webkit-animation-duration:.1s;animation-duration:.1s;    visibility: visible;
    z-index: 100001;}
	
.loading-container .round[data-v-202205] img{
    /* text-align: center; */
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

body.home .main_container {
    padding-bottom: 0;
   min-height: 60rem;
}

.home .main_container {
    padding-top: 5.5rem;
    padding-bottom: 5rem;
}
.sub .main_container,.program_view .main_container {
    padding-top: 8.5rem;
    padding-bottom: 5rem;
}


.noResult {
    margin-top:0px;
    padding: 210px 0 87px 0;
    text-align: center; border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;position:relative;
 
}

.nc_tab__panels .noResult {
    margin-top:0px;
    padding: 110px 0 87px 0;
    text-align: center; border-top: 0px solid #222;
    border-bottom: 0px solid #ededed;position:relative;
 
}

.nc_tab__panels .noResult:before {
    position: absolute;
    font-size: 18px;
    width: 50px;
    height: 50px;
    content: '\E846';
    font-family: 'nc-font';
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #666;
    left: 50%;
}

.nc_tab__panels .noResult .tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}

.noResult:before {
position:absolute;
    font-size: 38px;width:80px;height:80px;
    content: '\E846';    font-family: 'nc-font';    top: 50%;
    margin-left: -40px;margin-top:-40px;color:#666;
    left: 50%;
}


.search_box2 {
    width: 100%;
    padding: 7px 0px;
    background-color:#FDFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}
/* Selectric */
.nc_selectric_area {width: 100%; position: relative;}

html.mobile .nc_selectric_area {background: #fff; border-radius: 0; }
html.mobile .nc_selectric_area:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .nc_selectric_area > select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; padding: 1.4rem 3.4rem 1.5rem 1.4rem; position: relative; font-family: 'NotoSansKR', sans-serif; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #222; background: transparent; border: 0.1rem solid #E6E6E6; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; letter-spacing: -0.025em;}
html.mobile .selectric-wrapper.selectric-nc-selectric .selectric .label {height:4.3rem; line-height:4.3rem;}

html.mobile .selectric-hide-select.selectric-is-native {background: #fff; border-radius: 0; }
html.mobile .selectric-hide-select.selectric-is-native:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .selectric-hide-select.selectric-is-native select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: auto;margin: 0;padding: 1.4rem 3.4rem 1.5rem 1.4rem;position: relative;font-family: 'NotoSansKR', sans-serif;font-size: 1.4rem;line-height: 1;font-weight: 400;color: #222;background: transparent;border: 0.1rem solid #E6E6E6;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;letter-spacing: -0.025em;position: relative;}

.selectric { background: #fff;    border: 1px solid #E6E6E6;}
.nc_selectric, .nc-selectric{opacity: 0;}
.selectric .button {width: 4.8rem; height: 48px;;}
.selectric .button:after,
.selectric-hover .selectric .button:after {border-top-color: #222;border-width:0.7rem 0.65rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s}
.selectric-open {z-index: 100;}
.selectric-open .button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.selectric .label {font-size: 1.4rem;color: #666;font-weight: 500;margin: 0 3.8rem 0 1.5rem;height: 4.8rem;line-height: 4.8rem;font-family:  'NotoSansKR', sans-serif;}


.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.4rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
    height: 48px;
    line-height: 48px;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;    text-align: left;
}

.selectric-wrapper .nc_selectric,
.selectric-wrapper .nc-selectric{opacity: 1;}
.selectric-open .selectric {  /* background: #fff; border: #034EA2 0.1rem solid; border-bottom-color: #ddd; */}
.selectric-items {background: #fff;border: solid #1d3661;border-width: 0.1rem;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.4s;transition: all 0.4s; margin-top: -0.1rem; z-index: 0;}
.selectric-items li {padding: 0.9rem 3.8rem 0.9rem 1.6rem;font-size: 1.3rem;    text-align: left;font-family:  'NotoSansKR', sans-serif;}
.selectric-items li:hover { background: #f6f6f6;}
.selectric-items li.selected {color: #1d3661;	background: #6c9bc5;	background: rgba(108, 155, 197, .1);width:100%;}

.selectric-open.selectric-above .selectric { /* border-bottom-color: #034EA2; border-top-color: #ddd; */}
.selectric-above .selectric-items { border-width: -0.1rem -0.1rem 0; margin-top: 0; margin-bottom: -0.1rem;}
.selectric-open:before,
.selectric-open:after { position: absolute; bottom: -0.1rem; content: ""; background: #fff; height: 0.3rem; width: 1.4rem; z-index: 111; display: none;}
.selectric-open.selectric-above:before,
.selectric-open.selectric-above:after{bottom: auto; top:-0.1rem}
.selectric-open:before { left: -0.1rem;}
.selectric-open:after {  right: -0.1rem;}

.nc_selectric_area--count-2 { display: inline-block; vertical-align: top; width: -webkit-calc(50% - 0.4rem); width: calc(50% - 0.4rem); }
.nc_selectric_area--count-2 + .nc_selectric_area--count-2{margin-left: 0.8rem;}

.nc_selectric_area--count-3 { display: inline-block; vertical-align: top; width: -webkit-calc(33.33% - 0.52rem); width: calc(33.33% - 0.52rem); }
.nc_selectric_area--count-3 + .nc_selectric_area--count-3 { margin-left: 0.78rem; }



/* selectic cutom multi select*/
.selectric-nc-selectric--multiple .selectric > .label { font-size: 0;}
.selectric-nc-selectric--multiple .nc-selectric__tag {font-size: 1.2rem;padding: 0.3rem 1rem;margin-right: 0.5rem;background: #eee;border-radius: 99rem;color: #999;}
.selectric-nc-selectric--multiple .selectric-items{padding: 1rem 0 0;}
.selectric-nc-selectric--multiple.selectric-above .selectric-items{padding: 0;}
.selectric-nc-selectric--multiple .selectric-items .selectric-scroll > ul > li:first-child {display:none}
.selectric-nc-selectric--multiple .nc-selectric__tag--default{font-size: 1.4rem;}
.selectric-nc-selectric--multiple .selectric .button { -webkit-box-shadow: -1.5rem 0 1rem 0 rgba(255, 255, 255, .9); box-shadow: -1.5rem 0 1rem 0 rgba(255, 255, 255, .9); background: #fff;}
.selectric-nc-selectric--multiple .selectric {overflow: hidden;}
.selectric-nc-selectric--multiple .selectric-items li { position: relative; padding-left: 5rem;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.selectric-nc-selectric--multiple .selectric-items ul li:before {content: "";width: 2rem;height: 2rem;line-height: 2.2rem;background: #fff;display: inline-block;margin-right: 1rem;font-family: nc-font;font-size: 1rem;color: #fff;text-align: center;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);position: absolute;left: 2rem;top: 0.8rem;border: 0.1rem solid #ddd;}
.selectric-nc-selectric--multiple .selectric-items ul li.selectric-group-label:before{ display:none}
.selectric-nc-selectric--multiple .selectric-items ul li.selected:before {background: #034EA2;content: "\e935"; border-color: #034EA2}
.selectric-nc-selectric--multiple .selectric-items li.selected,
html.mobile .selectric-nc-selectric--multiple .selectric-items li.selectric-group-label:active{ background: transparent;}
/*html:not(.mobile) .selectric-nc-selectric--multiple .selectric-items li:hover,*/
html.mobile .selectric-nc-selectric--multiple .selectric-items li:active{background: #6c9bc5;background:rgba(108, 155, 197, .1);}


html.mobile .selectric { background: #fff;    border: 1px solid #E6E6E6;}

.nc_program {margin-left: 0rem; margin-right: 0rem;}
.nc_program_select {display: block; font-size: 0; position:relative;margin:0 1rem;}
.nc_program_select_pro_wrap {display: inline-block; vertical-align: middle; width: -webkit-calc(100% - 0rem); width: calc(100% - 0rem); font-size: 0;height: 100%;width:auto;}


.nc_program_select_pro_wrap label.t_only{
  
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 0rem);
    width: calc(100% - 0rem);
     width: 6rem;
    text-align: left;
    line-height: 5rem;
font-size: 1.4rem;
    color: #222;
    font-weight: 500;


}
body.home .main_container,body.sub .main_container,body.program_view .main_container  {
    padding-bottom: 10rem;

}
.main_record #wrapper{
    -webkit-overflow-scrolling: touch;
}



.nc_program_select_pro {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0rem;    width: 49%;margin-right:1%;height: 50px;}


.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    /*width: 100%;*/
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 6.5px;
    /*width: -webkit-calc(100% - 5.2rem);
    width: calc(100% - 5.2rem);*/height: 50px;
	float: left;
}

.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 0.5rem;
    /* width: -webkit-calc(49% - 4.2rem); */
    /* width: calc(49% - 4.2rem); */
    /*height: 50px; */
    float: left;
    margin-right: 0%;margin-left: 0;
    /* margin-left: 1%; */
}

.nc_program_select_pro.two {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0rem;    width: 49%;margin-left:1%;margin-right:0%;height: 50px;}

.nc-program .nc-nav-search__form { margin: 0 -2rem; top: auto; bottom: 0.2rem; position: absolute; display: block; width: 100%; }
.nc-program .nc-nav-search__field { position: relative; transform: none; }

.nc-nav-search__input.nc-form__field, .nc-nav-search__input {
    border: 0;
    height: 4.6rem;
    padding-left: 4.6rem;
    font-size: 1.6rem;
    padding-right: 7.6rem;
}

.nc-form__field {
    display: inline-block;
    width: 100%;
    height: 4.5rem;
    margin: 0;
    padding: 1.1rem 1.4rem 1.2rem;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #666;
    border: 0.1rem solid #ddd;
    border-radius: 0;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
    letter-spacing: -0.025em;
}


.nc-nav-search__form {position: relative; z-index: 3; }
.nc-nav-search__field { position: absolute; width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top: -0.1rem; left: 0;}
.nc-nav-search__input.nc-form__field,
.nc-nav-search__input {border: 0;height: 4.6rem;padding-left: 4.6rem;font-size: 1.6rem; padding-right: 7.6rem;}
.nc-nav-search__submit { background: none; border: 0; width: 3.8rem; height: 100%; position: absolute; top: 0rem; left: 0rem; padding: 0; margin: 0; cursor: pointer;}
.nc-nav-search__submit:after {content: '\e932';font-family: 'nc-font';font-size: 1.8rem;color: #222;}
.nc-nav-search__close { background: none; border: 0; width: 3.6rem; height: 100%; position: absolute; top: 0rem; right: 0rem; padding: 0; margin: 0; cursor: pointer; }
.nc-nav-search__close:after {content: '\e92e';font-family: 'nc-font';font-size: 1.6rem;color: #aaa;}
.nc-nav-search__field .nc-form__clear-btn { right: 4.5rem; top: 1.1rem; }
.nc-nav-search__field .nc-form__clear-btn:after { font-size: 1.5rem; }

.nc-nav-search__result {padding-bottom: 5rem;}
.nc-nav-search__result-list { padding: 1.5rem 0; border-bottom: 0.1rem solid #ddd; }
.nc-nav-search__result-list .nc-row { border: 0; }
.nc-nav-search__result-list .nc-row__link { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.nc-nav--full {padding-right: 0;}
.nc-nav--full:after {right: 0;}

html.ios .nc-nav-search__field {top:-0.2rem;}


.nc_program_select-refresh {display: inline-block; vertical-align: middle; width: 4.6rem; position: relative; text-align: center;}
.nc_program_select-refresh:after { content: '\e925'; font-family: 'nc-font'; font-size: 1.4rem; color: #b2b2b2; line-height: 4.6rem; }
.nc_program_select-refresh.active:after { color: #fff; }

.nc_program_select_pro .selectric .label {color:#222;}
.nc_program_select_pro .selectric .label.active {color:#666;}

.nc_program_sorting { padding: 2.6rem 0rem 1.7rem; position: relative;}
.nc_program_count {display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 500; color: #999; line-height: 1; letter-spacing: -0.025em;}
.nc_program_num {color: #034EA2;font-family:  'NotoSansKR', sans-serif;}
.nc_program_util {position: absolute;right: 0rem;font-size: 0;display: inline-block;    top: 1rem;}
.nc_program_view { display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; position: relative; text-align: center;margin-left: 0; position: absolute; top: 1.2rem; right: 2.9rem; }
.nc_program_view:after {content: '\e954';font-family: 'nc-font';font-size: 1.4rem;line-height: 1.8rem; color: #222;}
.nc_program_view--card:after {content: '\e954';}
.nc_program_view--row:after {content: '\e955';}
.nc_program_search { display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; position: relative; text-align: center; position: absolute; top: 1.45rem; right: -0.2rem;}
.nc_program_search:after {content: '\e932';font-family: 'nc-font';font-size: 1.5rem;line-height: 1.8rem; color: #222;}
.nc_program_sort-mob {display: inline-block;vertical-align: middle;width: auto; margin-left: 0; margin-right: 6.1rem;}


.nc_program .nc-nav-search__form { margin: 0 0rem; top: auto; bottom: 0.2rem; position: absolute; display: block; width: 100%; }
.nc_program .nc-nav-search__field { position: relative; transform: none; }

.nc_program_select + .nc_list_notrecord {position:relative;padding-top: 7.3rem; padding-bottom: 0; }
.nc_program_select + .nc_list_notrecord:before {height: 0.8rem;background: #eee;border-top: 0.1rem solid #ddd;content:'';display:block;position: absolute;left: 0;right: 0;top: 0;}

.nc_program_list {    margin-top: 0px;
    padding: 210px 0 87px 0;
    text-align: center;
    border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;
    position: relative;display:block;}

.nc_program_list:before {
    position: absolute;
    font-size: 38px;
    width: 80px;
    height: 80px;
    content: '\E93A';
    font-family: 'nc-font';
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    color: #666;
    left: 50%;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;font-size:1.8rem;    font-weight: 500;
    color: #444;
}

.nc_program_item {display: block; border-bottom: 0.1rem solid #ddd; border-top: 0.7rem solid #eee; position: relative;}
.nc_program_item--first {border-top: 0;}
.nc_program_content {display: block;padding: 2rem 2rem 2.1rem;}
.nc_program_cat { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 600; color: #034EA2; letter-spacing: -0.025em; }
.nc_program_period {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.025em;padding-left: 1.2rem;position: relative;}
.nc_program_period:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc_program_title {display: block;font-size: 1.8rem;font-weight: 600;color: #222;line-height: 1.5;letter-spacing: -0.025em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.2rem;margin-bottom: 0.7rem;}
.nc_program_data_group--empty + .nc_program_title { margin-top: 0; }
.nc_program_deadline {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 500;color: #999;line-height: 1;letter-spacing: -0.025em;background: #eee;border-radius: 5rem;padding: 0.5rem 0.8rem 0.6rem;}
.nc_program_date {display: inline-block;vertical-align:top;padding-left: 1.2rem;position: relative;}
.nc_program_date:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc_program_desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: 3.08em;font-size: 1.3rem;font-weight: 400;line-height: 1.54;color: #666;margin-top: 1.4rem;letter-spacing: -0.025em;}
.nc_program_department-wrap { display: block; position: absolute; top: 1.1rem; right: 1rem; }
.nc_program_department {display: inline-block;font-size: 1.2rem;font-weight: 500;color: #888;letter-spacing: -0.025em;position: relative; padding: 1rem; padding-right: 2.5rem;}
.nc_program_department:after { content: '\e940'; font-family: 'nc-font'; font-size: 2rem; position: absolute; top: 0.9rem; right: 0.5rem; }
.nc_program_buttons {border-top: 0.1rem solid #eee; font-size: 0; position: relative;}
.nc_program_buttons:before {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc_program_buttons:after {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc_program_buttons--secondary .nc_program_button {width: 50%;}
.nc_program_buttons--secondary:before {left: 50%; margin-left: -0.05rem;}
.nc_program_buttons--secondary:after {display: none;}
.nc_program_buttons--tertiary .nc_program_button {width: 33.33%;}
.nc_program_buttons--tertiary:before {left: 33.33%;}
.nc_program_buttons--tertiary:after {left: 66.67%;}
.nc_program_button {display: inline-block;vertical-align: top;font-size: 1.4rem;font-weight: 500;color: #666;letter-spacing: -0.025em;line-height: 1;text-align: center;padding: 1.5rem 1rem 1.7rem;width: 100%;}
.nc_program_apply {background: #6c9bc5;background: rgba(108, 155, 197, .1);}
html.ios .nc_program_department:after {top: 1rem;}



/* Nothing */
.nc_list_notrecord {max-width: 120rem;  margin:0 2rem; padding: 4rem 1.5rem;text-align: center;/* border-top: 0.1rem solid #ddd;border-bottom: 0.1rem solid #ddd; */min-height: 40rem;    border-top: 0.1rem solid #222;    border-bottom: 0.1rem solid #222;}
.nc_list_notrecord b {font-size: 1.8rem;font-weight: 600;color: #222;}
.nc_list_notrecord b span {color: #034EA2;}
.nc_list_notrecord p {padding-top: 1rem;font-size: 1.4rem;line-height: 1.55;color: #666;}
.nc_list_notrecord p br {display: block;}
.nc_list_notrecord p span {color: #222;}
.wrap .nc_list_notrecord {margin: 0;}

/* Control */
.nc-list-control {padding-top: 40px;font-size: 0;line-height: 1;}
.nc_list_control:after {content: '';display: table;clear: both;}
.nc-list-control--primary {float: left;}
.nc-list-control--secondary {float: right;}

.nc_program_list {border-top: 0.1rem solid #222; font-size: 0;vertical-align: middle;border-top: 3px solid #222;}
.nc-program__item {display: block; border-bottom: 0.1rem solid #ddd; border-top: 0.7rem solid #eee; position: relative;}
.nc-program__item--first {border-top: 0;}
.nc-program__content {display: block;padding: 2rem 2rem 2.1rem;}
.nc-program__cat { display: inline-block; vertical-align: top; font-size: 1.2rem; font-weight: 600; color: #1d3661; letter-spacing: -0.025em; }
.nc-program__period {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 400;color: #999;letter-spacing: -0.025em;padding-left: 1.2rem;position: relative;}
.nc-program__period:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc-program__title {display: block;font-size: 1.8rem;font-weight: 600;color: #222;line-height: 1.5;letter-spacing: -0.025em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 1.2rem;margin-bottom: 0.7rem;}
.nc-program__data_group--empty + .nc-program__title { margin-top: 0; }
.nc-program__deadline {display: inline-block;vertical-align: top;font-size: 1.2rem;font-weight: 500;color: #999;line-height: 1;letter-spacing: -0.025em;background: #eee;border-radius: 5rem;padding: 0.5rem 0.8rem 0.6rem;}
.nc-program__date {display: inline-block;vertical-align:top;padding-left: 1.2rem;position: relative;}
.nc-program__date:after { content: ''; display: block; width: 0.1rem; height: 0.7rem; background: #ddd; position: absolute; top: 50%; left: 0.6rem; margin-top: -0.3rem; }
.nc-program__desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: 3.08em;font-size: 1.3rem;font-weight: 400;line-height: 1.54;color: #666;margin-top: 1.4rem;letter-spacing: -0.025em;}
.nc-program__department-wrap { display: block; position: absolute; top: 1.1rem; right: 1rem; }
.nc-program__department {display: inline-block;font-size: 1.2rem;font-weight: 500;color: #888;letter-spacing: -0.025em;position: relative; padding: 1rem; padding-right: 2.5rem;}
.nc-program__department:after { content: '\e940'; font-family: 'nc-font'; font-size: 2rem; position: absolute; top: 0.9rem; right: 0.5rem; }
.nc-program__buttons {border-top: 0.1rem solid #eee; font-size: 0; position: relative;}
.nc-program__buttons:before {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc-program__buttons:after {content:''; display: block; width: 0.1rem; height: 100%; background: #eee; position: absolute; top:0;z-index: 1;}
.nc-program__buttons--secondary .nc-program__button {width: 50%;}
.nc-program__buttons--secondary:before {left: 50%; margin-left: -0.05rem;}
.nc-program__buttons--secondary:after {display: none;}
.nc-program__buttons--tertiary .nc-program__button {width: 33.33%;}
.nc-program__buttons--tertiary:before {left: 33.33%;}
.nc-program__buttons--tertiary:after {left: 66.67%;}
.nc-program__button {display: inline-block;vertical-align: top;font-size: 1.4rem;font-weight: 500;color: #666;letter-spacing: -0.025em;line-height: 1;text-align: center;padding: 1.5rem 1rem 1.7rem;width: 100%;}
.nc-program__apply {background: #6c9bc5;background: rgba(108, 155, 197, .1);}
html.ios .nc-program__department:after {top: 1rem;}
.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;
    width: 4.2rem;
    position: absolute;
    text-align: center;
    border: 1px solid #E6E6E6;
    margin-left: 1%;
    margin-top: 0rem;    height:48px;
    line-height: 46px;
	right:0;
	bottom:4px;
}
.nc_program_select_pro_wrap {
    width: 100%;
}

.nc-nav-search__input.nc-form__field, .nc-nav-search__input {
    border: 0;
    height: 4.6rem;
    padding-left: 4.6rem;
    font-size: 1.6rem;
    padding-right: 7.6rem;
}

 .info_item + .info_item{margin-top:50px}
 .tableWrap .note{margin-top:8px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}
 .btn_wrap .note{margin-top:18px; text-align:right; font-size:14px; color:#999; letter-spacing:-0.05em;display:none;}
/* **************************************** *
 * 페이지
 * **************************************** */
.ds_pagination {display: block;width: 100%;margin-top: 50px;margin-bottom: -4px;font-size: 0;text-align: center;}
.ds_pagination:empty {margin-top: 0;}
.ds_pagination .p_num {display: inline-block;min-width: 39px;height: 39px;margin: 0 2px 4px;vertical-align: top;position: relative;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;text-align: center;line-height: 39px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;}
.ds_pagination .p_num:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;}
.ds_pagination .p_num:hover, .ds_pagination .p_num.act {color: #2c7fdf;}
.ds_pagination .p_num.act {font-weight: 600;}
.ds_pagination .p_num.act:after {border-color:#2c7fdf;}
.ds_pagination .p_num.first,
.ds_pagination .p_num.prev,
.ds_pagination .p_num.next,
.ds_pagination .p_num.last {font-size: 0;}
.ds_pagination .p_num.first:after,
.ds_pagination .p_num.prev:after,
.ds_pagination .p_num.next:after,
.ds_pagination .p_num.last:after {display: block;font-family: 'nc-font';font-size: 18px;line-height: 36px;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.ds_pagination a.p_num.first:hover:after,
.ds_pagination a.p_num.prev:hover:after,
.ds_pagination a.p_num.next:hover:after,
.ds_pagination a.p_num.last:hover:after {color: #2c7fdf;}
.ds_pagination .p_num.first:after {content: '\E908';}
.ds_pagination .p_num.prev:after {content: '\E909';}
.ds_pagination .p_num.next:after {content: '\E90A';}
.ds_pagination .p_num.last:after {content: '\E90B';}

.skip {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    background: 0 0;
    font-size: 0!important;
    color: transparent!important;
    line-height: 0;
}

.nc_tab__panels > div {display: none;min-height: 150px;}
.nc_tab__panels > div:first-child {display: block;}
.nc_tab__panels h2 {font-size:2rem;font-weight:600;color:#222;letter-spacing:-0.025em;}
.nc_tab__panels h2 + h3,
.nc_tab__panels h2 + ul {margin-top: 1.9rem;}
.nc_tab__panels h3 {font-size:1.6rem;font-weight:600;color:#1d3661;letter-spacing:-0.025em;margin-top: 1.8rem;}
.nc_tab__panels ul { margin-top: 1rem;}
.nc_tab__panels li {font-size:1.4rem;line-height: 1.9;color:#666;letter-spacing: -0.025em;}
.nc_tab__panels li  br {display:none;}
.nc_tab__panels li span {color:#1d3661;font-weight:500;}
.nc_tab__panels li b {font-weight:500;display: block;margin-bottom: 0.2rem;}
.nc_tab__panels li b + p {padding-left:0.7rem;}
.nc_tab__panels #curriculum  li + li {margin-top: 0.8rem;}

.nc_tab__panels {float: left;width: 100%;padding-bottom: 3rem;border-bottom:0.1rem solid #ddd;}
.nc_tab__panels {
    font-size: 1.4rem;
    color: #666;
}

.nc-program-slide_aplay .visual_state.bgb{
    background: #000;
}

.nc-program-slide_aplay .visual_state.bgr{
    background: #e51b13;
}

.nc-program-slide_aplay .visual_state.bgu{
    background: #2c7fdf;
}


@media (min-width: 1024px){
	
	#top_bg_join {
    background-image: url(../s_img/top_tit_bg_02.png);
    background-size: 180% auto;
	height: 100%;
    background-repeat: no-repeat;
}
.top_title h2 {
    display: table-cell;
    height: 80px;
    padding: 0 15px;
    font-size: 37px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}
.top_area{

width:100%;
    border-bottom: 1px solid #eee;
padding-bottom: 1rem;
    padding-top: 1rem;
}	
.nc-breadcrumb {font-size: 0;
    margin-bottom: 1rem;
    text-align: left;    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size:13px;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#1d3661}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #222; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 13px; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}

.program_wrap {
    margin-top: 0rem;
}
.pro_top {
    display: table;
    width: -webkit-calc(100% + 4rem);
    width: calc(100% + 4rem);
    table-layout: fixed;
    margin-left: -2rem;
}
.pro_top_inner {
    display: table-cell;
    vertical-align: top;
    padding-left: 2rem;
    padding-right: 2rem;
}

.pro_top_inner_6 {
    width: 64%;    position: relative;
}
.pro_top_inner_7 {
    width: 70%;
}
.pro_top_inner_6 img{
}

.pro_top_inner_4 {
    width: 40%;
}
.pro_top_inner_3 {
    width: 36%;
}
.program_wrap__info-wrap {
    min-height: 44.3rem;
}

.info_area {
    /* background: #f8f8f8; */
    margin-top: 0;
    padding-bottom: 0;
    border-top: 0.4rem solid #ddd;
    border-bottom: 0.1rem solid #dae1e6;
}

.program_wrap__info-wrap .info_area {
    padding: 3.5rem 2.6rem 3rem;
}
.nc-nav__search{border-left:0; width: 2rem; right: -0.2rem;}
	.nc-nav-search__submit {width: 2rem;left: 1rem;}
	.nc-nav-search__close {width: 2rem;right: 1rem;}
	.nc-nav-search__form {top: 0;}
	.nc-nav-search__input.nc-form__field,
	.nc-nav-search__input {/*height: 6.4rem; padding-left: 2.8rem;*/ /*height: 4.4rem; border: 0.1rem solid #ddd;  padding-left: 4.8rem; */ background: #f6f6f6; padding-right: 7rem;}
    .nc-nav-search__field { nc-: 28.9rem; right: 0; top: -1.1rem; z-index: 3;}
	.nc-nav-search__field .nc-form__clear-btn {top: 1.1rem; right: 3.8rem;}
	html.desktop .nc-nav__link:hover {color: #1d3661;}
	html.ie11 .nc-nav-search__field .nc-form__clear-btn {top: 1.2rem;}



.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;    border: 0px solid #E6E6E6;
    width: 4.5rem;
    position: relative;
    text-align: center;
}
.home .main_container,.sub .main_container ,.program_view .main_container {
    padding-top: 10.5rem;
    padding-bottom: 5rem;
}


.main_container{
    padding-top: 9rem;
    padding-bottom: 5rem;
}


.sub .main_container ,.program_view .main_container {
    padding-top: 9rem;
    padding-bottom: 5rem;
}

.nc_program_util {
    position: absolute;
    right: 0rem;
    font-size: 0;
    display: inline-block;
    top: auto;
}

/* Single Slideshow */
.nc-program-slide {position: relative;}
.nc-program-slide:after { content: ''; display: block; width: 100%; height: 9rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.nc-program-slide__figure {padding-top: 62.5%;/*  background: #ddd; */}
.nc-program-slide .swiper_control {position: absolute; bottom: 1.5rem; left: auto; display: block; width: 100%;}
.nc-program-slide .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}

.nc-program-slide_aplay {position:relative; overflow:hidden;}
.nc-program-slide_aplay .nc-program-slide__figure {padding-top: 56.29%;}
.nc-program-slide_aplay .swiper_control {position: absolute;bottom: 0.8rem;left: auto;display: block;width: 100%;text-align: center;}
.nc-program-slide_aplay .swiper_control .swiper-pagination {display:inline-block; vertical-align:middle;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-progress-wrap { display: block; width: 11.1rem; height: 2.2rem; position: absolute; left: 3.3rem; top: 50%; margin-top: -0.1rem; background: #666; overflow: hidden; visibility: hidden;}
.nc-program-slide_aplay .swiper_control .swiper-progress { display: block; width: 0; height: 100%; background: #222;}




.selectric .label {font-size: 1.8rem;color: #666;font-weight: 500;margin: 0 3.8rem 0 1.5rem;height: 4.8rem;line-height: 4.8rem;font-family:  'NotoSansKR', sans-serif;}

/* PROGRAM */
	.nc_program_util { right: 0;}
	.nc_program_util .selectric{ border-color: #fff;}
	.nc_program_util .selectric .label {min-width:5.5rem;margin-right: 3.5rem;}
    .nc_program_sort-mob .selectric-items {border-top-width: 0.1rem;}
    .nc_program_sort-mob {margin-right: 0; margin-left: 2.7rem;}
    .nc_program_sort-mob .selectric-open:before,
    .nc_program_sort-mob .selectric-open:after {display:none;}

	.nc_program_sorting {padding: 5.6rem 0 2.6rem;position: relative;}
	.nc_program_count {font-size: 1.6rem;}
	.nc_program_select {background: transparent;padding: 0rem;}
	.nc_program_select_pro_wrap{ width:auto}
	.nc_program_select_pro {width: 25rem;margin-right: 1rem;margin-left: 1rem;border-right: none;text-align: left;}
	.nc_program_select_pro .selectric{ background:transparent; border:none;    border-radius: 5px;
    background:#ECF0F2;height: 48px;
    line-height: 48px;}
	.nc_program_select_pro .selectric:after{ content:""; height:1.5rem; width:1px;background:#ddd;position:absolute; right: -0.7rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);display:none;}
    .nc_program_view {margin-left: 2.1rem; position: relative; top: auto; right: auto;}
    .nc_program_view:after { transition: color 300ms; -webkit-transition: color 300ms; font-size: 1.8rem;}
	.nc_program_search {position: relative; top: auto; right: auto;}
    .nc_program_search:after { transition: color 300ms; -webkit-transition: color 300ms; font-size: 1.8rem;}
	.nc_program_select-refresh{ position: relative; top: 0;left: 0.4rem;    width: 8rem;border: 1px solid #1d3661;    background: #1d3661;
    color: #fff;}
	.nc_program_select-refresh:after {line-height: 38px; -webkit-transition:color 300ms; transition: color 300ms;margin-left:6px;}
    .nc_program_select .selectric-items {border-width:0.1rem;}
    .nc_program_select .selectric-open:before,
    .nc_program_select .selectric-open:after {display:none;}
		html.desktop .nc_program_select-refresh:hover {border: 1px solid #1d3661;    background: #1d3661;
    color: #fff;}
	html.desktop .nc_program_select-refresh:hover:after {color: #fff;}
		html.desktop .nc_program_select-refresh:hover span {color: #fff;}
	html.desktop .nc_program_view:hover:after { color: #034EA2; }
	html.desktop .nc_program_search:hover:after { color: #034EA2; }

	.nc_program .nc-nav-search__form { bottom: 1.1rem; right: 0rem; margin: 0; width: auto;}
	.nc_program .nc-nav-search__field { top: auto; }
	html.mobile .nc_program .nc-nav-search__form { right: 13.8rem; bottom: 0.7rem; }

    .nc_program_select + .nc_list_notrecord { padding-top: 15rem; margin-bottom: -6.4rem; }
    .nc_program_select + .nc_list_notrecord:before {display:none;}

	.nc_program_buttons { position: absolute; right: 0; border: none;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.nc_program_buttons .nc_program_button {width: auto;min-width: 14rem;margin: 1rem 0; border: 0; background: #eaeaea; font-size: 1.4rem; display:block; transition: background 0.3s; -webkit-transition: background 0.3s}
	.nc_program_buttons .nc_program_button.nc_program_apply {background: #034EA2; color: #fff;}
    html.desktop .nc_program_buttons .nc_program_button:hover {background:#d2d2d2;}
    html.desktop .nc_program_buttons .nc_program_button.nc_program_apply:hover {background:#173652;}
    html.desktop .nc_program_list--row .nc_program_buttons .nc_program_button.nc_program_apply:hover {/* background:#6c9bc5;background:rgba(108, 155, 197, .4) */}
	.nc_program_list--row .nc_program_buttons .nc_program_button.nc_program_apply { /* background:#6c9bc5; background: rgba(108, 155, 197, .2); */ }
	.nc_program_buttons:after,
	.nc_program_buttons:before { display: none;}
	.nc_program_item { border-top: 1rem;}
	.nc_program_content { padding: 4rem 0 4.1rem;}
	.nc_program_department-wrap { top: 3.6rem; right: 0;}
	.nc_program_department { font-size: 1.4rem; transition: color 0.3s; -webkit-transition: color 0.3s; padding-top: 0; padding-bottom: 0; padding-right: 1.5rem;}
	.nc_program_department:after { top: 0.1rem; right: -0.5rem; }
	.nc_program_cat { font-size: 1.4rem; line-height: 1.6; }
	.nc_program_period { font-size: 1.4rem; font-family: 'NotoSansKR', sans-serif; line-height: 1.6; font-weight: 500; padding-left: 1.6rem;}
	.nc_program_period:after { left: 0.8rem; margin-top: -0.4rem; height: 0.9rem; }
	.nc_program_title {font-size: 2rem; margin-bottom: 1rem; transition: color 0.3s; -webkit-transition: color 0.3s;}
	.nc_program_deadline { font-size: 1.4rem;  padding: 0.6rem 1.2rem 0.7rem; }
	.nc_program_desc {font-size: 1.5rem; line-height: 1.8;  max-height: 3.38em;}
	html.desktop .nc_program_title:hover {color: #034EA2;}
	html.ie11 .nc_program_period {top: -0.1rem;}
	html.ie11 .nc_program_period:after {margin-top: -0.3rem;}
	html.ios .nc_program_department:after {top: 0.1rem}

.nc_program_list--row .nc-program__content {padding-right: 16rem;}
	.nc_program_list--row .nc-program__data_group { display: inline-block; 	vertical-align: top; }
	.nc_program_list--row .nc-program__department-wrap{ position: relative; top: auto; right: auto; display: inline-block; vertical-align: top;}
	.nc_program_list--row .nc-program__department {padding: 0 1.5rem 0 1.6rem; transition: color 0.3s; -webkit-transition: color 0.3s}
	.nc_program_list--row .nc-program__department:before {content: '';display: block;width: 0.1rem;height: 0.9rem;background: #ddd;position: absolute;top: 0.6rem;left: 0.8rem;}

.nc-program__buttons { position: absolute; right: 0; border: none;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.nc-program__buttons .nc-program__button {width: auto;min-width: 14rem;margin: 1rem 0; border: 0; background: #eaeaea; font-size: 1.4rem; display:block; transition: background 0.3s; -webkit-transition: background 0.3s}
	.nc-program__buttons .nc-program__button.nc-program__apply {background: #1d3661; color: #fff;}
    html.desktop .nc-program__buttons .nc-program__button:hover {background:#d2d2d2;}
    html.desktop .nc-program__buttons .nc-program__button.nc-program__apply:hover {background:#173652;}
    html.desktop .nc_program_list--row .nc-program__buttons .nc-program__button.nc-program__apply:hover {/* background:#6c9bc5;background:rgba(108, 155, 197, .4) */}
	.nc_program_list--row .nc-program__buttons .nc-program__button.nc-program__apply { /* background:#6c9bc5; background: rgba(108, 155, 197, .2); */ }
	.nc-program__buttons:after,
	.nc-program__buttons:before { display: none;}
	.nc-program__item { border-top: 1rem;}
	.nc-program__content { padding: 4rem 0 4.1rem;}
	.nc-program__department-wrap { top: 3.6rem; right: 0;}
	.nc-program__department { font-size: 1.4rem; transition: color 0.3s; -webkit-transition: color 0.3s; padding-top: 0; padding-bottom: 0; padding-right: 1.5rem;}
	.nc-program__department:after { top: 0.1rem; right: -0.5rem; }
	.nc-program__cat { font-size: 1.4rem; line-height: 1.6; }
	.nc-program__period { font-size: 1.4rem; font-family: 'NotoSansKR', sans-serif; line-height: 1.6; font-weight: 500; padding-left: 1.6rem;}
	.nc-program__period:after { left: 0.8rem; margin-top: -0.4rem; height: 0.9rem; }
	.nc-program__title {font-size: 2rem; margin-bottom: 1rem; transition: color 0.3s; -webkit-transition: color 0.3s;}
	.nc-program__deadline { font-size: 1.4rem;  padding: 0.6rem 1.2rem 0.7rem; }
	.nc-program__desc {font-size: 1.5rem; line-height: 1.8;  max-height: 3.38em;}
	html.desktop .nc-program__title:hover {color: #1d3661;}
	html.ie11 .nc-program__period {top: -0.1rem;}
	html.ie11 .nc-program__period:after {margin-top: -0.3rem;}
	html.ios .nc-program__department:after {top: 0.1rem}



.nc_program_select_pro {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0.5rem; width: 22rem;float: left; }


.nc_program_select_pro.first {    margin-left: 0rem;}


.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    border-right: 0rem solid #ddd;
    margin-bottom: 0.5rem;
    height: 100%;
    margin-top: 0.5rem;
    width: auto;    width: 25rem;margin-bottom: 0px;
}

.nc_program_select_pro.two {display: inline-block; vertical-align: middle; border-right: 0rem solid #ddd;margin-bottom: 0.5rem;height: 100%;margin-top: 0.5rem;    width: 25rem;    margin-left: auto;font-size:1.8rem }

.nc_program_select_pro_wrap .selectric .label{
    font-size: 1.6rem;

}
.nc_program_select-refresh{
    margin-top: 0;border-radius: 5px;
}

.nc_program_select-refresh span{
    font-size:1.5rem;
	font-weight: bold;
}


.selectric-items li {
    padding: 1.9rem 3.8rem 1.9rem 1.6rem;
    font-size: 1.7rem;
    text-align: left;
    font-weight: 500;
}


.ui-datepicker-title .selectric-items li {
    padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    font-size: 1.5rem;
    text-align: left;
    font-weight: 500;font-family: 'Maven Pro', 'NotoSansKR', sans-serif;
}

.ui-datepicker-title .selectric-open .selectric-items {
    display: block;
	width: 100px;
}

.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;font-size:1.8rem;    font-weight: 500;
    color: #444;
}
.program_wrap__info {
    position: relative;
    min-height: 37.3rem;
    padding-bottom: 9rem;
}
.program_wrap__info .pr_btn_area {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6rem;
    font-size: 1.6rem;
    line-height: 6.5rem;    width: 100%;
}
.nc_button {
    width: 22rem;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
.program_wrap__info-desc {
    margin-top: 2.5rem;
}
.program_wrap__info-desc li {
    font-size: 1.6rem;
}

.program_wrap .nc_tab {
    margin-top: 0;
}

.nc_tab__menu {
    margin-bottom: 5rem;
}
.nc_tab {border-top: 0;}
	.nc_tab__tit { font-size: 1.6rem; margin-top:4rem; padding: 0; background: none; color: #222;}
    .nc_tab__list {padding: 2.1rem 0 2.9rem;margin: -0.5rem;}
	.nc_tab__item {font-size: 1.5rem;padding: 1.2rem 1.3rem 1.1rem;margin: 0.5rem;transition: background 0.3s; -webkit-transition: background 0.3s}

    .nc_tab__menu {margin-bottom:5rem;}
    .nc_tab__menu li {}
    .nc_tab__menu li a {padding: 2.2rem 0 2.4rem;font-size: 1.6rem;}
    .nc_tab__panels {padding-bottom:5.4rem;}
    .nc_tab__panels h2 { font-size: 3rem;}
    .nc_tab__panels h2 + h3,
    .nc_tab__panels h2 + ul {margin-top:2.7rem;}
    .nc_tab__panels h3 {margin-top: 2.3rem;}
    .nc_tab__panels ul { margin-top: 1.2rem;}
    .nc_tab__panels li br {display:block;}
    .nc_tab__panels #curriculum li + li {margin-top: 1.4rem;}

	.nc_tab__list { max-width: 121rem; white-space: normal; overflow: unset; }
	.nc_tab__list--count-2 {margin-left: auto; margin-right: auto;}
	.nc_tab__list--count-2 .nc_tab__item { width: -webkit-calc(50% - 1rem); width: calc(50% - 1rem); }
	.nc_tab__list--xl .nc_tab__item {padding-top: 2rem;padding-bottom: 2rem;}

    html.desktop .nc_tab__item:not(.nc_tab__item--active):hover { background:#6c9bc5; background:rgba(108, 155, 197, .2);}
.program_wrap .nc-program-slide_aplay {margin-left:0; margin-right:0; padding-bottom:0;}

  .program_wrap__info-wrap .info_area {
    padding: 3.5rem 2.6rem 3rem;
}

.nc-program-slide_aplay .visual_state {
    color: #fff;
    font-weight: 600;
    font-size: 0.938rem;
    background: #27b4c5;
    padding: 20px 28px;
    position: absolute;
    left: 0;
    top: 0;
	font-size:1.6rem;
	z-index: 2;
}


}

.bba{background: #1e6fc7;}
.bbb{background: #143276;}
.bbc{background: #27b4c5;}

/* Single Slideshow */
.nc-program-slide {position: relative;}
.nc-program-slide:after { content: ''; display: block; width: 100%; height: 9rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.nc-program-slide__figure {padding-top: 62.5%;/*  background: #ddd; */}
.nc-program-slide .swiper_control {position: absolute; bottom: 1.5rem; left: auto; display: block; width: 100%;}
.nc-program-slide .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}

.nc-program-slide_aplay {position:relative; overflow:hidden;}
.nc-program-slide_aplay .nc-program-slide__figure {padding-top: 61.58%}
.nc-program-slide_aplay .swiper_control {position: absolute;bottom: 0.8rem;left: auto;display: block;width: 100%;text-align: center;}
.nc-program-slide_aplay .swiper_control .swiper-pagination {display:inline-block; vertical-align:middle;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet {border-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-pagination-bullet-active {background-color: #fff;}
.nc-program-slide_aplay .swiper_control .swiper-progress-wrap { display: block; width: 11.1rem; height: 2.2rem; position: absolute; left: 3.3rem; top: 50%; margin-top: -0.1rem; background: #666; overflow: hidden; visibility: hidden;}
.nc-program-slide_aplay .swiper_control .swiper-progress { display: block; width: 0; height: 100%; background: #222;}



.nc_tab__menu {
    width: 100%;
    margin: 0 auto 3rem;
    position: relative;
    font-size: 0;
}

.program_wrap__info-desc li {
    font-size: 1.5rem;
    display: table;
	margin-bottom:8px;
}
.program_wrap__info-category {
    font-size:2.8rem;
	margin-bottom:30px;
    color: #1d3661;
    letter-spacing: -0.025em;
    font-weight: 600;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.program_wrap__info-desc {
    margin-top: 1.8rem;
}
.nc_button {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    height: 100%;
    background: #2e81f8;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 6rem;
}

.nc_button3 {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    height: 100%;
    background: #1d3661;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 6rem;
}

.program_wrap__info-wrap .info_area {
    border-top-color: #222;
    background: #f8f8f8;
    padding: 2.2rem 2rem 2.5rem;
}
.program_wrap__info-wrap {
}
.program_wrap__info .nc_button:last-child {
    margin-right: 0;
}

.program_wrap__info .nc_button3:last-child {
    margin-right: 0;
}

.program_wrap__info .nc_button {
    width: 100%;    width: calc(49.5% - 0px);
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 6rem;    margin-right: 1%;
}

.program_wrap__info .nc_button3 {
    width: 100%;   width: -webkit-calc(32.6666% - 0px);width: calc(32.6666% - 0px);
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 6rem;    margin-right: 1%;
}


.program_wrap__info-desc li > p {
    color: #666;
    display: table-cell;
    font-size: 1.6rem;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    font-weight: 500;
}
.program_wrap__info-desc li > span {
    color: #000;
    display: inline-block;
    padding-right: 0.8rem;
    margin-right: 0.8rem;
    position: relative;
    font-size: 1.6rem;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    font-weight: 500;
}
.program_wrap .nc_tab {
    margin-top: 3rem;
}

.nc_button.blist {
    background: #222;
    color: #fff;
}
.nc_button.bend {
    background: #aaa;
    color: #fff;
}

.nc_button3.blist {
    background: #222;
    color: #fff;
}
.nc_button3.bend {
    background: #aaa;
    color: #fff;
}

.nc_tab:after {content: '';display: table;clear: both;}
.nc_tab__menu {width: 100%;margin: 0 auto 3rem;position: relative;font-size:0;}
.nc_tab__menu:before {width:100%; height:0.1rem; background:#dae1e6; content:''; display:block; position:absolute; bottom:0;}
.nc_tab__menu li {width:33.33333333%;display:inline-block;position: relative;vertical-align: middle;border: solid #dae1e6;border-width: 0.1rem 0.1rem 0;cursor: pointer;}
.nc_tab__menu li + li {border-left:none}
.nc_tab__menu li:before {content: '';display: block;height: 2px;position: absolute;left: -0.1rem;right: -0.1rem;top: -0.1rem;background: transparent;z-index: 1;}
.nc_tab__menu li a {display: block;width: 100%;padding: 2.2rem 0 2.4rem;font-size: 1.5rem;font-weight: 500;line-height: 1.35;text-align: center;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}
.nc_tab__menu li.nc_tab--active {background: #fff;border-bottom-color: #fff;}
.nc_tab__menu li.nc_tab--active:before {background: #1d3661;}
html.desktop .nc_tab__menu li:hover a, .nc_tab__menu li.nc_tab--active a {color: #1d3661;}
/*.nc_tab__panels {float: left;width: 100%;padding-bottom: 3rem;border-bottom:0.1rem solid #ddd;}*/
.nc_tab__panels {
    font-size: 1.4rem;
    color: #666;
}


/* nc_tab variation */
.nc_tab__list--xl .nc_tab__item { padding-top: 1.3rem; padding-bottom: 1.4rem;}
.nc_tab__list--count-2 .nc_tab__item { width: -webkit-calc(50% - 0.8rem); width: calc(50% - 0.8rem);text-align: center;}
.program_wrap__info-wrap .info_area {
    border-top-color: #222;
    background:#f7f9fa;
    padding: 2.2rem 2rem 2.5rem;
}

.program_wrap .nc-program-slide_aplay .swiper_control .swiper-pagination, .program_wrap .nc-program-slide_aplay .swiper_control .swiper_play_state {
    display: none;
}
@media (max-width: 1024px){


#tab_menu li a {
    font-size: 2.0rem;
    font-weight: 500;
    color: #222;
    padding: 3.0rem 2.2rem 3.3rem;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.program_wrap__info .pr_btn_area{

margin-top:3rem;
}
.mobile_container {display: block; position: absolute; top: .8rem; right: 0.8rem; z-index: 2222;}
.tableWrap .note{display:block;}
.btn_wrap .note{display:block;}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.2rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
    height: 50px;
    line-height:50px;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    text-align: left;
}
.selectric .button {
    width: 4.8rem;
    height: 50px;
}
.nc_program_select-refresh {
    display: inline-block;
    vertical-align: middle;
    width: 10rem;
    position: relative;
    text-align: center;
    border: 1px solid #d8e2e5;
    margin-left: 0;
    bottom: 7.5px;
    height: 46px;
    line-height: 46px;
    right: 0;
    bottom: 0px;
    bottom: 0px;
    margin-top: 10px;    border-radius: 3px;    border: 1px solid #1d3661;
    background: #1d3661;
    color: #fff;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 40px;
    /* line-height: 38px; */
    margin-left: 5px;
}
.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
}
.selectric {
    background: #fff;
    border: 1px solid #d8e2e5;
    height: 50px;
    line-height: 50px;
}
.selectric-items li {
    padding: 0.9rem 3.8rem 0.9rem 1.6rem;
    font-size: 1.2rem;
    text-align: left;
}
.nc-breadcrumb {font-size: 0; margin-bottom:1rem;    text-align: right;display:block;}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size: 1.3rem;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#1d3661}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #222; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 1.3rem; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}
.nc-program-slide_aplay .visual_state {
    color: #fff;
    font-weight: 600;
    font-size: 0.938rem;
    background: #27b4c5;
    padding: 20px 28px;
    position: absolute;
    right: 0;
    bottom: 0;
	font-size:1.6rem;
	z-index: 2;
}

.search_box2 {
    width: 100%;
    padding: 12px 0px;
    background-color: #FEFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}

.nc_program_select_pro.three {
    display: inline-block;
    vertical-align: middle;
    /*width: 100%;*/
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 3.5px;
    /*width: -webkit-calc(100% - 5.2rem);
    width: calc(100% - 5.2rem);*/height: 50px;
	float: left;
}

.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 3.5px;
   width: -webkit-calc(49% - 0rem); 
    width: calc(49% - 0rem); 
    height: 50px;
    float: left;
    margin-right: 0%;
    margin-left: 1%; 
}
}
.nc-frm__data-auth-group--tel .nc-form__field-btn.active {
    border-color: #888;
    background: #888;
    color: #fff;
}
@media (max-width: 768px){
.nc-breadcrumb {font-size: 0;
    margin-bottom: 0;
    text-align: right;
    /* display: none;*/}
	.nc-breadcrumb__item { display: inline-block;vertical-align: middle}
	.nc-breadcrumb__item a,
	.nc-breadcrumb__item span {display: block;font-size: 1.3rem;line-height: 2.4rem;color: #222;-webkit-transition:color 300ms;transition: color 300ms;font-weight: 500;}
	.nc-breadcrumb__item a:hover { color:#1d3661}
	.nc-breadcrumb__item--separator { width: 3rem; height: 2.4rem}
	.nc-breadcrumb__item--separator span { display: block; width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--separator span:before {  content: ""; border: 3px solid transparent; border-left: 4px solid #222; position: absolute;  top: 0.9rem; left: 1.4rem;}
	.nc-breadcrumb__item--home {  width: 1.3rem; height: 2.4rem; position: relative}
	.nc-breadcrumb__item--home a { width: 100%; position: relative; font-size: 0}
	.nc-breadcrumb__item--home a:after { display: block; width: 100%; position: absolute; left: 0; top: 0; content: '\e92c'; font-family: 'nc-font'; font-size: 1.3rem; line-height: 2.4rem; text-align: center; font-weight: normal; color: #222}


.modal_page_open.on .nc-breadcrumb {
    font-size: 0;
    margin-bottom: 0;
    text-align: right;
    display: none;
}
#logo {
    position: absolute;
    top: 11px;
    left: 1.5rem;
    width: 150px;
    /* height: 2.8rem; */
    z-index: 2;
    left: 2%;
    margin-left: 0rem;
}
.header_wrap {
    max-width: inherit;
    height: 60px;
    margin: 0 auto;
    position: relative;
    border-bottom: 0.0rem solid #ddd;
    background: inherit;
}
body.home .main_container,body.sub .main_container,body.program_view .main_container {
    padding-bottom: 6rem;
    min-height: 28rem;
}
.main_container{
    padding-top: 60px;
    padding-bottom: 5rem;
}
.member_menu_container {
    opacity: 1;
    visibility: visible;
    z-index: 651;
    position: fixed;
    top: 17px;
    right:38px;
}
.mobile_open_btn {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
}
.mobile_open_btn:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'nc-font';
    content: '\E92D';
    font-size: 1.8rem;
    line-height: 50px;
    font-weight: normal;
    text-align: center;
    color: #000;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.mobile_container {
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
    z-index: 2222;
}
.program_view .main_container {
    padding-top: 4.5rem;
    padding-bottom: 5rem;
}

#nc-login-form .nc_frm__data {
    margin-bottom: 0rem;
}

.noResult {
    margin-top: 0px;
    padding: 140px 0 87px 0;
    text-align: center;
    border-top: 3px solid #222;
    border-bottom: 1px solid #ededed;
    position: relative;
}
#small_menu_close {
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 3.2rem;
    height: 3.2rem;
    position: fixed;
    top: 1.2rem;
    right: 5px;
    z-index: 651;
    cursor: pointer;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}
.noResult:before {
    position: absolute;
    font-size: 38px;
    width: 80px;
    height: 80px;
    content: '\E846';
    font-family: 'nc-font';
    top: 40%;
    margin-left: -40px;
    margin-top: -40px;
    color: #666;
    left: 50%;
}

.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 48px;
    height: 50px;
    position: absolute;
    text-align: center;
    bottom: 0px;
    right: 0;
    margin-top: 0rem;    float: none;
}

.nc_program_select_pro.three {
    border-right: 0rem solid #ddd;

  /*  width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);*/
    float: left;
	    margin-bottom: 0rem;
}
.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;

 /*  width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);*/
    float: left;
	    margin-bottom: 0rem;    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}
html.mobile .nc_selectric_area {
    margin-top: 0rem;float:left;margin-bottom: 0rem;

}
html.mobile .nc_program_select_pro.three {

    /*margin-top: 0.5rem;
	margin-bottom: 0rem; margin-top: 0.6rem;float:left;height: 50px;*/
}
html.mobile .nc_program_select_pro.four {

    margin-top: 5px;
	margin-bottom: 0rem; float:left;height: 50px;
}
.nc_program_select_pro{
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select_pro.two {
    margin-bottom: 0rem;height: 50px;
}
html.mobile .nc_selectric_area {background: #fff; border-radius: 0; }
html.mobile .nc_selectric_area:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .nc_selectric_area > select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; padding: 1.4rem 3.4rem 1.5rem 1.4rem; position: relative; font-family: 'NotoSansKR', sans-serif; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #222; background: transparent; border: 0.1rem solid #E6E6E6; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; letter-spacing: -0.025em;}
html.mobile .selectric-wrapper.selectric-nc-selectric .selectric .label {height:4.6rem; line-height:4.6rem;}

html.mobile .selectric-hide-select.selectric-is-native {background: #fff; border-radius: 0; }
html.mobile .selectric-hide-select.selectric-is-native:before {width: 0; height: 0; position: absolute; top: 2.1rem; right: 2rem; content: ''; text-align: center; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.5rem solid #222;}
html.mobile .selectric-hide-select.selectric-is-native select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: auto;margin: 0;padding: 1.4rem 3.4rem 1.5rem 1.4rem;position: relative;font-family: 'NotoSansKR', sans-serif;font-size: 1.4rem;line-height: 1;font-weight: 400;color: #222;background: transparent;border: 0.1rem solid #E6E6E6;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;letter-spacing: -0.025em;}
.nc-separator {
    height: 0.8rem;
    background: #f7f9fa;
    border-top: 0.1rem solid #d8e2e5;
}

#nc_frm-mypage-edit-step-02 .nc-separator {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 3rem;
}

.wrap .program_form .nc-separator {
    margin-left: 0;
    margin-right: 0;
}
.nc_program_select_pro_wrap .selectric .label{
    height: 50px; line-height: 50px;
}
.selectric .button {
    width: 4.8rem;
    height: 50px;
}

.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width:100px;
    height: 50px;
    position: relative;
    text-align: center;
    bottom: 0px;
    right: 0;
    margin-top: 5px;
    float: none;
}

.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 46px;
}

.selectric {
    background: #fff;
    border: 1px solid #E6E6E6;
    height: 50px;
}

.nc_program_select {
    display: block;
    font-size: 0;
    position: relative;
    margin: 2px 1rem 0px;
}
.nc_program_select_pro.three,.nc_program_select_pro.four {

    margin-top: 5px;

}
}

@media (min-width: 1640px){
.search_box2 {
    width: 100%;
    padding: 12px 0px;
    background-color: #FEFEFE;
    text-align: center;
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    position: relative;
}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.3rem;
}
.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: bold;
}
.nc_program_select_pro.four {
    display: inline-block;
    vertical-align: middle;
    /* width: 100%; */
    border-right: 0rem solid #ddd;
    margin-bottom: 0px;
    height: 100%;
        margin-top: 0.5rem;
    /* width: -webkit-calc(49% - 4.2rem); */
    /* width: calc(49% - 4.2rem); */
    /* height: 50px; */
    float: left;
    margin-right: 0%;
    margin-left: 0;
    /* margin-left: 1%; */
}
.selectric-items li {
    padding:1.5rem 3.8rem 1.5rem 1.6rem;
    font-size: 1.3rem;
    text-align: left;
    font-weight: 500;
}
.nc_program_select_pro .selectric {
    background: transparent;
    border: none;
    border-radius: 5px;
    background: #f2f2f2;
   /* height: 62px;
    line-height: 62px;*/
}
.nc_program_select_pro_wrap .selectric .label {
    font-size: 1.4rem;
    color: #666;
    font-weight: 500;
    margin: 0 3.8rem 0 1.5rem;
 /*   height: 62px;
    line-height: 62px;*/
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    text-align: left;
}
.selectric .button {
    width: 4.8rem;
  /* height: 62px; */
}
.nc_program_select-refresh {
 /*height: 62px;
  line-height: 58px;*/

}

}

.tableWrap{position:relative;display: block;}

.tableWrap .scrollDiv{overflow-x:auto;}
.tableWrap .scrollDiv::-webkit-scrollbar{height:7px; background:#f0f0f0;}
.tableWrap .scrollDiv::-webkit-scrollbar-thumb{background:#a9a9a9; border-radius:0;}

.tableR{border-top:3px solid #92613e;border-bottom: 1px solid #ededed;}
.tableR.type2{border-top:1px solid #ddd}
.tableR table{width:100%; table-layout:fixed; /*border-top:3px solid #000;*/    border-collapse: collapse;min-height: 283px;}
.tableR table thead tr{border-bottom:1px solid #ededed;}
.tableR table thead tr th{   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;color:#333; font-size:13px; padding:20px 0; border-right:1px solid #ededed; background:#f7f3f0;text-align:center;vertical-align: middle;font-weight:600;}


.tableR table thead tr th.wht{   font-family: 'Maven Pro',  'NotoSansKR', sans-serif; color:#333; font-size:13px; padding:20px 0; border-right:1px solid #ededed; background:#fff;text-align:center;vertical-align: middle;}


.tableR table thead tr th:last-child{border-right:none;    border-left: 1px solid #ededed;}
.tableR table thead tr th p{margin-top:5px;    font-family: 'Maven Pro',  'NotoSansKR', sans-serif; font-size:18px;}
.tableR table tbody{border-bottom:1px solid #ededed;}
.tableR table tbody tr.thead{background:#f7f7f7;}
.tableR table tbody tr.thead td{padding:20px 0;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif; color:#333; font-size:20px; border-right:1px solid #ededed;}
.tableR table tbody tr.tfoot{background:#fbfbfb; background:#fbfbfb;}
.tableR table tbody tr.tfoot td{   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;color:#333; font-size:12px;}
.tableR table tbody tr.blueBg{background:#ecfaf3;}
.tableR table tbody tr td{padding:5px 8px; text-align:center; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;vertical-align: middle;}


.tableR table tbody tr td.price{padding:5px 8px; text-align:right; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;vertical-align: middle;}

.tableR table tbody {
    border-bottom: 1px solid #ededed;
}

.tableR table tbody tr td:first-child{padding:6px 10px; text-align:center; font-size:12px; line-height:1.3; border-right:1px solid #ededed; border-top:1px solid #ededed;   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;vertical-align: middle;}
.tableR table tbody tr:first-child td{border-top:none;}
.tableR table tbody tr:last-child td{border-bottom:1px solid #ededed;}
.tableR table tbody tr td.nsB{font-family: 'Maven Pro',  'NotoSansKR', sans-serif;}
.tableR table tbody tr td .txt_right{text-align:right;}
.tableR table tbody tr td .txt_left{text-align:left;}
.tableR table tbody tr td.noBt{border-top:none;}
.tableR table tbody tr td.smTable p{font-size:12px;}
.tableR table tbody tr td p{   font-family: 'Maven Pro',  'NotoSansKR', sans-serif; font-size:12px;}
.tableR table tbody tr td p.nsEB{font-family:'NotoSans-Black'; font-size:12px;}
.tableR table tbody tr td span{   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;}
.tableR table tbody tr td .downArea{overflow:hidden;}
.tableR table tbody tr td .downArea .downTit{float:left; line-height:40px;}
.tableR table tbody tr td .downArea a{float:right;}
.tableR table tbody tr td:last-child{border-right:none;    border-left: 1px solid #ededed;}
.tableR table tbody tr td.strongBd{border-bottom:1px solid #ccc;}
.tableR table tbody tr td.thead{font-family: 'Maven Pro',  'NotoSansKR', sans-serif; color:#333; font-size:12px; background:#f7f7f7;}
.tableR table tfoot tr td{padding:20px 20px;font-family: 'Maven Pro',  'NotoSansKR', sans-serif; color:#333; font-size:12px; text-align:center; line-height:30px; border-right:1px solid #ededed; border-bottom:1px solid #ccc; background:#fbfbfb;}
.tableR .tableTxt{margin-top:27px; font-size:22px;}




.tableR table td .re {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size: 1.2rem;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'NotoSansKR', sans-serif;
}


.tableR table td .rt {
    border-color: #00C73C;
    background: #00C73C;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro', 'NotoSansKR', sans-serif;
}



.tableR table td .rk {
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 20px;
    min-width: auto;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.tableR table td .rb {
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.tableR table td .rbs {
    border-color: #27b4c5;
    background: #27b4c5;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.tableR table td .ry {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.tableR table td .rh {
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.tableR table td .rx {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}


.tableR table td .rc {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 3px 8px;
    margin: 0;
    font-size: 11px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.tableR table tbody tr td.txt_right{text-align:right;}
.tableR table tbody tr td.txt_left{text-align:left;}

.nf-cell {
    display: table;
    width: 100%;
    padding-bottom: 0px;
}

.nx-td {
    display: table-cell;
}


.ry {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}


.re {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}



.rk {
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}



.rb {
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.rbs {
    border-color: #27b4c5;
    background: #27b4c5;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.rbb {
    border-color: #2c7fdf;
    background:#2c7fdf;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.rbw {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}

.rbf {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #f7f9fa;
    font-weight: 500;
    font-size: 13px;
    display: block;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    padding: 4px;
    cursor: auto;
}
.gry .rbf {
    background: #fff;
   
}


.rbn {
    width: auto;
    max-width: 72px;
    margin: 0 auto;
    border: 0;
    background: #fff;
	font-weight:500;
    font-size:13px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    color: #222;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    padding: 5px 8px;
    cursor: auto;
}

.rbn.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}

.rbd {
    border-color: #d8e2e5;
    background: #eee;
    color: #222;
    min-height: 30px;
    min-width: 80px;
   padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:13px;
    line-height: 2;
    /* color: #898989; */
   border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.rbd.ss {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d8e2e5;
}
.rbx {
    border-color: #132332;
    background: #132332;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro',  'NotoSansKR', sans-serif;


}


.rh {
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
 .rx {
    border-color: #d8e2e5;
    background: #fff;
    color: #222;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    border: 1px solid #d8e2e5;
    border-radius: 5px;
    text-align: center;
    font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}




.rc {
    border-color: #f4811f;
    background: #f4811f;
    color: #fff;
    min-height: 30px;
    min-width: 80px;
    padding: 5px 8px;
    margin: 0;
	font-weight:500;
    font-size:12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 5px;
    text-align: center;
    font-family: "NotoSanskr",sans-serif;
}

@media (max-width: 768px){

.tableR table thead tr th {

    font-size: 12px;

}
.tbl_records {
    width: 100%;
    white-space: nowrap;
    width: 855px;
}
.scrollDiv .tableR {
    width: 855px;
    /* width: 200%; */
    padding-bottom: 10px;
}
.nc_program_util {
    position: absolute;
    right: 0rem;
    font-size: 0;
    display: inline-block;
    top: 1rem;
}
.tableWrap .note {
    margin-top: 6px;
    font-size: 11px;    margin-top: 8px;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.ds_pagination .p_num {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0 2px 4px;
    vertical-align: top;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-align: center;
    line-height: 30px;
    color: #888;
    -webkit-transition: color 300ms;
    transition: color 300ms;
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
}
.ds_pagination .p_num.first:after, .ds_pagination .p_num.prev:after, .ds_pagination .p_num.next:after, .ds_pagination .p_num.last:after {
    display: block;
    font-family: 'nc-font';
    font-size: 16px;
    line-height: 27px;
    color: #aaa;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

#logo {
    position: absolute;
    top: 12px;
    left: 1.5rem;
    width: auto;
    /* height: 2.8rem; */
    z-index: 2;
    left: 2%;
    margin-left: 0rem;
}
#logo a svg, #logo a img {
    display: inline-block;
    width: 100px;
    height: 100%;
    top: 2px;
    position: relative;
}
#logo > a > h2 {
    display: inline-block;
    font-size:16px !important;
    font-weight: bold;
    top: 0px;margin-left: 0px;
    position: relative;    font-family: 'SeoulNamsanB', 'NotoSansKR', sans-serif;
}

}

.on .selectric{

    background: #fff;
    color: #034EA2;
    border: 2px solid #034EA2;
}
.on .selectric .button {
    height: 45px;
}
.on .selectric .label {
    color: #034EA2;    line-height: 44px;    margin: 0 3.8rem 0 1.3rem;
}
.on .selectric .button:after, .on .selectric-hover .selectric .button:after {
    border-top-color: #034EA2;

	}
@media (max-width: 560px){
.nc_program_select_pro_wrap .selectric .label {
    height: 48px;
    line-height: 48px;
}
.nc_program_select_pro{
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select_pro.two {
    margin-bottom: 0rem;height: 50px;
}
.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 50px;
    position: relative;
    text-align: center;
    bottom: 0px;
    right: 0;
   float: none;
}
html.mobile .nc_program_select_pro.three {

	margin-bottom: 0rem; margin-top: 5px;float:left;height: 50px;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.4rem;
    color: #b2b2b2;
    line-height: 48px;
}

}

@media (max-width: 480px){
.nc_program_select {
    display: block;
    font-size: 0;
    position: relative;
    margin: 3px 3% 0px;
}

.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 48px;
    position: relative;
    text-align: center;
    bottom:2px;
    right: 0;
    margin-top: 6px;
    float: none;
	margin-bottom:0px;
}

}
.search_box2:after {
    /*content: "";
    position: absolute;
    z-index: 6;
    top: -36px;
    left: 50%;
    margin-left: -16px;
    background-color: rgba(25,112,186,0.8);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;transform: scale(31);*/
}
.record_type1{height:180px}
.record_type1 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type1 .record_bx{width:130px;height:179px}
.record_type1 .record_bx .wrap{padding:7px 10px 0}
.record_type1 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_type2{height:251px}
.record_type2 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type2 .record_bx{width:235px;height:250px;text-align:left}
.record_type3{height:238px}
.record_type3 .record_bx .no_record_info{height:96px;padding-bottom:7px}
.record_type3 .record_bx .no_record_info .info_text{line-height:15px;font-size:11px}
.record_type3 > div{padding:0 8px 0 7px;white-space:nowrap}
.record_type3 .record_bx{width:130px;height:237px}
.record_type3 .record_bx .wrap{padding:7px 10px 0}
.record_type3 .record_bx .title{color:#034EA2;font-family:AppleSDGothicNeo-Medium}
.record_bx{position:relative;display:inline-block;vertical-align:top;margin:0 2px 0 3px;border:1px solid #e1e1e1;border-top:0;background:#fff;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light;text-align:center}
.record_bx .no_record_info{height:208px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:15px;text-align:center}
.record_bx .no_record_info .info_text{line-height:19px;font-size:14px;color:#c7c7c7}
.record_bx .rank_num{position:absolute;top:9px;left:11px;color:#034EA2;font-size:21px}
.record_bx .rank_group{position:absolute;top:7px;left:7px;border-bottom:1px solid #a1bdeb;color:#034EA2;font-size:11px;font-family:HelveticaNeue,AppleSDGothicNeo-Medium,sans-serif;line-height:1.3em;letter-spacing:-0.5px}
.record_bx .rank_group span{margin-top:-1px;font-family:HelveticaNeue;font-size:13px;vertical-align:top}
.record_bx .rank_group ~ .rank_num{top:24px;left:6px;width:27px;font-size:17px;text-align:center}
.record_bx .rank_group ~ .wrap{padding-top:14px}
.record_bx .link{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:33px;border-top:1px solid #f3f3f3;background:#f9f9f9}
.record_bx .link span{display:block;color:#989898;font-size:12px;line-height:34px}
.record_bx .rank_team .team{padding:10px 0 6px}
.record_bx .rank_team .emblem{width:60px;height:60px;margin:0 auto}
.record_bx .rank_team .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx .rank_team .name{overflow:hidden;display:block;max-width:110px;margin:-2px auto 4px;color:#000;font-weight:normal;font-size:18px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px}
.record_bx .rank_team .stat{color:#858585;font-size:12px;line-height:1.25em}
.record_bx .rank_team .stat > span{display:block}
.record_bx .rank_team .high span{color:#034EA2}
.record_bx .rank_player{height:120px;border-bottom:1px solid #eaeaea}
.record_bx .rank_player .player{padding-top:7px}
.record_bx .rank_player .text{display:block;color:#034EA2;font-size:13px;font-family:AppleSDGothicNeo-Medium}
.record_bx .rank_player .thmb{position:relative;z-index:10;width:50px;height:50px;margin:3px auto 5px}
.record_bx .rank_player .thmb:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.05);-webkit-border-radius:50%;border-radius:50%;content:''}
.record_bx .rank_player .name{display:block;position:relative;z-index:20;color:#000;font-weight:normal;font-size:14px}
.record_bx .rank_player .name span{padding-left:2px;color:#939393}
.record_bx .rank_player .mask{overflow:hidden;position:relative;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%}
.record_bx .rank_player .mask:empty{background-color:#eaeef4}
.record_bx .rank_player .mask:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .mask .profile{width:100% !important}
.record_bx .rank_player .emblem{position:absolute;top:32px;right:-4px;z-index:10;width:23px;height:23px;-webkit-border-radius:12px;border-radius:12px;background:#eff2f8}
.record_bx .rank_player .emblem:empty{background-color:#eaeef4}
.record_bx .rank_player .emblem:empty::before{width:11px;height:14px;background:url(https://ssl.pstatic.net/static/sports/icons/no_image_logo_s.png) no-repeat;content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-background-size:contain;background-size:contain}
.record_bx .rank_player .emblem:empty:before{-webkit-background-size:50% 50%;background-size:50%;background-position:50%}
.record_bx .rank_player .emblem img{width:100%}
.record_bx .rank_player .stat{color:#034EA2;font-family:HelveticaNeue-Medium,sans-serif;font-size:13px;line-height:1.25em}
.record_bx .rank_player .stat > span{display:block}
.record_bx .rank_player2{overflow:hidden;position:relative;height:28px;padding-left:19px;background:#f6f6f6;font-size:11px;line-height:29px;text-align:left}
.record_bx .rank_player2 .rank_num{top:8px;left:8px;color:#000;font-size:12px;font-family:HelveticaNeue !important;line-height:1em}
.record_bx .rank_player2 .team{padding-left:3px;color:#939393}
.record_bx .rank_player2 .stat{position:absolute;top:0;right:8px;color:#034EA2}
.record_bx .rank_player2.no_record{padding:0}
.record_bx .rank_player2.no_record .name{display:block;height:29px;line-height:26px;text-align:center;font-size:12px;color:#999}
.record_bx .rank_player2.no_record .team,.record_bx .rank_player2.no_record .stat{display:none}
.record_bx .rank_player2 ~ .rank_player2{border-top:1px solid #f1f1f1}
.record_bx:before{display:block;height:1px;margin:0 -1px;background:#034EA2;content:''}
.record_bx .link_area{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30}
.record_rank{position:relative;z-index:10;width:200px;background:#fff;border-right:1px solid #e8e9e9}
.record_rank div.title{overflow:hidden;display:table;height:60px;padding-top:0px;padding-left:14px;font-weight:normal;font-size:15px;table-layout:fixed}
.record_rank div.title b{display:table-cell;height:100%;vertical-align:middle;font-weight:500;line-height:1.3em}
.record_rank div.title b span{color:#034EA2}
.rank_list{overflow:hidden;padding:3px 14px 0;height:200px}
.rank_list li{position:relative;height:33px;margin-top:6px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list li.no_record .rank_num{color:#999}
.rank_list li.no_record .thmb:empty{background:none}
.rank_list .rank_num{top:-2px;left:1px;color:#767676;font-size:16px}
.rank_list .wrap{padding-left:15px}
.rank_list .player{overflow:hidden;display:block;margin-right:45px;margin-bottom:-3px;font-size:14px;line-height:1em;white-space:nowrap;text-overflow:ellipsis}
.rank_list .team{color:#858585;font-size:11px}
.rank_list .thmb{position:absolute;top:0;left:16px;overflow:hidden;width:31px;height:31px;-webkit-border-radius:50%;border-radius:50%}
.rank_list .thmb:empty{background:url(https://ssl.pstatic.net/static/sports/2017/mobile/noimg.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list .thmb img{width:100%}
.rank_list .stat{position:absolute;top:-2px;right:0;color:#034EA2;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}
.rank_list .stat span{font-size:15px}
.rank_list .thmb ~ .wrap{padding-top:3px;padding-left:56px}
.rank_list.thmb_type{margin-top:-1px;padding-top:0}
.rank_list.thmb_type .rank_num{top:50%;height:20px;margin-top:-10px;line-height:20px}
.rank_list.thmb_type .stat{top:1px}
.rank_list li.best .rank_num{color:#034EA2}
.rank_list2 li{height:70px;padding-right:12px;border-top:1px solid #f3f3f3}
.rank_list2 li > div{position:relative;display:table;width:100%;height:70px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}


.status .rank_list2 li {
    height: 60px;
    padding-right: 12px;
    border-top: 1px solid #f3f3f3;
}
.status .rank_list2 li > div{position:relative;display:table;width:100%;height:60px;padding-left:13px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}



.rank_list2 li > a,.rank_list2 li > span{position:relative;display:table;width:100%;height:54px;padding-left:23px;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}
.rank_list2 .wrap{display:table-cell;width:100%;vertical-align:middle}
.rank_list2 .wrap span{/*overflow: hidden; */
    line-height: 1.3em;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* -webkit-box-orient: vertical; */
   font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    display: block;
    font-weight: 500;}
.rank_list2 .wrap .link{display:block}
.rank_list2 .emblem{position:absolute;top:50%;left:23px;width:30px;height:30px;margin-top:-15px}
.rank_list2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.rank_list2 .emblem img{width:100%;vertical-align:top}
.rank_list2 .emblem ~ .wrap{padding-left:33px}
.rank_list2 .rank_num{position:absolute;top:50%;left:6px;min-width:12px;height:20px;margin-top:-10px;color:#767676;text-align:center;font-size:12px;line-height:20px}
.rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:keep-all;}

html.ios .rank_list2 .player{margin-top:0px;color:#000;font-size:12px;-webkit-line-clamp:1;    word-break:break-all;}

.rank_list2 .team{color:#888;font-size:10px;-webkit-line-clamp:1}
.rank_list2 .team:only-child{color:#000;font-size:12px;-webkit-line-clamp:2}
.record_table{overflow:hidden;padding-left:200px;box-sizing:border-box;-webkit-box-sizing:border-box}
.record_table table{width:100%;margin-top:-51px;border-right:1px solid #fff;border-spacing:0;border-collapse:separate}
.record_table table .on{color:#034EA2;background:#fff}
.record_table caption{height:50px}
.record_table thead th{height:61px}
.record_table tbody th{height:54px;text-align:left}
.record_table th{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e4e8eb;}
.record_table th:first-child{border-left:1px solid #fff;}
.record_table th:last-child{border-right:0px solid #fff;}
.record_table th a{display:block;    height: 60px;
    padding: 20px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#222;min-width: 70px;}
.record_table th span{display:block;    text-align: center; font-family: 'Maven Pro', 'NotoSansKR', sans-serif;  font-weight: 500;}
.record_table th span:after{}
.record_table th .empty{display:block;height:48px;padding:16px 5px 0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#c2c2c2}
.record_table th .empty span:after{display:none}
.record_table th.on a{color:#034EA2}
.record_table th.on span:after{background-position:-65px -6px}
.record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro', 'NotoSansKR', sans-serif;
    line-height: 1.4;
    height: 70px;text-align: center;    font-size: 13px;font-weight: 500;}

.status .record_table td{padding:0 10px;border-top:1px solid #fff;border-left:1px solid #fff;color:#222;    vertical-align: middle;
    padding: 13px 8px;
    font-family: 'Maven Pro', 'NotoSansKR', sans-serif;
    line-height: 1.4;
    height: 60px;text-align: center;    font-size: 13px;font-weight: 500;}


.status .rank_list2:last-child li {
    height: 100px;
}

.record_table td > span{display:block;height:auto;font-size:13px;text-align:center;white-space:nowrap; font-family: 'Maven Pro', 'NotoSansKR', sans-serif;}
.record_table td > span.price{display:block;height:auto;font-size:13px;text-align:right;white-space:nowrap; font-family: 'Maven Pro', 'NotoSansKR', sans-serif;}

.record_table td > span.rk{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;
}
.record_table td > span.rx{
    font-size: 10px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td > span.rbw{
    font-size: 11px;
    line-height: 1.4;    min-height: auto;min-width: auto;    padding: 5px 4px;
}
.record_table td.empty{color:#c2c2c2}
.record_table .table_head{width:118px}
.record_table .title{position:relative;padding-left:15px;font-size:12px;line-height:1.2em;text-align:left}
.record_table .title .rank_num{position:absolute;top:0;left:0}
.record_table .title .name{display:block;font-weight:normal}
.record_table > div{display:inline-block}
.record_inner{overflow:hidden;position:relative;margin-top:0px;border-top:3px solid #2c7fdf;border-bottom:1px solid #e1e1e1;background:#f7f9fa}
.record_inner.t_m{margin-top:11px}
.record_inner.kleague{border-top:1px solid #2c7fdf}
.record_inner .table_scroll{position:absolute;top:0;bottom:0;left:0;right:0}
.record_inner .table_scroll > div{min-width:100%}
.record_inner .best td > span{font-family:HelveticaNeue-Medium,Sans-serif}
.record_inner .best .rank_num{color:#43a0fd}
.record_inner .low .rank_num{color:#c3c3c3}

.record_bx2{margin:0 12px;border:1px solid #e1e1e1;border-radius:1px;-webkit-border-radius:1px;background:#fff}
.record_bx2 .emblem{position:absolute;top:4px;left:13px;width:53px;height:53px}
.record_bx2 .emblem:empty{background:url(https://sports-phinf.pstatic.net/team/no_emblem_s_square.png) no-repeat;-webkit-background-size:contain;background-size:contain;background-position:50%}
.record_bx2 .rank_num{display:inline-block;padding-left:1px;color:#034EA2;font-size:19px;vertical-align:top}
.record_bx2 .team{overflow:hidden;display:block;font-size:16px;font-family:AppleSDGothicNeo-Light,Sans-serif-Light;white-space:nowrap;text-overflow:ellipsis}
.record_bx2 .info{position:relative;min-height:48px;padding:14px 10px 0 78px}
.record_bx2 .game{padding-top:3px;color:#555;font-size:11px}
.record_bx2 .game span{display:inline-block;font-family:HelveticaNeue}
.record_bx2 .game span ~ span{padding-left:5px}
.record_bx2 .game .gw,.record_bx2 .game .gl{color:#034EA2}
.record_bx2 .game .gc{color:#ed4876}
.record_bx2 .game .link{display:inline-block;margin:0 0 0 7px;color:#555}
.record_bx2 .game .link span:before{display:inline-block;width:1px;height:9px;margin:4px 8px 0 0;background:#dbdbdd;vertical-align:top;content:''}
.record_bx2 .game .link span:after{display:inline-block;width:3px;height:5px;margin:6px 5px 0 4px;background-position:-65px -12px;vertical-align:top;content:''}
.record_bx2 .stat{border-top:1px solid #e1e1e1;background:#f6f6f6;font-family:HelveticaNeue,Sans-serif;display:-webkit-box;display:-webkit-flex;display:flex}
.record_bx2 .stat .title{display:block;margin-bottom:-1px;color:#999;font-size:9px;text-align:center;line-height:1em}
.record_bx2 .stat .num{color:#333;font-size:12px}
.record_bx2 .stat_item{padding:8px 0 6px;text-align:center;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
.record_bx2 .stat_item ~ .stat_item{border-left:1px solid #f0f0f0}
.record_bx2 ~ .record_bx2{margin-top:8px}
.record_bx2 ~ .record_tab4{padding-top:2px}
.record_bx2 ~ .record_tab4 li.on a span{border-color:#eee}
.record_team{padding:12px 0;border-bottom:1px solid #e1e1e1}
.record_team:before,.record_team:after{display:table;content:''}
.record_team .record_tab4{margin-top:-12px}
.record_team .record_tab4 ~ .record_tab4{margin:0 0 -12px}
.record_desc + .ad_box{border-top:1px solid #dadada}
.record_desc,.record_noti{padding:14px 15px;color:#888;font-size:12px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light;line-height:17px;font-weight:400;letter-spacing:-0.5px}
.record_desc a,.record_noti a{color:#1cc100}
.record_desc .p_record,.record_desc .p_record li,.record_noti .p_record,.record_noti .p_record li{font-family:inherit;font-size:inherit;line-height:inherit}
.record_noti ~ .record_desc,.record_desc ~ .record_desc{border-top:1px solid #e1e1e1}
.record_desc:last-child{border-bottom:1px solid #dadada}
.worldfootball_tab{overflow:hidden;position:relative;height:39px;margin-top:-1px;border-top:1px solid #f5f5f5;border-bottom:1px solid #ddd;background:#fff}
.worldfootball_tab .record_tab1{border-top:0}

.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 2.8rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;text-align:center; }
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}


.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}


.rank_list2 .wrap span{
font-weight:500;
}
.rank_list2 .wrap span.team{
font-weight:400;
}
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    color: #666;
}


@media (max-width:460) {

.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}
}

@media (min-width:768px) {
	

.main_container {
    padding-top: 6rem;
    padding-bottom: 5rem;
}


	
.record_date .date{height:61px}
	.record_date .today{font-size:25px}
	.record_date .today + span{font-size:13px}
	.record_date .season{height:15px;padding:0 5px;font-size:12px;line-height:16px}
	.record_tab1 a{position:relative;height:44px;margin-bottom:-1px;padding:0 !important;font-size:17px !important;color:#545353}
	.record_tab1 a span{display:inline-block;padding:11px 1px 12px;border-bottom:1px solid transparent}
	.record_tab1 a:before{position:absolute;top:12px;left:0;width:1px;height:17px;background:#fff;content:''}
	.record_tab1 br{display:none}
	.record_tab1 li ~ li{border-left:0}
	.record_tab1 li ~ li a:before{background:#f1f1f1}
	.record_tab2{position:relative;z-index:50}
	.record_tab2 a{height:29px;margin:0 6px;padding:0 23px;font-size:16px;line-height:30px;-webkit-border-radius:20px;border-radius:20px}
	.record_tab3 a{font-size:16px}
	.record_tab4 a{font-size:16px}
	.record_best h3.title{font-size:16px}
	.record_best h3.title.custom_1{padding-top:7.5px}
	.high_rank .record_type1:after{display:block;clear:both;content:''}
	.high_rank .record_type1 > div{right:0;width:100%;padding:0 5px 0 6px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-sizing:border-box}
	.high_rank .record_type1 .record_bx{display:block;width:auto;margin:0 5px 0 4px;-webkit-box-flex:1;-webkit-flex:auto;flex:auto}
	.rank_list .player{margin-bottom:-1px}
	.rank_list2 .player{font-size:13px}
	.rank_list2 .team{font-size:12px}
	.rank_list2 .team:only-child{font-size:14px}
	.rank_list2 li,.rank_list2 li > a,.rank_list2 li > div{height:70px}
	.record_rank{width:281px}
	.record_inner{margin-left:0px}
	.record_table{padding-left:281px}
	.record_table th{font-size:14px}
	.record_table th a{padding:18px 10px 0}
	.record_table td > span{height:auto;font-size:13px;line-height:1.4;font-weight: 500;}
	.record_table td > span.sm{height:auto;font-size:13px;line-height:1;font-weight: 500;margin-top: 3px;}
	.record_table td > span span.cc{height:auto;font-size:12px;line-height:1.4;font-weight: 500;}
	.record_inner.kbo .record_rank{width:211px}
	.record_inner.kbo .record_table{padding-left:211px}
	.record_bx .rank_team .name{margin:-1px auto 6px;font-size:20px}
	.record_bx .rank_team .stat{font-size:12px}
	.record_bx .rank_team .stat .high{padding-bottom:2px;color:#555;font-size:14px}
	.record_bx2{float:left;position:relative;width:50%;margin:0 !important;padding:4px;border:0;background:transparent;box-sizing:border-box;-webkit-box-sizing:border-box}
	.record_bx2 .info{padding:14px 10px 5px 78px;border:1px solid #e1e1e1;border-bottom:0;background:#fff}
	.record_bx2 .stat{border:1px solid #e1e1e1;border-top-color:#eaeaea}
	.record_bx2 .team{padding:3px 0 4px;font-size:18px}
	.record_bx2 .rank_num{margin-top:-2px;padding-left:0;font-size:22px}
	.record_bx2 .game{font-size:13px}
	.record_bx2 .stat_item{padding:14px 0 8px}
	.record_bx2 .stat .title{margin-bottom:2px;font-size:11px}
	.record_bx2 .stat .num{font-size:15px}
	.record_bx2:nth-child(2n):after{display:block;position:absolute;top:0;left:100%;width:100%;height:100%;background:#eff2f8;box-sizing:border-box;-webkit-box-sizing:border-box;content:''}
	.record_type1 .rank_num{font-size:23px}
	.record_type1 .link span{font-size:13px;line-height:31px}
	.record_type2 .record_bx ~ .record_bx{margin-left:9px}
	.record_team{overflow:hidden;padding:6px 6px}
	.record_team:after{display:block;clear:both;content:''}
	.record_team .record_tab4{margin:-4px 0 -4px}
	.record_team .record_tab4 ~ .record_tab4{margin:-4px 0 -6px;padding-top:0}
	.worldfootball_tab{height:43px}
	.worldfootball_tab.new_scroll .scroller{position:relative}
.article_header {margin: 0px 0 0;} /* 69px */
.article_header .wrap { position: relative}
.article_header_inner { position: relative;}
.article_title {font-size: 3.2rem;font-weight: bold;line-height: 1.25;margin-left: 0px;letter-spacing: -0.05em;margin-bottom: 2rem;font-family:  'NotoSansKR', sans-serif; }
.article_title:after{content:"";background:#034EA2;bottom: -4px;right: 4px;width: 10px;height: 10px;margin-left: 12px;display:inline-block;position:relative;border-radius: 100px;-webkit-transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s  cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);display:none;}
.article_title[lang="en"] {letter-spacing: -0.015em;margin-bottom: 76px; margin-top: -6px;}
.article_title[lang="en"]:after {bottom: 0;}
.program_view .article_title {
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 2rem;
    text-align: center;
}

}
.new_scroll{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.new_scroll .scroller{position:absolute;height:100%}
@media (max-width:1024px) {

.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}
.program_view .article_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 1rem;
    text-align: center;
}
}
@media (max-width:1024px) {

.program_view .article_title {
    font-size:1.8rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
	    margin-top: 1rem;
    margin-bottom: 0rem;
    text-align: center;
}
}
@media (min-width: 1904px){
.tit {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    color: #666;
}
}
/* **************************************** *
 * PRIVACY
 * **************************************** */
.privacy_box {margin-bottom: 30px;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 12px; font-size: 14px; line-height: 1.6; color: #666;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box > ul > li {position: relative; font-size: 14px; line-height: 1.6; margin-bottom: 2px; padding-left: 9px; color: #222;}
.privacy_box > ul > li:before {content: ''; display: block; position: absolute; width: 3px; height: 3px; top: 8px; left: 0; background: #0f4c82; border-radius: 50%;}

.privacy_intro {margin-bottom: 50px;padding: 32px 38px;background: #fff;border: 1px solid #ddd;}

/**/
.jt-privacy { /* padding-right: 2.1rem; */ padding-top: 1rem; }
.jt-privacy-box + .jt-privacy-box {margin-top: 3rem;}
.jt-privacy-box__title {display: block;font-size: 1.4rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.025em;color: #222;}
.jt-privacy-box__desc {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-top: 1.1rem;}
.jt-privacy-box__list { margin-top: 1.1rem; }
.jt-privacy-box__list:last-child {margin-bottom: -0.7rem;}
.jt-privacy-box__list-item {font-size: 1.3rem;font-weight: 400;letter-spacing: -0.04em;line-height: 1.7;color: #666;position: relative;margin-bottom: 0.7rem;}
.jt-privacy-box__list-title {color: #0f4c82; font-weight: 400; display: block;}

.jt-privacy-box__list--bullet .jt-privacy-box__list-item {padding-left: 1.2rem;}
.jt-privacy-box__list--bullet .jt-privacy-box__list-item:before {content: '';display: block;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.9rem;left: 0;background: #0f4c82;border-radius: 50%;}

.jt-privacy--count {counter-reset: item;}
.jt-privacy--count .jt-privacy-box__title:before { counter-increment: item; content: counter(item)'. '; display: none;}

.jt-privacy-box__info {background: #f8f8f8;padding: 1.5rem 1.5rem 1.1rem;margin-top: 0.9rem;}
.jt-privacy-box__info-item {display: block;font-size: 1.2rem;font-weight: 400;line-height: 1.67;letter-spacing: -0.04em;color: #999;position: relative;margin-bottom: 0.4rem; padding-left: 0.7rem}
.jt-privacy-box__info-item:before {content:'- '; position: absolute; top: 0; left: 0;}
.jt-privacy-box__info--count {counter-reset: item;}
.jt-privacy-box__info--count .jt-privacy-box__info-item {padding-left: 1.1rem;}
.jt-privacy-box__info--count .jt-privacy-box__info-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0; }
html.safari .jt-privacy-box__info-item:before {top: -0.1rem;}

.jt-privacy-box__list--count {counter-reset: item;}
.jt-privacy-box__list--count .jt-privacy-box__list-item {padding-left: 1.2rem;}
.jt-privacy-box__list--count .jt-privacy-box__list-item:before { counter-increment: item; content: counter(item)'. '; position: absolute; top: 0; left: 0;}

.jt-privacy-box__list-item:not(:last-child) .jt-privacy-box__info {margin-bottom: 1.6rem;}
.jt-privacy-box__list--count .jt-privacy-box__info {margin-left: -1.2rem;}

.modal_page .jt-privacy {padding-top: 2.5rem;}



@media (min-width: 1024px){

/* privacy */
	.jt-privacy {padding-top: 3.5rem;}
	.jt-privacy-box__title { font-size: 1.6rem; }
	.jt-privacy-box__desc { font-size: 1.4rem; }
	.jt-privacy-box__list-item { font-size: 1.4rem; }
	.jt-privacy-box__info-item { font-size: 1.3rem; }
	html.mobile.android .nc-privacy-box__info-item:before {top: -0.2rem;}

	.xl-modal-pop--narrow .nc-form__login-option .nc-icheck__label{width: 33.33%;}
	.xl-modal-pop--narrow .nc-form-header {  margin-bottom: 0;}
	.xl-modal-pop--narrow .sub-member-login .jt-form-header{ padding-top: 5rem;}

	.xl-modal-pop--full.xl-modal-pop .modal_page_content {max-width: none;min-height:100vh}

#modal_page .sub-footer-privacy .nc-breadcrumb, #modal_page .sub-footer-term .nc-breadcrumb {
    display: none;
}
#modal_page .sub-footer-privacy .nc-header__title, #modal_page .sub-footer-term .nc-header__title {
    font-size: 3.6rem;
}
#modal_page .sub-footer-privacy .article_header, #modal_page .sub-footer-term .article_header {
    padding-top: 4rem;
}
}

@media (max-width: 650px){
	
	
	.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;
    float: left;
    margin-bottom: 0rem;
    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}
	
}	
	@media (max-width: 480px){
.nc_program_select_pro.four {
    border-right: 0rem solid #ddd;
    float: left;
    margin-bottom: 0rem;
    width: -webkit-calc(49% - 0rem);
    width: calc(49% - 0rem);
}

	}
	
/* 사이드메뉴 - 제목*/
#sidebar{position:relative;float:left;width:260px;margin-top:40px;z-index:10;}
#sidebar .tit{display:none;}

#sidebar .stit p{    font-size: 13px;
    color: #fff;
       font-family: 'Maven Pro',  'NotoSansKR', sans-serif;
    letter-spacing: 0;
    opacity: .6;}
#sidebar .stit h2{margin-top:5px;color:#fff;font-size:25px;font-weight:bold;}

#sidebar {
    width: 200px;
}
#sidebar {
    position: relative;
    float: left;
    width: 20rem;
    margin-top: 40px;
    z-index: 10;
}
#sidebar .stit {
    position: relative;
    width: 200px;
    height: 190px;
    padding-top: 50px;
    color: #fff;
    padding: 40px 0 0 30px;
    font-size: 27px;
    border-radius: 10px;
	/*border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;*/
    line-height: 100%;
    background: #1d3661 url(../s_img/left_menu_bg.png) no-repeat;
    background: #1d3661 url(../s_img/left_menu_bg.png) no-repeat bottom;
    z-index: 1;
}
.modal_page_content #sidebar {
  	display:none;
}
.modal_page_content #cont_head {
	display:none;
}
.modal_page_content  #contents {
      float: none;
    width: 100%;
    min-height: 600px;
    margin-top: 40px;
    background: #fff;
}


.mypage .modal_page_content #contents {
    float: none;
    width: 100%;
    min-height: 600px;
    margin-top: 10px;
    background: #fff;
}

#sidemenu{
margin-top: 20px;
}
/* 메뉴 */
.menu.init, .menu.init:before, .menu.init:after, .menu.init .depth, .menu.init .depth:before, .menu.init .depth:after, .menu.init .depth_list, .menu.init .depth_list:before, .menu.init .depth_list:after, .menu.init .depth_item, .menu.init .depth_item:before, .menu.init .depth_item:after, .menu.init .depth_text, .menu.init .depth_text:before, .menu.init .depth_text:after, .menu.init .depth_title, .menu.init .depth_title:before, .menu.init .depth_title:after{transition-property:all; transition-duration:0.25s; transition-timing-function:linear;}
.menu, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text{position:relative;}
.sidebar .menu{font-size:0; line-height:0;width: 200px;}
.menu .depth:not(.depth1){visibility:hidden; opacity:0; overflow:hidden;}
.menu .depth1{z-index:30;}
.menu .depth_list{z-index:10;}
.menu .depth_text{display:inline-block;}

/* 사이드메뉴 */

.sidebar .menu .depth1_list{border-top:0px solid #007081;}
.sidebar .menu .depth1_item{margin-top: -1px;
    border-top-width: 1px;
    border-bottom-width: 0px;border-style:solid; border-color:#e6e6e6; box-sizing:border-box;}
.sidebar .menu .depth1_item:first-child{padding-top:1px; border-top-width:0;}
.sidebar .menu .depth1_text{display:block; position:relative; padding:16px 0px 16px 10px; color:#333; font-size:16px;font-weight:bold; line-height:22px; letter-spacing:-0.025em; text-decoration:none; word-break:keep-all; transition-property:background, color;}
.sidebar .menu .depth1_text:before{visibility:hidden; opacity:0; display:block; width:100%; height:3px; position:absolute; bottom:-1px; z-index:10; left:0; background-color:#56ae3f; transition-property:visibility, opacity;}
.sidebar .menu .depth1_text:after{display:block; position:absolute; top:0; bottom:0; right:20px; margin-top:auto; margin-bottom:auto;}
.sidebar .menu .depth1_item.has .depth1_text:after{width:15px; height:3px; background-image:url('../s_img/side_sprite.png'); background-repeat:no-repeat; background-position:left top; transition:none;}
.sidebar .menu .depth1_text[target='_blank']:after{width:12px; height:12px; background-image:url('../s_img/blank_sprite.png'); background-repeat:no-repeat; background-position:left -44px; transition:none;}
.sidebar .menu .depth1_text:hover{color:#2c7fdf;font-weight:bold;}
.sidebar .menu .depth1_text:hover:before{visibility:visible; opacity:1;}
.sidebar .menu .depth1_text:hover[target='_blank']:after{background:url('./s_img/blank_sprite.png') no-repeat;}

/* 2차 메뉴 활성화 */

.sidebar .menu .depth1_item:first-child.active{position:relative; z-index:10;border-top-width:0px; }
.sidebar .menu .depth1_item.active{position:relative; z-index:10;border-top-width:1px; }
.sidebar .menu .depth1_item.active .depth1_text{background:#fff; color:#2c7fdf;font-weight:bold;}
.sidebar .menu .depth1_item.active .depth1_text:hover{text-decoration:none;}
.sidebar .menu .depth1_item.active .depth1_text:hover:before{visibility:hidden; opacity:0;}
.sidebar .menu .depth1_item.has.active .depth1_text:after{width:17px; height:10px; background-position:left -13px;}



/* 2차 메뉴 활성화 */
.sidebar .menu .depth1_item.active{position:relative; z-index:10;    border-bottom-width: 1px;border-top-width: 1px;}


.sidebar .menu .depth1_item:first-child.active {
    position: relative;
    z-index: 10;
    border-bottom-width: 1px;
    border-top-width: 0px;
}

.sidebar .menu .depth1_item.active .depth1_text{background:#fff; color:#2c7fdf;font-weight:600;margin-top: 0px;}
.sidebar .menu .depth1_item.active .depth1_text:hover{text-decoration:none;}
.sidebar .menu .depth1_item.active .depth1_text:hover:before{visibility:hidden; opacity:0;}
.sidebar .menu .depth1_item.has.active .depth1_text:after{width:17px; height:10px; background-position:left -13px;}


.sidebar .menu .depth1_item:last-child.active {
    position: relative;
    z-index: 10;
    border-bottom-width: 0px;
}
.sidebar .menu .depth1_item:last-child{
    position: relative;
    z-index: 10;
    border-bottom-width: 0px;
}


/* 3차 메뉴 */
.sidebar .menu .depth2{transition-property:visibility, opacity, background-color;}
.sidebar .menu .depth2_list{padding-left:25px; padding-right:20px; transition-property:padding-top, padding-bottom;}
.sidebar .menu .depth2_item{margin-top:0; transition-property:margin-top;}
.sidebar .menu .depth2_text{display:block; position:relative; padding-left:11px; text-decoration:none; transition:none;font-weight:500;}
.sidebar .menu .depth2_text:before{visibility:hidden; opacity:0; display:none; position:absolute; top:10px; left:1px; width:3px; height:3px; background-color:#292e42; transition-property:visibility, opacity;}
.sidebar .menu .depth2_text:hover{text-decoration:none;color:#292e42;}
.sidebar .menu .depth2_item.has .depth2_text:after{display:block; position:absolute; top:0; bottom:0; right:0; margin-top:auto; margin-bottom:auto; background-image:url('../s_img/side_sprite.png'); background-repeat:no-repeat; background-position:left -33px; transition-property:none;}
.sidebar .menu .depth2_text[target='_blank']:after{display:inline-block; width:0; height:0; margin-left:5px; background-image:url('../s_img/blank_sprite.png'); background-repeat:no-repeat; background-position:left top; transition:none;}

/* 3차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2{visibility:visible; opacity:1; /*background-color:#f7f9fc;*/}
.sidebar .menu .depth1_item.active .depth2_list{margin-top:4px; margin-bottom:18px;}
.sidebar .menu .depth1_item.active .depth2_item{margin-top:13px;}
.sidebar .menu .depth1_item.active .depth2_text{color:#292e42; font-size:16px; line-height:22px;}
.sidebar .menu .depth1_item.active .depth2_text:hover{color:#2c7fdf; font-size:16px; line-height:22px;}


.sidebar .menu .depth2_text:before {
    position: absolute;
    top: 9px;
    left: -14px;
    content: "";
    width: 4px;
    height: 4px;
    background: #080a14;
    border-radius: 50%;
}


.sidebar .menu .depth1_item.active .depth2_item.active .depth2_text {color: #2c7fdf}
.sidebar .menu .depth1_item.active .depth2_item.has .depth2_text:after{width:10px; height:10px;}
.sidebar .menu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:13px; height:6px; background-position:left -53px;}
.sidebar .menu .depth1_item.active .depth2_text:before{visibility:visible; opacity:1; display:block;}
.sidebar .menu .depth1_item.active .depth2_text[target='_blank']:after{width:12px; height:12px;}


.sidebar .menu .depth2_text:before {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    top: 10px;
    left: 1px;
    width: 3px;
    height: 3px;
    background-color: #292e42;
}
.sidebar .menu .depth1_item.active .depth2_text:before {
    visibility: visible;
    opacity: 1;
    display: block;
}

/* 4차 메뉴 */
.sidebar .menu .depth3{transition-property:visibility, opacity;}
.sidebar .menu .depth3_list{margin-top:0; padding-top:0; transition-property:margin-top, padding-top, margin-bottom, padding-bottom;}
.sidebar .menu .depth3_item{margin-top:0; transition-property:margin-top;}
.sidebar .menu .depth3_text{position:relative; padding-left:0; color:#5a5d6b; font-size:0; line-height:0; letter-spacing:-0.05em; word-break:keep-all; transition:none;}
.sidebar .menu .depth3_text:before{visibility:hidden; opacity:0; display:block; position:absolute; top:10px; left:10px; width:0; height:0; background-color:#5a5d6b; transition:none;}
.sidebar .menu .depth3_text[target='_blank']:after{display:inline-block; width:0; height:0; margin-left:5px; background-image:url('/common/images/layout/blank_sprite.png'); background-repeat:no-repeat; background-position:left -44px; transition:none;}

/* 4차 메뉴 활성화 */
.sidebar .menu .depth1_item.active .depth2_item.active .depth3{visibility:visible; opacity:1;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_list{margin-top:8px; margin-bottom:4px; padding-top:10px; padding-bottom:20px; border-top:1px solid #494e61; border-bottom:1px dotted #c6c7ca;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_item{margin-top:4px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text{padding-left:20px; padding-right:12px; font-size:15px; line-height:20px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text:hover{text-decoration:underline;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text:before{visibility:visible; opacity:1; width:7px; height:1px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text[target='_blank']:after{width:12px; height:12px;}
.sidebar .menu .depth1_item.active .depth2_item.active .depth3_text.active span{color:#1f3961; text-decoration:underline;}


.sub-member-login.edit .nc_frm-header{
	    padding-top:3.3rem;
    padding-bottom: 0;
    margin-bottom: 2.9rem;
}	
.nc_frm__field:disabled, .nc_frm__field:read-only, .nc_frm__field[readonly] {
    background: #f6f6f6;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #b2b2b2;
    opacity: 1;
}
	
#contents {
    float: right;
    width: 83rem;
    min-height: 600px;
    margin-top: 40px;
    background: #fff;
}
#cont_head{position:relative;display:inline-block;padding-bottom:10px;width:100%; border-bottom:2px solid #222;z-index:3;}
#cont_head h2{float:left;font-size:38px;font-weight:bold;color:#010101;}
#location{float:right;padding-top:24px;}
#location ul.loca{float:left;overflow:hidden;clear:both;padding-right:0;margin-right:0;vertical-align:middle;}
#location ul.loca li{float:left;padding-left:20px;margin-left:10px;font-size:14px;color:#757575;background:url(../d_img/top_navi_arrow.png) no-repeat 0 50%;}
#location ul.loca li:first-child{padding-left:0px;background:none;width: 19px;}
#location ul.loca li.now{color:#222;}
@media (max-width: 1023px){
#sidebar {
    display: none;
}	
	
#contents {
    float: none;
    width: 100%;
    margin-top:25px;
}
}	

@media (max-width:768px) {
#cont_head h2 {
    float: none;
    font-size: 30px;
    font-weight: bold;
    color: #010101;
	text-align:center;
}
#location {
    float: none;
    padding-top: 10px;
	text-align:center;
}
.nc-breadcrumb {
    font-size: 0;
    margin-bottom: 0;
    text-align: center;
    /* display: none; */
}
.article_header {
    padding: 2.4rem 0 1.5rem;
}
.article_title {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.25;
    margin-left: 0px;
    letter-spacing: -0.05em;
    margin-bottom: 0rem;
    text-align: center;
	
}
.wrap .nc-separator {
    margin-left: 0rem;
    margin-right: 0rem;
}
.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
	    line-height: 46px;
}

.search_box2 {
    padding: 5px 0px;

}
.nc_tab__menu li a {
      display: block;
    width: 100%;
    padding: 1.2rem 0 1.4rem;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.023em;
    text-align: center;
    color: #666;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.member_menu > li + li:before {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    background: #ffffff;
    background: rgba(255, 255, 255, .25);
    position: absolute;
    top: 0px;
    left: 0;
}
html.desktop .footer_menu > li > a:hover:before {
    opacity: 0;
}

.member_menu .my {
    display: none;
}
.open_menu .member_menu .my {
    display: inline-block;
}
.member_menu > li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    position: relative;
}
.member_menu > li:last-child {
margin-right:8px;
}

body.home .main_container {
    padding-bottom: 0;
   min-height: 70rem;
}


}

@media (max-width:450px) {


.member_menu {
    display: block;
    margin: 5px -10px;
    font-size: 0;
    position: relative;
}
.member_menu_container {
    top: 18px;
    margin-right: 2px;
}
.open_menu .member_menu_container {
     top: 18px;
    
}


.member_menu .my {
    display: none;
}
.open_menu .member_menu .my {
    display: inline-block;
}


.nc_program_select-refresh span {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 42px;
}
.nc_program_select .nc_program_select-refresh {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #E6E6E6;
    width: 100px;
    height: 46px;
    position: relative;
    text-align: center;
    bottom: 2px;
    right: 0;
    margin-top: 6px;
    float: none;
    margin-bottom: 0px;
}
.nc_program_select-refresh:after {
    content: '\e925';
    font-family: 'nc-font';
    font-size: 1.2rem;
    color: #b2b2b2;
    line-height: 45px;
}
}

hr, table caption, legend, .m_element {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}


#my_top_menu{position:absolute; top:0; left:40px; transition:top 0.1s linear; -webkit-transition:top 0.1s linear; -moz-transition:top 0.1s linear; -o-transition:top 0.1s linear;display:none;}
#my_top_menu:after{content:""; display:block; clear:both}
#my_top_menu ol{position:relative}
#my_top_menu ol > li{float:left; position:relative}
#my_top_menu ol > li > a{display:block; height:60px; line-height:65px; font-weight:700; text-decoration:none; border-right:1px solid #356dab}
#my_top_menu ol > li.home{padding-left:10px}
#my_top_menu ol > li.home > a{width:59px; font-size:0;  border-left:1px solid #356dab}
#my_top_menu ol > li.s_nav > a{width:auto; color:#b9c5d9;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav2 > a{color:#fff; background-color:#063d86;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav.on > a{}
#my_top_menu ol > li dl{display:none; position:absolute; top:60px; left:0; width:calc(100% - 1px); background:#084d98; border-top:1px solid #356dab;    z-index: 11;}
#my_top_menu ol > li dl li{padding:0 19px}
#my_top_menu ol > li dl li + li a{border-top:1px solid #356dab}
#my_top_menu ol > li dl li a{display:block; text-indent:10px; line-height:59px; font-weight:500; color:#fff; text-decoration:none;letter-spacing: -0.023em;}
#my_top_menu ol > li.s_nav2 dl{background-color:#063d86; border-top-color:#33609c}
#my_top_menu ol > li.s_nav2 dl li + li a{border-top-color:#33609c}
#my_top_menu.ready{top:-60px}
#my_top_menu.fix{z-index:1000; position:fixed; top:0; left:40px; width:calc(100% - 80px)}
#my_top_menu.fix ol{margin:0 auto; display:block; width:100%; height:60px; max-width:1400px; background:#084d98}
#my_top_menu.fix ol > li.home{padding-left:0}
#my_top_menu.fix ol > li.home > a{width:110px; }
@media all and (max-width:1024px){

.modal_page_open #my_top_menu{display:none;}

    #my_top_menu{left:0; width:100%;display:block;    background: #084d98;}
	#my_top_menu{position:relative; top:0; left:0px; transition:top 0.1s linear; -webkit-transition:top 0.1s linear; -moz-transition:top 0.1s linear; -o-transition:top 0.1s linear;}
	#my_top_menu ol > li:last-child > a{border-right:0}
	#my_top_menu ol > li.home{padding-left:0;
    text-align: center;}



	#my_top_menu ol > li.home > a{width:75px;border-left:0}

#my_top_menu ol > li.home > a:after {
    content: '\E800';
    font-family: 'nc-home';
    vertical-align: top;
    font-size: 16px;    font-weight: 500;
    color: #dae1e6;width:75px;height:75px;
    font-style: normal;
}



	#my_top_menu ol > li.s_nav{width:calc(50% - 38px)}
	#my_top_menu ol > li.s_nav > a{font-size:18px;padding: 0 20px;height:60px; line-height:62px;}

	#my_top_menu ol > li.s_nav > a:after{
    content: '\e911';
    font-family: 'nc-font';
    font-size: 10px;
    position: absolute;
    /* top: 50%; */
    right: 10px;
    margin-top: 0rem;font-weight: 500;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
	}
	#my_top_menu ol > li.s_nav.on > a:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); 
	}



	#my_top_menu ol > li:last-child dl{width:100%}
	#my_top_menu ol > li dl li a{font-size:18px;padding: 0 10px; }
	#my_top_menu.ready{top:-60px}
	#my_top_menu.fix{left:0; width:100%}
	#my_top_menu.fix ol{max-width:100%}
	#my_top_menu.fix ol > li.home > a{width:75px; }
.postzoom{
   display:none;
}
}
@media all and (max-width:599px){

	#my_top_menu ol > li > a{        height: 50px;
    line-height: 48px;}
	#my_top_menu ol > li.home > a{width:45px;}
	#my_top_menu ol > li.s_nav{width:calc(50% - 23px)}
	#my_top_menu ol > li.s_nav > a{ font-size:14px;padding: 0 20px;}
	#my_top_menu ol > li.s_nav > a {
    height: 50px;
    line-height: 50px;
   }
	#my_top_menu ol > li dl{top:49px}
	#my_top_menu ol > li dl li{padding:0 0px}
	#my_top_menu ol > li dl li a{ line-height:44px; font-size:14px;}
	#my_top_menu.ready{top:-45px}
	#my_top_menu.fix ol{height:45px}
	#my_top_menu.fix ol > li.home > a{width:45px;}

	}

@media all and (max-width:480px){
.member_menu > li:first-child {

}
.open_menu .member_menu > li:first-child {
  display:inline-block;
}


}