@charset "utf-8";

/* 공통 */
input[type="radio"], input[type="checkbox"]{overflow: inherit; position: absolute; top: auto; left: auto; width: auto; height: auto; opacity:0;clip: inherit;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"]{width:100%;height:5.2rem;padding:1.6rem 5.2rem 1.6rem 2.0rem;color:var(--black);font-size:1.4rem;border:1px solid var(--warm-grey-1);border-radius:0.8rem;caret-color:var(--dark-blue)}
.textarea-wrap .textarea textarea {font-size: 1.4rem; color: var(--dark-grey-1); line-height: 1.7rem;}
.blind {position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); white-space: nowrap;}
.pt0 {padding-top: 0 !important;}
.pt32 {padding-top: 3.2rem !important;}
.pt36 {padding-top: 3.6rem !important;}
.pt56 {padding-top: 5.6rem !important;}
.pt112 {padding-top: 11.2rem !important;}
.pt125 {padding-top: 12.5rem !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl0 {padding-left: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.ml0 {margin-left: 0 !important;}
.mt20 {margin-top: 2rem;}
.mt24 {margin-top: 2.4rem;}
.mt48 {margin-top: 4.8rem !important;}
.mt80 {margin-top: 8rem !important;}
.pink {color: var(--pink) !important;}
.frm-inp label.required span, 
.frm-tit.required span, 
.selectBox .selc-tit.required span {color: var(--dark-blue);}
/* .btn-area.btm-fixed.scroll {box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.2);} */
#header.header {width: 100%;  height: 5.6rem; padding-top: 0; background: var(--white); position: fixed; top: 0; left: 0; z-index: 100;}
#header.fixed-tit.no-back .title {left: 1.6rem; width: calc(100% - 5.6rem);}
#container {padding: 0;}
#header.fixed-tit + #container {
    padding-top: 5.6rem;
    padding-top: calc(constant(safe-area-inset-top) + 5.6rem);
    padding-top: calc(env(safe-area-inset-top) + 5.6rem);
}
#contents {padding: 0; padding-bottom: 4.8rem;}
#contents.subtop > div:first-child {margin-top: 2.4rem;}
.top-bg-gray {margin-top: 1rem; position: relative;}
.top-bg-gray::before {content: ''; display: block; width: 100%; height: 1rem; background: var(--warm-grey-3); border-top: 0.1rem solid var(--warm-grey-2); position: absolute; left: 0; top: -1rem;}
.con-box {padding: 3.2rem 1.6rem 4rem;}
.con-box-tit-area {position: relative;}
.con-box-tit-area .tit {font-size: 1.8rem; font-weight: bold; color: var(--dark-grey-1);}

#header.home.web .btn-close {left: 0; right: auto;}
#header.home.web nav {padding-left: 5.6rem;}

/* 뱃지 */
.badge-box {display: block; font-size: 0;}
.badge-box .badge {display: inline-block; height: 1.8rem; line-height: 1.8rem; margin: 0 0.2rem; padding: 0 0.6rem; background:var(--warm-grey-3); color: var(--dark-grey-1); border-radius: 0.4rem; font-size: 1rem;}
.badge-box .badge1 {background:#ffe9e4; color: var(--pink);} /* 쿠폰 */
.badge-box .badge2 {background:var(--warm-grey-3); color: var(--dark-grey-1);} /* 포장 */
.badge-box .badge3 {background:var(--warm-grey-3); color: var(--dark-grey-1);} /* 예약 */
.badge-box .badge4 {background: #e4f8ec; color: #008a36;} /* 네이버 예약 */
.badge-box .badge5 {background:var(--warm-grey-3); color: var(--dark-grey-1);} /* 배달 */
/* // 뱃지 */

/* 별점 */
.star {display: inline-block; padding-left: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_star_on.svg) left center/1.2rem 1.6rem no-repeat; font-size: 1.2rem; color: var(--dark-grey-1);}
.star strong {font-weight: 700;}
/* //별점 */

/* 공유 아이콘 */
.share-list {font-size: 0;}
.share-item {display: inline-block; margin-right: 0.4rem;}
.share-item .box {display: block; width: 3.6rem; height: 3.6rem; background-size: 3.6rem 3.6rem; background-repeat: no-repeat;}
.share-item.instagram .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_instagram.svg);}
.share-item.facebook .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_facebook.svg);}
.share-item.youtube .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_youtube.svg);}
.share-item.homepage .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_homepage.svg);}
.share-item.naver .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_naver.svg);}
.share-item.share .box {background-image: url(/img/nims/cmc/images/icon2/ico_share_share.svg);}
/* // 공유 아이콘 */

/* 태그 */
.tag-wrap.bg .tag {padding: 0.4rem 1.2rem; background: var(--warm-grey-3); border: none; border-radius: 0.8rem;}
/* // 태그 */

/* 쿠폰 */
.coupon {border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem;}
.coupon + .coupon {margin-top: 2.4rem;}
.coupon .info {padding: 2rem 7.6rem 2rem 2rem; position: relative;}
.coupon-badge-box {font-size: 0;}
.coupon-badge {display: inline-block; height: 2rem; line-height: 1.9rem; margin-right: 0.6rem; padding: 0 0.6rem; border: 0.1rem solid #008fbc; border-radius: 0.4rem; font-size: 1rem; color: #008fbc;}
.coupon-badge1 {color: #008fbc; border-color: #008fbc;} /* 매장용 */
.coupon-badge2 {color: #e2326f; border-color: #e2326f;} /* 배달용 */
.coupon-badge3 {color: #862be0; border-color: #862be0} /* 생일용 */
.coupon-badge span {display: inline-block; }
.coupon-badge3 span{padding-left: 1.3rem; background: url(/img/nims/cmc/images/icon2/ico_birthday.svg) left 2px no-repeat;}
.coupon .name-box {margin: 0.8rem 0 0.4rem;}
.coupon .name-box a {display: block; font-size: 1.4rem; color: var(--dark-grey-1); line-height: 1.4; display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coupon .tit-box {margin-top: 0.8rem;}
.coupon .tit-box strong {display: block; font-size: 1.8rem; color: var(--dark-grey-1); font-weight: 700; display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coupon .txt-box {margin-top: 0.4rem;}
.coupon .txt-box p {font-size: 1.4rem; color: var(--dark-grey-1); display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coupon .detail-box {margin-top: 1.2rem; font-size: 1.4rem; color: var(--dark-grey-3);}
.coupon .detail-box .etc {margin-top: 0.4rem;}
.coupon .coupon-btn-box {position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%);}
.coupon .btn-coupon {display: block; padding-top: 3.6rem; background-position: center top; background-size: 2.8rem 2.8rem; background-repeat: no-repeat;}
.coupon .btn-coupon span {display: block; font-size: 1.2rem; color: #008fbc;}

.coupon.coupon-store .btn-coupon {background-image: url(/img/nims/cmc/images/icon2/ico_coupon_store.svg);}
.coupon.coupon-store .btn-coupon span {color: #008fbc;}
.coupon.coupon-delivery .btn-coupon {background-image: url(/img/nims/cmc/images/icon2/ico_coupon_delivery.svg);}
.coupon.coupon-delivery .btn-coupon span {color: #e2326f;}
.coupon.coupon-on .btn-coupon {background-image: url(/img/nims/cmc/images/icon2/ico_coupon_on.svg);}
.coupon.coupon-on .btn-coupon span {color: var(--dark-blue);}
.coupon.coupon-off .btn-coupon {background-image: url(/img/nims/cmc/images/icon2/ico_coupon_off.svg);}
.coupon.coupon-off .btn-coupon span,
.coupon.coupon-off .name-box a,
.coupon.coupon-off  .tit-box strong,
.coupon.coupon-off  .txt-box p {color: var(--dark-grey-3);}
.coupon.coupon-disabled .btn-coupon {background-image: url(/img/nims/cmc/images/icon2/ico_coupon_disabled.svg);}
.coupon.coupon-disabled .btn-coupon span,
.coupon.coupon-disabled .name-box a,
.coupon.coupon-disabled  .tit-box strong,
.coupon.coupon-disabled  .txt-box p {color: var(--dark-grey-3);}
.coupon-use-wrap {padding-bottom: 3.6rem; background: var(--warm-grey-3); border-radius: 0 0 0.8rem 0.8rem; overflow: hidden; position: relative;}
.coupon-use-wrap .btn-use {display: block; width: 100%; height: 3.6rem; position: absolute; left: 0; bottom: 0;}
.coupon-use-wrap .btn-use::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(/img/nims/cmc/images/icon/ico_chevron.svg) center center/2rem 2rem no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: transform 0.2s linear;}
.coupon-use-info {display: none; padding: 2rem 2rem 0.8rem 2rem;}
.coupon-use-info .info-tit {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
.coupon-use-info .info-txt {margin-top: 0.4rem; padding-left: 1.2rem; font-size: 1.4rem; color: var( --dark-grey-2); position: relative;}
.coupon-use-info .info-txt::before {content: ''; display: block; width: 0.2rem; height: 0.2rem; background: var( --dark-grey-2); position: absolute; left: 0; top: 0.7rem;}
.coupon-use-info .om-note {margin-top: 2.4rem;}
.coupon-use-info .om-note .info-txt {padding-left: 0;}
.coupon-use-info .om-note .info-txt::before {display: none;}
.coupon-use-wrap.active .coupon-use-info {display: block;}
.coupon-use-wrap.active .btn-use::before{transform:translate(-50%, -50%) rotate(180deg);}

.coupon-img .info {padding: 0;}
.coupon-img .coupon-info-top {padding: 2rem 2rem 1rem; position: relative;}
.coupon-img .coupon-info-top::before {content: ''; display: block; width: calc(100% - 4rem); height: 0.1rem; position: absolute; left: 2rem; bottom: -1rem; background-image: linear-gradient(to right, var(--warm-grey-1) 33%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 0.5rem 0.2rem; background-repeat: repeat-x;}
.coupon-img .coupon-img-area {float: left; width: 18%; border-radius: 0.8rem; overflow: hidden;}
.coupon-img .coupon-img-area img {width: 100%;}
.coupon-img .coupon-name-area {float: left; width: 82%; padding-left: 1.2rem;}
.coupon-img .name-box {margin: 0.6rem 0 0;}
.coupon-img .name-box a {font-size: 1.6rem;}
.coupon-img .coupon-info-bot {padding: 3rem 8.8rem 2rem 2rem; position: relative;}
.coupon-img .coupon-info-bot::before,
.coupon-img .coupon-info-bot::after {content: ''; display: block; width: 1rem; height: 1.9rem; background-size: 1rem 1.9rem; background-repeat: no-repeat; background-color: var(--white); position: absolute; top: 0;}
.coupon-img .coupon-info-bot::before {background-image: url(/img/nims/cmc/images/bg/bg_coupon_left02.svg); left: -0.1rem;}
.coupon-img .coupon-info-bot::after {background-image: url(/img/nims/cmc/images/bg/bg_coupon_right02.svg); right: -0.1rem;}
.coupon-img .tit-box {margin-top: 0;}
.coupon-img .coupon-btn-box {margin-top: 0.5rem;}
/* // 쿠폰 */

/* 라디오 버튼 */
.rdo-item{display: block; font-size: 0; position: relative;}
.rdo-item input[type="radio"] + label{display: block; padding-right: 3.2rem; font-size: 1.4rem; color: var(--dark-grey-1); line-height:1.3; position: relative;}
.rdo-item input[type="radio"]:checked + label{color: var(--dark-blue);}
.rdo-item input[type="radio"]:checked + label::after{content: '';width: 2.8rem; height: 2.8rem; background: url(/img/nims/cmc/images/icon/ico_check_b.svg) no-repeat 0 0; background-size: 2.8rem 2.8rem; position: absolute; top: 50%; right: -0.4rem; transform: translateY(-50%);}
.rdo-item input[type="radio"]:disabled + label {color: var(--dark-grey-3);}
.rdo-item input[type="radio"]:checked:disabled + label::after {background-image: url(/img/nims/cmc/images/icon2/ico_rdo_dis.svg);}
.layer-popup .rdo-list {margin-top: 3.5rem;}
.rdo-list .rdo-item {margin-bottom: 3rem;}
.rdo-list .rdo-item:last-child {margin-bottom: 1.5rem;}
.rdo-list .rdo-item input[type="radio"] + label {font-size: 1.4rem;}
.rdo-list-area {padding-bottom: 2rem;}
/* // 라디오 버튼 */

/* 체크박스 */
.chk-list-tit {font-size: 1.6rem; font-weight: 500; color: var(--dark-grey-1);}
.chk-list {font-size: 0; margin-top: 0.8rem;}
.chk-list .chk-item {display: inline-block; margin-right: 1.2rem; width: calc((100% - 2.4rem) / 3); position: relative}
.chk-list .chk-item:nth-child(3n) {margin-right: 0;}
.chk-list .chk-item label {display: block; width: 100%; height: 5.4rem; padding-right: 0.8rem; border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem; font-size: 1.4rem; color: var(--black); line-height: 5.2rem; text-align: center;}
.chk-list .chk-item label::before {content: ''; display: inline-block; width: 2.8rem; height: 2.8rem; background-image: url(/img/nims/cmc/images/icon2/ico_chk.svg); background-position: left 0.8rem; background-size: 2.8rem 2.8rem; background-repeat: no-repeat;}
.chk-list .chk-item input[type="checkbox"]:checked + label {border: 0.2rem solid  var(--black); font-weight: 700; line-height: 5rem;}
.chk-list .chk-item input[type="checkbox"]:checked + label::before {background-image: url(/img/nims/cmc/images/icon2/ico_chk_on.svg);}
.layer-popup .chk-area + .chk-area {margin-top: 2.8rem;}
/* // 체크박스 */

/* 상세 테이블 */
.detail-tbl-wrap table {width: 100%;}
.detail-tbl-wrap th,
.detail-tbl-wrap td {padding-bottom: 0.8rem; font-size: 1.4rem; font-weight: 400; text-align: left; vertical-align: top;}
.detail-tbl-wrap th {color: var(--dark-grey-2);}
.detail-tbl-wrap td {padding-left: 1rem; color: var(--dark-grey-1);}
.detail-tbl-wrap .con {position: relative;}
/* // 상세 테이블 */
/* // 공통 */

/* 샵 main */
#contents.main {padding-left: 0; padding-right: 0; padding-bottom: 4.8rem;}
.main-tit-wrap {padding: 0 1.6rem; position: relative;}
.main-tit-wrap h2 {font-size: 1.8rem; color: var(--dark-grey-1); font-weight: 700;}
.main-tit-wrap p {margin-top: 0.4rem; font-size: 1.4rem; color: var(--dark-grey-2);}
.main-tit-wrap .more {display: block; position: absolute; right: 1.6rem; top: 0;}
.main-tit-wrap .more span {display: inline-block; padding-right: 1.2rem; font-size: 1.4rem; color: var(--dark-grey-2); position: relative;}
.main-tit-wrap .more span::after {content: ''; display: block; width: 1.2rem; height: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_arrow_xs.svg) center center/ 1.2rem 1.6rem no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.main-visual-wrap {padding: 0 1.6rem;}
.main-visual-item .box {display: block; border-radius: 1.6rem; overflow: hidden;}
.main-visual-item .img {width: 100%;}

.main-quick-wrap {padding: 2.4rem 0;}
.main-quick {padding: 0 1.6rem;}
.main-quick-list {padding: 0 0.8rem; font-size: 0;}
.main-quick-item {display: inline-block; width: calc((100% - 7.2rem) / 4); height: 9.2rem; margin-left: 2.4rem; vertical-align: top;}
.main-quick-item:first-child {margin-left: 0;}
.main-quick-item .box {display: block; padding-top: 5.6rem; background-position: center top; background-size: 4.8rem 4.8rem; background-repeat: no-repeat; text-align: center;}
.main-quick-item .quick1 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick01.svg);} /* 배달·포장주문 */
.main-quick-item .quick2 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick02.svg);} /* 쿠폰함 */
.main-quick-item .quick3 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick03.svg);} /* 사장님 모드 */
.main-quick-item .quick4 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick04.svg);} /* 샵개설 */
.main-quick-item .quick5 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick05.svg);} /* 구인공고 */
.main-quick-item .quick6 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick06.svg);} /* 특별전 */
.main-quick-item .quick7 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick07.svg);} /* SHOP(샵) 기획전 */
.main-quick-item .quick8 {background-image: url(/img/nims/cmc/images/icon2/ico_main_quick08.svg);} /* 특별전 주문내역 */
.main-quick-item .tit {display: block; font-size: 1.2rem; color: var(--dark-grey-1);}

