@charset "utf-8";


html{font-size: 16px;/*user-select: none;*/}

/* icon */
[class^=icon-class-]{width: 72px;height:72px}
[class^=icon-cate-]{width:36px;height:36px}

/* modal */
.modal-content{border-radius: 1rem;padding:2em 1.111em}
.modal-full .modal-dialog{margin:0}
.modal-full .modal-content{ min-height:100vh; border: 0;border-radius: 0}
button.close-blue{font-size: 1.5rem}
.modal-alert-ft{margin: 1.5em -1.111em -2em;border-radius:0 0 1rem 1rem;}

/* pagination */
.page-link{font-size: 1.2em}

/* nav */
.nav-pills,.nav-tabs{margin-bottom: 30px}
.nav-cate{display: block; overflow-y: auto;margin:0 -20px 30px;padding:5px 20px;font-size:12px; white-space: nowrap;text-align: center}
.nav-cate>li{display: inline-block;width: auto}
.brand-lnb-wrap{margin:-26px 0 0; font-size: 1rem;}
.brand-lnb li a{padding:1em 0;font-size:13px}
.nav-brand{ margin:0 -15px 30px;padding:0 10px}
.nav-brand li{padding:0 2px}
.nav-brand img{height:32px}

/* form */
.form-control{-webkit-appearance: none;}
select.form-control{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px}
.form-row .control-label[class*=col-lg]{margin-bottom: .5em}
.bottom-buttons{margin-top: 2.5rem}
.btn-wrp .btn{margin: auto}

/* swiper */
.container .swiper-container{margin:0 -15px;padding:0 15px}
.swiper-button-wrap{justify-content: center;margin: 2.5rem 0}

/* layout */
#wrap{padding-top:60px}
#hd{height: 60px;box-shadow:0 0 20px rgba(0,0,0,.05)}
#hd .logo-main{position: absolute;top:0;left:60px}
#hd .logo-main img{width: 100px;}
#acc{top:13px;right:13px;}
#acc>a{margin-left:6px}
.gnb-open #acc{display: block;}
#btn-darkmode{display: none;position: absolute; right:36px;z-index: 120; background:#f3f3f3;box-shadow:inset 3px 3px 4px rgba(0,0,0,.05);animation: fadeIn .5s .2s both}
.menu-mypage-open #btn-darkmode{display: block;}
#menu-mypage{top:0}
#gnb{display: none;position: fixed;top: 0;left:0;bottom: 0;z-index: 110;width:300px;margin: 0; background: #fff;transform:translate(-300px,0);transition:.3s}
#gnb>ul{overflow-y: auto;position: absolute;top:60px;left:0;right:0;bottom:0; padding:0 30px 30px;}
#gnb>ul:hover{box-shadow:inset 0 4px 4px -2px rgba(0,0,0,.05)}
#gnb>ul li{display: block; margin:0}
#gnb>ul a{font-size:18px; line-height:48px}
#gnb>ul a:after{}
#gnb ul ul{padding-top:0}
#gnb ul ul a{padding-right: 0; font-size:15px}
#gnb ul ul ul a{padding:4px 0 4px 40px;font-size:.95em;opacity:.6}
#gnb ul ul ul a:before{ display: none !important}
#gnb a[data-toggle]:before,#gnb li .active>a:before{content:'';float: right;margin-top: -1px; font-family:'xeicon';transition:.4s}
#gnb .open>a[data-toggle]:before{;transform:scale(1,-1)}
#gnb .active>ul{display: block}
#gnb li .active a:before{content:'';}
#gnb>ul>li:nth-child(2)>a,
.gnb-hotitem,
.gnb-timesale{width: 100%;background-image: url("../img/gnb-store.png@2x.png");background-size: auto 25px}
#gnb>ul>li:nth-child(2)>a:after{background-image: url("../img/gnb-store-cart@2x.png");background-size: auto 25px;}
.gnb-hotitem{background-image: url("../img/gnb-hotitem@2x.png");background-position:1.5em 50%; background-size: auto 24px}
.gnb-timesale{background-image: url("../img/gnb-timesale@2x.png");background-position:1.5em 50%; background-size: auto 26px}
#gnb>ul>li:nth-child(2)>a:before{color:#333}
/*
#gnb>ul>li:nth-child(2) ul{display:block !important}
*/
#sitemap{display:none !important}
.ft{padding:12px 0 20px; font-size: 11px}
.ft-inner{padding-top:20px}
.ft-mn li:before{display: none}
.ft .col-sm-4{margin-top: 20px}
.ft .dropup{display:none}
.nav-open{overflow:hidden}
.nav-open #hd:after{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:0;transition: .3s}
/* .nav-open #wrap{position:fixed;left:0;right:0} */
.gnb-open #hd:after,.menu-mypage-open #hd:after{opacity:.5}
.menu-mypage-point{font-size:16px}
#search .srch-content{padding:60px 20px}
#search .srch-input{font-size: 1.2em}
.srch-popular{padding:20px 0}

