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

/**********************************************
note : header
**********************************************/
#user-header {margin-bottom:1.25rem;background-color:#fff}
#user-header .flex-grid {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;overflow:hidden;background-color:#fff}
#user-header .flex-grid .grid {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;padding:1.125rem 0;font-size:0}
#user-header .flex-grid .user-logo > a {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;height:35px}
#user-header .flex-grid .user-logo img {max-height:100%}

#user-header .home-btns,
#user-header .nav-btns {display:inline-block;cursor:pointer}
#user-header .home-btns .icon,
#user-header .nav-btns .icon {display:block;overflow:hidden;padding:.625rem 1.25rem}
#user-header .home-btns .icon::before {content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.999' height='22' viewBox='0 0 21.999 22'%3E%3Cpath d='M17.65,22H13.983a.688.688,0,0,1-.687-.687V15.354a.229.229,0,0,0-.229-.229H8.941a.229.229,0,0,0-.229.229v5.958A.688.688,0,0,1,8.025,22H4.358a1.606,1.606,0,0,1-1.6-1.6V11.916H1.15A1.147,1.147,0,0,1,0,10.771a1.162,1.162,0,0,1,.339-.816L10.528.191a.687.687,0,0,1,.951,0L21.654,9.944a1.175,1.175,0,0,1,.349.827,1.147,1.147,0,0,1-1.146,1.146h-1.6V20.4a1.606,1.606,0,0,1-1.6,1.6Zm-2.979-1.375H17.65a.232.232,0,0,0,.229-.229V11.229a.688.688,0,0,1,.687-.687H20.29L11,1.64l-9.286,8.9H3.442a.688.688,0,0,1,.687.687V20.4a.232.232,0,0,0,.229.229H7.337V15.354a1.606,1.606,0,0,1,1.6-1.6h4.125a1.606,1.606,0,0,1,1.6,1.6Zm0,0' transform='translate(-0.004 0)'/%3E%3C/svg%3E")}
#user-header .nav-btns .icon::before {content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20.083' viewBox='0 0 22 20.083'%3E%3Cg transform='translate(-418 -19)'%3E%3Cline x1='22' transform='translate(418 20)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='6' transform='translate(434 27)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='6' transform='translate(434 34)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cg transform='translate(407.267 12.385)'%3E%3Cpath d='M26.506,25.58l-3.527-3.527a6.731,6.731,0,1,0-.926.929l3.527,3.524a.655.655,0,1,0,.926-.926Zm-12.6-3.969a5.445,5.445,0,1,1,3.851,1.6A5.4,5.4,0,0,1,13.906,21.611Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}

/**********************************************
note : visual navigation
**********************************************/
#user-header .visual-nav {display:block;overflow:hidden}
#user-header .visual-nav.scroll {overflow-x:auto}
#user-header .visual-nav > .inset {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1.125rem;margin-right:-1.125rem}
#user-header .visual-nav.scroll > .inset {-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:auto;margin-right:auto}
#user-header .visual-nav .item {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;padding:.625rem 1.125rem;font-size:1.125rem;font-weight:400;font-weight:var(--wgt400);line-height:1;color:#000;white-space:nowrap;text-align:center}
#user-header .visual-nav.scroll .item {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}

/**********************************************
note : navigation
**********************************************/
#user-nav {display:none;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1004;left:0;top:0;width:100%;height:100%;background-color:#eceef1}
#user-header.is-active #user-nav {display:block}
#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}

/* header */
#user-nav .flex-grid {background-color:#fff}
#user-nav .flex-grid .nav-close {display:inline-block;padding:.625rem 1.25rem;font-size:1.625rem;line-height:1;cursor:pointer}

/* login box */
#user-nav .user-logbox {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem .625rem .3125rem;margin:0;background-color:#fff;list-style:none}
#user-nav .user-logbox li {-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:auto;max-width:100%}
#user-nav .user-logbox > :not(:first-child) {border-left:1px solid rgba(0,0,0,.12)}
#user-nav .user-logbox li a {display:block;padding:0 .625rem;font-size:.875rem;font-weight:300;line-height:1;letter-spacing:-.05em;white-space:nowrap}

