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

/**********************************************
note : header
**********************************************/
#user-header {display:block;position:relative;margin-bottom:3.125rem;text-align:center}
#user-header .sticky {z-index:1000;width:100%;padding:0 1.25rem;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
#user-header .is-stuck, #user-header .is-stuck #user-menu {text-align:left}
#user-header .is-stuck .user-logo-area, #user-header .is-stuck #user-gnb {display:none !important}

/* gnb */
#user-gnb {display:block;margin:0 auto;padding:.625rem 0;font-size:0}
#user-gnb::after {content:'';display:table;clear:both}

/* sns */
#user-gnb .user-sns {float:left;text-align:left}
#user-gnb .user-sns > .item {display:inline-block;overflow:hidden;width:25px;height:25px;margin-right:0.5rem;font-size:.875rem;color:#888;background-color:#fff;border:1px solid #ddd;border-radius:50%;text-align:center}
#user-gnb .user-sns > .item.event {color:#ffbf00}
#user-gnb .user-sns > :last-child {margin-right:0}
#user-header.is-active #user-gnb .user-sns > .item.all--section {-ms-transform:rotate(-90deg);transform:rotate(-90deg)}

/* login */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox > li {display:inline-block;overflow:hidden;position:relative;margin-left:.75rem;padding-left:.75rem;text-overflow:ellipsis;white-space:nowrap}
#user-gnb .user-logbox > li:first-child {margin-left:0;padding-left:0}
#user-gnb .user-logbox > li > a {font-size:.75rem;font-weight:300;line-height:25px;letter-spacing:0;color:rgba(0,0,0,.7)}
#user-gnb .user-logbox > li:not(:first-child)::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%)}

/* logo area */
#user-header .user-logo-area {display:block;margin:0 auto;font-size:0;text-align:left}
#user-header .user-logo-area > .area {display:inline-block;padding:.625rem 0;vertical-align:middle}
#user-header .user-logo-area > .area.user-logo {width:calc(100% - 600px);font-size:inherit}
#user-header .user-logo-area > .area.user-logo > a {display:inline-block;overflow:hidden;margin:0 auto;width:80%;max-width:250px}
#user-header .user-logo-area > .area.user-banner {width:300px}

/**********************************************
note : navigation
**********************************************/
#user-nav {display:block;margin:0 auto;font-size:0;white-space:nowrap}

/* menu */
#user-menu {display:block;max-width:calc(100% - 100px);margin:0 auto;text-align:center;white-space:nowrap}
#user-menu > li, #user-menu > li > a {display:inline-block;vertical-align:middle}
#user-menu > li {position:relative}
#user-menu > li > a {padding:0 1.25rem;font-family:'Georgia', serif;font-size:1.063rem;font-weight:500;font-style:normal;line-height:50px;color:rgba(0,0,0,.95);text-transform:uppercase;text-overflow:ellipsis}
#user-menu > li:not(:first-child)::after {content:'';display:block;overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:3px;height:3px;background-color:#aaa;border-radius:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}


/* all section */
#user-nav .nav-btns {float:left;max-width:50px;height:50px;font-size:0;text-align:center;cursor:pointer;outline-width:0}
#user-nav .nav-btns > .icon {display:block;position:relative;width:1.25rem;height:1px;margin:0 auto;background-color:#000;outline-width:0}
#user-nav .nav-btns > .icon::before, #user-nav .nav-btns > .icon::after {content:'';overflow:hidden;position:absolute;z-index:1;left:0;width:100%;height:0;border-top:1px solid #000}
#user-nav .nav-btns > .icon::before {top:-.438rem}
#user-nav .nav-btns > .icon::after {bottom:-.438rem}

/* search */
#user-header .sch-btns {float:right;max-width:50px;height:50px;font-size:1.375rem;color:#000;cursor:pointer;outline-width:0}
#user-header .user-search {display:none;position:fixed;z-index:1005;left:0;top:0;width:100%;height:100%;margin-top:1px;padding:5rem 1.25rem;background-color:rgba(0,0,0,.9)}
#user-header .user-search-form {display:block;width:100%;max-width:740px;margin:0 auto;border-bottom:1px dotted #fff}
#user-header .user-search input#sc_word, #user-header .user-search button[onclick] {font-size:3.625rem;height:105px}
#user-header .user-search input#sc_word {float:left;width:calc(100% - 105px);height:65px;margin-bottom:0;padding:0;font-size:2rem;color:#fff;background:none;border:0;border-radius:0;outline-width:0}
#user-header .user-search button[onclick] {float:left;width:105px;height:65px;font-size:2rem;color:#fff;background:none;text-align:center;cursor:pointer}
#user-header .user-search .sch-close {position:absolute;z-index:10;right:1.875rem;top:1.875rem;font-size:2rem;line-height:1;color:rgba(255,255,255,.75)}