/* sub */
.page-container{ overflow: hidden; min-height: calc(100vh - 80px);padding-bottom: 80px}
.page-hd{/*margin-bottom:15px;*/padding:30px 20px}
.page-hd h2{font-size: 2em}
.page-hd-bg{margin-bottom:40px}
.deco-l, .deco-r{height: auto;top: 0}
.deco-l{margin-top: 12%;width: 28.58%;padding-bottom: 26.08%;background-image: url(../img/deco_l_blue.png);transform: translateX(-45%)}
.deco-r{right: 0;top: 53.3%;width: 31.8333%;padding-bottom: 29.2%;background-image: url(../img/deco_r_blue.png);transform: translateX(55.5%)}

/* index */
[class*=sect-main]{padding:50px 0}
.sect-store-review, .sect-main-brand{border-radius:0 20vw 0 20vw}
.btn-more, .btn-ad-play{margin-top:20px}
.btn-more{margin-bottom: 20px;}
.history-item>img{height:200px; margin:0}
.history-item{ margin:15px 0; text-align: center}
.pitem-thumb{width:60%;margin-bottom: 20px}
.pitem p,
.brand-item p{display: -webkit-box;overflow: hidden;height:3em;line-height: 1.5;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal}
.brand-item-text p{height:4.6em;-webkit-line-clamp:3;}
.sect-tit-wrap{margin-bottom: 2.5rem}
.brand-item-text .brand-tit, .brand-item-text br{display: none}
.brand-item-text{padding-left: 0;text-align: center;max-width: 670px;margin: 0 auto 2rem}
.brand-item-img{max-width: 670px;margin: 0 auto}
.sect-main-magazine .display-3{font-size: 22px !important}
.sect-main-magazine .display-3+p{margin: 10px 0 20px;font-size:12px;color:#666}
.sect-magazine-hd .swiper-button-wrap{position:absolute;top:25px;right:15px;margin:0}
.sect-main-place .sect-hd{text-align: center}
.sect-main-place .swiper-button-wrap{position:absolute;bottom:40px;right:0;left:0;margin:0}
.sect-main-place .place-info{ height: auto}
.sect-main-place .place-info .region{font-size: .889em;width: 25%;right: 0}
.history-swiper-controls .swiper-pagination{margin-top: 15px}
.sect-main-event{border-top-left-radius: 3rem}
.sect-main-event .display-3+p{margin:10px 0 20px}
.history-item-info{text-align: center}
.history-swiper-controls .swiper-pagination{font-size: 0;color: transparent}
.history-new-ad .year{font-size:48px}
.btn-ad-play{ display: none;float: none;width:160px}
.brand-item-img{max-width: 240px}
.bottom-banner{padding:40px 10px; background-position: 63% 100%; background-size:auto 60%}
.bottom-banner .title{font-size:22px;margin-bottom: .4em}
.bottom-banner p{width:66%}
.sect-main-visual .store-brand .row{align-items: center;}

/* join */
.join-cont-term .h2, .join-cont-info .h2{margin-bottom: 20px; padding-bottom:10px;border-width:2px;}
.info-choice>.h4{margin-top: 2.5rem}
.info-choice .hr{margin: 2.5rem 0}
.join-cont-info .h4{margin-bottom: 1.5rem}
.check-choice{margin: 1.5rem 0 0}
.login-box{padding-top: 0;margin-bottom: 4em}
.bx-membership{padding: 3rem 1rem;border-radius: 1.5rem}
.bx-membership img{width: 80px}

/* mypage */
.prdt{flex-wrap: wrap}
.prdt-control{min-width: 100%}
.prdt-control .btn{margin: 1rem .25rem 0 0}
.order-detail-sect .form-group{margin-top: 1rem}
.coupon-list img{margin-right: 1rem}
.coupon-info{margin-top: 1rem;padding: 1rem;border-radius: 1rem}
.profile-detail{flex-wrap: wrap; margin-top: 20px}
.profile-detail li{min-width:50%;}
.profile-detail li:nth-child(3)::before{display: none;}
.profile-detail li:nth-child(3), .profile-detail li:last-child{margin-top: 1em;}

/* membership */
.bottom-buttons .float-link{margin-top:3em;transform: none;display: inline-block;vertical-align: top}
.bx-membership .right-area{border-left: 0;padding-top: 2em;border-top: 1px solid #e5e5e5;}

/* cart */
.col-side{margin-top: 2rem;transform:none !important}

/* review */
.review-prdt-swiper{margin-bottom:70px}
.review-total{border-bottom: 1px solid #e5e5e5}
.photo-privew{flex-wrap: nowrap;overflow-x: auto;margin-left: -15px;margin-right: -15px;padding-left: 15px;padding-right: 13px}
.photo-privew>li{flex-basis: 80px;max-width: 80px;min-width: 80px;padding: 0 2px}
.review-top-banner{margin-top: -20px;}
.review-benefit-wrp{width:100%;}
.left-area-wrp{margin-bottom:1.5rem;}
.benefit-item p{font-size: 1.2rem;}

/* cs center */
.nav-sort-wrap{position: relative}
.nav-sort-wrap:after{content: '';position: absolute;right: -15px;top: 0;bottom: 0;width: 30%;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);pointer-events: none}
.nav-sort{margin:-10px -15px 10px}
.nav-sort a+a{margin-left: 1rem}
.magazine-story-ct img{display: block;position: static;margin: 0 auto;max-width: 100%;transform: none}
.review-top-banner .right-area .swiper-container {margin:0; padding:0;}

/* Safari 9.0+ (iOS Only) */ 
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appearance:none)) {
	#btn-back{display:flex}
 }