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

/**********************************************
note : header
**********************************************/
#user-header {display:block;position:relative;margin-bottom:1.875rem;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,.6)}
#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:30px;height:30px;line-height:30px;margin-right:0.5rem;font-size:.938rem;color:#888;background-color:#fff;border:1px solid #ddd;border-radius:50%;text-align:center}
#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-header .user-logbox {float:right}
/* À̽ÂÇö / 1112051 / 20211125 */
#user-header .user-logbox > .item {display:inline-block;overflow:hidden;position:relative;padding:0 .625rem;font-size:.75rem;line-height:34px;color:rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
#user-header .user-logbox > :first-child {padding-left:0}

#user-header .user-logbox > a {display:inline-block;vertical-align:middle;overflow:hidden;position:relative;padding:0 .75rem;font-size:.75rem;font-weight:300;line-height:30px;color:rgba(0,0,0,.7);text-overflow:ellipsis;white-space:nowrap}
#user-header .user-logbox > a: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%)}
#user-header .user-logbox .outUser_btn {display:inline-block;vertical-align:middle;margin-left:1.5rem;margin-bottom:0}

/* logo area */
#user-header .user-logo-area {display:block;margin:0 auto;font-size:0;text-align:left;padding:0.5rem 0;}
#user-header .user-logo-area > .area {display:inline-block;padding:1.25rem 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%}
#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-size:1.25rem;font-weight:300;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;background:#ff0000;padding:0 10px;}
#user-nav .nav-btns > .icon {display:block;position:relative;width:1.25rem;height:2px;margin:0 auto;background-color:#fff;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:2px solid #fff}
#user-nav .nav-btns > .icon::before {top:-.438rem}
#user-nav .nav-btns > .icon::after {bottom:-.438rem}

/* search */
#user-header .sch-btns {float:left;max-width:50px;height:50px;font-size:1.375rem;color:#fff;cursor:pointer;outline-width:0;background:#ff0000;padding:0 10px;}
#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}



/* È«°æ¾Æ / 1451182 / 20250307 */
#user-nav {border-top: 1px solid #ff0000; border-bottom:4px solid #ff0000;}
#user-header .sticky { border-bottom: 0;}
#user-header .sticky.is-stuck {border-bottom:1px solid rgba(0, 0, 0, .6);}
#user-header .sticky.is-stuck #user-nav {border:0;}
#user-menu > li:not(:first-child)::after {display:none}
#user-menu > li > a {font-weight:700}

#user-header .is-stuck #user-nav .nav-btns{background:none;}
#user-header .is-stuck #user-nav .nav-btns > .icon{background-color:rgba(0,0,0,.95)}
#user-header .is-stuck #user-nav .nav-btns > .icon::before, #user-header .is-stuck #user-nav .nav-btns > .icon::after{border-color:rgba(0,0,0,.95)}
#user-header .is-stuck .sch-btns{float: right;background:none;color:rgba(0,0,0,.95);}

/* È«°æ¾Æ / 1456020 / 20250325 */
#user-nav .nav-btns,#user-header .sch-btns {background:transparent; color:rgba(0,0,0,.95);}
#user-nav .nav-btns > .icon {background-color:rgba(0,0,0,.95);height: 3px;}
#user-nav .nav-btns > .icon::before, #user-nav .nav-btns > .icon::after {border-top: 3px solid rgba(0,0,0,.95);}

/* ÃÖÀººñ / 1456023 / 20250325 */
#user-header .user-logo-area > .area.user-banner.text-right{position:relative;}
#user-header .user-logo-area > .area.user-banner.text-right .user-logbox{position:absolute;right:0;top:-13px;}
#user-header .user-logbox > a:not(:first-child)::before{display:none;padding: 0 .525rem;}
#user-header .user-logbox > .item{font-weight:700;}