@charset "UTF-8";
/**********************************************
note : reset
**********************************************/
.user-point {color:#2a64af}
.user-bg {background-color:#2a64af}

/**********************************************
note : header
**********************************************/
#user-header {display:block;position:relative;margin-bottom:1.875rem;font-size:0;text-align:left;background-color:#28497e}
#user-header .wrapper {}
#user-header .wrapper > .grid-left, #user-header .wrapper > .grid-right {display:inline-block;font-size:inherit;vertical-align:middle}
#user-header .wrapper > .grid-left {width:95px;padding:12px 6px;background-color:#305ba0;text-align:center}
#user-header .wrapper > .grid-center {display:inline-block;width:calc(100% - 190px);padding-left:15px;vertical-align:middle}
#user-header .wrapper > .grid-right {width:95px;padding:16px 15px;text-align:right}

#user-header .grid-center a {display:inline-block;overflow:hidden;position:relative;padding:0 .625rem;font-size:1.1rem;font-weight:300;letter-spacing:-.05em;color:rgba(255,255,255,.5);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
#user-header .grid-center > :first-child {padding-left:0;color:rgba(255,255,255,1);font-size:1.4rem;font-weight:600}
#user-header .grid-center > :last-child {padding-right:0}
#user-header .grid-center > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(255,255,255,.1);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-header .grid-center > a:first-child::before {display:none}
#user-header .user-logo {display:inline-block;overflow:hidden;width:60px;max-width:125px;height:30px;color:transparent;background-repeat:no-repeat;background-position:0 50%;background-size:contain}
#user-header .sch-btns, #user-header .nav-btns {display:inline-block;width:auto;font-size:1.375rem;color:rgba(255,255,255,.95)}
#user-header .sch-btns {margin-right:.625rem}
#user-header .nav-btns {background:url('/renewal/assets/img/menu-bars.png') no-repeat;background-size:auto;width:22px;height:18px;background-size:22px}

/**********************************************
note : visual navigation
**********************************************/
#user-header .visual-nav {display:block;overflow:hidden;position:relative;z-index:1;height:45px;font-size:0;background-color:#fff;border-bottom:1px solid #d3d8e9;text-align:left}
#user-header .visual-nav .inset {display:block;overflow:hidden;white-space:nowrap;margin:0}
#user-header .visual-nav .inset li {display:inline-block;vertical-align:middle}
#user-header .visual-nav .inset li a {display:block;padding:0 .625rem;font-size:15px;font-weight:400;font-style:normal;line-height:45px;color:rgba(0,0,0,.95);text-align:center;}
#user-header .visual-nav.scroll .inset {overflow-x:auto;width:100%}
#user-header .visual-nav.scroll .inset li {width:auto}
#user-header .visual-nav.scroll .inset li .item.active {position:relative;color:#0054a6}
#user-header .visual-nav.scroll .inset li .item.active::after {content: '';position:absolute;bottom:1px;width:100%;left:50%;transform:translateX(-50%);display:block;color:#0054a6;border-bottom:3px solid #0054a6;}

/*채널안내 페이지일때*/
#user-header .visual-nav.dis-non {display:none}

/* 메뉴 위치
#user-header .visual-nav.scroll .inset.menu-po1 {overflow-x:auto;width:auto;margin-left:-120px}
#user-header .visual-nav.scroll .inset.menu-po2 {overflow-x:auto;width:auto;margin-left:-120px}
#user-header .visual-nav.scroll .inset.menu-po3 {overflow-x:auto;width:auto;margin-left:-140px} */

/**********************************************
note : navigation
**********************************************/
#user-nav {overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1004;right:0;top:0;width:80%;height:100%;background-color:#ececec;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out}
#user-header.is-active #user-nav {-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
#user-header .nav-overlap {display:none;position:fixed;z-index:1001;right:0;top:0;width:100%;height:100%;background-color:rgba(10,10,10,.5)}
#user-header.is-active .nav-overlap {display:block}
@media screen and (min-width: 40em) {
	#user-nav {max-width:375px}
}

#user-nav .header .top-nav {background-color:#fff;padding:0 .7rem}
#user-nav .header .top-nav .item {display:inline-block;width:calc(25% - 1px);margin-right:1px;padding:.875rem .7rem;text-align:center;text-decoration:none}
#user-nav .header .top-nav .item img {margin-bottom:7px}
#user-nav .header .top-nav .item span {font-size:12px;line-height:1;color:rgba(0,0,0,.55)}

/* header */
#user-nav .header {display:block;font-size:0;background-color:#fff;text-align:left}
#user-nav .header > .item {display:inline-block;vertical-align:middle}
#user-nav .header > .item > .btns {display:inline-block;margin-left:.625rem;font-size:1.625rem;line-height:30px;color:rgba(0,0,0,.95);vertical-align:middle}
#user-nav .header > .item > .btns.small {font-size:1.125rem;color:rgba(0,0,0,.5)}
#user-nav .header > :last-child > :first-child {margin-left:0}

/* container */
#user-nav .container::after {content:'';display:table;clear:both}

/* search */
#user-nav .search-form {display:block;position:relative;padding:0 0 0 .625rem;background-color:#333}
#user-nav .search-form .inner {display:block}
#user-nav .search-form .inner::after {content:'';display:table;clear:both}
#user-nav .search-form input#sc_word, #user-nav .search-form button[onclick] {float:left}
#user-nav .search-form input#sc_word {width:calc(100% - 65px);height:50px;margin-bottom:0;font-size:.875rem;font-weight:normal;color:#fff;background-color:transparent;border:0;border-radius:0}
#user-nav .search-form input#sc_word::-webkit-input-placeholder {color:rgba(255,255,255,.15)}
#user-nav .search-form input#sc_word::-moz-placeholder {color:rgba(255,255,255,.15)}
#user-nav .search-form input#sc_word:-ms-input-placeholder {color:rgba(255,255,255,.15)}
#user-nav .search-form input#sc_word::placeholder {color:rgba(255,255,255,.15)}
#user-nav .search-form button[onclick] {width:65px;height:50px;font-size:1.375rem;color:#fff;background-image:linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 30%)}

/* sections */
#user-nav .menu-wrap {margin-left:0}
#user-nav .menu-wrap .menu-inner {margin-top:.625rem}
#user-nav .menu-wrap .menu-inner:first-child {margin-top:0}
#user-nav .menu-wrap .menu-title {display:block;margin:0;padding:.875rem 1.25rem;font-size:1rem;line-height:1;background-color:#999999;border-bottom:1px solid #ffffff;color:#fff;text-decoration:none}
#user-nav .menu-wrap .menu-inner:nth-child(1) .menu-title {background-color:#305ba0;}
#user-nav .menu-wrap .menu-inner:nth-child(2) .menu-title {background-color:#79509c;}
#user-nav .menu {display:block;background-color:#fff;text-align:left}
#user-nav .menu::after {content:'';display:table;clear:both}
#user-nav .menu > li {float:left;width:100%;border-bottom:1px solid #d3d8e9;}

#user-nav .menu > li > a {padding:.875rem 1.25rem;font-size:1rem;line-height:1;color:rgba(0,0,0,.95);text-decoration:none}
#user-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a {font-weight:normal}

/*#user-nav .menu > .is-accordion-submenu-parent > a::after {content: "\e943";font: 14px/1 fontello;right: 1.25rem;width: auto;height: auto;margin: 0;font-size: inherit;font-weight: normal;line-height: 1;border: 0;-ms-transform: translateY(-50%);transform: translateY(-50%)}*/
/*#user-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:"\e946";font:14px/1 fontello}*/
#user-nav .menu > .is-accordion-submenu-parent > a::after {content: "\e5cf"; font-size: 30px; font-family: 'Material Icons'; right: 1.25rem;width: auto;height: auto;margin: 0;font-weight: normal;line-height: 1;border: 0;-ms-transform: translateY(-50%);transform: translateY(-50%)}
#user-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:"\e5ce"; font-size: 30px; font-family: 'Material Icons'; }

#user-nav .menu.nested {border-bottom:0;margin-bottom:.875rem}
#user-nav .menu.nested::after {content:'';display:table;clear:both}
#user-nav .menu.nested > li {float:left;width:50%}
#user-nav .menu.nested.is-active > li {border-bottom:0}
#user-nav .menu.nested.replay-menu > li  {width:100%}
#user-nav .menu.nested.replay-menu > li .date {font-size:.65rem;color:#999;padding-left:7px}
#user-nav .menu.nested > :nth-child(2n + 1) {clear:both}
#user-nav .menu.nested > li > a {position: relative;overflow:hidden;padding:.625rem 1.5rem;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}
#user-nav .menu.nested > li > a::after{content:'';position:absolute;z-index:1;width:8px;height:8px;border-left:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;left:.5rem;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}



/* footer */
#user-nav .footer {display:block;padding:0 1.25rem;margin:2.125rem 0 1.25rem;font-size:0;text-align:left;background-color:#ececec}
#user-nav .footer .navs {display:block;font-size:0;text-align:center}
#user-nav .footer .navs > a {display:inline-block;position:relative;padding:.375rem .75rem;font-size:.813rem;line-height:1.125;color:rgba(0,0,0,.6);text-decoration:none;vertical-align:middle}
#user-nav .footer .navs > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.688rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-nav .footer .navs > :first-child::before {content:normal}
#user-nav .footer .address {display:block;margin:.375rem 0 0;padding:.75rem 0;font-size:0;border-top:1px solid rgba(0,0,0,.05);text-align:center}
#user-nav .footer .address > .item {display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-style:normal;font-weight:normal;line-height:1.375;color:rgba(0,0,0,.5);text-decoration:none}
#user-nav .footer .address > .item.zips {display:block}

/* show for desktop */
#user-nav .go-to-desktop {display:block;overflow:hidden;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.9375rem;line-height:1;color:rgba(0,0,0,.95);background-color:#fff;border-radius:2rem;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;text-align:center}

/**********************************************
note : footer
**********************************************/
#user-footer {padding:2rem 0 0;background-color:#e7e7e7}

/* key service */
#user-footer .key-service {display:block;font-size:0;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}
#user-footer .key-service::after {content:'';display:table;clear:both}
#user-footer .key-service > a {overflow:hidden;float:left;width:33.33333%;padding:.625rem;margin-bottom:-1px;font-size:1rem;line-height:1.125;color:rgba(0,0,0,1);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#user-footer .key-service > :nth-child(3n + 1) {clear:both}
@media screen and (min-width: 40em) {
	#user-footer .key-service > a {width:25%}
	#user-footer .key-service > :nth-child(3n + 1) {clear:inherit}
	#user-footer .key-service > :nth-child(4n + 1) {clear:both}
}

/* copyright */
#user-footer .copyright {display:block;margin-top:1.2rem;margin-bottom:1.5rem;font-size:13px;line-height:1.125;color:#555555;text-align:center}
#user-footer .copyright a {color:inherit;text-decoration:none}

/* footer-logo */
#user-footer .footer-logo {display:block;text-align:center}
#user-footer .footer-logo img {width:80px}

/* quick menu */
#user-footer .quick-menu {display:block;overflow:hidden;font-size:0;white-space:nowrap;text-align:center}
#user-footer .quick-menu .quick-menu-box > a {display:inline-block;position:relative;padding:0 .875rem;font-size:16px;line-height:30px;color:rgba(0,0,0,1)}
#user-footer .quick-menu .quick-menu-box > a.point {color:rgba(0,0,0,.9)}
#user-footer .quick-menu .quick-menu-box > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-footer .quick-menu .quick-menu-box > a:first-of-type::before {content:normal}
#user-footer .quick-menu .quick-menu-box > a.clear {clear:both}

/* info */
#user-footer .ndsoft {display:block;margin:1rem 0 2.875rem;padding:0 1.25rem;font-size:0;text-align:right}
#user-footer .ndsoft > .ci {display:inline-block}

/**********************************************
note : footer(black theme)
**********************************************/
#user-footer.black-theme {background-color:#e7e7e7}
#user-footer.black-theme .quick-menu {border-bottom-color:rgba(0,0,0,.08)}
#user-footer.black-theme .quick-menu > a {color:rgba(0,0,0,.95)}
#user-footer.black-theme .quick-menu > a::before {border-left-color:rgba(0,0,0,.1)}
#user-footer.black-theme .copyright {color:rgba(0,0,0,.5)}