/**********************************************
note : navigation(offcanvas)
**********************************************/
#mobile-for-nav {display:none;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1004;left:0;top:0;width:100%;height:100%;padding:1.25rem;background-color:rgba(0,0,0,.9)}
#mobile-for-nav::before {content:'';position:fixed;z-index:1;right:0;top:0;width:50%;height:100%;background-color:#000}
#user-header.is-active #mobile-for-nav {display:block}
#mobile-for-nav > .inner {position:relative;z-index:10;width:100%;margin:0 auto}
#mobile-for-nav > .inner::after {content:'';display:table;clear:both}

/* header */
#mobile-for-nav .header {display:block;margin-bottom:2.875rem;font-size:0;text-align:left}
#mobile-for-nav .header::after {content:'';display:table;clear:both}
#mobile-for-nav .header > .ci, #mobile-for-nav .header > .btns {float:left;height:40px}
#mobile-for-nav .header > .ci {display:block;overflow:hidden;width:95px;background-repeat:no-repeat;background-position:0 50%;background-size:contain}
#mobile-for-nav .header > .btns {margin-right:1.875rem;font-size:1.375rem;color:#fff;vertical-align:middle;cursor:pointer}

/* container */
#mobile-for-nav .container {float:left;width:50%;min-height:1px}
#mobile-for-nav .container::after {content:'';display:table;clear:both}

/* sections */
#mobile-for-nav .menu {display:block;padding:1rem 1.25rem;margin-bottom:.625rem;text-align:left}
#mobile-for-nav .menu::after {content:'';display:table;clear:both}
#mobile-for-nav .menu > li {display:block}
#mobile-for-nav .menu > li > a {padding:.9375rem 0;font-size:1.75rem;font-weight:700;line-height:1.375;letter-spacing:-.025em;color:#fff;text-decoration:none;text-transform:uppercase}
#mobile-for-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a {font-weight:700}
#mobile-for-nav .menu > .is-accordion-submenu-parent > a::after {content:'+';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%)}
#mobile-for-nav .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'-'}
#mobile-for-nav .menu.nested {margin:0 0 2.375rem;text-align:left}
#mobile-for-nav .menu.nested::after {content:'';display:table;clear:both}
#mobile-for-nav .menu.nested > li {float:left;width:50%}
#mobile-for-nav .menu.nested > li > a {overflow:hidden;padding:.625rem 1rem .625rem 0;font-size:.9375rem;font-weight:300;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}

/* cover */
#mobile-for-nav .magazine-cover {display:block;width:100%;max-width:250px;margin-bottom:5rem;text-align:left}
#mobile-for-nav .magazine-cover .titles {display:block;margin-bottom:1rem;font-size:1.625rem;line-height:1.375rem;color:#fff}
#mobile-for-nav .magazine-cover .sums {display:block;margin:0 0 1.875rem;font-size:1.125rem;font-weight:300;line-height:1.375;color:rgba(255,255,255,.65)}
#mobile-for-nav .magazine-cover .image {display:block;overflow:hidden;height:0;padding-bottom:125%;margin-bottom:1.25rem;background-color:#fff;background-repeat:no-repeat;background-position:0 0;background-size:cover}
#mobile-for-nav .magazine-cover .button {margin:1.25rem 0 0;font-size:1.125rem;border-radius:0}

/* footer */
#mobile-for-nav .footer {display:block;float:left;width:50%;max-width:365px;min-height:1px;margin:0;padding:1.875rem 3.25rem;font-size:0;text-align:left}
#mobile-for-nav .footer .navs {display:block;font-size:inherit}
#mobile-for-nav .magazine-cover +  .navs {margin-top:1.875rem;padding-top:1.875rem;border-top:1px dotted rgba(255,255,255,.5)}
#mobile-for-nav .footer .navs > a {display:block;position:relative;margin-bottom:1.25rem;font-size:1.375rem;line-height:1.375;color:#fff;white-space:nowrap;text-decoration:none}
#mobile-for-nav .footer .navs > :last-child {margin-bottom:0}
#mobile-for-nav .footer .social {display:block;margin:2.875rem 0;font-size:inherit;white-space:nowrap}
#mobile-for-nav .footer .social > a {display:inline-block;margin-left:1.25rem;font-size:1.25rem;line-height:1;color:#fff;vertical-align:middle}
#mobile-for-nav .footer .social > :first-child {margin-left:0}

/**********************************************
note : footer
**********************************************/
#user-footer.type-14 {margin-top:6.25rem}