.week-theme-wrap {padding: 3rem 0 4rem;}
.week-theme {padding: 1.2rem 1.6rem 2.2rem; position: relative;}
.week-theme-item {opacity: 0.4; transition: opacity 0.3s;}
.week-theme-item.swiper-slide-active {opacity: 1;}
.week-theme-item .box  {display: block; border-radius: 1.6rem; box-shadow:0 0 0.8rem 0 rgba(0, 0, 0, 0.2); overflow: hidden;}
.week-theme-item .thumb img {width: 100%;}
.week-theme-item .info {height: 9rem; padding: 1.2rem 1rem 1.4rem; background: var(--white); text-align: center;}
.week-theme-item .name {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
.week-theme-item .address {margin-top: 0.4rem; font-size: 1.2rem; color: var(--dark-grey-2);}
.week-theme-item .badge-box {margin-top: 0.4rem;}
.week-theme .control-box {width: 100%; position: absolute; left: 0; bottom: 0;}
.week-theme .swiper-pagination {position: relative; font-size: 0;}
.week-theme .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0 0.4rem; background: var(--warm-grey-1); opacity: 1; transition: 0.3s;}
.week-theme .swiper-pagination-bullet-active {width: 2.4rem; background: var(--dark-grey-1); border-radius: 0.4rem;}

