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

/**********************************************
note : layout
**********************************************/
#user-wrap {overflow:hidden}
#user-header {margin-bottom:1.875rem;border-bottom:2px solid #e73f72}

/**********************************************
note : header
**********************************************/
#nav-header > .item {font-size:0}
#nav-header > .item.user-logo {margin-bottom:0;text-align:center}
#nav-header > .item.user-logo > a {display:inline-block;margin:0 auto}
@media screen and (min-width: 64em) {
	#nav-header {display:table;width:100%;table-layout:fixed}
	#nav-header > .item {display:table-cell;width:100%;height:100px;vertical-align:middle}
	#nav-header > .item.side {width:300px}
}
@media screen and (max-width: 63.9375em) {
	#nav-header {padding:.9375rem 1.25rem}
	#nav-header > .item.user-logo > a {max-width:165px}
}

/* banner */
#nav-header .top-banner {display:inline-block;margin:0 auto;padding:.375rem .875rem;font-size:.875rem;font-weight:normal;line-height:1.125;letter-spacing:-.05em;color:#fff;background-color:#002eca}
@media screen and (max-width: 63.9375em) {
	#nav-header .top-banner {margin-bottom:.5rem;padding:.25rem .625rem;font-size:.688rem}
}

/**********************************************
note : footer
**********************************************/
#user-footer {margin-top:1.875rem;padding:1.5rem 1.25rem 5rem;background-color:#faf8f8;border-top:1px solid rgba(0,0,0,.08)}
#user-footer .footer-menu .footer-columns.user-logo {width:235px}
@media screen and (min-width: 64em) {
	#user-wrap.mobile .ndsoft {position:absolute;z-index:1002;right:0;bottom:0}
}
@media screen and (max-width: 63.9375em) {
	#user-footer .footer-menu, #user-footer .footer-menu .footer-columns {display:block;width:auto}
	#user-footer .footer-menu {table-layout:inherit}
	#user-footer .footer-menu .footer-columns.user-logo {display:none}
	#user-footer .ndsoft {float:right;margin-top:1.375rem}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .footer-menu .user-nav {font-size:0;text-align:center}
	#user-footer .footer-menu .user-nav > a {display:inline-block;float:none;vertical-align:middle}
	#user-footer .footer-menu .user-nav > a[href*="youthpolicy"]::before {content:normal}
	#user-footer .user-address ul li {display:block;float:none;width:auto}
	#user-footer .user-address ul li.bars::before {content:normal}
}