@charset "UTF-8";
/* 글꼴 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/******************************************
공통
*******************************************/
.at-body {
    background-color: #111;
}
.at-body *:not(i) {
    color: white !important;
}

.at-body a.list-group-item {
	color: #555 !important;
}

.at-body .panel .panel-heading,
.at-body .panel .panel-heading h4,
.at-body .list-group strong,
.at-body .list-group .pull-right {
	color: #333 !important;
}

.at-body .help-block,
.at-body .checkbox-inline{
	color: #737373 !important;
}

.at-html {
    background-color: #111;
}

.at-header {
    background-color: #111 !important;
    color: white !important;
}

/* .container_fix.wide {width: 100%;max-width: 1830px;} */
.container_fix.wide {width: 100%;max-width: 1310px;}

.pc-menu {
    height: 55px !important;
}
.pc-menu .nav-visible {
    height: 100%;
}
.pc-menu .nav-visible .container_fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pc-menu .nav-visible .container_fix .nav-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: unset;
    left: unset;
    top: unset;
    gap: 50px;
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    width: unset;
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul.shop {
    position: relative;
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul.shop::after {
    display: block;
    width: 1px;
    height: 13px;
    background-color: #919191;
    position: absolute;
    top: 21px;
    right: -23px;
    content: '';
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul .menu-li {
    display: block;
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul .menu-li a,
.pc-menu .nav-visible .container_fix .nav-top .menu-ul .menu-li span {
    font-weight: 300;
    font-family: 'Pretendard-Regular';
}
.pc-menu .nav-visible .container_fix .nav-top .menu-ul .menu-li a:hover,
.pc-menu .nav-visible .container_fix .nav-top .menu-ul .menu-li span:hover {
    background-color: transparent !important;
}
.pc-menu .nav-visible .container_fix .lnb_box .lnb_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px;
}
.pc-menu .nav-visible .container_fix .lnb_box .lnb_list li.cart a {
    position: relative;
}
.pc-menu .nav-visible .container_fix .lnb_box .lnb_list li.cart a span {
    position: absolute;
    bottom: -6px;
    right: -8px;
    background-color: #111;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    border: 1px solid white;
    color: white;
    text-align: center;
    line-height: 13px;
    font-size: 8.5px;
}

.fp-auto-height {
    z-index: 10;
}
@media (max-width: 991px) {
    .fp-auto-height {
        display: block !important;
    }
}

.header-menu.footer-ver {
    background-color: #191919;
    padding: 28px 0;
    margin-top: 100px;
}
@media (max-width: 991px) {
    .header-menu.footer-ver {
        overflow: hidden;
        padding: 0;
    }
}
.header-menu.footer-ver .container_fix {
    width: 1310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix {
        width: unset;
    }
}
.header-menu.footer-ver .container_fix .nav-top {
    position: relative;
    top: unset;
    left: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: unset;
    table-layout: unset;
    margin: unset;
    gap: 0 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul.clearfix::before {
    display: none;
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix .nav-top .menu-ul {
        display: block;
    }
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul li:first-of-type {
    padding-left: 0;
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul li.shop.division {
    margin-right: 24px;
    position: relative;
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix .nav-top .menu-ul li.shop.division {
        margin-right: 0;
    }
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul li.shop.division::after {
    display: block;
    content: '';
    width: 1px;
    height: 13px;
    background-color: white;
    position: absolute;
    top: 2px;
    right: -20px;
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix .nav-top .menu-ul li.shop.division::after {
        display: none;
    }
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix .nav-top .menu-ul li {
        display: table-cell;
        white-space: nowrap;
        padding: 19px 12px;
    }
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul li a {
    font-size: 15px;
}
@media (max-width: 991px) {
    .header-menu.footer-ver .container_fix .nav-top .menu-ul li a {
        font-size: 12.5px;
    }
}
.header-menu.footer-ver .container_fix .nav-top .menu-ul li a span {
    font-family: 'Pretendard';
    font-weight: 400;
    color: white;
}
.header-menu.footer-ver .container_fix .lnb_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 27px;
}
.header-menu.footer-ver .container_fix .lnb_list li.cart {
    position: relative;
}
.header-menu.footer-ver .container_fix .lnb_list li.cart .cart_count {
    position: absolute;
    bottom: -3px;
    right: -5px;
    background-color: #191919;
    border: 1px solid white;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    color: white;
    font-size: 7px;
    line-height: 10px;
    text-align: center;
}

.fix_footer {
    background-color: #111111;
    border-top: 0px solid transparent !important;
}
.fix_footer * {
    color: #999999 !important;
}
.fix_footer .white {
    color: white !important;
}
.fix_footer .fix_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 35px;
}
.fix_footer .fix_links span {
    font-size: 15px;
}
.fix_footer .info_ul li,
.fix_footer .info_ul a {
    font-size: 13px;
}

.cate-banner {
    margin-bottom: 100px;
    position: relative;
}
@media (max-width: 991px) {
    .cate-banner {
        margin-bottom: 50px;
    }
}
.cate-banner .cate-name {
    position: absolute;
    left: 70px;
    bottom: 200px;
    color: white;
    font-size: 65px;
    font-weight: 600;
    font-family: 'Pretendard-Regular';
}

.container_fix_item {
    width: 1310px;
    padding: 0 15px;
    max-width: 100%;
    margin: auto;
}

/******************************************
메인시작
*******************************************/
/******************************************
서브시작
*******************************************/
.item_detail.item-wrap .item-head .row .form-container .text .item_info .item-star span .fa {
    color: #ffc600;
}

.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker.soldout {
    border: 1px solid white;
    border-radius: 20px;
    line-height: 20px;
    font-size: 10px;
    font-weight: 300;
}

.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker.new {
    border: 1px solid #c7202f;
    border-radius: 20px;
    background-color: #c7202f;
    line-height: 20px;
    font-size: 10px;
    font-weight: 300;
}

.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker.hit {
    border: 1px solid #02327d;
    border-radius: 20px;
    background-color: #02327d;
    line-height: 20px;
    font-size: 10px;
    font-weight: 300;
}

.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel select option {
    color: black !important;
}

.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart input {
    color: #222222 !important;
    background-color: white !important;
}

.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy input {
    background-color: #111 !important;
    border: 1px solid #fff;
}

.item-wrap .tbox-body {
    background-color: transparent !important;
}

.item-wrap .tbox-head {
    background-color: #111 !important;
}

#itemuse {
    background-color: #111111;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: transparent !important;
}

input,
textarea {
    background: #111 !important;
    color: white !important;
}

.it_detail_modal .rv_modal .add_img_btn img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.list-board .board-list li > a:hover {
    background-color: transparent !important;
}

.bg-white {
    background-color: #222 !important;
}

.cart_modal .cart_m_con * {
    color: #ccc;
}
.cart_modal .cart_m_con .item-content strong {
    color: white !important;
}
.cart_modal .cart_m_con .item_price_box .real_price {
    color: #ccc !important;
}

select option {
    color: black !important;
}

.mypage_dashboard .quart_box * {
    color: white !important;
}

html {
    background-color: #111111;
}

aside#sidebar-box .sidebar-menu.shop .menu_li.all + .menu_li .menu_li_tt > a {
    display: none;
}
aside#sidebar-box .sidebar-menu.shop .menu_li.all + .menu_li .menu_li_tt > a .submenu {
    display: block !important;
}
aside#sidebar-box .sidebar-menu.shop .menu_li_sub {
    padding-top: 0 !important;
}

#thema_wrapper.sub .container_fix {
    max-width: 1310px;
}