.main-event-wrap {padding: 3.2rem 0 2rem; background: #f9f9ff;}
.main-event {margin-top: 1.2rem; padding: 0 1.6rem;}
.main-event-top .tit {display: inline-block; padding-bottom: 0.2rem; font-size: 1.6rem; font-weight: 700; position: relative;}
.main-event-top .tit::before {content: ''; display: block; width: 100%; height: 1.2rem; background: #d3d4f9; position: absolute; left: 0; bottom: 0; z-index: -1;}
.main-event-top .tag-box {margin-top: 1rem; font-size: 0;}
.main-event-top .tag {font-size: 1.2rem; color: var(--dark-grey-2);}
.main-event-top .tag + .tag {margin-left: 1.6rem;}
.main-event-area {margin: 2rem 0; padding: 2rem 1.6rem 7.3rem; background: var(--white); border-radius: 1.6rem; box-shadow:0 0 0.8rem 0 rgba(0, 0, 0, 0.2); position: relative;}
.main-event-item + .main-event-item {margin-top: 1.6rem;}
.main-event-item .box {display: block; overflow: hidden;}
.main-event-item .thumb,
.main-event-item .info {float: left;}
.main-event-item .thumb  {width: 27%; border-radius: 0.8rem; position: relative; overflow: hidden;}
.main-event-item .thumb .thumb-inner {position: relative; padding-bottom: 100%;}
.main-event-item .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.main-event-item .info {width: 73%; padding-left: 1.2rem;}
.main-event-item .name {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
.main-event-item .detail {margin-top: 0.4rem; font-size: 0; white-space: nowrap;}
.main-event-item .star {display: inline-block; width: 5rem; padding-left: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_star_on.svg) left center/1.2rem 1.6rem no-repeat; font-size: 1.2rem; color: var(--dark-grey-1); vertical-align: top;}
.main-event-item .star strong {font-weight: 700;}
.main-event-item .address {display: inline-block; width: calc(100% - 5rem); padding-left: 0.8rem; font-size: 1.2rem; color: var(--dark-grey-2); vertical-align: top;}
.main-event-item .badge-box {margin-top: 1rem;}
.main-event-btn {width: 100%; padding: 0 1.6rem; text-align: center; position: absolute; left: 0; bottom: 0;}
.main-event-btn a {display: block; height: 5.2rem; line-height: 5rem; border-top: 0.1rem solid var(--warm-grey-1);}
.main-event-btn a span {display: inline-block; padding-right: 2rem; font-size: 1.4rem; color: var(--dark-grey-1); position: relative;}
.main-event-btn a span::after {content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_arrow_xs.svg) center center/ 1.6rem 1.6rem no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.main-special-wrap {padding: 3.2rem 0 3rem;}
.main-special {padding: 1rem 1.6rem;}
.main-special-link {display: block;}
.main-special-top {padding: 2rem 1.6rem; border-radius: 1.6rem 1.6rem 0 0;}
.main-special .main-special-slide1 .main-special-top {background: #dbf2ec;}
.main-special .main-special-slide2 .main-special-top {background: #eff2c2;}
.main-special .main-special-slide3 .main-special-top {background: #fbddd6;}
.main-special .main-special-slide4 .main-special-top {background: #e9dcf8;}
.main-special-top {box-shadow:0 0 0.8rem 0 rgba(0, 0, 0, 0.2);}
.main-special-top .tit {display: block; font-size: 1.6rem; color: var(--dark-grey-1); font-weight: 700;}
.main-special-top .tag-box {margin-top: 0.8rem; font-size: 0;}
.main-special-top .tag {display: inline-block; font-size: 1.2rem; color: var(--dark-grey-2);}
.main-special-top .tag + .tag {margin-left: 1.6rem;}
.main-special-area {padding: 2rem 1.6rem 6.9rem; background: var(--white); border-radius: 0 0 1.6rem 1.6rem; box-shadow:0 0.6rem 0.8rem -0.3rem rgba(0, 0, 0, 0.2); position: relative;}
.main-special-item {float: left; width: calc(50% - 0.4rem);}
.main-special-item:nth-child(even) {float: right;}
.main-special-item .thumb {border-radius: 0.8rem; overflow: hidden;}
.main-special-item .thumb img {width: 100%;}
.main-special-item .info {padding-top: 0.8rem;}
.main-special-item .info .name {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
.main-special-item .info .detail {margin-top: 0.2rem;}
.main-special-item .info .address {display: block; font-size: 1.2rem; color: var(--dark-grey-2);}
.main-special-btn {width: 100%; padding: 0 1.6rem; text-align: center; position: absolute; left: 0; bottom: 0;}
.main-special-btn > span {display: block; height: 5.2rem; line-height: 5rem; border-top: 0.1rem solid var(--warm-grey-1); font-weight: 400;}
.main-special-btn > span span {display: inline-block; padding-right: 2rem; font-size: 1.4rem; color: var(--dark-grey-1); position: relative;}
.main-special-btn > span span::after {content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_arrow_xs.svg) center center/ 1.6rem 1.6rem no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.main-shop-wrap {margin-top: 1rem; padding: 3.2rem 0 0;}
.main-shop-list {margin: -0.4rem 1rem 0;}
.main-shop-item {float: left; width: 25%; margin-top: 1.6rem; padding: 0 0.6rem; text-align: center; position: relative;}
.main-shop-item .main-shop-ico {position: absolute; left: 50%; top: 0; transform: translate(-50%);}
.main-shop-item:nth-child(4n+1) {clear: both;}
.main-shop-item .box {display: block; padding: 6.2rem 0 0.4rem; background-position: center 0.4rem; background-size: 5.6rem 5.6rem; background-repeat: no-repeat; position: relative; z-index: 1;}
.main-shop-item .box span {display: block; font-size: 1.2rem; color: var(--dark-grey-1);}

.main-banner-wrap {margin-top: 4rem; padding: 0 1.6rem;}
.main-banner {display: block; border-radius: 1.6rem; overflow: hidden;}
.main-banner img {width: 100%;}
/* // 샵 main */

/* 샵 상세 - 매장상세 */
.store-main-banner .img {position: relative; width: 100%; padding-bottom: 100%;}
.store-main-banner .img img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.store-main-banner .control-box {width: 100%; text-align: center; position: absolute; left: 0; bottom: 9.6rem;}
.store-main-banner .swiper-pagination {position: relative;}
.store-main-banner .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0 0.4rem; background: var(--warm-grey-1); opacity: 1; transition: 0.3s;}
.store-main-banner .swiper-pagination-bullet-active {width: 2.4rem; background: var(--dark-grey-1); border-radius: 0.4rem;}

.store-info-top {width: calc(100% - 3.2rem); margin: -8rem 1.6rem 0; padding: 2rem; background: var(--white); border-radius: 1.6rem; box-shadow:0 0 0.8rem 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 10;}
.store-info-top .store-name {display:-webkit-box; padding-right: 6rem; font-size: 1.8rem; color: var(--black); font-weight: 700; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.store-info-top .star {position: absolute; right: 2rem; top: 2.3rem;}
.store-info-top .badge-box {margin-top: 1.1rem;}
.store-info-top .share-box {margin-top: 2rem; padding-top: 2rem; border-top: 0.1rem solid var(--warm-grey-1);}
.store-info-btm {padding: 3.2rem 1.6rem 2.4rem;}
.store-info-btm .greeting {margin-bottom: 2rem; font-size: 1.4rem; color: var(--dark-grey-1);}
.store-link-area {margin-top: 2.4rem;}
.store-link-list {font-size: 0; text-align: center;}
.store-link-item {display: inline-block; width: 25%; position: relative; vertical-align: top;}
.store-link-item::after {content: ''; display: block; width: 0.1rem; height: 78%; background: var(--warm-grey-2); position: absolute; left: 0; top: 11%;}
.store-link-item:first-child::after {display: none;}
.store-link-item .link {display: block; width: 100%; padding: 4.4rem 0.4rem 0.8rem; background-position: center 0.8rem; background-size: 2.8rem 2.8rem; background-repeat: no-repeat; }
.store-link-item.wish .link {background-image: url(/img/nims/cmc/images/icon2/ico_heart_off.svg);}
.store-link-item.tel .link {background-image: url(/img/nims/cmc/images/icon2/ico_tel.svg);}
.store-link-item.chat .link {background-image: url(/img/nims/cmc/images/icon2/ico_chat.svg);}
.store-link-item.map .link {background-image: url(/img/nims/cmc/images/icon2/ico_map.svg);}
.store-link-item.wish.active .link {background-image: url(/img/nims/cmc/images/icon2/ico_heart_on.svg);}
.store-link-item .txt {font-size: 1.4rem; color: var(--dark-grey-1);}

.con-box-tit-area.rig {padding-right: 5rem;}
.con-box-tit-area.rig .cnt {font-size: 1.4rem; position: absolute; right: 0; top: 0.3rem;}
.con-box-tit-area.rig .cnt strong {color: var(--dark-blue); font-weight: 700;}
.store-detail-address {font-size: 1.4rem; color: var(--dark-grey-1); position: relative;}
.store-detail-address .address {padding-right: 5.5rem;}
.store-detail-address .distance {position: absolute; right: 0;top: 0;}
.store-detail-address .distance strong {color: var(--dark-blue); font-weight: 400;}
.store-detail-address .map-box {height: 20rem; margin-top: 1rem;}
.store-convenience {margin-top: 1.2rem;}
.store-convenience-list {font-size: 0;}
.store-convenience-item {display: inline-block; width: 25%; margin-top: 0.4rem; padding: 4rem 0.4rem 0.8rem; background-position: center 0.8rem; background-size: 2.8rem 2.8rem; background-repeat: no-repeat; vertical-align: top; text-align: center;}
.store-convenience-item.wifi {background-image: url(/img/nims/cmc/images/icon2/ico_wifi.svg);}
.store-convenience-item.parking {background-image: url(/img/nims/cmc/images/icon2/ico_parking.svg);}
.store-convenience-item.babychair {background-image: url(/img/nims/cmc/images/icon2/ico_babychair.svg);}
.store-convenience-item.booking {background-image: url(/img/nims/cmc/images/icon2/ico_booking.svg);}
.store-convenience-item.hour24 {background-image: url(/img/nims/cmc/images/icon2/ico_hour24.svg);}
.store-convenience-item.playroom {background-image: url(/img/nims/cmc/images/icon2/ico_playroom.svg);}
.store-convenience-item.pet {background-image: url(/img/nims/cmc/images/icon2/ico_pet.svg);}
.store-convenience-item.breaktime {background-image: url(/img/nims/cmc/images/icon2/ico_breaktime.svg);}
.store-convenience-item .txt {font-size: 1.2rem; color: var( --dark-grey-2);}
.store-service {margin-top: 1.6rem; color: var(--dark-grey-1);}
.store-service .txt {font-size: 1.4rem;}
.store-service .tag-wrap {margin-top: 1.2rem;}
.store-service .tag-wrap .tag { color: var(--dark-grey-1);}
.store-pay {margin-top: 1.6rem;}
.store-pay-item {width: 9.3rem; padding: 0.8rem 1.2rem; background: var(--warm-grey-3); border-radius: 0.8rem; text-align: center;}
.store-pay-item img {width: 100%;}
.store-hour {margin-top: 0.8rem;}
.store-hour-item {font-size: 0; margin-top: 0.8rem;}
.store-hour-item dt,
.store-hour-item dd {display: inline-block; font-size: 1.4rem; vertical-align: top;}
.store-hour-item dt {min-width: 9.3rem; color: var( --dark-grey-2);}
.store-hour-item dd {margin-left: 0.3rem; color: var(--dark-grey-1);}
.store-hour-list + .store-hour-list {padding-top: 1.2rem;}
.store-job {margin-top: 0.3rem;}
.store-job-item {border-bottom: 0.1rem solid var(--warm-grey-1);}
.store-job-item .box {display: block; padding: 2rem 0; font-size: 1.4rem;}
.store-job-item .txt {color: var(--dark-grey-1); display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.store-job-item .detail {display: block; margin-top: 0.8rem; color: var(--dark-grey-3);}
.store-best {margin-top: 0.4rem;}
.store-best .shop-list-item {margin-top: 1.2rem; margin-bottom: 0;}
.store-best .shop-list-item .info .name {padding-right: 0;}
.store-best .price {margin-top: 0.8rem; font-size: 1.4rem; color: var(--dark-grey-1);}
.store-best .btn-area {margin-top: 2.4rem;}
.store-banner {margin-top: 1.6rem;}
.store-banner:nth-of-type(1) {margin-top: 1.3rem;}
.store-banner .link {display: block; border-radius: 1.6rem; overflow: hidden;}
.store-banner .link img {width: 100%;}
.report-btn-area {text-align: center;}
.report-btn-area .btn-report {font-size: 1.4rem; color: var(--dark-grey-3); text-decoration: underline;}
.store-coupon-wrap {margin-top: 1.6rem;}
.store-coupon-wrap .coupon-more {margin-top: 2rem; text-align: center;}

.layer-coupon {padding-bottom: 5rem;}
.layer-coupon .coupon-use-info {display: block; padding: 2.4rem 0 0;}
.coupon-desc-top {padding: 2.4rem 2rem 0.7rem; background: #fbfafd;border: 0.1rem solid var(--warm-grey-1); border-bottom: none; border-radius: 1.6rem 1.6rem 0 0; color: var(--dark-grey-1);}
.coupon-desc-top .coupon-name {display: block; font-size: 1.4rem;}
.coupon-desc-top .coupon-tit {display: block; margin-top: 0.4rem; font-size: 1.8rem; font-weight: 700;}
.coupon-desc-bot {padding: 2.6rem 2rem 1.6rem; background: #fbfafd;border: 0.1rem solid var(--warm-grey-1); border-top: none; border-radius: 0 0 1.6rem 1.6rem; position: relative;}
.coupon-desc-bot::before,
.coupon-desc-bot::after {content: ''; display: block; width: 1rem; height: 2.2rem; background-size: 1rem 2.2rem; background-repeat: no-repeat; background-color: var(--white); position: absolute; top: 0;}
.coupon-desc-bot::before {background-image: url(/img/nims/cmc/images/bg/bg_coupon_left.svg); left: -0.1rem;}
.coupon-desc-bot::after {background-image: url(/img/nims/cmc/images/bg/bg_coupon_right.svg); right: -0.1rem;}
.coupon-desc-bot .coupon-date {font-size: 1.4rem; color: var( --dark-grey-2); position: relative;}
.coupon-desc-bot .coupon-date::before {content: ''; display: block; width: 100%; height: 0.1rem; position: absolute; left: 0; top: -1.6rem; background-image: linear-gradient(to right, var(--warm-grey-1) 33%, rgba(255,255,255,0) 0%);     background-position: bottom; background-size: 0.5rem 0.2rem; background-repeat: repeat-x;}

.full-popup-cont {height: calc(100vh - 5.6rem); padding-bottom: 8rem; overflow-y: auto;}
.report-cont-wrap {padding: 0 0 4.8rem;}
.report-cont-wrap::before {content: ''; position: absolute; top: 12.4rem; left: 0; bottom: 0; width: 100%; background-color: var(--warm-grey-3); z-index: 0;
    top: calc(constant(safe-area-inset-top) + 12.4rem);
    top: calc(env(safe-area-inset-top) + 12.4rem);
}
.report-cont-txt {font-size: 1.4rem; color: var(--dark-grey-3);}
.report-cont-area {padding-top: 5.4rem;}
.report-cont-wrap .frm-radio {display: block;}
.report-cont-wrap .frm-radio input[type="radio"] + label {color: var(--dark-grey-1);}
.report-cont-wrap .frm-radio-wrap .frm-radio {margin-top: 1.8rem;}
.report-cont-wrap .frm-radio-wrap .frm-radio:nth-of-type(1) {margin-top: 0;}
.report-cont-wrap .textarea-wrap {margin-top: 1.2rem;}
.report-cont-wrap .textarea-wrap .textarea {background: var(--white);}
.report-cont-wrap .textarea-wrap .textarea textarea {background: var(--white); font-size: 1.4rem; color: var(--dark-grey-1); line-height: 1.7rem;}
.layer-popup.full.layer-report .btn-area {background: var(--warm-grey-3);}
.map-search .layer-popup .choice-list {margin-top: 0;}
.map-search .choice-item input[type="radio"] + label {font-size: 1.4rem;}
/* // 샵 상세 - 매장상세 */

/* 샵 상세 - 쿠폰함 */
.coupon-main-wrap .main-visual-wrap {margin-bottom: 4.2rem;}
.coupon-bigbanner-wrap {padding: 0 1.6rem 3.2rem;}
.coupon-bigbanner {display: block; border-radius: 1.6rem; overflow: hidden;}
.coupon-bigbanner img {width: 100%;}
.coupon-list-wrap {padding: 2.4rem 1.6rem 0;}
.coupon-complete-info {padding: 2rem 1.6rem; border-bottom: 0.1rem solid var(--warm-grey-2); font-size: 1.4rem; color: var( --dark-grey-2);}
.coupon-banner-birthday {padding: 2.8rem 12.4rem 2.8rem 1.6rem; background: url(/img/nims/cmc/images/bg/bg_coupon_birth.png) left 50%/cover no-repeat; border-radius: 1.6rem; margin-top: 4.8rem;}
.coupon-banner-birthday .ment {font-size: 1.4rem; color: #707070;}
.coupon-banner-birthday .cnt {color: var(--dark-blue); font-weight: 700;}
/* // 샵 상세 - 쿠폰함 */

/* 샵 category */
.clearfix::after {clear: both; display: block; content: '';}
#header.header-tit h1.title {position: absolute; top: 0; left: 5.6rem; z-index: 100; padding: 0; font-size: 1.6rem; width: calc(100% - 11.2rem); margin-top: 0; line-height: 5.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.store-open-wrap {margin-top: 3.2rem; padding: 0 1.6rem;}
.store-open-wrap h2 {font-size: 1.8rem; color: var(--dark-grey-1); font-weight: bold;}
.category-newopen {margin-top: 1.2rem; padding-bottom: 2.9rem; position: relative;}
.category-visual.main-visual .control-inner {padding-right: 0;} 
.category-newopen-slide > a {display: block; overflow: hidden;}
.category-newopen-slide .thumb, .category-newopen-slide .info {float: left;}
.category-newopen-slide .thumb {width: 39%; border-radius: 1.6rem; position: relative; overflow: hidden;}
.category-newopen-slide .thumb-inner {position: relative; padding-bottom: 100%;}
.category-newopen-slide .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.category-newopen-slide .info {width: 61%; padding-left: 1.6rem;}
.category-newopen-slide .info .name {display: block; font-size: 1.6rem; color: var(--dark-grey-1); font-weight: bold;}
.category-newopen-slide .info .address {font-size: 1.4rem; color: var(--dark-grey-2); margin-top: 0.2rem;}
.category-newopen-slide .info .store-view {font-size: 1.4rem; color: var(--dark-blue); margin-top: 0.8rem; font-weight: 500; display: block; background: url(/img/nims/cmc/images/icon2/ico_btm_arrow.svg) no-repeat 7rem 0.8rem; background-position: left bottom; padding: 0 2rem 0.5rem 0;} 
.category-newopen-slide .info .keyword {margin-top: 1.2rem; font-size: 0;}
.category-newopen-slide .info .keyword em {display: inline-block; font-size: 1.2rem; color: var(--dark-grey-2); margin-right: 1rem;}
.category-newopen.main-visual .control-inner {padding-right: 0;}
.category-newopen .control-box {width: 100%; position: absolute; left: 0; bottom: 0; text-align: center;}
.category-newopen .control-inner {display: inline-block; height: 2rem; line-height: 1.8rem; position: relative;}
.category-newopen .swiper-pagination {position: relative;}
.category-newopen .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0 0.4rem; background: var(--warm-grey-1); opacity: 1; transition: .3s;}
.category-newopen .swiper-pagination-bullet-active {width: 2.4rem; background: var(--dark-grey-1); border-radius: 0.4rem;}
.shop-banner-wrap {margin-top: 3.2rem; padding: 0 1.6rem;}
.shop-banner {display: block; border-radius: 1.6rem; overflow: hidden;}
.shop-banner img {width: 100%;}
.shop-category-search-wrap {margin-top: 3.9rem;}
.category-flicking {border-top: 0.1rem solid var(--warm-grey-2);}
.category-flicking ul li a {padding: 0 1.6rem;}
.category-flicking ul li:first-child a {padding-right: 1.6rem;}
.category-flicking ul li:last-child a {padding-left: 1.6rem;}
.category-search-box {padding: 1.6rem 9rem 1.6rem 1.6rem; position: relative; border-bottom: 0.1rem solid var(--warm-grey-2);}
.category-search-box ul {font-size: 0;}
.category-search-box li {display: inline-block; padding-right: 1.5rem; position: relative; max-width: 33.3333%;}
.category-search-box li button {display: block; font-size: 1.4rem; color: var(--dark-grey-2); width: 100%;}
.category-search-box li::after {content: ''; display: block; width: 1.2rem; height: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_arrow_xs.svg) no-repeat center; background-size: 1.2rem 1.6rem; position: absolute; top: 0.2rem; right: 0.25rem;}
.category-search-box li.on button {color: var(--black); font-weight: 500;}
.category-search-box li:last-child {margin-right: 0;}
.category-search-box li:last-child::after {background: none;}
.category-search-box .btn-location {position: absolute; top: 50%; right: 1.6rem; display: none; font-size: 1.2rem; color: var(--dark-grey-1); padding: 0.6rem 1.2rem; border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem; transform: translateY(-50%);}
.category-search-box .btn-location.on {display: block;}
.category-search-box .txt-total {font-size: 1.4rem; color: var(--dark-grey-1);}
.category-search-box .txt-total span {color: var(--dark-blue); font-weight: 500;}
.sort-wrap {position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); font-size: 0;}
.sort-wrap button {font-size: 1.4rem; color: var(--dark-grey-1); display: inline-block; vertical-align: top;}
.sort-wrap .sort {background: url(/img/nims/cmc/images/icon/ico_chevron.svg) no-repeat right center / 2rem 2rem; padding-right: 2.4rem; margin-right: 1.2rem; position: relative;}
.sort-wrap .sort::after {content: ''; position: absolute; top: 0.4rem; right: -1.2rem; width: 0.1rem; height: 1.2rem; background-color: var(--warm-grey-1);}
.sort-wrap .tmp_new::after {content: ''; position: absolute; top: 0.4rem; right: -1.2rem; width: 0.1rem; height: 1.2rem; background-color: var(--white);}
.sort-wrap .filter {width: 2rem; height: 2rem; margin-left: 1.2rem; background: url(/img/nims/cmc/images/icon/ico_sort.svg) no-repeat center / 2rem 2rem;}
.shop-list-inner {padding: 2.4rem 0; margin: 0 1.6rem;}
.shop-list-item {margin-bottom: 2.4rem;}
.shop-list-item:last-child {margin-bottom: 0;}
.shop-list-item a {display: block; overflow: hidden; position: relative;}
.shop-list-item a > * {float: left;}
.shop-list-item .thumb {width: 22%; border-radius: 0.8rem; position: relative; overflow: hidden;}
.shop-list-item .thumb .thumb-inner {position: relative; padding-bottom: 100%;}
.shop-list-item .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.shop-list-item .info {width: 78%; padding-left: 1.2rem;}
.shop-list-item .info .name {display: block; font-size: 1.4rem; font-weight: 500; color: var(--dark-grey-1); padding-right: 5.5rem;}
.shop-list-item .info .address {font-size: 1.2rem; color: var(--dark-grey-2); margin-top: 0.4rem;}
.shop-list-item .info .badge-box {margin-top: 1rem;}
.shop-list-item .info .badge-box .badge:first-child {margin-left: 0;}
.shop-list-item .info .distance {font-size: 1.2rem; color: var(--dark-grey-1); position: absolute; top:0.3rem; right: 0; display: block;}
.shop-list-item .tag-wrap {font-size: 0; clear: both;}
.tag-wrap .tag {font-size: 1.2rem; color: var(--dark-grey-2); border: 0.1rem solid var(--warm-grey-1); border-radius: 0.4rem; padding: 0.4rem 0.8rem; display: inline-block; margin-right: 0.8rem; margin-top: 0.8rem;}
.shop-btn-wrap {text-align: center;}
/* //샵 category */

/* 위치서비스 팝업 */
.layer-popup-tit {font-size: 1.4rem; font-weight: bold; color: var(--dark-grey-1); margin-bottom: 2rem;}
/* // 위치서비스 팝업 */

/* 시,도 선택 팝업 */
.location-divi {font-size: 0; margin-bottom: 2rem;}
.location-divi li {display: inline-block; font-size: 1.6rem; color: var(--dark-grey-3); margin-right: 1.8rem; position: relative;}
.location-divi li::after {content: ''; display: block; width: 1.2rem; height: 1.6rem; background: url(/img/nims/cmc/images/icon2/ico_arrow_xs.svg) no-repeat center; background-size: 1.2rem 1.6rem; position: absolute; top: 0.3rem; right: -1.5rem;}
.location-divi li:last-child::after {background: none;}
.location-divi li.on {color: var(--dark-grey-1); font-weight: 500;}
.location-list-wrap {margin-top: 2rem; position: relative; overflow: hidden; border-top: 0.1rem solid var(--warm-grey-1);}
.location-list {font-size: 0; position: relative; overflow: hidden; }
.location-list li {display: inline-block; width: 33.3333%; height: 4.4rem; vertical-align: top; margin-top: -0.1rem;}
.location-list button {display: flex; align-items: center; justify-content: center; width: 100%; height: 4.4rem; text-align: center; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
/* //시,도 선택 팝업 */

/* SHOP(샵) 매장 정렬 팝업 */
.choice-filter .choice-item {margin-bottom: 3rem;}
.choice-filter .choice-item:last-child {margin-bottom: 1.5rem;}
.choice-filter .choice-item input[type="radio"] + label {font-size: 1.4rem;}
/* // SHOP(샵) 매장 정렬 팝업 */

/* 필터 선택 팝업 */
.filter-section {margin-top: 2.8rem;}
.filter-section:first-child {margin-top: 0;}
.layer-sub-tit {font-size: 1.6rem; font-weight: 500; color: var(--dark-grey-1);}
.shop-sort-list {font-size: 0; margin-top: 0.8rem;}
.shop-sort-list .filter-choice {display: inline-block; margin-right: 1.2rem; width: calc((100% - 2.4rem) / 3);}
.shop-sort-list .filter-choice:nth-child(3n) {margin-right: 0;}
.filter-choice label {width: 100%; height: 4.4rem; line-height: 4.4rem; border: 0.1rem solid var(--warm-grey-1); display: block; text-align: center; border-radius: 0.8rem;}
.filter-choice label span {font-size: 1.4rem; color: var(--dark-grey-1);}
.filter-choice input[type="checkbox"]:checked + label {border-color: var(--dark-blue);}
.filter-choice input[type="checkbox"]:checked + label span {color: var(--dark-blue); font-weight: 500; background: url(/img/nims/cmc/images/icon2/ico_rdo_on.svg) no-repeat left center / 1.6rem 1.6rem; padding-left: 1.8rem;}
.filter-contents {padding-bottom: 2.8rem;}
.filter-contents  + .btn-area button.btn.slarge {flex: 1; min-width: auto;}
.filter-contents  + .btn-area button.btn.xlarge {flex: 2; min-width: auto;}
.full.layer-filter-chk .filter-contents,
.full.layer-filter-com .filter-contents {margin-top: 2.8rem; padding-bottom: 0;}
/* // 필터 선택 팝업 */

/* 구인공고 */
.posting-result-wrap {padding: 0.4rem 1.6rem 0 1.6rem;}
.job-posting-list-item {padding: 2rem 0; border-bottom: 0.1rem solid var(--warm-grey-1);}
.job-posting-list-item .box {display: block;}
.job-posting-list-item .thumb,
.job-posting-list-item .info {float: left;}
.job-posting-list-item .thumb {width: 22%; border-radius: 0.8rem; position: relative; overflow: hidden;}
.job-posting-list-item .thumb-inner {position: relative; padding-bottom: 100%;}
.job-posting-list-item .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.job-posting-list-item .info {width: 78%; padding-left: 1.2rem; position: relative;}
.job-posting-list-item .distance {display: block; font-size: 1.2rem; color: var(--dark-grey-1); position: absolute; top: 0.3rem; right: 0;}
.job-name {padding-right: 5.5rem; font-size: 1.4rem; font-weight: 500; color: var(--dark-grey-1);}
.job-con {font-size: 1.4rem; color: var(--dark-grey-1); margin-top: 0.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.job-pay {font-size: 1.2rem; color: var(--dark-grey-3); margin-top: 0.4rem; display: block;}
/* // 구인공고 */

/* 구인공고 상세보기 */
.job-info-wrap {margin-top: 2rem; padding: 0 1.6rem 4rem;}
.job-img-wrap {margin: 0 -1.6rem;}
.job-img-banner .img {position: relative; width: 100%; padding-bottom: 100%;}
.job-img-banner .img img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.job-img-banner .control-box {width: 100%; text-align: center; position: absolute; left: 0; bottom: 1.6rem;}
.job-img-banner .swiper-pagination {position: relative;}
.job-img-banner .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0 0.4rem; background: var(--warm-grey-1); opacity: 1; transition: 0.3s;}
.job-img-banner .swiper-pagination-bullet-active {width: 2.4rem; background: var(--dark-grey-1); border-radius: 0.4rem;}
.job-info {margin-top: 2.8rem;}
.job-tit {font-size: 1.8rem; text-align: center; font-weight: bold; color: var(--black);}
.job-btn-area {margin-top: 3.2rem; font-size: 0;}
.job-btn-area > a {display: inline-block; width: calc(50% - 0.4rem); border: 0.1rem solid var(--warm-grey-1); padding: 1.3rem 0; border-radius: 0.8rem; text-align: center;}
.job-btn-area > a:last-child {margin-left: 0.8rem;}
.job-btn-area > a span {display: inline-block; padding-left: 3rem; font-size: 1.6rem; color: var(--dark-grey-1); background-repeat: no-repeat; background-position: center left;}
.job-btn-area .store-num span {background-image: url(/img/nims/cmc/images/icon2/ico_tel.svg);}
.job-btn-area .store-chat span {background-image: url(/img/nims/cmc/images/icon2/ico_chat.svg);}
.job-notice {font-size: 1.4rem; color: var(--dark-grey-1); margin-top: 3.2rem;}
.detail-tit {font-size: 1.8rem; font-weight: bold; color: var(--dark-grey-1);}
.detail-box-wrap {margin-top: 1.7rem;}
.anno-con {font-size: 0; margin-bottom: 0.8rem;}
.anno-con > * {display: inline-block; vertical-align: top;}
.anno-con span {font-size: 1.4rem; color: var(--dark-grey-2); width: 5.2rem;}
.anno-con em {font-size: 1.4rem; color: var(--dark-grey-1); margin-left: 2.6rem; width: calc(100% - 7.8rem);}
.store-location-wrap {position: relative;}
.store-location {display: block; font-size: 1.4rem; color: var(--dark-grey-1); margin: 1.7rem 0 2rem; padding-right: 5.5rem;}
.store-location-wrap .distance {font-size: 1.4rem; color: var(--dark-grey-1); position: absolute; right: 0; top: 0;}
.store-location-wrap .distance strong {color: var(--dark-blue); font-weight: 400;}
.map-area {margin: 0 -1.6rem; height: 22rem; background-color: var(--dark-blue);}
.job-detail-wrap .btn-area {margin-top: 3.2rem;}
/* // 구인공고 상세보기 */

/* 기획전 */
.event-wrap.event-list {padding: 0 1.6rem;}
.bot-banner {padding: 0 1.6rem; margin-top: 3.2rem;}
.bot-banner .btn-bot-banner {display: block; width: 100%; border-radius: 1.6rem; overflow: hidden;}
.bot-banner .btn-bot-banner .img {width: 100%;}
.choice-item input[type="radio"] + label {padding-right: 3.2rem;}
.choice-item input[type="radio"]:checked + label::after {top: 50%; transform: translateY(-50%);}
.choice-item input[type="radio"]:disabled + label {color: var(--dark-grey-3);}
.choice-item input[type="radio"]:checked:disabled + label::after {background-image: url(/img/nims/cmc/images/icon2/ico_rdo_dis.svg);}
/* // 기획전 */

/* 특별전 */
.special-tit-wrap {padding: 0 1.6rem 1.6rem 1.6rem;}
.special-tit-area {padding-right: 3.2rem; position: relative;}
.special-tit-area .share {display: block; width: 2.8rem; height: 2.8rem; background: url(/img/nims/cmc/images/icon2/ico_share.svg) center center/2.8rem 2.8rem no-repeat; position: absolute; right: 0; top: 0;}
.special-tit {font-size: 1.6rem; color: var(--dark-grey-1); font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.progress-wrap {margin-top: 0.7rem; font-size: 0;} 
.progress-date {font-size: 0; display: inline-block; vertical-align: middle;}
.progress-date > * {display: inline-block; font-size: 1.4rem; color: var(--dark-grey-2);}
.progress-date em {margin: 0 0.6rem;}
.progress-label {display: inline-block; vertical-align: middle; margin-right: 0.8rem;}
.progress-label > div {font-size: 1.2rem; color: var(--white); padding: 0.4rem 1.2rem; border-radius: 0.4rem;}
.progress {background-color: #FF5964;}
.prepared {background-color: var(--dark-blue);}
.soldout {background-color: var(--dark-grey-3);}
.editor-section img {width: 100%;}
.pd-container {padding: 0 1.6rem;}

.special-store-wrap {padding-bottom: 2.6rem;}
.special-store-item {padding: 1.2rem 0;}
.special-store-item .box {display: block;}
.special-store-item .thumb,
.special-store-item .info {float: left;}
.special-store-item .thumb {width: 22%; border-radius: 0.8rem; position: relative; overflow: hidden;}
.special-store-item .thumb-inner {position: relative; padding-bottom: 100%;}
.special-store-item .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.special-store-item .info {width: 78%; padding-left: 1.2rem; position: relative;}
.special-store-item .distance {display: block; font-size: 1.2rem; color: var(--dark-grey-1); position: absolute; top: 0.3rem; right: 0;}
.special-store-item .tit {display: block; padding-right: 5.5rem; font-size: 1.4rem; font-weight: 500; color: var(--dark-grey-1);}
.special-store-item .txt {margin-top: 0.4rem; font-size: 1.2rem; color: var(--dark-grey-2); }

.special-store-goods-list {font-size: 0; margin-top: 1.2rem;}
.special-store-goods-list > li {display: inline-block; width: calc(50% - 0.4rem); min-height: 32.7rem; border-radius: 0.8rem; position: relative; border: 0.1rem solid var(--warm-grey-1); padding: 1.2rem; margin-top: 2rem; vertical-align: top;}
.special-store-goods-list > li:nth-child(-n+2) {margin-top: 0;}
.special-store-goods-list > li:nth-child(2n) {margin-left: 0.8rem;}
.special-goods-wrap {padding-bottom: 3.6rem;}
.special-goods-wrap:last-child {padding-bottom: 0;}
.goods-thumb {border-radius: 0.8rem; overflow: hidden;}
.goods-thumb img {width: 100%;}
.goods-num {margin-top: 0.8rem; font-size: 1.4rem; color: var(--dark-grey-3); font-weight: 400;}
.goods-info {margin: 0.8rem 0; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  height: 4rem;}
.goods-cost {display: block; font-size: 1.4rem; color: var(--dark-grey-3); text-decoration: line-through;}
.goods-sale {display: block; font-size: 1.6rem; font-weight: bold; color: var(--dark-grey-1); line-height: 2.1rem;}
.goods-choice {display: block; font-size: 1.2rem; color: var(--dark-grey-1); text-align: center; border: 0.1rem solid var(--dark-grey-1); border-radius: 0.4rem; height: 3.4rem; line-height: 3.4rem; width: 100%; margin-top: 0.8rem;}
.pb0 {padding-bottom: 0 !important;}
.btn-bot-fix {position: fixed; bottom: 1.2rem;}
.btn-area.btm-fixed-opacity {opacity: 0; z-index: -1;}
.btn-area.btm-fixed-opacity.op1 {opacity: 1; z-index: 10;}
/* //특별전 상세 */

.acc-inner {padding: 1.6rem;}
.acc-tit {font-size: 1.8rem; font-weight: bold; color: var(--dark-grey-1); position: relative;}
.acc-tit.on {background-image: url(/img/nims/cmc/images/icon2/ico_chevron_down_black.svg);}
.btn-acc {display: block; width: 100%; text-align: left;}
.btn-acc::after {content: ''; position: absolute; display: block; width: 2rem; height: 2rem; background-image: url(/img/nims/cmc/images/icon2/ico_chevron_down_black.svg); background-position: center center; background-repeat: no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.2s linear;}
.accordian-box.active .toggle-box {display: block;}
.accordian-box.active .btn-acc::after {transform: translateY(-50%) rotate(180deg);}
.acc-con {margin: 2.4rem 0;}
.acc-con.df-none {display: none;}
.order-goods-list {padding: 2rem 0; border-bottom: 0.1rem solid var(--warm-grey-1);}
.order-goods-list:last-child {border-bottom: none; padding-bottom: 0;}
.order-goods-info {font-size: 1.4rem; color: var(--dark-grey-1); text-align: left;}
.order-goods-pay {text-align: right; margin-top: 0.8rem; font-size: 0; position: relative;}
.order-goods-pay.position-right {text-align: right;}
.order-goods-pay.position-left {text-align: left; position: relative;}
.order-status {font-size: 1.4rem; position: absolute; top: 0; right: 0;}
.order-status.status-dp {color: var(--pink);} /* 입금완료 */
.order-status.status-sp {color: var(--dark-blue);} /* 배송중*/
.order-status.status-dc {color: var(--dark-grey-1);} /* 배송완료 */
.order-status.status-cc {color: var(--dark-grey-1);} /* 취소완료 */
.order-goods-num {font-size: 1.2rem; color: var(--dark-grey-1); padding-right: 0.8rem; position: relative; display: inline-block; vertical-align: baseline;}
.order-goods-num::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 0.1rem; height: 1.2rem; background-color: var(--warm-grey-1);}
.order-goods-cost {font-size: 1.2rem; color: var(--dark-grey-2); padding-left: 0.8rem; text-decoration: line-through; display: inline-block; vertical-align: baseline;}
.order-goods-sale {font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500; padding-left: 0.8rem; display: inline-block; vertical-align: baseline;}
.order-goods-sale span {font-weight: 400;}
.necessary {color: var(--dark-blue); font-weight: bold;}
.order-addr {min-height: 5.2rem; padding: 1.6rem 2rem;}
.order-addr p,
.order-addr span {font-size: 1.4rem;}
.order-goods-pay.position-left .order-goods-cost {padding-left: 0; padding-right: 0.8rem;}
.order-goods-pay.position-left .order-goods-sale {padding-left: 0; padding-right: 0.8rem;}
.order-goods-pay.position-left .order-goods-num {padding-right: 0; padding-left: 0.8rem;}
.order-goods-pay.position-left .order-goods-num::after {left: 0; right: auto;}
.acc-inner .anno-con {font-size: 0; margin-bottom: 0.8rem;}
.acc-inner .anno-con:last-child {margin-bottom: 0;}
.acc-inner .anno-con > * {display: inline-block; vertical-align: top;}
.acc-inner .anno-con span {font-size: 1.4rem; color: var(--dark-grey-2);}
.acc-inner .anno-con em {font-size: 1.4rem; color: var(--dark-grey-1); margin-left: 2.4rem;}
.acc-wrap:last-child .acc-inner {padding-bottom: 0;}
.acc-wrap:last-child .acc-con {margin-bottom: 0;}
.acc-con .address-selectBox button {color: var(--dark-grey-3);}
.address-wrap .frm-inp.inner-btn .btn {position: absolute; top: 4rem; right: 1.2rem;}
.address-info .frm-inp {margin-top: 1.6rem; height: auto;}
.address-info .frm-inp:first-child {margin-top: 0;}
.address-selectBox {margin-top: 2.4rem;}
.address-selectBox > button {font-size: 1.4rem;}
.anno-con.anno-con-flex {display: flex; justify-content: space-between;}
.anno-con.anno-con-flex > * {width: auto;}
.anno-con.sum {margin-top: 1.2rem;}
.anno-con.sum span {font-size: 1.4rem; color: var(--dark-grey-1); font-weight: bold;}
.anno-con.sum em {font-size: 1.6rem; font-weight: bold; color: var(--dark-blue);}
.anno-con.sum em i {font-weight: 500;}
.dl-message-choice {font-size: 1.4rem; color: var(--dark-grey-1); margin: 3.5rem 0 -0.5rem;}
.special .frm-inp.error {height: auto;}
.special .txt-error {position: static !important; margin: 0.8rem 0 2.4rem;}

.store-pay-method {margin-top: 0.8rem; position: relative;}
.store-pay-method .frm-radio {width: 100%;}
.store-pay-method .frm-radio input[type="radio"] + label {width: 100%; padding: 1.6rem 6.8rem 1.6rem 4.8rem; border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem; font-size: 1.4rem; color: var(--dark-grey-1);}
.store-pay-method .frm-radio input[type="radio"] + label::before {left: 1.2rem; top: 50%; transform: translateY(-50%);}
.store-pay-method .frm-radio input[type="radio"]:disabled + label {background: var(--warm-grey-3); color: var(--dark-grey-3);}
.store-pay-method .frm-radio input[type="radio"]:disabled + label::before {background-image: url(/img/nims/cmc/images/icon2/ico_radio_dis.svg);}
.store-pay-method .frm-radio input[type="radio"]:checked + label {border-color: var(--dark-blue);}
.store-pay-method .card-name,
.store-pay-method .card-num {display: inline-block; vertical-align: top;}
.store-pay-method .card-name {max-width: 12.4rem;}
.store-pay-method .card-balance-box {display: block; margin-top: 0.2rem;}
.store-pay-method .btn-card-regist {position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%);}
.store-pay-method .btn-card-regist span {font-size: 1.4rem; color: var(--dark-grey-1); text-decoration: underline;}

.con-box-tit-area .tit.ico-arr {background: url(/img/nims/cmc/images/icon2/ico_arr_b.svg) no-repeat center right / 2rem 2rem; font-size: 1.6rem;}
.con-box.terms-agree {padding-top: 1.8rem;}
.terms-agree .con-box-tit-area {margin-bottom: 1.8rem;}
.special .terms-agree .acc-tit {font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 400; padding: 1.2rem 1.6rem;}
.special .terms-agree .acc-tit::after {right: 1.6rem;}
.btn-wrap-border {border-bottom: 0.1rem solid var(--warm-grey-1); margin: 0 -1.6rem;}
.terms-agree .df-none {display: none;}
.terms-agree-con {padding: 2rem 1.6rem; background-color: var(--warm-grey-3); font-size: 1.4rem; color: var(--dark-grey-2); margin: 0 -1.6rem;}
.payment-consent {font-size: 1.4rem; font-weight: 500; color: var(--dark-grey-1); margin-top: 2.4rem; display: block;}
.payment-notice {font-size: 1.4rem; color: var(--dark-grey-2); padding-left: 1rem; background: url(/img/nims/cmc/images/icon2/ico_square.svg) no-repeat left 1rem / 0.2rem 0.2rem; margin-top: 2.4rem;}
.payment-notice + .payment-notice {margin-top: 0.9rem;}
.terms-agree .btn-area {margin-top: 4.8rem;}
.special .con-box:last-child {padding-bottom: 0;}
.special .textarea-wrap .textarea textarea {font-size: 1.4rem; line-height: 1.7rem;}
.textarea-wrap-rider {margin-top: 1.6rem;}
.terms-agree .con-box-tit-area .tit.ico-arr {text-align: left; display: block; width: 100%;}
.bot-banner-wrap {padding-bottom: 2rem !important;}
.terms-agree .btn-acc::after {background-image: url(/img/nims/cmc/images/icon2/ico_chevron_down_small.svg);}
/* //특별전 주문 결제 */

.complete-mark-wrap {padding: 0 1.6rem 1.6rem;}
.complete-txt {font-size: 1.8rem; font-weight: bold; color: var(--black); text-align: center; padding-top: 12.4rem; background: url(/img/nims/cmc/images/icon/ico_complete.gif) no-repeat top center / 10.4rem 10.4rem; display: block; margin-bottom: 6rem;}
.complete-notice {font-size: 1.4rem; color: var(--dark-grey-1); text-align: center; margin-top: 4rem;}
.order-num {font-size: 0; text-align: center; border-top: 0.1rem solid var(--warm-grey-1); padding-top: 2rem;}
.order-num span {font-size: 1.4rem; color: var(--dark-grey-3); display: inline-block;}
.order-num em {font-size: 1.4rem; color: var(--dark-grey-1); display: inline-block; margin-left: 1.2rem; font-weight: 500;}
.order-info-wrap {display: flex; justify-content: space-between; align-items: center;}
.order-info-inner {display: flex; align-items: center; width: 100%; font-size: 0;}
.order-store-thumb {display: inline-block; width: 4.8rem; height: 4.8rem; border-radius: 50%; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 4.8rem 4.8rem;}
.order-store-name {width: calc(100% - 7.4rem); font-size: 1.6rem; font-weight: bold; color: var(--black); margin-left: 1.6rem; vertical-align: middle;}
.order-store-num {width: 2.8rem; height: 2.8rem; background: url(/img/nims/cmc/images/icon2/ico_tel.svg) no-repeat center center / 2.8rem 2.8rem;}
.order-complete .order-goods-list:last-child {padding-bottom: 2rem;}
/* .order-complete .complete-txt {margin-bottom: 0;} */
.order-complete .complete-notice {margin: 2rem 0 4rem;}
.dl-fee {margin-top: 2rem; font-size: 1.4rem; color: var(--dark-grey-2); position: relative;}
.dl-fee span {font-size: 1.4rem; color: var(--dark-grey-1); position: absolute; top: 0; right: 0;}
.detail-box-wrap .anno-con:last-child {margin-bottom: 0;}
.job-detail-wrap .btn-area {margin-top: 3.2rem;}
.pb0 {padding-bottom: 0 !important;}
.detail-box-wrap.detail-box-border {padding-bottom: 2rem; border-bottom: 0.1rem solid var(--warm-grey-1);}
.final-paymenr {position: relative; font-size: 1.4rem; font-weight: bold; color: var(--dark-grey-1); margin-top: 2rem;}
.final-paymenr span {position: absolute; top: 0; right: 0; font-size: 1.6rem; color: var(--dark-grey-1); font-weight: bold;}
.final-paymenr span em {font-weight: 500;}
.inner {padding: 0 1.6rem;}
/* //특별전 주문 완료 */

.order-num.order-num-center {padding: 0 1.6rem 1.6rem; text-align: left; border-top: none;}
.order-cancel-notice {font-size: 1.4rem; color: var(--dark-grey-3); padding: 3.2rem 1.6rem 2rem;}
/* //특별전 주문 상세 */

.special-choice-wrap {margin-top: 1rem;}
.btm-layer-pop h2 + p.special-choice-ment {margin-bottom: 1.4rem; font-size: 1.4rem; color: var(--pink);}
.accordian-option-box {margin-top: 1.6rem; border: 0.1rem solid var(--dark-grey-1); border-radius: 0.8rem; overflow: hidden;}
.accordian-option-box:first-child {margin-top: 0;}
.accordian-option-box .btn-acc {display: block; width: 100%; padding: 1.6rem 4.8rem 1.6rem 2rem; font-size: 1.4rem; color: var(--dark-grey-1); text-align: left; position: relative;}
.accordian-option-box .btn-acc.bold {font-weight: 500;}
.accordian-option-box .btn-acc::after {display: none;}
.accordian-option-box .btn-acc::before {content: ''; display: block; width: 2rem; height: 2rem; background-image: url(/img/nims/cmc/images/icon2/ico_chevron_down_black.svg); background-position: center center; background-size: 2rem 2rem; background-repeat: no-repeat; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); transition: transform 0.2s linear;}
.accordian-option-box .opt-acc-box {display: none; border-top: 0.1rem solid var(--dark-grey-1);}
.accordian-option-box .opt-acc-box.scroll {overflow-y: auto;}
.accordian-option-box .opt-item {border-top: 0.1rem solid var(--warm-grey-1);}
.accordian-option-box .opt-item:first-child {border-top: none;}
.accordian-option-box .opt-btn {display: block; width: 100%; padding: 1.5rem 2rem; font-size: 1.4rem; color: var(--dark-grey-1); text-align: left;}
.accordian-option-box  .opt-item .name {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 400;}
.accordian-option-box.disabled {border-color: var(--warm-grey-1);}
.accordian-option-box .btn-acc:disabled {color: var(--dark-grey-3);}
.accordian-option-box .btn-acc:disabled::before {background-image: url(/img/nims/cmc/images/icon2/ico_chevron_grey.svg);}
.accordian-option-box .btn-acc.active::before {transform:translateY(-50%) rotate(180deg);}

.accordian-option-box .opt-item.soldout {background: var(--warm-grey-3);}
.accordian-option-box .opt-item.soldout .name,
.accordian-option-box .opt-item.soldout .order-goods-cost,
.accordian-option-box .opt-item.soldout .order-goods-sale {color: var(--dark-grey-3);}
.accordian-option-box .opt-item.soldout .txt-soldout {font-size: 1.4rem; color: var(--dark-grey-3); position: absolute; left: 0; top: 0;}

.special-prd-item {margin-top: 1.6rem; padding: 1.6rem 2rem; border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem; position: relative;}
.special-prd-item .prd-name {display: block; padding-right: 3rem; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 400;}
.special-prd-item .prd-info {display: flex; justify-content: space-between; margin-top: 1.6rem;}
.special-prd-item .prd-info .cnt-box {border: 0.1rem solid var(--warm-grey-1); border-radius: 0.4rem; font-size: 0;}
.special-prd-item .cnt-box .btn-cnt,
.special-prd-item .cnt-box .inp-cnt {display: inline-block; vertical-align: top;}
.special-prd-item .cnt-box .inp-cnt {width: 2.5rem; height: 2rem; margin: 0.6rem 0.4rem; padding: 0; border: none; font-size: 1.4rem; color: var(--dark-grey-1); text-align: center;}
.special-prd-item .cnt-box .btn-cnt {width: 2.6rem; height: 3.2rem; background-size: 1.6rem 1.6rem; background-repeat: no-repeat;}
.special-prd-item .cnt-box .btn-minus {background-image: url(/img/nims/cmc/images/icon2/ico_minus.svg); background-position: 1rem 0.8rem;}
.special-prd-item .cnt-box .btn-plus {background-image: url(/img/nims/cmc/images/icon2/ico_plus.svg); background-position: right 1rem top 0.8rem;}
.special-prd-item .cnt-box .btn-minus:disabled {background-image: url(/img/nims/cmc/images/icon2/ico_minus_disabled.svg);}
.special-prd-item .cnt-box .btn-plus:disabled {background-image: url(/img/nims/cmc/images/icon2/ico_plus_disabled.svg);}
.special-prd-item .order-goods-pay {margin-top: 1.2rem; font-size: 0;}
.special-prd-item .btn-delete {width: 2rem; height: 2rem; background: url(/img/nims/cmc/images/icon/ico_close_s.svg) center center/2rem 2rem no-repeat; position: absolute; right: 1.6rem; top: 1.6rem;}
.special-total-info {width: 100%; padding: 2rem 2.4rem 0.8rem; background: var(--white); box-shadow: 0 -0.5rem 0.8rem 0 rgba(0, 0, 0, 0.1); position: fixed; left: 0; bottom: 7.8rem; z-index: 11;
    bottom: calc(constant(safe-area-inset-bottom) + 7.8rem);
    bottom: calc(env(safe-area-inset-bottom) + 7.8rem);
}
.special-total-info .price-info,
.special-total-info .delivery-info {display: flex; justify-content: space-between;}
.special-total-info .delivery-info {margin-top: 0.8rem;}
.special-total-info .txt {font-size: 1.4rem; color: var( --dark-grey-2);}
.special-total-info .price-info .price {display: block; font-size: 1.8rem; color: var(--dark-blue); font-weight: 700; text-align: right;}
.special-total-info .price-info .price span {font-weight: 500;}
.special-total-info .delivery-info .delivery {display: block; font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 700; text-align: right;}
.special-total-info .delivery-info .delivery span {display: block; margin-top: 0.8rem; font-size: 1.2rem; color: var( --dark-grey-2); font-weight: 400;}
.layer-prd-choice-buy .btm-layer-contents {padding-bottom: 23rem !important;}
.layer-prd-choice-buy .btn-area.btm-fixed.scroll {box-shadow: none;}

.order-list .top-bg-gray:nth-of-type(1) {margin-top: 0;}
.order-list .top-bg-gray:nth-of-type(1)::before {display: none;}
.order-link-box  {padding: 1.6rem 0; font-size: 0; position: relative;}
.order-link-box::before {content: ''; display: block; width: calc(100% + 3.2rem); height: 0.1rem; background: var(--warm-grey-1); position: absolute; left: -1.6rem; bottom: 0;}
.order-link-box .order-txt,
.order-link-box .order-link {display: inline-block; font-size: 1.4rem; vertical-align: top;}
.order-link-box .order-txt {width: 5.2rem; color: var(--dark-grey-3);}
.order-link-box .order-link {width: calc(100% - 6.4rem); margin-left: 1.2rem; padding-right: 2rem; color: var(--dark-grey-1); font-weight: 500; position: relative;}
.order-link-box .order-link::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(/img/nims/cmc/images/icon/ico_arrow_s.svg) center center/2rem 2rem no-repeat; position: absolute; right: 0; top: 0;}
.order-info-list {margin-top: 1.6rem;}
/* // 특별전 */

/* 샵 개설 */
.open-shop-info {padding-bottom: 3rem;}
.open-pr {margin-top: 1.8rem; padding: 61.1111% 1.6rem 4.8rem; background: url(/img/nims/cmc/images/bg/bg_shop-open.png) left top/100% auto no-repeat;}
.open-pr h2 {margin-top: 4rem; font-size: 1.8rem; color: var(--dark-grey-1); font-weight: 700;}
.open-pr-list {margin-top: 1.9rem;}
.open-pr-item {margin-top: 1.6rem; padding: 13.2rem 1rem 2.8rem; background-position: center 3.2rem; background-size: auto 8rem; background-repeat: no-repeat; border-radius: 1.6rem; box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.1); text-align: center;}
.open-pr-item:nth-child(1) {background-image: url(/img/nims/cmc/images/icon2/ico_open01.svg);}
.open-pr-item:nth-child(2) {background-image: url(/img/nims/cmc/images/icon2/ico_open02.svg);}
.open-pr-item:nth-child(3) {background-image: url(/img/nims/cmc/images/icon2/ico_open03.svg);}
.open-pr-item .tit {display: block; font-size: 1.6rem; color: var(--dark-grey-1); font-weight: 500;}
.open-pr-item .tit span {color: var(--dark-blue);}
.open-pr-item .bullet-list {display: inline-block; margin-top: 1.2rem; text-align: left;}
.open-pr-item .bullet-list li {margin-top: 0.2rem;}
.open-info {padding: 3.2rem 1.6rem 4rem; background: #f9f9f9;}
.open-info .tit {font-size: 1.4rem; color: var(--dark-grey-1); font-weight: 500;}
.open-info  .bullet-list li {margin-top: 0.8rem;}
.open-info  .bullet-list li:first-child {margin-top: 0.4rem;}
.open-info  .bullet-list span {display: block; color: var(--dark-grey-1); font-weight: 500;}
.open-info  .bullet-list a {color: var(--dark-blue); text-decoration: underline;}

.shop-open-step {padding-bottom: 5.8rem;}
.step-wrap {margin-top: 2.4rem;}
.step-area {padding: 0 1.6rem 3.2rem; font-size: 0; text-align: center;}
.step-area .num {display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; margin-left: 6.8rem; background: var(--warm-grey-3); border-radius: 50%; font-size: 1.6rem; color: #ccc; font-weight: 500; position: relative;}
.step-area .num:first-child {margin-left: 0;}
.step-area .num::before {content: ''; display: block; width: 2.8rem; height: 0.4rem; background: url(/img/nims/cmc/images/icon2/ico_step_dotted.svg) center center/2.8rem 0.4rem no-repeat; position: absolute; left: -4.8rem; top: 50%; transform: translateY(-50%);}
.step-area .num:first-child::before {display: none;}
.step-area .num.on {background: var(--dark-blue); color: var(--white);}
.step-tit {padding: 0 1.6rem 1.6rem;}
.step-tit .tit {font-size: 1.6rem; color: var(--dark-grey-1); font-weight: 700;}
.step-tit .tit span {display: inline-block; margin-right: 1.2rem; color: var(--dark-blue);}

.shop-open-frm {padding: 0 1.6rem;}
.shop-open-frm .agree-wrap {padding-top: 0; padding-bottom: 0; border-top: none;}
.shop-open-frm .agree-wrap > div .frm-check input[type="checkbox"] + label {color: var(--dark-grey-1);}
.shop-open-frm .agree-wrap > div .btn-agree-list {width: 3.4rem; height: 3.4rem; background: url(/img/nims/cmc/images/icon2/ico_arr_b.svg) center center/2rem 2rem no-repeat; top: 0;}

.shop-open-frm .selectBox > button,
.shop-open-frm .btn-frm-sel {display: block; width: 100%; height: 5.2rem; padding: 0 2rem; background: var(--white); border: 0.1rem solid var(--warm-grey-1); border-radius: 0.8rem; font-size: 1.4rem; color:  var(--dark-grey-1); text-align: left; position: relative;}
.shop-open-frm .selectBox > button::after,
.shop-open-frm .btn-frm-sel::after {content: ''; width: 2rem; height: 2rem; background: url(/img/nims/cmc/images/icon/ico_chevron.svg) no-repeat center center; background-size: 2rem 2rem; position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%);}
.shop-open-frm .btn-frm-sel:disabled {background: var(--warm-grey-3); color: var(--dark-grey-3);}
.shop-open-frm .btn-frm-sel:disabled::after {display: none;}
.shop-open-frm .btn-shop-num-box {position: absolute; right: 0; top: 0;}
.shop-open-frm .btn-shop-num {display: none; font-size: 1.4rem; color: var( --dark-grey-2); text-decoration: underline;}
.shop-open-frm .btn-shop-num.active {display: block;}
.shop-open-frm .bullet-list {margin-top: 2.8rem; padding-bottom: 4.8rem;}
.shop-open-frm .bullet-list li {margin-top: 0.8rem;}
.shop-open-frm .bullet-list li:first-child  {margin-top: 0.2rem;}
.shop-open-frm .bullet-list a {color: var(--dark-blue); text-decoration: underline;}
.shop-open-frm .frm-inp {height: auto;}
.shop-open-frm .frm-inp-btn-box .btn-inp-del {top: 2.8rem;}
.shop-open-frm .frm-inp-btn-box .btn-sch {width: 6.8rem; height: 5.2rem; margin-left: 1.6rem; background: var(--dark-grey-1); border-radius: 0.8rem; font-size: 1.4rem; color: var(--white); position: absolute; right: 0; bottom: 0;}
.shop-open-frm .frm-inp.no-tit .btn-inp-del {top: 0.1rem;}
.shop-open-frm .frm-inp-btn-box input {width: calc(100% - 8.4rem)}
.shop-open-frm .frm-inp-btn-box .btn-inp-del {right: 8.5rem;}
.shop-num-box {display: none;}
.shop-num-box .frm-inp-box input {width: calc(100% - 8.4rem);}
.shop-num-box.active {display: block;}
.shop-open-frm .address-wrap .frm-inp.inner-btn input[type="text"] {padding-right: 10.4rem;}
.shop-open-frm .address-wrap .btn.small span {font-size: 1.4rem;}
.info-txt-area {padding-bottom: 2.8rem; font-size: 1.4rem; color: var(--dark-grey-1);}
.shop-open-frm .addr-txt-v2 {min-height: 5.2rem; margin-top: 0; padding: 1.6rem 10.4rem 1.6rem 2rem; position: relative;}
.shop-open-frm .addr-txt-v2 p,
.shop-open-frm .addr-txt-v2 span {font-size: 1.4rem;}
.shop-open-frm .addr-txt-v2 .btn {position: absolute; right: 1.2rem; top: 1.2rem;}

.layer-staff-sch .btm-layer-contents {overflow: hidden;}
.staff-sch-wrap .frm-inp {height: auto;}
.staff-sch-wrap .frm-inp-btn-box input {width: calc(100% - 8.4rem);}
.staff-sch-wrap .frm-inp-btn-box .btn-inp-del {top: 2.8rem; right: 8.5rem;}
.staff-sch-wrap .frm-inp-btn-box .btn-sch {width: 6.8rem; height: 5.2rem; margin-left: 1.6rem; background: var(--dark-grey-1); border-radius: 0.8rem; font-size: 1.4rem; color: var(--white); position: absolute; right: 0; bottom: 0;}
.staff-sch-result {max-height: calc(80vh - 18.7rem); margin-top: 2.4rem; padding-bottom: 2.4rem; overflow-y: auto;}
.staff-sch-result .radio-wrap .frm-radio {margin-top: 2.2rem;}
.staff-sch-result .radio-wrap .frm-radio:first-child {margin-top: 0;}
.open-shop-info .complete-mark-wrap {padding: 2.4rem 0 6rem;}
.open-shop-info .complete-txt {margin-bottom: 0;}
.open-shop-info .complete-guide {margin-top: 0.7rem; font-size: 1.4rem; color: var(--pink); font-weight: 500; text-align: center;}
.open-shop-guide {padding: 0; text-align: center;}
.open-shop-guide .guide-box strong {font-size: 2.4rem; color: var(--black); font-weight: 700;}
.open-shop-guide .guide-box p {margin-top: 0.7rem; font-size: 1.4rem; color: var(--dark-grey-2);}
.open-shop-guide .guide-box img {max-width: 100%;}
/* // 샵 개설 */

/* 특별전-픽업 */
.ellipsis2 {display:-webkit-box; width: 100%; font-weight: 400; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#ui-datepicker-div {position: fixed !important; z-index: 200 !important;}
.special-day-inp-area .calendar-inp-area .frm-inp {width: 100%; height: auto;}
.special-day-inp-area .calendar-inp-area .ui-datepicker-trigger {top: auto; transform: translateY(0); bottom: 0.8rem;}
.special-day-inp-area .selectBox button {font-size: 1.4rem; color: var(--dark-grey-1);}
.sh-store-location-wrap {margin-top: 1.6rem;}
.sh-store-location-wrap .store-location {margin: 1.6rem 0 0; padding: 0 6rem 0.1rem 0; position: relative;}
.sh-store-location-wrap .store-location button {position: absolute; top: 0; right: 0; color: var(--dark-blue); border-bottom: 0.1rem solid var(--dark-blue); font-size: 1.4rem;}
.sh-store-location-wrap .store-distance {font-size: 1.4rem; color: var(--pink); margin-top: 0.8rem;}
.store-btn-area {font-size: 0; margin: 1.6rem 0 2rem;}
.store-btn-area > a {display: inline-block; width: calc(50% - 0.4rem); border: 0.1rem solid var(--warm-grey-1); text-align: center; border-radius: 0.8rem; padding: 1.1rem 0;}
.store-btn-area > a span {font-size: 1.4rem; color: var(--dark-grey-1); padding-left: 2.8rem; background-repeat: no-repeat; background-position: center left; padding: 0.5em 0 0.5rem 2.8rem;}
.store-btn-area .store-num span {background-image: url(/img/nims/cmc/images/icon2/ico_tel.svg);}
.store-btn-area .store-direction span {background-image: url(/img/nims/cmc/images/icon2/ico_my_location.svg);}
.store-btn-area .store-direction {margin-left: 0.8rem;}
.time-picker {position:relative;overflow:hidden;background:#fff}
.time-picker:before {content:''; position:absolute; top:0; left:0; width:100%; height:3.0rem; z-index:2; background:linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.5))}
.time-picker:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3.0rem; z-index:2; background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.9))}
.time-picker .swiper-container {float: left;width:33.3%;min-height:21.0rem;max-height:21.0rem;}
.time-picker .swiper-container.hours::after {content: ':'; display: block; font-size: 2.4rem; line-height: 4.2rem; color: var(--dark-grey-1); position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.time-picker .swiper-slide {display:flex;text-align:center;font-size:2.0rem;line-height:4.2rem;color:var(--dark-grey-3);opacity:0.4;justify-content:center;align-items:center;user-select:none;cursor:default;-webkit-tap-highlight-color:transparent;}
.time-picker .swiper-slide-active {font-size:2.4rem;color:var(--dark-grey-1);opacity:1}
.time-picker .swiper-slide-prev, .time-picker .swiper-slide-next {cursor:pointer;opacity:.8}
.time-picker .vizor {position:absolute;top:50%;left:0;width:100%;height:3.8rem;border-radius:0.6rem;background:var(--warm-grey-3);transform:translateY(-50%)}
.detail-pickup-wrap .anno-con span {width: 9rem;}
.detail-pickup-wrap .anno-con em {width: calc(100% - 11.6rem);}
.layer-prd-choice-buy .btm-layer-contents.pb-control {padding-bottom: 18rem !important;}
/* // 특별전-픽업 */

/* 선택된 필터 있을 경우 백그라운드 변경처리 */
.filter.shp_active {background-image: url(/img/nims/icon/ico_filter_bl.svg);}

/* 풀팝업 관련 */
.layer-popup.full.v2 h2 {padding: 0 1.6rem;}
.layer-popup.full.v2 .layer-contents {padding-top: 0; padding-left: 0; padding-right: 0;}
.layer-popup.full.v2 .layer-contents.btm-btn-fixed.v2 {padding-bottom: 17.8rem;}
.layer-popup.full.v2 .layer-contents.btm-btn-fixed.v3 {padding-bottom: 28.8rem;}
/* // 풀팝업 관련 */

/* 결과없음 가운데 정렬  */
.no-list {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.no-list p {font-size: 1.4rem; color: var(--dark-grey-1); padding-top: 9rem; background: url(/img/nims/cmc/images/icon2/ico_ex_mark.svg) no-repeat top center / 7rem 7rem;}
.shop-category-search-wrap .no-list {margin: 7rem 0 2.2rem;}
.shop-category-search-wrap .no-list + .bot-banner {margin-top: 7rem;}
.store-pay-wrap .no-list {margin-top: 1.6rem;}
.staff-sch-result .no-list {margin: 3.5rem 0 0.6rem;}
.coupon-list-wrap .no-list {margin: 4.6rem 0 2.2rem;}
.coupon-list-wrap .no-list + .coupon-banner-birthday {margin-top: 7rem;}
.event-list .no-list {height: calc(100vh - 20.2rem); margin-top: 4.8rem;}
.posting-result-wrap .no-list  {height: calc(100vh - 38.4rem); margin-top: 4.4rem;}
/* // 결과없음 가운데 정렬  */

/* 팝업 -> 페이지 전환 */
#contents .layer-staff-sch {padding: 0 1.6rem;}
#contents .staff-sch-result {max-height: calc(100vh - 23.4rem);}
#contents .staff-sch-result .no-list {height: calc(100vh - 31.4rem); margin: 0; margin-top: 2.4rem;}
/* // 팝업 -> 페이지 전환 */

.step #container{
    padding:0 1.6rem;
    padding:0 1.6rem calc(constant(safe-area-inset-bottom));
    padding:0 1.6rem calc(env(safe-area-inset-bottom));
}