/* BASIC css start */


#header {position:fixed; left:0; width:100%; display:block; text-align:center; box-sizing:border-box; z-index:1501; top:0;}
#header .listSlide {overflow:hidden; padding-left:40px; padding-right:80px;}
#header .listSlide .swiper-horizontal {overflow:hidden;}
#header .listSlide .swiper-slide {width:auto; line-height:50px;}
#header .listSlide .swiper-slide a {padding:0 12px; display:block; font-size:14px;}
.header_box {}
.header_box .common_wrapper {height:50px; position:relative; background:#fff;}
.header_box .search_btn {width:20px; height:20px; position:absolute; right:53px; top:calc(50% - 10px);}
.header_box .back_btn { position:absolute; top:calc(50% - 10px); left:15px; width:20px; height:20px; text-align:center;}
.header_box .home_btn { position:absolute; top:calc(50% - 10px); right:100px; width:20px; height:20px; text-align:center;}
.header_box h2 {font-size:16px; font-weight:600; letter-spacing:0.72px; line-height:50px;}
.header_box .logo {position:absolute; left:50%; top:14px; margin-left:-41.5px;}
.header_box .logo img {height:22px;}
.header_box .menu_btn { position:absolute; top:calc(50% - 8.5px); left:15px; width:21px;}
.header_box .basket_btn { position:absolute; top:calc(50% - 10px); right:15px; width:18px;}
.header_box .basket_btn .ic_basket { display:inline-block; position:relative; }
.header_box .basket_btn .ic_basket .count {position:absolute; bottom:-6px; right:-6px; width:16px; height:16px; border-radius:100%; background:#A6937C; color:#fff; font-size:10px; text-align:center; line-height:16px; }

.menu_box {position:fixed;top:0;left:-100%;transition: all 0.3s;animation-direction: reverse;z-index:9998;-webkit-overflow-scrolling: touch;width:85%;height:100%;box-sizing:border-box;background:#fff;}
.menu_box.active {left:0; }
.menu_box .menu_box_close {position:absolute; right: -32px; top:15px;}
.menu_box .common_inner {position:relative; height:100%; overflow:hidden; overflow-y:auto;}
.menu_box .common_inner .menu_hd_box p {line-height:45px; background:#000; padding:0 15px; color:#fff; font-size:12px; text-align:left;}
.menu_box .common_inner .menu_hd_box ul {padding:15px 15px 40px; font-size:0;}
.menu_box .common_inner .menu_hd_box ul li {box-sizing:border-box; width:calc(50% - 7.5px); display:inline-block; vertical-align:top; height:36px; line-height:36px; border:1px solid #000; }
.menu_box .common_inner .menu_hd_box ul li:last-child {margin-left:15px; background:#000;}
.menu_box .common_inner .menu_hd_box ul li a {display:block; font-size:12px; color:#000;}
.menu_box .common_inner .menu_hd_box ul li:last-child a {color:#fff;}


.menu_hd_box { position:relative; text-align:center;}
.menu_hd_box h2 {font-size:16px; font-weight:600; line-height:50px; letter-spacing:0.72px;}

.tab_con {padding:23px 15px 30px;}
.tab_con > ul > li {line-height:30px; margin-bottom:10px;}
.tab_con > ul > li a {font-weight:500; position:relative; display:block;}
.tab_con > ul > li a.dep_menu:after {content:url('//mazia2008.img3.kr/snap/image/common/ico_down.svg'); position:absolute; top:0; right:0;}
.tab_con > ul > li a.dep_menu.active:after {transform:rotate(-180deg);}
#tab_store.tab_con > ul > li a {font-family:'Roboto';}
#tab_store.tab_con > ul > li .subcate {display:none;}
#tab_store.tab_con > ul > li .subcate ul > li {padding-left:20px; line-height:24px;}
#tab_store.tab_con > ul > li .subcate ul > li a {color:#8b8b8b;}
#tab_store.tab_con > ul > li a.beige {color:#A6937C;}
.menu_promotion {border-top:10px solid #F7F7F8; padding:45px 15px 80px; text-align:left;}
.menu_promotion h2 {line-height:40px; font-size:16px; font-weight:600; letter-spacing:0.72px;}
.menu_promotion ul {margin-top:20px; overflow:hidden;}
.menu_promotion ul li {width:calc(50% - 10px); margin-right:20px; float:left; margin-bottom:25px;}
.menu_promotion ul li .title {margin-top:10px; font-size:12px; font-weight:500; display:block;}
.menu_promotion ul li:nth-child(2n) {margin-right:0;}

.menu_logo {display:inline-block; width:200px; }
.menu_closed {position:absolute;top: calc(50% - 10px);right:15px;width: 20px;}
.menu_closed img {display:inline-block; width:20px;}
.menu_language {position:absolute;top: calc(50% - 10px);right:55px;width: 20px;}
.menu_language img {display:inline-block; width:20px;}

.menu_box .tab_box {font-size:0; padding:0 15px; overflow:hidden; text-align:left;}
.menu_box .tab_box a {display:inline-block; margin-right:20px; color:#858585; font-size:14px; font-weight:600;}
.menu_box .tab_box .tab.active {color: #000; text-decoration:underline;}

.menu_box .tab_con { display:none; text-align:left;}
.menu_box .tab_con.active {display:block; }

.menu_list {margin-bottom:16px;}
.menu_list:last-child {margin-bottom:0}
.menu_list li .link, .menu_list li .link2{font-size:14px;display:block;height:35px;line-height:35px;font-weight: 300;}
.menu_list li .link2 {color: #fa5500;}

.menu_list li .link3 {color: #AFBA65; font-weight:bold;font-size:14px;line-height:35px;}
.menu_list li .link4 {
    color: #AFBA65;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;}
.menu_list li .link5 {
    color: #ed7b00;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;}

.menu_list li .link.fbold {font-weight:bold; font-size:16px; color:#000}


.animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 


.header_box.slideDown.animated {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

.header_box.slideUp.animated {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}

.header_box.slideUp {
    height: 50px;
}

.header_box.slideDown.animated.headroom--top{animation-name: none;}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#header.headroom--not-top .animated { top:0}
#header.headroom--not-top .tenCoupon {display:none!important;}
#header.headroom--not-top .header_box { border-bottom: 1px solid #ddd; }

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-50px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-50px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-50px)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-50px)
    }
}

.top_menu_list {margin-bottom:0}
.top_menu_list li .link {font-size:16px; font-weight:500}
.sub_list {padding-left:16px; margin:0}
.header_box .rollingCate {display:none; position:relative;}
#header.active .header_box .rollingCate {display:block;}
.header_box .rollingCate .down_btn {background:rgba(255, 255, 255, 0.90);position:absolute; top:0; right:0; width:50px; height:50px; line-height:50px; text-align:center;}
.header_box .rollingCate .down_btn.active img {transform:rotate(-180deg);}
.header_box .rollingCate .down_btn img {vertical-align:middle; margin-top:-2px;}
.header_box .rollingCate .swiper-container {background:rgba(255, 255, 255, 0.90); margin-right:50px; overflow:hidden;}
.header_box .rollingCate .swiper-slide {width:auto!important;}
.header_box .rollingCate .swiper-slide a {display:block; padding:14px 16px; font-size:14px; font-weight:500; line-height:22px;}
.header_box .rollingCate .rolling_dep {display:none; position:absolute; top:50px; left:0; width:100%; background:rgba(255, 255, 255, 0.5); padding:15px 14px 9px; box-sizing:border-box;}
.header_box .rollingCate .rolling_dep ul {font-size:0; text-align:center;}
.header_box .rollingCate .rolling_dep ul li{display:inline-block; border-radius:5px; box-sizing:border-box; width:calc(33.333% - 4px); margin-right:6px; margin-bottom:6px; height:33px; line-height:33px; border:1px solid rgba(0, 0, 0, 0.20);}
.header_box .rollingCate .rolling_dep ul li a {display:block; font-size:12px; color:#000;}
.header_box .rollingCate .rolling_dep ul li:nth-child(3n) {margin-right:0;}

.side_event {padding:0 15px;}
.side_event ul {font-size:0; text-align:left;}
.side_event ul li {display:inline-block; vertical-align:top; width:calc(50% - 8px); margin-right:16px; margin-bottom:16px;}
.side_event ul li:nth-child(2n) {margin-right:0;}
.side_event ul li span {display:block;}
.side_event ul li span img {width:100%;}
.side_event ul li span.title {font-size:11px; color:#000; margin-top:5px;}

.side_cs {margin:30px 15px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:30px 0; font-size:0; text-align:left;}
.side_cs > div {display:inline-block; width:50%; vertical-align:top;}
.side_cs > div h3 {font-size:12px; font-weight:600; color:#000; margin-bottom:15px; }
.side_cs > div span {font-size:16px; color:#A6937C; font-weight:600; display:block; margin-bottom:15px;}
.side_cs > div p {font-size:11px; color:#858585; line-height:18px;}

.side_sns {padding:0 15px 80px; text-align:left;}
.side_sns a {display:block; line-height:21px; color:#858585; font-size:13px; margin-bottom:20px;}
.side_sns a img {margin-right:5px;}
.side_sns .copyright {font-size:10px; color:#858585;}

/* BASIC css end */