@media (max-width: 991px) {
    .element_box div.box div.text-box h3 {
        font-weight: 700 !important;
    }
    .element_box div.box div.text-box p {
        margin-top: 20px !important;
    }
    #fullpage > .section.fp-auto-height {
        border-top: 0px solid transparent;
    }
}
.pc-menu .nav-top.nav-both .sub-1div.custom {
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: visible;
    min-width: 103px;
    /* padding: 10px 27px; */
    padding: 10px 10px;
}
.pc-menu .nav-top.nav-both .sub-1div.custom .sub-1da {
    border-bottom: 0px solid transparent;
    padding: 0;
    text-align: center;
    padding: 8px 0;
}
.pc-menu .nav-top.nav-both .sub-1div.custom li a {
    color: #999;
    font-size: 14px;
    line-height: 1.2;
}
.pc-menu .nav-top.nav-both .menu-li {
    position: relative;
    padding: 18px 0;
}
.pc-menu .nav-top.nav-both .menu-li:hover .sub-1div {
    display: block !important;
} /*# sourceMappingURL=style.css.map */

#fp-nav.right ul li, .fp-slidesNav ul li {height: 20px;}

#fp-nav.right ul li a span, .fp-slidesNav ul li a span {
	height: 10px;
	width: 10px;
	border: 1px solid rgba(255, 255, 255, .6);
	background: transparent;
	margin: -2px 0 0 -2px;
}

#fp-nav.right ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav.right ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
	height: 10px;
	width: 10px;
	margin: -2px 0 0 -2px;
	background: #fff;
}

#fp-nav.right ul li:hover a span, 
.fp-slidesNav ul li:hover a span {
	margin: -2px 0 0 -2px;
}

.dropdown-menu>li>a {color: #999 !important;}

@media (max-width: 1280px) {
	.pc-menu .nav-top.nav-both .sub-1div.custom {left: 0;-webkit-transform: initial;transform: initial;margin-left: -15px;}
	.pc-menu .nav-top.nav-both .sub-1div.custom .sub-1da {text-align: left;}
}

/* LSY */
.at-body .btn_cke_sc {color: #999 !important;}