/* search */
#user-nav .search-form {display:block;position:relative;padding:0 1.25rem .75rem;background-color:#fff}
#user-nav .search-form .inner {display:block;background-color:#eceef1;border-radius:.3125rem}
#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% - 55px);height:45px;margin-bottom:0;padding:0 1rem;font-size:1rem;font-weight:300;background-color:transparent;border:0;border-radius:0}
#user-nav .search-form button[onclick] {width:55px;height:45px;font-size:1.375rem}

/* sections */
#user-nav .all-sections {display:block;overflow:hidden;padding:.625rem;margin:0 auto;text-align:left;list-style:none}
#user-nav .all-sections > li {display:block;overflow:hidden;padding:.625rem;background-color:#fff;border-radius:.625rem}
#user-nav .all-sections > :not(:last-child) {margin-bottom:.625rem}
#user-nav .all-sections > li > a {display:block;overflow:hidden;font-size:1.5625rem;color:rgba(0,0,0,.95);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#user-nav .all-sections .nested {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none}
#user-nav .all-sections .nested li {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 .625rem}
#user-nav .all-sections .nested li a {display:block;overflow:hidden;padding:.5rem 0;font-size:1rem;font-weight:300;line-height:1.2;color:#888;text-overflow:ellipsis;white-space:nowrap}

/* special menu */
#user-nav .rank-tile {display:block;padding:.625rem}
#user-nav .rank-tile .inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;padding:0;margin:0;background-color:#fff;border-radius:.625rem;list-style:none}
#user-nav .rank-tile .inner li {-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%;padding:1rem;text-align:center}
#user-nav .rank-tile .inner > :not(:nth-child(3n + 1)) {border-left:1px solid #eceef1}
#user-nav .rank-tile .inner li a {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#user-nav .rank-tile .inner li a > * {-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:auto;max-width:100%}
#user-nav .rank-tile .inner i[class^="icon-"] {margin-right:.625rem;font-size:1.5rem}
#user-nav .rank-tile .inner .text {font-size:.875rem;font-weight:300;line-height:1;text-align:left}

/* 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 .copyright {display:block;margin:.375rem auto 5rem;font-size:.8125rem;font-weight:300;line-height:1;color:#888;text-align:center}

/* show for desktop */
#user-nav .go-to-desktop {display:block;overflow:hidden;width:80%;max-width:188px;margin:0 auto 2.5rem;font-size:1rem;line-height:43px;color:#000;background-color:#fff;border:1px solid #d3d5d8;border-radius:2rem;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;text-align:center}

/**********************************************
note : footer
**********************************************/
#user-footer {padding:0;margin-top:.625rem}

/* key service */
#user-footer .key-service {display:block;padding:0 .5rem}
#user-footer .key-service .list {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none}
#user-footer .key-service .list li {-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;display:block;max-width:33.33333%;padding:0 .125rem;text-align:center}
#user-footer .key-service .list > :not(:nth-child(-n + 3)) {margin-top:.25rem}
#user-footer .key-service .list li a {display:block;overflow:hidden;padding:.5rem;font-size:1rem;line-height:1;background-color:#fff;border-radius:.3125rem;text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width: 40em) {
	#user-footer .key-service .list li {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;margin-top:.25rem}
	#user-footer .key-service .list > :nth-child(-n + 4) {margin-top:0}
}

/* quick menu */
#user-footer .quick-menu {display:block;overflow:hidden;margin-top:3.125rem;font-size:0;white-space:nowrap;text-align:center}
#user-footer .quick-menu > a {display:inline-block;position:relative;padding:0 .875rem;font-size:.813rem;line-height:1;color:rgba(0,0,0,.65)}
#user-footer .quick-menu > 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,.1);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-footer .quick-menu > a:first-of-type::before {content:normal}

/* info */
#user-footer .info {display:block;margin-top:.5rem;padding:0 1.25rem 5rem}
#user-footer .copyright, #user-footer .ndsoft {display:block}
#user-footer .copyright {margin-bottom:1rem;font-size:.8125rem;font-weight:300;line-height:1;color:rgba(0,0,0,.5);white-space:nowrap;text-align:center}
#user-footer .copyright a {color:inherit;text-decoration:none}
#user-footer .ndsoft {font-size:0;text-align:right}
#user-footer .ndsoft > .ci {display:inline-block}

/**********************************************
note : footer(black theme)
**********************************************/
#user-footer.black-theme {margin-top:1.875rem;background-color:#333}
#user-footer.black-theme .quick-menu {border-top:1px solid #ececec;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)}