/*인트로*/
#wrap.intro { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; padding-top: 0; padding-bottom: 60px; box-sizing: border-box; background: #f4b2ba; }
.intro img { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 50%; }
.intro .txt-group { text-align: center; }
.intro .txt-group .txt { margin-bottom: 8px; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -0.44px; line-height: 26px; }
.intro .txt-group .txt2 { font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; line-height: 25px; }


/*로그인*/
#wrap.login { padding-top: 70px; padding-bottom: 55px; box-sizing: border-box; }
.login { background: #f4b2ba; }
.login .tit-group { margin-bottom: 60px; }
.login .tit-group img { display: block; margin: 0 auto; zoom: 0.5; }
.login .tit-group .tit { font-family: 'Cafe24ClassicType'; font-size: 38px; font-weight: 400; color: #fff; text-align: center; line-height: 47px; }

.frm-group-login { width: 230px; margin: 0 auto; }
.frm-group-login .inp-group-login { position: relative; width: 100%; height: 40px; margin-bottom: 14px; border-radius: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.25); }
.frm-group-login .inp-group-login:last-child { margin-bottom: 0; }
.frm-group-login .inp-group-login .inp-login { width: 100%; height: 100%; padding: 0 12px; border: none; box-sizing: border-box; background: none; font-size: 16px; font-weight: 400; color: #000; text-align: center; }
.frm-group-login .inp-group-login .inp-login::-ms-input-placeholder { font-weight: 400; color: #fff; text-align: center; }
.frm-group-login .inp-group-login .inp-login::-webkit-input-placeholder { font-weight: 400; color: #fff; text-align: center; }
.frm-group-login .inp-group-login .inp-login::-moz-placeholder { font-weight: 400; color: #fff; text-align: center; }
.frm-group-login .inp-group-login .btn-view { position: absolute; right: 20px; width: 20px; height: 100%; border: none; background: url('../img/ico_view1_on.svg') center center no-repeat; }
.frm-group-login .btn-login { width: 100%; height: 40px; border: none; border-radius: 20px; box-sizing: border-box; background: #fc5757; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.32px; }
.frm-group-login .btn-login img { margin-right: 10px; }

.login-util { margin-top: 104px; }
.login-util .btn-sign { display: flex; justify-content: center; align-items: center; width: 146px; height: 40px; margin: 0 auto 12px; border: none; border-radius: 20px; box-sizing: border-box; background: #fc5757; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.32px; }
.login-util .btn-find { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.login-util .btn-find a { margin: 0 10px; font-size: 11px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.22px; line-height: 13px; }
.login-util .etc-login { display: flex; justify-content: center; align-items: center; }
.login-util .etc-login a { margin: 0 5px; }


/*메인*/
.main .container > .wrap { padding-top: 10px; box-sizing: border-box; }

/*메인 > 배너 슬라이드*/
.slide-banner { height: 91.2vw; max-height: 383px; }
.slide-banner .swiper { height: 100%; }
.slide-banner .swiper-wrapper { height: 100%; }
.slide-banner .swiper-slide { background: center center no-repeat; background-size: cover; height: 100%; }
.slide-banner .swiper-pagination { display: flex; justify-content: center; align-items: center; right: 12px; width: 43px; height: 20px; margin: 0 0 0 auto; border-radius: 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.4); font-family: 'Pretendard';  font-size: 13px; font-weight: 400; color: #fff; letter-spacing: 2px; }
.slide-banner .swiper-pagination-current { color: rgba(255, 255, 255, 0.4); }

.section-slide-item { margin-bottom: 10px; }
.section-slide-item:last-child { margin-bottom: 0; }
.section-slide-item .top-section { position: relative; margin-bottom: 10px; }
.section-slide-item .top-section .tit { display: flex; justify-content: center; align-items: center; height: 28px; background: #f4b2ba; font-family: 'TmoneyRoundWind'; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.65px; }
.section-slide-item .top-section .tit-v1 { background: #fc5757; }
.section-slide-item .top-section .btn { display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 6px); right: 12px; height: 12px; padding: 0 6px; border: 1px solid #fff; border-radius: 6px; box-sizing: border-box; font-size: 7px; font-weight: 400; color: #fff; letter-spacing: -0.14px; }

/*메인 > 카테고리 슬라이드*/
.slide-category-main { margin: 0 -18px 15px; }
.slide-category-main .swiper-slide { display: flex; flex-wrap: wrap; align-items: center; padding: 0 18px; box-sizing: border-box; }
.slide-category-main .swiper-slide a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 25%; height: 65px; margin: 2px 0; }
.slide-category-main .swiper-slide .ico img { display: block; margin: 0 auto; zoom: .5; }
.slide-category-main .swiper-slide .tit { font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.26px; line-height: 15px; }

.btn-link-ranking { display: block; margin-bottom: 25px; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.btn-link-ranking img { width: 100%; }

/*메인 > 아이템 슬라이드*/
.slide-item .swiper-slide { border-radius: 8px; box-sizing: border-box; overflow: hidden; }
.slide-item .img-group { position: relative; height: 28.267vw; max-height: 120px; border-radius: 5px 5px 0 0; box-sizing: border-box; background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,245,245,0.97) 60%, rgba(204,204,204,0.87) 100%, rgba(246,246,246,0.07) 100%); }
.slide-item .item-info { padding: 8px; box-sizing: border-box; background: #f4b2ba; }
.slide-item .item-info .item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 20px; line-height: 10px; white-space: normal; overflow: hidden; font-size: 8px; font-weight: 500; color: #fff; letter-spacing: -0.16px; }
.slide-item .item-info .item-price { margin-top: 4px; font-family: 'Cafe24ClassicType'; font-weight: 400; color: #fff; text-align: center; line-height: 15px; }


/*마이페이지 홈*/
.mypage .user-info { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; padding: 12px 20px 0; box-sizing: border-box; }
.mypage .user-info .user-profile .user-picture { width: 56px; height: 56px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.mypage .user-info .user-profile .user-picture img { width: 100%; }
.mypage .user-info .user-profile .user-name { margin-top: 2px; font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; line-height: 27px; }
.mypage .user-info .user-point { text-align: right; }
.mypage .user-info .user-point img { margin-bottom: 2px; }
.mypage .user-info .user-point .tit { font-size: 10px; font-weight: 500; color: #a6b1b3; letter-spacing: -0.2px; line-height: 19px; }
.mypage .user-info .user-point .txt { font-family: 'Cafe24ClassicType'; font-size: 15px; font-weight: 400; color: #000; line-height: 19px; }

.list-menu-mypage li { margin-bottom: 10px; border-bottom: 1px solid rgba(166, 177, 179, 0.54); box-sizing: border-box; }
.list-menu-mypage li:last-child { margin-bottom: 0; }
.list-menu-mypage .tit-group { display: block; width: 100%; padding: 8px; border: none; box-sizing: border-box; background: none; text-align: center; }
.list-menu-mypage .tit-group .tit { font-family: 'TmoneyRoundWind'; font-size: 20px; font-weight: 400; color: #a6b1b3; letter-spacing: -1px; line-height: 33px; transition: .2s all ease-out; }
.list-menu-mypage .tit-group .txt { font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; line-height: 12px; }
.list-menu-mypage li:hover .tit { color: #fc5757; }


/*배송지 관리*/
.frm-group-delivery { margin-top: 14px; }
.frm-group-delivery > div { margin-bottom: 7px; }
.frm-group-delivery > div:last-child { margin-bottom: 0; }
.inp-group-delivery { display: flex; align-items: center; height: 20px; padding: 0 10px; box-sizing: border-box; background: #fff; }
.inp-group-delivery .tit-frm { width: 70px; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; }
/*.inp-group-delivery .inp-frm { width: calc(100% - 200px); height: 100%; border: none; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; }*/
.inp-group-delivery .inp-frm { width: 100%; height: 100%; border: none; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; }
.inp-group-delivery .inp-frm:only-child { width: 100%; }
.inp-group-delivery .inp-frm::placeholder { text-align: left; }
.inp-group-delivery .inp-frmph { width: calc(100% - 150px) !important; height: 100%; border: none; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; }

.inp-group-delivery-v1 { padding-right: 0; }
.inp-group-delivery-v1 .inp-frm { width: calc(100% - 135px); }
.inp-group-delivery-v1 .btn-addr { width: 65px; height: 100%; border: none; background: #a6b1b3; font-size: 10px; font-weight: 500; color: #fff; letter-spacing: -0.2px; }

.ck-custom-delivery { display: none; }
.ck-custom-delivery + label { display: flex; align-items: center; cursor: pointer; }
.ck-custom-delivery + label .custom { width: 8px; height: 8px; margin-right: 3px; background: url('../img/common/ico_check4_off.svg') center center no-repeat; background-size: contain; }
.ck-custom-delivery + label .label { font-size: 6px; font-weight: 400; color: #000; letter-spacing: -0.12px; }
.ck-custom-delivery:checked + label .custom { background-image: url('../img/common/ico_check4_on.svg'); }


/*마이페이지 > 회원정보*/
/*프로필 업로드*/
.frm-group-profile { margin-bottom: 8px; }
.frm-group-profile .profile-upload { position: relative; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; box-sizing: border-box; }
.frm-group-profile .profile-upload label { cursor: pointer; }
.frm-group-profile .profile-upload label .thumb { height: 100%; border-radius: 50%; box-sizing: border-box; }
.frm-group-profile .profile-upload label .ico-user { position: absolute; top: 0; right: -8px; width: 23px; height: 23px; }
.frm-group-profile .profile-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.privacy { padding-bottom: 40px; box-sizing: border-box; }
.privacy .user-name { margin-bottom: 14px; font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; text-align: center; line-height: 27px; }
.privacy .user-data { width: 90%; padding: 12px 18px; margin: 0 auto 26px; border-radius: 8px; box-shadow: 0 3px 6px 0 rgba(110, 106, 106, 0.16); box-sizing: border-box; }
.privacy .user-data p { font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.32px; line-height: 21px; }

.list-menu-privacy { width: 90%; margin: 0 auto; border-radius: 10px; box-shadow: 0 8px 15px 0 #e7eaf0; box-sizing: border-box; overflow: hidden; }
.list-menu-privacy li { height: 44px; border-bottom: 1px solid rgba(231, 234, 240, 0.5); box-sizing: border-box; }
.list-menu-privacy .menu { display: flex; align-items: center; width: 100%; height: 100%; padding: 0 15px; border: none; box-sizing: border-box; background: url('../img/ico_arrow_right1.svg') calc(100% - 15px) center no-repeat; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.32px; }


/*마이페이지 > 알림창*/
.list-push li { margin-bottom: 10px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.list-push li:last-child { margin-bottom: 0; }
.list-push a { display: flex; padding: 11px 16px 14px 11px; box-sizing: border-box; }
.list-push .ico { width: 20px; height: 24px; margin-right: 8px; background: center center no-repeat; }
.list-push .ico-v1 { background-image: url('../img/ico_graphic1_push.svg'); }
.list-push .ico-v2 { background-image: url('../img/ico_graphic2_push.svg'); }
.list-push .ico-v3 { background-image: url('../img/ico_graphic3_push.svg'); }
.list-push .ico-v4 { background-image: url('../img/ico_graphic4_push.svg'); }
.list-push .txt-group { width: calc(100% - 28px); }
.list-push .txt-group .tit { font-size: 10px; font-weight: 400; color: #fc5757; letter-spacing: -0.2px; line-height: 12px; }
.list-push .txt-group .txt { margin-top: 4px; font-size: 8px; font-weight: 400; color: #000; letter-spacing: -0.16px; line-height: 10px; }


/*마이페이지 > 고객안내센터*/
.csc { padding-bottom: 40px; box-sizing: border-box; }
.csc .ico-logo { display: block; margin: 0 auto 64px; }


/*보관박스*/
.keepbox .wrap { padding-top: 0; }
.keepbox .btn-open { display: block; width: 100%; height: 40px; margin-top: 6px; border: none; background: #fc5757; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.36px; }

.list-item-keepbox { display: flex; flex-wrap: wrap; margin: -3px -6px; }
.list-item-keepbox .item { width: 50%; padding: 3px 6px; box-sizing: border-box; }
.list-item-keepbox .item-card { position: relative; padding: 10px; border: 1px solid rgba(196, 196, 196, 0.5); border-radius: 5px; box-sizing: border-box; }
.list-item-keepbox .item-card .img-group { display: block; position: relative; overflow: hidden; }
.list-item-keepbox .item-card .img-group .ck-group { position: absolute; top: 0; left: 0; z-index: 1; }
.list-item-keepbox .item-card .item-price { display: flex; justify-content: center; align-items: center; height: 22px; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fff; text-align: center; }

.list-item-keepbox .item-card-v1 .item-price { background: #fc5757; }


/*마이박스*/
.mybox .wrap { padding-top: 0; }
.mybox .board-tool { top: 228px; }

.menu-group-mybox { display: flex; justify-content: center; align-items: center; position: sticky; top: 134px; z-index: 100; height: 94px; background: #fff; }
.menu-group-mybox .menu { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 15px; border: none; background: none; }
.menu-group-mybox .menu .ico { width: 40px; height: 36px; background: center center no-repeat; }
.menu-group-mybox .menu .ico-v1 { background-image: url('../img/ico_menu1_mybox.svg'); }
.menu-group-mybox .menu .ico-v2 { background-image: url('../img/ico_menu2_mybox.svg'); }
.menu-group-mybox .menu .ico-v3 { background-image: url('../img/ico_menu3_mybox.svg'); }
.menu-group-mybox .menu .ico-v4 { background-image: url('../img/ico_menu4_mybox.svg'); }
.menu-group-mybox .menu .ico-v5 { background-image: url('../img/ico_menu1_gift_off.svg'); }
.menu-group-mybox .menu .ico-v6 { background-image: url('../img/ico_menu2_gift_off.svg'); }
.menu-group-mybox .menu .ico-v7 { background-image: url('../img/ico_menu7_coupon.svg'); }
.menu-group-mybox .menu .tit { margin-top: 6px; font-size: 10px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.2px; }

.menu-group-mybox .menu.active .ico-v5 { background-image: url('../img/ico_menu1_gift_on.svg'); }
.menu-group-mybox .menu.active .ico-v6 { background-image: url('../img/ico_menu2_gift_on.svg'); }


/*선물박스*/
.giftbox .list-item2 { margin-top: -20px; }


/*자주묻는 질문*/
.list-faq li { margin-bottom: 20px; }
.list-faq li:last-child { margin-bottom: 0; }
.list-faq .fold { position: relative; padding: 10px 42px 10px 34px; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(244, 178, 186, 0.6); box-sizing: border-box; background: url('../img/ico_arrow_fold1.svg') calc(100% - 14px) center no-repeat; cursor: pointer; }
.list-faq .fold.active { background-image: url('../img/ico_arrow_fold1_active.svg'); }
.list-faq .fold .tit-group:before { content: ''; display: flex; justify-content: center; align-items: center; position: absolute; top: 8px; left: 12px; width: 17px; height: 18px; background: url('../img/ico_question1.svg') center center no-repeat; }
.list-faq .fold .tit-group .tit { font-size: 12px; font-weight: 400; color: #fc5757; letter-spacing: -0.36px; line-height: 14px; }

.list-faq .unfold { display: none; padding: 15px; border-radius: 5px; box-shadow: 0 0 0 0 rgba(244, 178, 186, 0.6); box-sizing: border-box; background: #f4b2ba; }
.list-faq .unfold.active { display: block; }
.list-faq .unfold .txt-group .txt { font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.24px; line-height: 14px; }


/*배송 정보 및 배송지 주소록*/
.delivery-info .list-addr { position: sticky; top: 154px; z-index: 1; padding: 20px 20px 15px; box-sizing: border-box; background: #fff; }

.list-addr:not(:only-child) { margin-top: -20px; }
.list-addr li { position: relative; margin-bottom: 10px; padding: 10px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.list-addr li:last-child { margin-bottom: 0; }
.list-addr .addr-group .addr-type { display: flex; justify-content: center; align-items: center; width: 63px; height: 18px; margin-bottom: 5px; background: #a6b1b3; font-size: 10px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.2px; }
.list-addr .addr-group .addr-type-v1 { background: #f4b2ba; }
.list-addr .addr-group .addr-name { margin-bottom: 2px; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; line-height: 12px; }
.list-addr .addr-group .addr-detail,
.list-addr .addr-group .addr-tel,
.list-addr .addr-group .addr-message { font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; line-height: 12px; }
.list-addr .btn-delete { position: absolute; top: 10px; right: 10px; width: 21px; height: 20px; border: none; background: url('../img/ico_x1.svg') center center no-repeat; }
.list-addr .btn-link { position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; width: 63px; height: 18px; background: #a6b1b3; font-size: 10px; font-weight: 500; color: #fff; letter-spacing: -0.2px; }


/*이벤트*/
.list-event li { position: relative; margin-bottom: 10px; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.list-event li:last-child { margin-bottom: 0; }
.list-event li.inactive:after { content: '종료된 이벤트입니다.'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 400; color: #ccc; }
.list-event img { width: 100%; }


/*친구 내역*/
.friend .tab-menu { top: 154px; }
.friend .hd3 { top: 208px; }
.list-friend { margin-top: -20px; }
.list-friend li { display: flex; justify-content: space-between; align-items: center; padding: 17px 0; border-bottom: 1px solid rgba(166, 177, 179, 0.5); box-sizing: border-box; }
.list-friend .user-info { display: flex; align-items: center; }
.list-friend .user-info .img-group { width: 50px; height: 50px; margin-right: 20px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-friend .user-info .user-data .user-name { font-size: 12px; font-weight: 500; color: #000; line-height: 14px; }
.list-friend .user-info .user-data .add-date { margin-top: 7px; font-size: 10px; font-weight: 400; color: #b6b6b6; line-height: 12px; }
.list-friend .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 62px; height: 24px; margin-bottom: 6px; border: none; border-radius: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px; }
.list-friend .btn-group .btn:last-child { margin-bottom: 0; }
.list-friend .btn-group .btn-v1 { background: #a6b1b3; }
.list-friend .btn-group .btn-v2 { border: 1px solid #a6b1b3; box-sizing: border-box; background: #fff; color: #a6b1b3; }


/*1:1 문의하기*/
.menu-group-qna { display: flex; justify-content: center; align-items: center; position: sticky; top: 154px; z-index: 100; height: 75px; background: #fff; }
.menu-group-qna .menu { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 5px; border: none; background: none; }
.menu-group-qna .menu .ico { width: 40px; height: 27px; background: center center no-repeat; }
.menu-group-qna .menu .ico-v1 { background-image: url('../img/ico_menu1_qna.svg'); }
.menu-group-qna .menu .ico-v2 { background-image: url('../img/ico_menu2_qna.svg'); }
.menu-group-qna .menu .ico-v3 { background-image: url('../img/ico_menu3_qna.svg'); }
.menu-group-qna .menu .ico-v4 { background-image: url('../img/ico_menu4_qna.svg'); }
.menu-group-qna .menu .ico-v5 { background-image: url('../img/ico_menu5_qna.svg'); }
.menu-group-qna .menu .ico-v6 { background-image: url('../img/ico_menu6_qna.svg'); }
.menu-group-qna .menu .tit { margin-top: 6px; font-size: 10px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.2px; }

.list-qna-type { margin-top: -10px; }
.list-qna-type li { height: 46px; margin-bottom: 12px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.list-qna-type li:last-child { margin-bottom: 0; }
.list-qna-type a { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 15px; box-sizing: border-box; }
.list-qna-type .tit-group { display: flex; align-items: center; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; }
.list-qna-type .tit-group .ico { width: 25px; height: 20px; margin-right: 10px; background: center center no-repeat; background-size: contain; }
.list-qna-type .tit-group .ico-v1 { background-image: url('../img/ico_menu1_qna.svg'); }
.list-qna-type .tit-group .ico-v2 { background-image: url('../img/ico_menu2_qna.svg'); }
.list-qna-type .tit-group .ico-v3 { background-image: url('../img/ico_menu3_qna.svg'); }
.list-qna-type .tit-group .ico-v4 { background-image: url('../img/ico_menu4_qna.svg'); }
.list-qna-type .tit-group .ico-v5 { background-image: url('../img/ico_menu5_qna.svg'); }
.list-qna-type .tit-group .ico-v6 { background-image: url('../img/ico_menu6_qna.svg'); }
.list-qna-type .state { display: flex; justify-content: flex-end; align-items: center; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.5px; }
.list-qna-type .state:after { content: ''; display: block; width: 26px; height: 26px; margin-left: 7px; background: url('../img/ico_send1_off.svg') center center no-repeat; }
.list-qna-type .state.active:after { background-image: url('../img/ico_send1_on.svg'); }


/*오픈박스 구매하기*/
.purchase .hd { justify-content: center; font-family: 'Cafe24ClassicType'; font-size: 25px; font-weight: 400; color: #fff; text-align: center; }

.purchase-guide .txt { font-size: 10px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.2px; line-height: 12px; }
.purchase-guide .img-group img { display: block; margin: 0 auto; zoom: 0.5; }

.ck-group-price { display: flex; justify-content: center; align-items: center; margin-bottom: 12px; }
.ck-group-price .ck-area { display: flex; justify-content: center; align-items: center; width: 140px; height: 26px; margin: 0 4px; }

.ck-custom-price { display: none; }
.ck-custom-price + label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-family: 'Cafe24ClassicType'; font-size: 15px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.53px; cursor: pointer; }
.ck-custom-price:checked + label { background: #fc5757; }

.frm-group-payment .box { margin-bottom: 12px; }
.frm-group-payment .tit-frm { margin-bottom: 8px; font-size: 10px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.2px; line-height: 12px; }

/*오픈박스 구매하기 > 수량 선택*/
.purchase-count .count-group { display: flex; justify-content: center; align-items: center; margin-bottom: 12px; }
.purchase-count .count-group .btn-group-count { display: flex; justify-content: center; align-items: center; }
.purchase-count .count-group .btn-group-count .tit { margin-right: 10px; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; }
.purchase-count .count-group .btn-group-count .btn { width: 22px; height: 22px; border: none; border-radius: 50%; box-sizing: border-box; background: center center no-repeat; background-size: contain; }
.purchase-count .count-group .btn-group-count .btn-minus { background-image: url('../img/ico_minus1.svg'); }
.purchase-count .count-group .btn-group-count .btn-plus { background-image: url('../img/ico_plus1.svg'); }
.purchase-count .count-group .btn-group-count .num { margin: 0 8px; font-family: 'Cafe24ClassicType'; font-size: 28px; font-weight: 400; color: #fc5757; text-align: center; }
.purchase-count .count-group .btn-group-count2 { display: flex; justify-content: center; align-items: center; margin-left: 12px; }
.purchase-count .count-group .btn-group-count2 .btn { width: 43px; height: 26px; margin-right: 5px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; background: #fff; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; }
.purchase-count .count-group .btn-group-count2 .btn:last-child { margin-right: 0; }

/*오픈박스 구매하기 > 포인트 결제*/
.point-payment { display: flex; justify-content: space-between; align-items: center; }
.point-payment .inp-group-box { display: flex; align-items: center; margin-right: 8px; }
.point-payment .inp-group-point { display: flex; justify-content: space-between; align-items: center; width: calc(100% / 2); height: 26px; margin-right: 5px; padding: 0 12px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.point-payment .inp-group-point:last-child { margin-right: 0; }
.point-payment .inp-group-point .tit { width: 45px; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; }
.point-payment .inp-group-point .txt { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 45px); font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }
.point-payment .inp-group-point .txt:after { content: 'P'; font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }
.point-payment .inp-group-point .txt input { width: calc(100% - 7px); height: 100%; border: none; background: none; font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }
.point-payment .btn-group-point { display: flex; align-items: center; }
.point-payment .btn-group-point .btn { display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 8px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-size: 8px; font-weight: 400; color: #fff; letter-spacing: -0.16px; line-height: 9px; }
.point-payment .btn-group-point .btn:last-child { margin-right: 0; }

/*오픈박스 구매하기 > 결제 수단*/
.payment-method { display: flex; justify-content: center; align-items: center; }
.payment-method .ck-group { width: 105px; height: 26px; margin: 0 5px; }

.ck-custom-method { display: none; }
.ck-custom-method + label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; font-size: 10px; font-weight: 400; color: #a6b1b3; text-align: center; letter-spacing: -0.2px; cursor: pointer; }
.ck-custom-method:checked + label { color: #fc5757; }

/*오픈박스 구매하기 > 결제 예정 금액*/
.payment-price { display: flex; justify-content: space-between; align-items: center; }
.payment-price .inp-group-price { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 26px; margin-right: 8px; padding: 0 8px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.payment-price .inp-group-price:last-child { margin-right: 0; }
.payment-price .inp-group-price .tit { width: 55px; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; }
.payment-price .inp-group-price .txt { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 55px); font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }

/*오픈박스 구매하기 > 결제 안내*/
.payment-info .tab-menu-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.payment-info .tab-menu-info .tab { display: flex; justify-content: center; align-items: center; width: 100%; height: 26px; margin-right: 5px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; font-size: 10px; font-weight: 400; color: #a6b1b3; text-align: center; letter-spacing: -0.2px; }
.payment-info .tab-menu-info .tab:last-child { margin-right: 0; }
.payment-info .tab-menu-info .tab.active { color: #fc5757; }
.payment-info .tab-menu-info .tab:after { content: ''; display: block; width: 10px; height: 10px; margin-left: 2px; background: url('../img/common/ico_arrow_select1.svg') center center no-repeat; background-size: contain; }

.payment-info .tab-group .tab-content { padding: 15px; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; }
.payment-info .tab-group .tab-content .txt { font-size: 10px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.2px; line-height: 12px; }

.ck-group-agree { margin-bottom: 15px; }
.ck-group-agree .ck-custom2 + label { display: flex; justify-content: center; align-items: center; font-size: 10px; }
.ck-group-agree .ck-custom2 + label .custom { width: 16px; height: 16px; margin-right: 7px; }


/*배송신청*/
.delivery-write .article-group { margin-bottom: 12px; }
.delivery-write .article-group:last-child { margin-bottom: 0; }
.delivery-write .article-group .top-article { display: flex; justify-content: center; align-items: center; height: 34px; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f4b2ba; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.3px; }
.delivery-write .article-group .list-item2 { border: 1px solid rgba(166, 177, 179, 0.5); border-top: none; border-radius: 0 0 5px 5px; box-sizing: border-box; }
.delivery-write .article-group .list-item2 li { border-bottom: none; }
.delivery-write .article-group .list-item2 li:first-child { border-top: none; }
.delivery-write .article-group .list-item2 .item-card .img-group { width: 95px; height: 95px; margin-right: 10px; }
.delivery-write .article-group .list-item2 .item-card .item-info { width: calc(100% - 105px); }
.delivery-write .article-group .list-item2 .item-card .item-info .item-price { margin-top: 0; font-family: 'Cafe24ClassicType'; font-size: 12px; font-weight: 400; color: #f4b2ba; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-gauge { display: flex; justify-content: center; align-items: center; height: 16px; margin: 0 0 0 auto; padding: 0 8px; border-radius: 8px; box-sizing: border-box; background: #a6b1b3; font-size: 8px; font-weight: 400; color: #fff; letter-spacing: -0.16px; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-gauge span { margin-left: 4px; }
.delivery-write .article-group .list-item2 .item-card .item-info div .delivery-gauge { display: inline-flex; margin: 4px 0 0; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-state { display: flex; justify-content: flex-end; align-items: center; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-state .txt { display: flex; justify-content: flex-end; align-items: flex-end; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.5px; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-state .txt img { margin-left: 4px; }
.delivery-write .article-group .list-item2 .item-card .item-info .delivery-state .btn-cancel { width: 63px; height: 18px; margin-left: 7px; border: none; background: #f4b2ba; font-size: 10px; font-weight: 500; color: #fff; letter-spacing: -0.12px; }
.delivery-write .article-group .frm-group-delivery { margin-top: 0; padding: 18px 20px; box-sizing: border-box; background: #fae4e7; }
.delivery-write .article-group .frm-group-payment { padding-top: 10px; box-sizing: border-box; }

.delivery-write .article-group .delivery-data { padding: 12px; box-sizing: border-box; background: #fff; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; line-height: 15px; }

.delivery-write .line { width: 100%; height: 1px; margin: 12px 0; background: rgba(166, 177, 179, 0.5); }


/*문의하기*/
.chat { height: 100%; }
.chat .container { height: 100%; }
.chat .chat-group { display: flex; flex-direction: column-reverse; height: calc(100% - 74px); padding-bottom: 20px; box-sizing: border-box; }

.bar-chat { display: flex; align-items: center; width: 100%; margin: 0 auto; padding: 3px 10px 3px 12px; margin-bottom: 10px; margin-top: 5px; border: 1px solid rgba(112, 112, 112, 0.5); border-radius: 20px; box-sizing: border-box; background: #fff; }
.bar-chat .inp-group-chat { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; height: 100%; }
.bar-chat .inp-group-chat .btn-upload { display: block; position: relative; width: 24px; height: 24px; margin-bottom: 4px; background: url('../img/ico_gallery1.svg') center center no-repeat; }
.bar-chat .inp-group-chat .btn-upload label { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
.bar-chat .inp-group-chat .btn-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
	/*.bar-chat .inp-group-chat .inp-chat { display: block; width: calc(100% - 50px); height: 32px; max-height: 65px; padding: 8px 6px 0 6px; border: none; box-sizing: border-box; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; line-height: 14px; overflow-y: auto; resize: none; }*/
.bar-chat .inp-group-chat .inp-chat { display: block; width: calc(100% - 50px); height: 32px; max-height: 65px; padding: 8px 6px 8px 6px; border: none; box-sizing: border-box; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; line-height: 14px;  }
.bar-chat .inp-group-chat .inp-chat::placeholder{ text-align: left;  }
.bar-chat .inp-group-chat .btn-send { display: block; width: 26px; height: 26px; margin-bottom: 4px; border: none; background: url('../img/ico_send1_on.svg') center center no-repeat; }
.bar-chat .inp-group-chat .btn-send:disabled { background-image: url('../img/ico_send1_off.svg'); }

.chat .scroll-group { padding-bottom: 20px; box-sizing: border-box; overflow-y: scroll; }

.chat .top-title { margin: 10px 0 32px; }
.chat .top-title img { display: block; width: 114px; margin: 0 auto 8px; }
.chat .top-title .tit { font-size: 16px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.32px; }
.chat .top-title .txt { font-size: 10px; font-weight: 500; color: #a6b1b3; text-align: center; letter-spacing: -0.2px; }

.chat-message { width: 100%; margin: 0 auto; margin-bottom: 20px; }
.chat-message:last-child { margin-bottom: 0; }
.chat-message .chat-l { display: flex; }
.chat-message .chat-l .bubble { position: relative; width: 100%; padding: 12px 15px; border: 1px solid #e2e8ed; border-radius: 5px; box-sizing: border-box; background: #fff }
.chat-message .chat-l .bubble:after { content: ''; display: block; position: absolute; top: 6px; left: -12px; z-index: 1; width: 0; border-top: 3px solid transparent; border-right: 6px solid #fff; border-bottom: 3px solid transparent; border-left: 6px solid transparent; }
.chat-message .chat-l .bubble:before { content: ''; display: block; position: absolute; top: 5px; left: -14px; z-index: 0; width: 0; border-top: 4px solid transparent; border-right: 7px solid #e2e8ed; border-bottom: 4px solid transparent; border-left: 7px solid transparent; }
.chat-message .chat-l .bubble .txt { font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.24px; line-height: 14px; }

.chat-message .chat-r { display: flex; justify-content: flex-end; }
.chat-message .chat-r .bubble { position: relative; width: 100%; padding: 12px 15px; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; }
.chat-message .chat-r .bubble:before { content: ''; display: block; position: absolute; top: 6px; right: -6px; width: 7px; height: 8px; background: url('../img/ico_triangle1.svg') center center no-repeat; }
.chat-message .chat-r .bubble .txt { font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.24px; line-height: 14px; }


/*주간 랭킹*/
/*.ranking { max-width: 262px; margin: 0 auto; }*/
.ranking { max-width: 95%; margin: 0 auto; }
.ranking .top-title { text-align: center; }
.ranking .top-title .tit { margin-bottom: 2px; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.26px; line-height: 15px; }
.ranking .top-title .tit2 { font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; line-height: 23px; }
.ranking .top-ranking img { width: 100%; }

.top-ranking { position: relative; margin-bottom: 12px; }
.top-ranking img { display: block; margin: 0 auto; zoom: 0.5; }

.list-top-ranking { display: flex; justify-content: center; align-items: flex-end; position: absolute; left: 0; right: 0; bottom: 10px; }
.list-top-ranking li { width: calc(100% / 3); text-align: center; }
.list-top-ranking .user-name { margin-bottom: 4px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.26px; line-height: 15px; }
.list-top-ranking .user-point { font-family: 'Cafe24ClassicType'; font-size: 14px; font-weight: 400; color: #fff; line-height: 17px; }

.ranking .my-point { display: flex; align-items: center; height: 36px; margin-bottom: 12px; }
.ranking .my-point .tit { display: flex; align-items: center; width: 96px; height: 100%; padding-left: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.26px; }
.ranking .my-point .txt { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 96px); height: 100%; padding-right: 25px; box-sizing: border-box; background: #fae4e7; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fc5757; text-align: right; }

.list-ranking li { display: flex; align-items: center; margin-bottom: 12px; }
.list-ranking li:last-child { margin-bottom: 0; }
.list-ranking .rank { width: 30px; font-family: 'Cafe24ClassicType'; font-size: 15px; font-weight: 400; color: #f4b2ba; }
.list-ranking .img-group { width: 35px; height: 35px; margin-right: 16px; border-radius: 50%; box-sizing: border-box; }
.list-ranking .user-name { font-size: 13px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.26px; }
.list-ranking .user-point { margin: 0 0 0 auto; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #000; }


/*제품 상세*/
.item-view .container > .wrap { padding-bottom: 0; }

.slide-product .swiper { padding: 10px 0; box-sizing: border-box; }
.slide-product .swiper-slide { max-width: 214px; height: 69.333vw; max-height: 290px; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; overflow: hidden; }

.item-view .item-basic-info { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.item-view .item-basic-info .item-name { margin-bottom: 5px; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.32px; line-height: 19px; }
.item-view .item-basic-info .item-price { display: flex; justify-content: center; align-items: center; margin-bottom: 12px; }
.item-view .item-basic-info .item-price .item-price-before { margin-right: 6px; font-family: 'Cafe24ClassicType'; font-size: 12px; font-weight: 400; color: #000; text-decoration: line-through; }
.item-view .item-basic-info .item-price .item-price-after { font-family: 'Cafe24ClassicType'; font-size: 12px; font-weight: 400; color: #fc5757; line-height: 15px; }
.item-view .item-basic-info .btn-group-openbox { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; }
.item-view .item-basic-info .btn-group-openbox .btn { display: flex; justify-content: center; align-items: center; width: 105px; height: 32px; margin: 0 5px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fff; }
.item-view .item-basic-info .btn-group-openbox .btn-v1 { background: #fc5757; }
.item-view .item-basic-info .delivery-gauge { display: flex; justify-content: center; align-items: center; height: 22px; padding: 0 12px; border-radius: 11px; box-sizing: border-box; background: #a6b1b3; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.24px; }
.item-view .item-basic-info .delivery-gauge span { margin-left: 4px; }

.item-view .item-detail-info { position: relative; margin-top: 35px; border-radius: 30px 30px 0 0; box-sizing: border-box; background: #fae4e7; }
.item-view .item-detail-info .top { display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; left: 0; right: 0; width: 90px; height: 30px; margin: 0 auto; border-radius: 15px; box-sizing: border-box; background: #f4b2ba; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.8px; }
.item-view .item-detail-info .txt { padding: 40px 20px 20px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; text-align: center; line-height: 18px; }


@media only screen and (max-width: 768px) {
	/*메인*/
	.slide-banner { max-height: none; }
	.slide-item .img-group { max-height: none; }
	
	/*제품 상세*/
	.slide-product .swiper-slide { max-width: none; max-height: none; }
}


@media only screen and (max-width: 420px) {
	/*메인*/
	.slide-item .swiper-slide { margin-right: 2.933vw !important; }
}