@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}
#user-header .wrapper {position:relative;padding:15px;border-bottom:1px solid rgba(0,0,0,.2);background-color:#fff}
#user-header .wrapper > .grid-left, #user-header .wrapper > .grid-right {font-size:inherit;vertical-align:middle}
/*#user-header .wrapper > .grid-right {z-index:99;position:absolute;right:15px;top:15px;text-align:right}*/
#user-header .user-logo {display:block;overflow:hidden;width:80%;height:30px;margin:0 auto;color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}
#user-header .sch-btns, #user-header .nav-btns {display:inline-block;width:auto;font-size:24px;color:rgba(0,0,0,.95);line-height:30px}

/* search */
#user-header .basic-search {display:none;position:absolute;z-index:10;left:0;top:0;width:100%;height:56px;background-color:#fff}
#user-header .basic-search .sch-close {float:left;width:56px;height:56px;font-size:1.25rem;color:rgba(0,0,0,.6)}
#user-header .basic-search input#sc_word {float:left;width:calc(100% - 112px);height:40px;margin-top:.5rem;margin-bottom:0;font-size:1rem;color:rgba(0,0,0,.95);border:0;border-radius:0;outline-width:0}
#user-header .basic-search button[onclick] {width:56px;height:56px;font-size:1.5rem;color:rgba(0,0,0,.8)}

/*********************************************
note : 스크롤시 고정
*********************************************/
#user-header .wrapper.change {position:fixed;width:100%;z-index:1000}

/**********************************************
note : visual navigation
**********************************************/
#user-header .visual-nav {display:block;overflow:hidden;position:relative;z-index:1;height:40px;font-size:0;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
#user-header .visual-nav .inset {display:block;overflow:hidden;white-space:nowrap}
#user-header .visual-nav .inset > .item {position:relative;display:inline-block;width:20%;padding:0 .625rem;font-size:14px;font-weight:500;font-style:normal;line-height:40px;color:rgba(0,0,0,.95);text-align:center;vertical-align:middle}
#user-header .visual-nav.scroll .inset {overflow-x:auto;width:100%}
#user-header .visual-nav.scroll .inset > .item {width:auto;padding:0 1rem}
#user-header .visual-nav .inset > .item.over::before {content:'';position:absolute;left:50%;bottom:1px;transform:translate(-50%, 0);width:50%;height:3px;background-color:#000}

/**********************************************
note : navigation
**********************************************/
#user-nav {overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1004;left:0;top:0;width:80%;height:100%;background-color:#ececec;transform:translateX(-100%);transition:transform .3s ease-in-out}
#user-header.is-active #user-nav {transform:translateX(0)}
#user-header .nav-overlap {display:none;position:fixed;z-index:1001;left: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}
}

/* 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 > :first-child {width:142px;padding:1rem 1.25rem}
#user-nav .header > :last-child {width:calc(100% - 142px);padding:0 1.25rem;text-align:right}
#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:400;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 {display:block;padding:1rem 0;margin-bottom:.625rem;background-color:#fff;text-align:left}
#user-nav .menu::after {content:'';display:table;clear:both}
#user-nav .menu > li {float:left;width:50%}
#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:700}
#user-nav .menu > .is-accordion-submenu-parent > a::after {content:'+';right:1.25rem;width:auto;height:auto;margin:0;font-size:inherit;font-weight:400;line-height:1;border:0;transform:translateY(-50%)}
#user-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'-'}
#user-nav .menu.nested {background-color:#f8f8f8}
#user-nav .menu.nested::after {content:'';display:table;clear:both}
#user-nav .menu.nested > li {float:left;width:50%}
#user-nav .menu.nested > :nth-child(2n + 1) {border-right:1px solid rgba(0,0,0,.05);clear:both}
#user-nav .menu.nested > li > a {overflow:hidden;padding:.625rem 1rem;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}

/* 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);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:400;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 : 웹진 표지이미지 팝업
**********************************************/
#webzine-popup {position:fixed;right:0;bottom:0;z-index:1001;padding:60px 30px 30px;background-color:#fff;box-shadow:4px 10px 11px 7px rgba(0,0,0,.1)}
#webzine-popup.off {display:none}
#webzine-popup .webzin-title {position:absolute;left:0;top:0;background-color:#212155;width:100%;padding:5px 8px;font-size:14px;color:#fff;font-weight:500}
#webzine-popup .banner-close {position:absolute;z-index:1;top:8px;right:10px;font-size:.938rem;color:#fff}

/**********************************************
note : footer
**********************************************/
#user-footer {padding-top:12px;padding-bottom:0;background-color:#f0f0f0}

/* key service */
#user-footer .key-service {display:block;padding:10px;margin-bottom:12px;font-size:0;background-color:#fff;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:.5rem;margin-bottom:-1px;font-size:15px;line-height:1.125;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#user-footer .key-service > :nth-child(3n + 1) {border-left-width:0;clear:both}
#user-footer .key-service > :last-child:not(:nth-child(3n)) {border-right-width:1px}
@media screen and (min-width: 40em) {
	#user-footer .key-service > a {width:25%}
	#user-footer .key-service > :nth-child(3n + 1) {border-left-width:1px;clear:inherit}
	#user-footer .key-service > :nth-child(4n + 1) {border-left-width:0;clear:both}
	#user-footer .key-service > :last-child:not(:nth-child(4n)) {border-right-width:1px}
}

/* quick menu */
#user-footer .quick-menu {display:block;overflow:hidden;padding-top:20px;font-size:0;background-color:#fff;white-space:nowrap;text-align:center}
#user-footer .quick-menu > a {display:inline-block;position:relative;margin:0 2px;padding:4px 10px;border:1px solid rgba(0,0,0,.08);font-size:.813rem;line-height:20px;color:rgba(0,0,0,.65)}
#user-footer .quick-menu > a:first-child{margin-right:0;}

/* info */
#user-footer .info {display:block;padding:1rem 1.25rem 4rem;font-size:0;background-color:#fff;}
#user-footer .copyright, #user-footer .ndsoft {display:inline-block;width:50%;vertical-align:middle}
#user-footer .copyright {font-size:.75rem;line-height:1;color:rgba(0,0,0,.5);text-align:left}
#user-footer .copyright a {color:inherit;text-decoration:none}
#user-footer .ndsoft {text-align:right}
#user-footer .ndsoft > .ci {display:inline-block}

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

/* 배진희 / 1458877 / 20250402 */
#user-down {position:relative;background-color:#212155}
#user-down .mode-inner {height:40px}
#stock-price {overflow:hidden;width:100%;height:40px}
#stock-price .item {padding:0 15px;font-size:14px;color:#fff;line-height:35px}
#stock-price .item > i[class*="icon-"] {font-size:1.25rem}
#stock-price .item > i.icon-caret-up-min {color:#DD2929}
#stock-price .item > i.icon-caret-down-min {color:#323CF0}

/* 배진희 / 1459349 / 20250403 */
#user-header [class*="grid-"] {display:inline-block;vertical-align:middle}
#user-header .grid-left{width:56px}
#user-header .grid-center {width:calc(100% - 112px)}
#user-header .grid-right{width:56px;text-align:right}

/* 배진희 / 1459922 / 20250404 */
#user-footer .key-service{display:none}

/* 배진희 / 1460238 / 20250407 */
#user-header .change {position:fixed;width:100%;z-index:1000}

/* 임희은 / 1565188 / 20260324 */
#user-header .visual-nav .inset {
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
	display:flex;
}
#user-header .visual-nav .inset > .item {
	width:auto;
	display:block;
	padding:0 .4rem;
}