@charset "utf-8";

.row {padding:0 20px}
.fixed {position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,.9); box-shadow:2px 2px 3px rgba(0,0,0,.06); z-index:10}

.mn-nav::-webkit-scrollbar {display:none}
.mn-nav {-ms-overflow-style:none}

/*헤더 영역*/
#header {position:relative; background:#fff}
#header h1.logo {text-align:center; font-size:0}
#header h1.logo a {display:inline-block; margin:23px 0; width:139px; height:14px; background:url(../img/h1-logo.png)no-repeat 0 0 / auto 14px}

#header .point {position:absolute; left:22px; top:18px; width:10px; height:10px; background:#df4336; border-radius:13px; animation:point 1s ease infinite}
@keyframes point {
    from {opacity:0}
    50% {opacity:.5}
    to {opacity:1}
}

/*좌측 메뉴*/
#header .mn-open {position:absolute; left:10px; top:23px; width:19px; height:14px; background:url(../img/ico-menu-btn.png)no-repeat 0 0 / 19px auto; cursor:pointer}

.mn-nav {position:absolute; overflow-y:hidden; left:-100%; top:0; width:100%; height:100vh; background:#fff; z-index:12; transition:all .3s}
.mn-nav.on {left:0}

.mn-nav .user-box {padding:26px 20px 18px; background:#ffdc00}
.mn-nav .user-box h2.login {display:inline-block; color:#1e1e1e; font-size:16px; font-weight:300; line-height:100%; letter-spacing:-0.2px}
.mn-nav .user-box h2.login ins {font-weight:500}
.mn-nav .user-box span.order-check {padding-left:10px; font-size:14px; font-weight:300; line-height:100%; letter-spacing:-0.2px}
.mn-nav .user-box span.order-check > i.xi-angle-right-min {font-weight:500}
.mn-nav .user-box .mn-close {position:absolute; right:20px; top:24px; width:14px; height:14px; background:url(../img/ico-close-btn.png)no-repeat 0 0 / 14px auto; cursor:pointer}

.mn-nav .user-box .service-link {display:flex; display:-webkit-flex; display:-ms-flex; text-align:center}
.mn-nav .user-box .service-link > a {display:inline-block; flex:1; margin-top:53px}
.mn-nav .user-box .service-link img {display:block; padding-bottom:6px; height:28px; margin:0 auto}

.mn-nav .campaign-bn {border-bottom:1px solid #f2f2f2}
.mn-nav .campaign-bn img {display:block; width:100%; margin:0 auto}

.mn-nav ul.category {display:grid; grid-template-columns:1fr 1fr 1fr; text-align:center}
.mn-nav ul.category > li {border-bottom:1px solid #f2f2f2}
.mn-nav ul.category > li:nth-child(2), ul.category > li:nth-child(5), ul.category > li:nth-child(8), ul.category > li:nth-child(11) {border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2}
.mn-nav ul.category > li > a {display:block; padding:18px 0; font-size:13px; color:#1e1e1e; font-weight:400; letter-spacing:-0.2px}

#friends {border-top:10px solid #f7f7f7; border-bottom:10px solid #f7f7f7}
#friends .friends-slide {background:#fff}
#friends .friends-slide .swiper-wrapper {text-align:center}
#friends .friends-slide .swiper-wrapper .swiper-slide {margin:20px 0; font-size:14px; color:#1e1e1e; font-weight:300; letter-spacing:-0.2px}
#friends .friends-slide .swiper-wrapper .swiper-slide img {display:block; width:60px; margin:0 auto}

.mn-nav .ad-bn {padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:10px solid #f7f7f7; text-align:center}
.mn-nav .ad-bn a.cheezzzball-bn {display:inline-block; color:transparent; width:calc(50% - 20px); height:19vw; background:url(../img/img-ad-bn-01.png)no-repeat 0 0 / 100% auto}
.mn-nav .ad-bn a.niniz-bn {display:inline-block; margin-left:6px; color:transparent; width:calc(50% - 20px); height:19vw; background:url(../img/img-ad-bn-02.png)no-repeat 0 0 / 100% auto}

.mn-nav .user-info {border-top:1px solid #f2f2f2}
.mn-nav .user-info a {display:block; padding:18px 0; font-size:14px; color:#222; font-weight:300; letter-spacing:-0.2px; border-bottom:1px solid #f7f7f7}
.mn-nav .user-info a:last-child {border-bottom:none}

.mn-nav .kakao-login {border-top:1px solid #e5e5e5; background:#f7f7f7; text-align:center}
.mn-nav .kakao-login > a {display:inline-block; margin:30px 0 60px; font-size:14px; color:#9a9a9e; font-weight:400; letter-spacing:-0.2px}
.mn-nav .kakao-login i.xi-kakaotalk {font-size:18px; vertical-align:-2px}

/*검색바*/
#header .sch-open {position:absolute; left:47px; top:22px; width:16px; height:16px; background:url(../img/ico-sch-btn.png)no-repeat 0 0 / 16px auto; cursor:pointer}

.sch-box {position:absolute; overflow-x:hidden; overflow-y:hidden; left:-100%; top:0; width:100%; background:#fff; z-index:12; transition:all .3s}
.sch-box.on {left:0}
.sch-box .sch-bar {position:relative; margin:15px 0 0 20px}
.sch-box .sch-bar input.sch-edit {width:calc(100% - 66px); background:#eff0f4; border-radius:6px; padding:8px 42px}
.sch-box .sch-bar:before {content:""; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(../img/ico-sch-bar-01.png)no-repeat 0 0 / 16px auto}
.sch-box .sch-bar input.sch-edit[type="text"] {font-size:16px; color:#1e1e1e; font-weight:300; line-height:100%; letter-spacing:-0.2px}
.sch-box .sch-bar input.sch-btn {float:right; background:none; padding:10px 20px 10px 10px; cursor:pointer}
.sch-box .sch-bar input.sch-btn[type="button"] {font-size:16px; color:#1e1e1e; font-weight:400; line-height:100%; letter-spacing:-0.2px}

.sch-box .sch-keyword {margin:10px 0 0 15px; width:100%; overflow:hidden}
.sch-box .sch-keyword:before {content:""; display:block; clear:both}
.sch-box .sch-keyword .keyword-tag {text-align:center}
.sch-box .sch-keyword .keyword-tag .swiper-wrapper .swiper-slide {margin:0 5px; padding:10px 0; font-size:12px; color:#1e1e1e; font-weight:400; line-height:100%; letter-spacing:-0.2px; border:1px solid #e4e4e4; border-radius:30px}

.sch-box .friends-list {margin-top:12px; border-top:1px solid #e0e0e0; background:#f9f9f9; height:100vh; text-align:left; font-size:0}
.sch-box .friends-list a {display:inline-block; margin-top:20px; font-size:1px; width:33.3333%; height:30vw; padding:0 10px; box-shadow:0 0 12px rgba(0,0,0,.06)}
.sch-box .friends-list a:nth-child(1) {background:url(../img/img-friends-list-01.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(2) {background:url(../img/img-friends-list-02.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(3) {background:url(../img/img-friends-list-03.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(4) {background:url(../img/img-friends-list-04.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(5) {background:url(../img/img-friends-list-05.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(6) {background:url(../img/img-friends-list-06.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(7) {background:url(../img/img-friends-list-07.png)no-repeat 0 0 / 100% auto}
.sch-box .friends-list a:nth-child(8) {background:url(../img/img-friends-list-08.png)no-repeat 0 0 / 100% auto}

/*장바구니*/
#header .pik-open {position:absolute; right:45px; top:21px; width:19px; height:18px; background:url(../img/ico-pik-btn.png)no-repeat 0 0 / 19px auto; cursor:pointer}

.my-pikup {display:none; position:absolute; left:0; top:60px; width:100%; height:100vh; background:#fff; z-index:11}
.my-pikup h3 {padding:22px 0; font-size:22px; color:#1e1e1e; font-weight:500; line-height:100%; letter-spacing:-0.2px}
.my-pikup .pik-box {border-top:1px solid #e3e5e8; height:inherit; background:#f7f7f7; text-align:center}
.my-pikup .pik-box img {display:inline-block; margin-top:100px}
.my-pikup .pik-box p.txt {margin-top:15px; font-size:14px; color:#333; font-weight:300; line-height:1.4}
.my-pikup .pik-box a.btn {display:inline-block; margin-top:18px; background:#3c404b; color:#fff; font-size:12px; font-weight:500; line-height:100%; padding:12px 40px; border-radius:3px}

/*언어별*/
#header .lang-open {position:absolute; right:10px; top:21px; width:19px; height:19px; background:url(../img/ico-lang-btn.png)no-repeat 0 0 / 19px auto; cursor:pointer}
#header .lang-open.on {background:url(../img/ico-lang-btn02.png)no-repeat 0 0 / 19px auto}

/*탭메뉴 영역*/
#header .tab-menu > ul.tab-list {padding:0 20px; text-align:center; font-size:0; border-bottom:1px solid #ededed}
#header .tab-menu > ul.tab-list > li {display:inline-block; width:20%}
#header .tab-menu > ul.tab-list > li > a {display:block; position:relative; padding:11px 0; color:#000; font-size:15px; font-weight:300; line-height:100%; letter-spacing:-1px}
#header .tab-menu > ul.tab-list > li > a.on {font-weight:bold; border-bottom:3px solid #000}
#header .tab-menu > ul.tab-list > li > a:after {content:""; position:absolute; top:8px; right:10px; width:4px; height:4px; border-radius:4px; background:#ff6128}
#header .tab-menu > ul.tab-list > li:nth-child(1) > a:after, li:nth-child(2) > a:after {display:none}

/*콘텐츠 영역*/
#main .main-bn {padding-top:20px}
#main .main-bn img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .main-bn span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#9252f1; line-height:100%; border-radius:2px}
#main .main-bn h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .main-bn span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .product-list {padding:32px 0 40px; font-size:0}
#main .product-list a {display:inline-block; position:relative; width:33.3333%; padding:10px 4px}
#main .product-list a:after {content:"\e9fb"; position:absolute; right:10px; bottom:55px; color:rgba(0,0,0,.2); font-size:16px; font-family:"xeicon"}
#main .product-list a:nth-child(1) {padding-left:0}
#main .product-list a:nth-child(4) {padding-left:0}
#main .product-list a:nth-child(3) {padding-right:0}
#main .product-list a:nth-child(6) {padding-right:0}
#main .product-list img {width:100%; margin:0 auto}
#main .product-list h3.tit {color:#111; font-size:14px; font-weight:300; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#main .product-list p.price {color:#111; font-size:14px; font-weight:500}

#main .pre-order {padding:40px 0 40px; border-top:1px solid #e5e5e5}
#main .pre-order img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .pre-order span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#ff8221; line-height:100%; border-radius:2px}
#main .pre-order h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .pre-order span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .new-item {padding:40px 0 40px; border-top:1px solid #e5e5e5}
#main .new-item img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .new-item span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#3ed2e5; line-height:100%; border-radius:2px}
#main .new-item h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .new-item span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .friends-item {padding:40px 0 0; border-top:1px solid #e5e5e5}
#main .friends-item img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .friends-item span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#2a46ff; line-height:100%; border-radius:2px}
#main .friends-item h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .friends-item span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .fri-product-list {padding:32px 0 40px; font-size:0}
#main .fri-product-list a {display:inline-block; position:relative; width:33.3333%; padding:10px 4px}
#main .fri-product-list a:after {content:"\e9fb"; position:absolute; right:10px; bottom:55px; color:rgba(0,0,0,.2); font-size:16px; font-family:"xeicon"} 
#main .fri-product-list a:nth-child(1) {padding-left:0}
#main .fri-product-list a:nth-child(4) {padding-left:0}
#main .fri-product-list a:nth-child(3) {padding-right:0}
#main .fri-product-list a:nth-child(6) {padding-right:0}
#main .fri-product-list img {width:100%; margin:0 auto}
#main .fri-product-list h3.tit {color:#111; font-size:14px; font-weight:300; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#main .fri-product-list p.price {color:#111; font-size:14px; font-weight:500}

#main .sale-item {padding:40px 0; border-top:1px solid #e5e5e5}
#main .sale-item img {width:100%; margin:0 auto; border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}

#main .good-item {padding:40px 0 0; border-top:1px solid #e5e5e5}
#main .good-item img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .good-item span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#ff0011; line-height:100%; border-radius:2px}
#main .good-item h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .good-item span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .good-product-list {padding:32px 0 40px; font-size:0}
#main .good-product-list a {display:inline-block; position:relative; width:33.3333%; padding:10px 4px}
#main .good-product-list a:after {content:"\e9fb"; position:absolute; right:10px; bottom:55px; color:rgba(0,0,0,.2); font-size:16px; font-family:"xeicon"}
#main .good-product-list a:nth-child(1) {padding-left:0}
#main .good-product-list a:nth-child(4) {padding-left:0}
#main .good-product-list a:nth-child(3) {padding-right:0}
#main .good-product-list a:nth-child(6) {padding-right:0}
#main .good-product-list img {width:100%; margin:0 auto}
#main .good-product-list h3.tit {color:#111; font-size:14px; font-weight:300; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#main .good-product-list p.price {color:#111; font-size:14px; font-weight:500}

#main .exclusive-item {padding:40px 0 0; border-top:1px solid #e5e5e5}
#main .exclusive-item img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .exclusive-item span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#f152cd; line-height:100%; border-radius:2px}
#main .exclusive-item h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .exclusive-item span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align: left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .exc-product-list {padding:12px 0 20px}
#main .exc-product-list > .tb {padding:20px 0; border-top:1px solid #e5e5e5}
#main .exc-product-list > .tb:first-child {border-top:none}
#main .exc-product-list > .tb .img {float:left; width:32%; position:relative}
#main .exc-product-list > .tb .img:after {content:"\e9fb"; position:absolute; right:7px; bottom:7px; color:rgba(0,0,0,.2); font-size:16px; font-family:"xeicon"}
#main .exc-product-list > .tb .img em {position:absolute; left:0; top:0; color:#fff; font-size:12px; font-weight:500; background:#fa637f; padding:8px; border-radius:2px; line-height:100%}
#main .exc-product-list > .tb .img img {width:100%}
#main .exc-product-list > .tb .txt {float:left; width:68%; padding:28px 0 28px 14px}
#main .exc-product-list > .tb .txt h3.tit {color:#111; font-size:16px; font-weight:400; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .exc-product-list > .tb:nth-child(1) .txt p.price {color:#111; font-size:14px; font-weight:700}
#main .exc-product-list > .tb:nth-child(2) .txt p.price, .tb:nth-child(3) .txt p.price {color:#ff5575; font-size:14px; font-weight:700}
#main .exc-product-list > .tb:nth-child(2) .txt p.price del, .tb:nth-child(3) .txt p.price del {padding-left:4px; color:#999; font-size:13px; font-weight:300; vertical-align:.3px}

#wallpaper {position:relative; padding:40px 20px 20px; border:1px solid rgba(255,255,255,.01); background:linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,0), rgba(0,0,0,.02))}
#wallpaper i.xi-download {
    animation:click 1s linear infinite;
    position:absolute; bottom:30px; right:30px; font-size:20px; color:#fff; font-weight:300; line-height:100%; background:rgba(0,0,0,.2); padding:10px; border-radius:10px}
@keyframes click {
    0% {transform:translateY(3px)}
    50% {transform:translateY(-3px)}
    100% {transform:translateY(3px)}
}
#wallpaper img {width:100%; margin:0 auto; border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}

#main .sunday-item {padding:40px 0 0}
#main .sunday-item img {display:block; width:100%; border:1px solid rgba(255,255,255,.01); border-radius:10px; box-shadow:2px 6px 10px rgba(0,0,0,.08)}
#main .sunday-item span.tag {display:inline-block; margin-top:18px; padding:4px 7px; color:#fff; background:#ff6582; line-height:100%; border-radius:2px}
#main .sunday-item h2.tit {padding-top:13px; color:#000; font-size:22px; font-weight:bold; line-height:1.3; letter-spacing:-1px}
#main .sunday-item span.txt {
    display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.4em; padding-top:13px; color:#6f6f6f; font-size:15px; font-weight:300; letter-spacing:-1px; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}

#main .sun-product-list {padding:32px 0 20px}
#main .sun-product-list > .sun-tb {padding:20px 0; border-top:1px solid #e5e5e5}
#main .sun-product-list > .sun-tb:first-child {border-top:none}
#main .sun-product-list > .sun-tb .img {float:left; width:32%; position:relative}
#main .sun-product-list > .sun-tb .img:after {content:"\e9fb"; position:absolute; right:7px; bottom:7px; color:rgba(0,0,0,.2); font-size:16px; font-family:"xeicon"}
#main .sun-product-list > .sun-tb .img em {position:absolute; left:0; top:0; color:#fff; font-size:12px; font-weight:500; background:#fa637f; padding:8px; border-radius:2px; line-height:100%}
#main .sun-product-list > .sun-tb img {width:100%}
#main .sun-product-list > .sun-tb .txt {float:left; width:68%; padding:28px 0 28px 14px}
#main .sun-product-list > .sun-tb .txt h3.tit {color:#111; font-size:16px; font-weight:400; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#main .sun-product-list > .sun-tb .txt p.price {color:#ff5575; font-size:14px; font-weight:700}
#main .sun-product-list > .sun-tb .txt p.price del {padding-left:4px; color:#999; font-size:13px; font-weight:300; vertical-align:.3px}

/*푸터 영역*/
#footer {margin-top:10px; border-top:1px solid #e5e5e5; background:#2e2e2e; padding-bottom:40px}
#footer .ft-nav {padding-top:20px; font-size:0}
#footer .ft-nav a {display:inline-block; padding:20px 12px; font-size:12px; color:#bdbdbd; font-weight:300; line-height:100%}
#footer .ft-nav a:first-child {padding-left:0}
#footer .ft-info p {font-size:12px; font-weight:300; line-height:1.6}
#footer .ft-info p.ft-info-txt1 {color:#bdbdbd}
#footer .ft-info p.ft-info-txt2 {padding-top:10px; color:#fff}
#footer .ft-info p.ft-copy {padding-top:20px; color:#bdbdbd}