.bgGray { background-color: #f5f6f2; }

.smallBtn { padding: 1.07vw 2.40vw; font-size: 2.80vw; font-weight: 500; color: #fff; background-color: #778acf ; border-radius: 0.67vw; }

.bold { font-weight: 700 !important; }

.bgLine { border-bottom: 1.33vw solid #e4e4e3 !important; }

.contents .inner { padding: 0 5.33vw; }

.reviewStar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.reviewStar li + li { margin-left: 2.93vw; }

.reviewStar li a { display: inline-block; width: 9.87vw; height: 9.47vw; background: url("../img/icon/ico_star2_off.png") no-repeat center/100% auto; }

.reviewStar li.on a { background-image: url("../img/icon/ico_star2_on.png"); }

.file { display: inline-block; width: 9.33vw; height: 9.33vw; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.file input[type="file"] ~ .icoFile { display: inline-block; width: 100%; height: 100%; background: url("../img/icon/ico_attachment_off.png") no-repeat center/100% auto; }

.file input[type="file"]:focus ~ .icoFile { background-image: url("../img/icon/ico_attachment_on.png"); }

.write dd { position: relative; }

.write dd .file { position: absolute; right: 2.67vw; bottom: 3.33vw; }

.picture ul { overflow-x: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; }

.picture li { position: relative; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 26.67vw; flex: 1 0 26.67vw; height: 26.67vw; border-radius: 2.00vw; }

.picture li + li { margin-left: 4.80vw; }

.picture li::before { content: ''; display: block; width: 100%; paddint-top: 100%; }

.picture li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.form dl { padding: 4.67vw 5.33vw 4.00vw; border-bottom: 1.33vw solid #e4e4e3; }

.form dl:last-of-type { border-bottom: none; }

.form dl > dt { margin-bottom: 2.67vw; font-size: 3.60vw; font-weight: 700; color: #2a3412; }

.form .bgBtn { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form .bgBtn li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.form .bgBtn li + li { margin-left: 1.33vw; }

.form .bgBtn.column li + li { margin-left: 3.73vw; }

.form .bgBtn li a { display: inline-block; padding: 2.67vw 0; width: 100%; font-size: 3.33vw; font-weight: 500; color: #6b725b; text-align: center; background-color: #fff; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.form .bgBtn li.on a { color: #fff; background-color: #778acf ; }

.form .inputCon li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.form .inputCon li + li { margin-top: 2.27vw; }

.form .inputCon li .tit { width: 26%; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.form .inputCon li input { padding: 0 2.67vw; width: 100%; height: 6.67vw; border: 0.13vw solid #000; border-radius: 1.33vw; }

.form .inputCon li input::-webkit-input-placeholder { font-size: 2.53vw; font-weight: 500; color: #6b725b; }

.form .inputCon li input::-moz-placeholder { font-size: 2.53vw; font-weight: 500; color: #6b725b; }

.form .inputCon li input:-ms-input-placeholder { font-size: 2.53vw; font-weight: 500; color: #6b725b; }

.form .inputCon li input::-ms-input-placeholder { font-size: 2.53vw; font-weight: 500; color: #6b725b; }

.form .inputCon li input::placeholder { font-size: 2.53vw; font-weight: 500; color: #6b725b; }

.form input[type="text"] { padding: 0 2.67vw; width: 100%; height: 6.67vw; border: 0.13vw solid #000; border-radius: 1.33vw; }

.form .fileAttach li .tit { margin-right: 1.87vw; width: auto; }

.form .fileAttach li input[type="text"]:nth-of-type(1) { width: 43%; }

.form .fileAttach li input[type="text"]:nth-of-type(2) { width: 41%; }

.form .fileAttach li label.file { width: 6.80vw; height: 6.80vw; border-radius: 1.33vw; }

.form textarea { padding: 4vw; width: 100%; height: 66.67vw; font-size: 2.50vw; font-weight: 500; border: 0.27vw solid #000; border-radius: 2vw; }

.form .toggle-chk { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.form .toggle-chk dt { margin-right: 2.67vw; }

.form .toggle-chk dd { margin-left: auto; }

.form .toggle-chk .info { position: absolute; top: 13.60vw; margin-left: -5.33vw; padding: 3.47vw 5.33vw; width: 100%; background-color: #f5f6f2; }

.form .toggle-chk .info p { margin-bottom: 2.67vw; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.form .toggle-chk .info .list li { font-size: 2.53vw; font-weight: 500; color: #000; line-height: 1.5; }

.form .switch input[type="checkbox"] ~ .slider { position: relative; display: inline-block; padding: 0.40vw; width: 13.33vw; height: 3.73vw; border-radius: 1.87vw; background-color: #c9c9c7; }

.form .switch input[type="checkbox"] ~ .slider::after { content: ''; position: absolute; left: 0.40vw; width: 2.93vw; height: 2.93vw; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); -webkit-transition: 0.4s; transition: 0.4s; }

.form .switch input[type="checkbox"]:checked ~ .slider { background-color: #409aff; }

.form .switch input[type="checkbox"]:checked ~ .slider::after { -webkit-transform: translateX(9.6vw); -ms-transform: translateX(9.6vw); transform: translateX(9.6vw); }

.form .infoCon dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.form .info { margin-left: -5.33vw; padding: 0 5.33vw 3.47vw; width: calc(100% + 10.66vw); }

.form .info p { margin-bottom: 2.67vw; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.form .info .list li { font-size: 2.53vw; font-weight: 500; color: #000; line-height: 1.5; }

.form .info .list.dot li { position: relative; padding-left: 2.67vw; }

.form .info .list.dot li::before { content: '*'; position: absolute; left: 0; }

.form .refundAccount dd { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form .refundAccount .bank-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2.4%; width: 24%; height: 6.67vw; font-size: 3.07vw; font-weight: 500; color: #6b725b; background-color: #e8f2cf; border-radius: 1.33vw; }

.form .refundAccount input[type="text"] { width: 73.6%; }

.myMarket .inner > .txtCon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6.67vw 0 10.67vw; }

.myMarket .inner > .txtCon p { font-size: 6.67vw; font-weight: 700; color: #6b725b; }

.myMarket .inner > .txtCon .name { color: #2a3412; }

.myMarket .logout { margin-left: auto; font-size: 3.33vw; font-weight: 700; color: #778acf; }

.myMarket .logout::before { content: ''; display: block; margin: 0 auto 2.67vw; width: 7.73vw; height: 10.93vw; background: url("../img/icon/ico_logout.png") no-repeat center/100% auto; }

.myMarket .menuList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4.27vw 2.67vw; background-color: #fcfcfb; border-radius: 2.67vw; -webkit-box-shadow: 0.2vw 0.13vw 0.53vw 0.02vw rgba(0, 0, 0, 0.1); box-shadow: 0.2vw 0.13vw 0.53vw 0.02vw rgba(0, 0, 0, 0.1); }

.myMarket .menuList li { width: 25%; text-align: center; }

.myMarket .menuList li a { display: inline-block; width: 100%; font-size: 3.20vw; color: #2a3412; font-weight: 500; text-align: center; }

.myMarket .menuList li:nth-child(1) a::before { content: ''; display: block; margin: 0 auto 1.33vw; width: 9.87vw; height: 9.33vw; background: url("../img/icon/ico_menu_order.png") center/100% auto; }

.myMarket .menuList li:nth-child(2) a::before { content: ''; display: block; margin: 0 auto 1.33vw; width: 9.87vw; height: 9.33vw; background: url("../img/icon/ico_menu_coupon.png") center/100% auto; }

.myMarket .menuList li:nth-child(3) a::before { content: ''; display: block; margin: 0 auto 1.33vw; width: 9.87vw; height: 9.33vw; background: url("../img/icon/ico_menu_review.png") center/100% auto; }

.myMarket .menuList li:nth-child(4) a::before { content: ''; display: block; margin: 0 auto 1.33vw; width: 9.87vw; height: 9.33vw; background: url("../img/icon/ico_menu_favorite.png") center/100% auto; }

.myMarket .menuList2 { margin: 3.33vw 0 17.33vw; padding: 2.67vw 5.33vw 5.33vw; background-color: #fcfcfb; border-radius: 2.67vw; -webkit-box-shadow: 0.2vw 0.13vw 0.53vw 0.02vw rgba(0, 0, 0, 0.1); box-shadow: 0.2vw 0.13vw 0.53vw 0.02vw rgba(0, 0, 0, 0.1); }

.myMarket .menuList2 li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.67vw 0; width: 100%; font-size: 3.20vw; color: #2a3412; font-weight: 500; }

.myMarket .menuList2 li a::after { content: ''; display: inline-block; margin-left: auto; width: 3.07vw; height: 3.07vw; background: url("../img/icon/ico_arrow_more.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(1) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_sale.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(2) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_notice.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(3) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_address.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(4) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_inquiry.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(5) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_service.png") no-repeat center/100% auto; }

.myMarket .menuList2 li:nth-child(6) a::before { content: ''; display: inline-block; margin-right: 3.47vw; width: 6.40vw; height: 6.40vw; background: url("../img/icon/ico_menu2_exchange.png") no-repeat center/100% auto; }

.boxList .calender { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -5.33vw; padding: 3.20vw 5.33vw; width: calc(100% + 10.67vw); border-bottom: 0.27vw solid #aaa; }

.boxList .calender .date { font-size: 4.00vw; font-weight: 500; color: #2a3412; }

.boxList .calender .date::before { content: ''; display: inline-block; margin: -0.80vw 1.73vw 0 0; width: 4.40vw; height: 4.40vw; vertical-align: middle; background: url("../img/icon/ico_calender.png") no-repeat center/100% auto; }

.boxList .calender .date .cal_date{ width: 23.44vw; }

.boxList .calender .smallBtn { margin-left: auto; }

.boxList .register { font-size: 4.00vw; font-weight: 500; color: #2a3412; }

.boxList .register::before { content: ''; display: inline-block; margin: -0.93vw 1.07vw 0 0; width: 5.60vw; height: 4.40vw; vertical-align: middle; background: url("../img/icon/ico_register.png") no-repeat center/100% auto; }

.boxList .list li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.67vw; padding: 4.80vw 5.33vw; background-color: #fcfcfb; border-radius: 2.67vw; -webkit-box-shadow: 0.13vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.1); box-shadow: 0.13vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.1); }

.boxList .list .imgCon { position: relative; overflow: hidden; width: 13.33vw; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.boxList .list .imgCon::before { content: ''; display: block; width: 100%; padding-top: 100%; }

.boxList .list .imgCon img { position: absolute; top: 0; }

.boxList .list .imgCon .tag { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; font-size: 3.33vw; font-weight: 500; color: #fff; }

.boxList .list .imgCon .tag::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #c79e62; opacity: 0.5; z-index: -1; }

.boxList .list .imgCon .tag.complete::after { background-color: #000; }

.boxList .list .txtCon { margin-left: 4.67vw; width: 41%; font-weight: 500; color: #2a3412; }

.boxList .list .txtCon small { font-size: 2.27vw; }

.boxList .list .txtCon small::before { content: ''; display: inline-block; margin: -0.53vw 1.33vw 0 0; width: 3.33vw; height: 2.00vw; vertical-align: middle; background: url("../img/icon/ico_small_coupon.png") no-repeat center/100% auto; }

.boxList .list .txtCon .tit { font-size: 3.33vw; line-height: 1; }

.boxList .list .txtCon .coupon { margin-top: 3.20vw; font-size: 3.00vw; }

.boxList .list .txtCon .coupon .num { display: inline-block; margin-left: 1.60vw; }

.boxList .list .line::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.53vw; height: 20.80vw; vertical-align: middle; background: url("../img/content/coupon_dotline.png") no-repeat center/100% auto; }

.boxList .list .tag { margin-left: auto; }

.boxList .list .tag .confirm { display: inline-block; margin-left: 4.27vw; padding: 1.20vw 2.00vw; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-size: 2.53vw; font-weight: 500; color: #fff; background-color: #9fc743; border-radius: 1.33vw; }

.boxList .validity { margin-left: auto; width: 24%; }

.boxList .validity p { margin-left: 4.67vw; font-size: 2.27vw; font-weight: 500; color: #2a3412; text-align: center; }

.boxList .validity .period { display: inline-block; width: 100%; }

.boxList.style2 .list li { display: block; padding: 0; }

.boxList.style2 .list li.on { background-color: #c9c9c7; }

.boxList.style2 .list li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4.00vw; }

.boxList.style2 .list li a::after { content: ''; position: absolute; right: 4.00vw; width: 3.07vw; height: 3.07vw; background: url("../img/icon/ico_arrow_more.png") no-repeat center/100% auto; }

.boxList.style2 .list .imgCon { width: 15.33vw; }

.boxList.style2 .list li .txtCon { width: 66%; }

.boxList .noList { margin-top: 33%; font-size: 3.33vw; font-weight: 500; color: #2a3412; text-align: center; }

.boxList .noList::before { content: ''; display: block; margin: 0 auto 5.33vw; width: 46.53vw; height: 27.60vw; vertical-align: middle; background: url("../img/icon/ico_nocoupon.png") no-repeat center/100% auto; }

.boxList .noExchangeList { margin-top: 33%; font-size: 3.33vw; font-weight: 500; color: #2a3412; text-align: center; }

.boxList .noExchangeList::before { content: ''; display: block; margin: 0 auto 5.33vw; width: 28.80vw; height: 28.80vw; vertical-align: middle; background: url("../img/icon/ico_noExchange.png") no-repeat center/100% auto; }

.noticeList > li a { position: relative; display: inline-block; /*padding: 6.93vw 0;*/ padding: 6vw 0; width: 100%; font-size: 3.33vw; font-weight: 500; color: #2a3412; border-bottom: 0.13vw solid #aaa; }

.noticeList > li a::after { content: ''; position: absolute; top: 50%; right: 2.67vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.07vw; height: 3.07vw; background: url("../img/icon/ico_arrow_more.png") no-repeat center/100% auto; }

.noticeView { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.noticeView .titCon { margin: 4.93vw 0; }

.serviceList li { border-top: 1.33vw solid #e4e4e3; }

.serviceList dl { padding: 4.67vw 5.33vw; }

.serviceList dt { font-size: 3.60vw; font-weight: 700; color: #2a3412; }

.serviceList dt::after { content: ''; display: block; margin: 3.47vw 0; width: 100%; height: 0.13vw; background-color: #aaa; }

.serviceList dd { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.serviceList dd .call { color: #6565de; text-decoration: underline; }

.reviewList { margin-left: -5.33vw; width: calc(100% + 10.67vw); }

.reviewList > li { padding: 4.67vw 5.33vw 5.33vw; border-top: 1.33vw solid #e4e4e3; }

.reviewList li .detail { padding: 3.20vw 3.20vw 5.33vw 3.20vw; background-color: #fcfcfb; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.reviewList li .detail .productInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.reviewList li .detail .productInfo .imgCon { position: relative; overflow: hidden; width: 11.20vw; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.reviewList li .detail .productInfo .imgCon::before { content: ''; display: block; width: 100%; padding-top: 100%; }

.reviewList li .detail .productInfo .imgCon img { position: absolute; top: 0; left: 0; }

.reviewList li .detail .productInfo > .txtCon { margin-left: 2.67vw; width: 80%; color: #2a3412; font-size: 3.33vw; font-weight: 500; }

.reviewList li .detail .productInfo > .txtCon > p { font-weight: 700; }

.reviewList li .detail .productInfo > .txtCon .date { font-size: 2.53vw; }

.reviewList li .detail > .txtCon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.67vw 0 4.80vw; font-size: 2.53vw; font-weight: 500; }

.reviewList li .detail > .txtCon .imgCon { position: relative; overflow: hidden; display: inline-block; margin-right: 2.40vw; width: 29.33vw; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.reviewList li .detail > .txtCon .imgCon::before { content: ''; display: block; width: 100%; padding-top: 100%; }

.reviewList li .detail > .txtCon .imgCon img { position: absolute; top: 0; left: 0; }

.reviewList li .detail > .txtCon span.txt { padding-top: 2.67vw; width: 60%; }

.reviewList li .detail .btnCon { display: -webkit-box; display: -ms-flexbox; display: flex; }

.reviewList li .detail .btnCon li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.reviewList li .detail .btnCon li a { display: inline-block; padding: 1.87vw 0; width: 100%; font-size: 3.33vw; font-weight: 500; color: #fff; text-align: center; background-color: #778acf ; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.27vw 0.38vw 0.02vw rgba(0, 0, 0, 0.2); }

.reviewList li .detail .btnCon li + li { margin-left: 1.20vw; }

.reviewList li .detail .reply { position: relative; padding-top: 5.33vw; padding-left: 4.80vw; font-size: 2.49vw; line-height: 1.6; font-weight: 500; color: #2a3412; }

.reviewList li .detail .reply::before { content: ""; position: absolute; left: 0; top: 4.80vw; width: 2.53vw; height: 2.93vw; background: url("../img/icon/ico_reply.png") no-repeat center center; background-size: 100% auto; }

.popupWrap .bankList { overflow-y: scroll; margin: 0 4.00vw 4.00vw; height: 53.33vw; }

.popupWrap .bankList li a { display: inline-block; padding: 1.73vw 0; width: 100%; font-size: 3.60vw; font-weight: 500; opacity: 0.5; text-align: center; border-radius: 1.33vw; }

.popupWrap .bankList li.on a { background-color: #eeeef0; opacity: 1; }

input[type="checkbox"] { display: none; }

/* main page */
.slide_wrap { position: relative; padding: 5.33vw 0; background-color: #f5f6f2; border-bottom: 1.33vw solid #dfdfdc; }

.main_slide { position: relative; width: 100%; }

.main_slide ul li { margin: 0 5.33vw; width: 89.33vw !important; }

.main_slide ul li a { display: block; }

.main_slide ul li img { overflow: hidden; border-radius: 2.40vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.main_slide .mainPaging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 1.87vw; }

.main_slide .mainPaging .swiper-pagination-bullet { opacity: 1; margin: 0 1.33vw; width: 1.47vw; height: 1.47vw; background-color: #fff; }

.main_slide .mainPaging .swiper-pagination-bullet-active { position: relative; width: 4.00vw; height: 4.00vw; background-color: #fff; border: 0.27vw solid #fff; background-color: transparent; }

.main_slide .mainPaging .swiper-pagination-bullet-active::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.47vw; height: 1.47vw; background-color: #fff; border-radius: 50%; }

.product_wrap { padding: 3.33vw 5.33vw 8.00vw; background-color: #fff; }

.product_wrap h2 { margin-bottom: 2.13vw; font-size: 3.33vw; font-weight: 900; color: #2a3412; }

.product_slide li { margin-right: 3.33vw; width: 22.67vw; }

.product_slide li a { -webkit-tap-highlight-color: transparent; }

.product_slide li:last-of-type { margin-right: 0; }

.product_slide li .imgCon { overflow: hidden; position: relative; margin-bottom: 1.33vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); border-radius: 2.00vw; }

.product_slide li .imgCon::before{content: ''; display: block; padding-top: 100%;}

.product_slide li .imgCon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.product_slide li .txtCon dt { font-size: 3.22vw; font-weight: 500; color: #2a3412; }

.product_slide li .txtCon dd { font-size: 2.67vw; font-weight: 900; color: #2a3412; }

.product_slide li .txtCon dd span { margin-right: 0.53vw; font-size: 3.78vw; }

.product_slide .likeIcon { position: absolute; right: 0.93vw; bottom: 0.93vw; padding: 0.67vw; width: 4.53vw; height: 4.13vw; background: url("../img/icon/ico_like_off.png") no-repeat center center; background-size: 3.20vw auto; }

.product_slide .likeIcon.like { background-image: url("../img/icon/ico_like_on.png"); }

.recommend_slide { margin-bottom: 5.33vw; }

/* category page */
.cate_list { overflow: auto hidden; }

.cate_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5.33vw; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; min-width: 100vw; width: -moz-max-content; width: max-content; height: 9.33vw; background-color: #f5f6f2; border-bottom: 0.27vw solid #aaa; }

.cate_list ul li { margin-right: 5.33vw; }

.cate_list ul li:last-of-type { margin-right: 0; }

.cate_list ul li a { display: block; font-size: 3.90vw; font-weight: 500; -webkit-transition: all .4s; transition: all .4s; }

.cate_list ul li.active a { padding: 0 2.67vw; color: #778acf; border: 0.27vw solid #778acf; border-radius: 2.80vw; }

.cate_wrap { position: relative; padding: 9.33vw 5.33vw 8.00vw; }

.cate_wrap .order_wrap { z-index: 10; position: absolute; right: 5.33vw; top: 4.00vw; padding: 0 1.33vw; background-color: #fff; border-radius: 1.33vw; }

.cate_wrap .order_wrap > p {display: flex; align-items: center; font-size: 3.20vw; color: #283317; font-weight: 500; cursor: pointer; }

.cate_wrap .order_wrap > p::after { content: ""; display: inline-block; margin-left: 4.07vw; width: 2.13vw; height: 1.47vw; background: url("../img/icon/ico_arrow_down.png") no-repeat center center; background-size: 100% auto; }

.cate_wrap .order_wrap.active > p::after { background-image: url("../img/icon/ico_arrow_up.png"); }

.cate_wrap .order_wrap .order_list { display: none; padding: 2.33vw 0; }

.cate_wrap .order_wrap .order_list li + li { margin-top: 1.33vw; }

.cate_wrap .order_wrap .order_list li a { display: inline-block; width: 100%; font-size: 3.20vw; line-height: 1.6; }

.cate_wrap .cate_slide { font-size: 0; margin-bottom: -8.00vw; }

.cate_wrap .cate_slide li { display: inline-block; position: relative; margin-bottom: 8.00vw; margin-right: 4.00vw; width: calc(50% - 2.00vw); }

.cate_wrap .cate_slide li:nth-of-type(2n) { margin-right: 0; }

.cate_wrap .cate_slide li a { display: block; -webkit-tap-highlight-color: transparent; }

.cate_wrap .cate_slide li a .imgCon { overflow: hidden; position: relative; margin-bottom: 3.33vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); border-radius: 2.00vw; }

.cate_wrap .cate_slide li a .imgCon::before{content: ''; display: block; padding-top: 100%;}

.cate_wrap .cate_slide li a .imgCon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.cate_wrap .cate_slide li a dt { font-size: 3.61vw; font-weight: 500; color: #2a3412; }

.cate_wrap .cate_slide li a dd { font-size: 2.78vw; font-weight: 900; color: #2a3412; line-height: 1.2; }

.cate_wrap .cate_slide li a dd span { margin-right: 0.80vw; font-size: 4.44vw; }

.cate_slide .likeIcon { position: absolute; right: 2.67vw; bottom: 2.67vw; padding: 0.67vw; width: 7.33vw; height: 6.67vw; background: url("../img/icon/ico_like_off.png") no-repeat center center; background-size: 6.00vw auto; }

.cate_slide .likeIcon.like { background-image: url("../img/icon/ico_like_on.png"); }

/* view page */
.product_info { position: relative; padding: 2.67vw 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.product_info h3 { margin-bottom: 0.53vw; font-size: 3.33vw; font-weight: 900; color: #2a3412; }

.product_info .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.product_info .review > p { margin-top: 0.27vw; margin-left: 1.33vw; font-size: 2.50vw; font-weight: 500; color: #2a3412; line-height: 1.7; }

.product_info .cash { margin-top: 1.07vw; font-weight: 900; color: #2a3412; }

.product_info .cash span { font-size: 3.33vw; }

.product_info .shareBtn { overflow: hidden; position: absolute; right: 5.33vw; top: 2.67vw; width: 4.53vw; height: 4.80vw; text-indent: -1333.20vw; background: url("../img/icon/ico_share_off.png") no-repeat center center; background-size: 100% auto; }

.product_info .shareBtn:active, .product_info .shareBtn:focus { background-image: url("../img/icon/ico_share_on.png"); }

.delivery_info { padding: 2.67vw 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.delivery_info > p { position: relative; margin-bottom: 2.67vw; padding-left: 4.67vw; font-size: 2.50vw; font-weight: 500; color: #2a3412; }

.delivery_info > p:last-of-type { margin-bottom: 0; }

.delivery_info > p::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }

.delivery_info > p.delivery_icon01::before { width: 3.33vw; height: 3.20vw; background-image: url("../img/icon/ico_delivery_01.png"); }

.delivery_info > p.delivery_icon02::before { width: 3.20vw; height: 3.20vw; background-image: url("../img/icon/ico_delivery_02.png"); }

.delivery_info > p.delivery_icon03::before { width: 3.20vw; height: 3.20vw; background-image: url("../img/icon/ico_delivery_03.png"); }

.star { font-size: 0; }

.star span { display: inline-block; margin-right: 0.67vw; width: 3.33vw; }

.star span:last-of-type { margin-right: 0; }

.product_tab { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 100; width: 100%; height: 10.67vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.27vw solid #aaaaaa; background: #fff; }

.product_tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; }

.product_tab li a { display: block; position: relative; width: 100%; height: 100%; line-height: 10.67vw; font-size: 3.89vw; font-weight: 700; text-align: center; background: #fff;}

.product_tab li.active a::after { content: ""; position: absolute; left: 0; bottom: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; height: 1.33vw; background-color: #778acf; border-radius: 1.33vw; }

.ft_btn_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 5.33vw; height: 19.20vw; border-top: 0.27vw solid #edecec; }

.ft_btn_con .ftBtn { width: 100%; height: 8.40vw; line-height: 8.40vw; font-size: 3.44vw; font-weight: 500; color: #fff; background-color: #778acf; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.ft_btn_con .ftBtn:active, .ft_btn_con .ftBtn:focus { background-color: #778acf ; }

.buy_con { z-index: 500; position: fixed; left: 0; top: 100%; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100%; background-color: #fff; border-top: 0.27vw solid #edecec; }

.buy_con.on { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.buy_con .count_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5.33vw; width: 100%; height: 9.33vw; border-bottom: 0.27vw solid #aaa; }

.buy_con .count_con dt { font-size: 2.78vw; font-weight: 700; }

.buy_con .count_con dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.buy_con .count_con dd button { padding: 0.67vw; width: 4.53vw; }

.buy_con .count_con dd .count { width: 13.33vw; font-size: 2.78vw; font-weight: 500; text-align: center; }

.buy_con .result_con { padding: 0 5.33vw; }

.buy_con .result_con .total { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.00vw 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.buy_con .result_con .total dt { font-size: 3.33vw; font-weight: 700; }

.buy_con .result_con .total dd { font-size: 2.50vw; font-weight: 700; }

.buy_con .result_con .total dd span { font-size: 3.33vw; }

.buy_con .result_con .btn_con { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 6.00vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.buy_con .result_con .btn_con a { display: block; width: 47.76%; height: 8.53vw; line-height: 8.53vw; font-size: 3.44vw; font-weight: 500; text-align: center; color: #fff; background-color: #778acf; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.buy_con .result_con .btn_con a:active, .buy_con .result_con .btn_con a:focus { background-color: #778acf ; }

#optionPop .title { padding: 2.00vw 5.33vw; font-size: 2.78vw; font-weight: 500; border-bottom: 0.27vw solid #aaaaaa; }

#optionPop .optionlist { border-bottom: 0.27vw solid #aaaaaa; }

#optionPop .optionlist p { padding: 2.67vw 5.33vw; font-size: 2.78vw; font-weight: 500; background: url("../img/icon/ico_arrow_down.png") no-repeat right 5.33vw center; background-size: 2.40vw auto; cursor: pointer; }

#optionPop .optionlist.active p { background-image: url("../img/icon/ico_arrow_up.png"); }

#optionPop .optionlist ul { overflow: hidden auto; display: none; padding: 0 5.33vw; max-height: 21.33vw; border-top: 0.27vw solid #edecec; }

#optionPop .optionlist ul li { padding: 2.00vw 0; border-bottom: 0.27vw solid #edecec; }

#optionPop .optionlist ul li:last-of-type { border-bottom: none; }

#optionPop .optionlist ul li label { position: relative; padding-left: 8.00vw; font-size: 2.78vw; font-weight: 500; cursor: pointer; }

#optionPop .optionlist ul li label span { margin-left: 2.67vw; }

#optionPop .optionlist ul li label::before { content: ""; position: absolute; left: 2.67vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4.00vw; height: 3.47vw; background: url("../img/icon/ico_checkbox_off.png") no-repeat center; background-size: 100% auto; }

#optionPop .optionlist ul li input:checked + label::before { background-image: url("../img/icon/ico_checkbox_on.png"); }

.product_view { display: none; }

.product_view.on { display: block; padding: 3.33vw; font-size: 3.00vw;}

.review_wrap { padding: 0 5.33vw; }

.review_wrap .title { padding: 3.33vw 0 3.33vw 1.33vw; font-size: 3.33vw; font-weight: 900; color: #2a3412; border-bottom: 0.27vw solid #cccccc; }

.review_list { padding: 5.33vw 2.13vw; border-bottom: 0.27vw solid #777777; }

.review_list:last-of-type { border-bottom: none; }

.review_list .user_info { position: relative; padding-top: 0.67vw; padding-left: 12.00vw; }

.review_list .user_info::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8.27vw; height: 8.27vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); border-radius: 2.00vw; }

.review_list .user_info.user01::before { background-image: url("../img/icon/ico_review_01.png"); }

.review_list .user_info.user02::before { background-image: url("../img/icon/ico_review_02.png"); }

.review_list .user_info .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.67vw; margin-bottom: 2.67vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.review_list .user_info .bottom .name { margin-right: 1.33vw; font-size: 3.33vw; font-weight: 900; color: #2a3412; }

.review_list .user_info .bottom .date { margin-top: 0.27vw; font-size: 2.49vw; font-weight: 500; color: #2a3412; }

.review_list .txtCon p { font-size: 3.00vw; font-weight: 500; color: #2a3412; }

.review_list .pic { display: -webkit-box; display: -ms-flexbox; display: flex; }

.review_list .pic .imgCon { overflow: hidden; margin-right: 2.67vw; width: 32.00vw; height: 30.53vw; border-radius: 2.00vw; }

.review_list .pic p { width: calc(100% - 32.00vw); }

.inquiry_wrap { padding: 0 5.33vw; }

.inquiry_wrap .topBtn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4.00vw 0 7.33vw; }

.inquiry_wrap .topBtn_wrap a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 3.20vw; width: 50%; height: 8.27vw; line-height: 8.27vw; font-size: 3.44vw; font-weight: 500; color: #6b725b; text-align: center; border-radius: 2.67vw; background-color: #e8f2cf; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.inquiry_wrap .topBtn_wrap a:active, .inquiry_wrap .topBtn_wrap a:focus { color: #fff; background-color: #778acf ; }

.inquiry_wrap .topBtn_wrap .inquiry_btn:active::before, .inquiry_wrap .topBtn_wrap .inquiry_btn:focus::before { background-image: url("../img/icon/ico_inquriy_01_on.png"); }

.inquiry_wrap .topBtn_wrap .inquiry_call:active::before, .inquiry_wrap .topBtn_wrap .inquiry_call:focus::before { background-image: url("../img/icon/ico_inquriy_02_on.png"); }

.inquiry_wrap .topBtn_wrap a:last-of-type { margin-right: 0; }

.inquiry_wrap .topBtn_wrap a::before { content: ""; display: inline-block; margin-right: 0.67vw; }

.inquiry_wrap .topBtn_wrap .inquiry_btn::before { width: 3.73vw; height: 4.00vw; background: url("../img/icon/ico_inquriy_01_off.png") no-repeat center center; background-size: 100% auto; }

.inquiry_wrap .topBtn_wrap .inquiry_call::before { width: 3.33vw; height: 3.33vw; background: url("../img/icon/ico_inquriy_02_off.png") no-repeat center center; background-size: 100% auto; }

.inquiry_wrap .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1.33vw; border-bottom: 0.27vw solid #777777; }

.inquiry_wrap .title a { font-size: 3.33vw; font-weight: 900; color: #2a3412; }

.inquiry_list { padding: 5.33vw 2.13vw; border-bottom: 0.27vw solid #777777; }

.inquiry_list:last-of-type { border-bottom: none; }

.inquiry_list .user_info { position: relative; padding-top: 0.67vw; padding-left: 12.00vw; }

.inquiry_list .user_info > p { font-size: 2.78vw; font-weight: 900; color: #2a3412; }

.inquiry_list .user_info::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8.27vw; height: 7.87vw; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); border-radius: 2.00vw; }

.inquiry_list .user_info.step01::before { background-image: url("../img/icon/ico_inquriy_03.png"); }

.inquiry_list .user_info.step02::before { background-image: url("../img/icon/ico_inquriy_04.png"); }

.inquiry_list .user_info .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.67vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.inquiry_list .user_info .bottom .name { margin-right: 1.33vw; font-size: 3.33vw; font-weight: 900; color: #2a3412; }

.inquiry_list .user_info .bottom .date { margin-top: 0.27vw; font-size: 2.49vw; font-weight: 500; color: #2a3412; }

.inquiry_list .txtCon p { font-size: 3.00vw; font-weight: 500; color: #2a3412; }

.inquiry_list.complete a { display: block; background: url("../img/icon/ico_arrow_down.png") no-repeat right 1.33vw center; background-size: 3.33vw auto; }

.inquiry_list.complete.active a { background-image: url("../img/icon/ico_arrow_up.png"); }

.inquiry_list.complete .reply { display: none; position: relative; padding-top: 5.33vw; padding-left: 4.80vw; font-size: 3.00vw; line-height: 1.6; font-weight: 500; color: #2a3412; }

.inquiry_list.complete .reply::before { content: ""; position: absolute; left: 0; top: 4.80vw; width: 2.53vw; height: 2.93vw; background: url("../img/icon/ico_reply.png") no-repeat center center; background-size: 100% auto; }

.inquiry_list.complete .reply p { margin-top: 2.00vw; text-align: right; font-size: 2.50vw; font-weight: 500; color: #2a3412; }

.type_con { padding: 6.67vw 5.33vw 4.00vw; border-bottom: 1.33vw solid #e4e4e3; }

.type_con .title { margin-bottom: 2.67vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; }

.type_con .typeTab { display: -webkit-box; display: -ms-flexbox; display: flex; }

.type_con .typeTab li { margin-right: 1.33vw; width: 33.33%; }

.type_con .typeTab li:last-of-type { margin-right: 0; }

.type_con .typeTab li a { display: block; width: 100%; height: 8.67vw; text-align: center; font-size: 3.33vw; font-weight: 500; color: #6b725b; line-height: 8.67vw; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.type_con .typeTab li.on a { color: #fff; background-color: #778acf ; }

.inquiries { padding: 4.00vw 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.inquiries .title { margin-bottom: 2.67vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; }

.inquiries textarea { padding: 4.00vw; width: 100%; height: 66.67vw; font-size: 3.00vw; font-weight: 500; border: 0.27vw solid #000; border-radius: 2.00vw; }

.inquiries textarea::-webkit-input-placeholder { color: #6b725b; }

.inquiries textarea::-moz-placeholder { color: #6b725b; }

.inquiries textarea:-ms-input-placeholder { color: #6b725b; }

.inquiries textarea::-ms-input-placeholder { color: #6b725b; }

.inquiries textarea::placeholder { color: #6b725b; }

.secret_chk { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.00vw 5.33vw 6.67vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.secret_chk dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.secret_chk dd input[type="checkbox"] { display: none; }

.secret_chk dd .checkCon { display: block; position: relative; width: 13.33vw; height: 3.73vw; -webkit-transition: all .4s; transition: all .4s; background-color: #c9c9c7; border-radius: 1.87vw; }

.secret_chk dd .checkCon::after { content: ""; position: absolute; left: 0.53vw; top: 50%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2.93vw; height: 2.93vw; background-color: #fff; border-radius: 50%; }

.secret_chk dd input[type="checkbox"]:checked + .checkCon { background-color: #409aff; }

.secret_chk dd input[type="checkbox"]:checked + .checkCon::after { left: calc(100% - 3.47vw); }

.basket_wrap { border-top: 1.33vw solid #e4e4e3; }

.basket_wrap:last-of-type { margin-bottom: 3.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.basket_wrap .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5.33vw; height: 9.33vw; border-bottom: 0.27vw solid #bbb; }

.basket_wrap .top p { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.basket_wrap .middle { padding-top: 2.67vw; padding-bottom: 1.33vw; }

.basket_wrap .middle .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.67vw; padding: 0 5.33vw; }

.basket_wrap .middle .list .info { padding: 3.47vw; width: 89.55%; font-size: 0; background-color: #fcfcfb; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.basket_wrap .middle .list .check_box { width: 10.45%; text-align: right; }

.basket_wrap .middle .list .info .imgCon { overflow: hidden; display: inline-block; position: relative; margin-right: 3.33vw; width: 13.33vw; border-radius: 2.67vw; vertical-align: top; }

.basket_wrap .middle .list .info .imgCon::after { content: ""; display: block; padding-top: 100%; width: 100%; }

.basket_wrap .middle .list .info .imgCon img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.basket_wrap .middle .list .info .txtCon { display: inline-block; padding-top: 0.67vw; width: calc(100% - 16.67vw); }

.basket_wrap .middle .list .info .txtCon dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.80vw; }

.basket_wrap .middle .list .info .txtCon dl dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.basket_wrap .middle .list .info .txtCon dl dd { font-size: 2.22vw; font-weight: 500; color: #2a3412; }

.basket_wrap .middle .list .info .txtCon dl dd span { margin-right: 0.80vw; font-size: 3.33vw; }

.basket_wrap .middle .list .info .txtCon .count_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.67vw; padding-top: 2.67vw; border-top: 0.13vw solid #c1c1c0; }

.basket_wrap .middle .list .info .txtCon .count_con .count input { width: 17.33vw; font-size: 3.89vw; text-align: center; font-weight: 500; vertical-align: middle; }

.basket_wrap .middle .list .info .txtCon .count_con .count button { width: 4.00vw; vertical-align: middle; }

.basket_wrap .middle .list .info .txtCon .count_con p { font-size: 2.22vw; font-weight: 500; color: #2a3412; }

.basket_wrap .middle .list .info .txtCon .count_con p span { margin-right: 0.80vw; font-size: 3.33vw; }

.basket_wrap .bottom { padding: 0 5.33vw; }

.basket_wrap .bottom .inner { padding: 1.33vw 1.33vw 4.00vw; border-top: 0.27vw solid #bbbbbb; }

.basket_wrap .bottom .inner dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.67vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.basket_wrap .bottom .inner dl:last-of-type { margin-bottom: 0; }

.basket_wrap .bottom .inner dl dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.basket_wrap .bottom .inner dl dd { font-size: 2.22vw; font-weight: 500; color: #2a3412; }

.basket_wrap .bottom .inner dl dd span { margin-right: 0.80vw; font-size: 3.33vw; }

.basket_btn_con { padding: 0 5.33vw; height: 24.00vw; border-top: 0.27vw solid #edecec; }

.basket_btn_con dl { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.00vw 0 1.33vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.basket_btn_con dl dt { font-size: 3.33vw; font-weight: 700; }

.basket_btn_con dl dd { font-size: 2.22vw; font-weight: 700; }

.basket_btn_con dl dd span { margin-right: 0.80vw; font-size: 3.33vw; }

.basket_btn_con .ftBtn { width: 100%; height: 8.40vw; line-height: 8.40vw; font-size: 3.44vw; font-weight: 500; color: #fff; background-color: #778acf; border-radius: 2.00vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.basket_btn_con .ftBtn:active, .basket_btn_con .ftBtn:focus { background-color: #778acf ; }

.check_box label { display: inline-block; width: 4.93vw; height: 4.93vw; background: url("../img/icon/ico_delete_off.png") no-repeat center center; background-size: 100% auto; }

.check_box input[type="checkbox"]:checked + label { background-image: url("../img/icon/ico_delete_on.png"); }

.check_box.check label { background-image: url("../img/icon/ico_checkbox2_off.png"); }

.check_box.check input[type="checkbox"]:checked + label { background-image: url("../img/icon/ico_checkbox2_on.png"); }

.delivery_wrap { padding: 4.00vw 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.delivery_wrap .title { margin-bottom: 2.67vw; padding-left: 0; font-size: 3.60vw; font-weight: 700; color: #2a3412; }

.delivery_wrap .info { position: relative; padding: 5.33vw; border-radius: 2.67vw; background-color: #fff; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.delivery_wrap .info.focus { background-color: #deddee; }

.delivery_wrap .info h4 { font-size: 3.33vw; font-weight: 500; color: #6b725b; }

.delivery_wrap .info h4 .tag { display: inline-block; margin-left: 2.67vw; padding: 0.67vw 2.67vw; font-size: 2.22vw; font-weight: 500; color: #fff; background-color: #778acf; border-radius: 2.67vw; vertical-align: middle; }

.delivery_wrap .info dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.33vw; }

.delivery_wrap .info dl dt { margin-right: 2.13vw; font-size: 2.78vw; font-weight: 500; color: #6b725b; }

.delivery_wrap .info dl dd { font-size: 2.78vw; font-weight: 500; color: #6b725b; }

.delivery_wrap .info .other { position: absolute; right: 4.27vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.07vw; line-height: 1; }

.delivery_list { padding: 0; height: 100%; border-bottom: none; }

.delivery_list .title { position: relative; margin-bottom: 0; padding: 0 5.33vw 0 10.67vw; line-height: 10.67vw; border-bottom: 0.27vw solid #b4b4b1; }

.delivery_list .title::before { content: ""; position: absolute; left: 5.33vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.47vw; height: 4.93vw; background: url("../img/icon/ico_marker.png") no-repeat center center; background-size: 100% auto; }

.delivery_list .title a { position: absolute; right: 5.33vw; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 9.33vw; height: 4.80vw; line-height: 4.80vw; color: #fff; font-size: 2.77vw; font-weight: 500; border-radius: 0.80vw; background-color: #778acf ; }

.delivery_list .delivery_con { padding: 5.33vw; min-height: calc(100% - 10.93vw); background-color: #f5f6f2; }

.delivery_list .delivery_con .info { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 2.67vw; }

.delivery_list .delivery_con .info:last-of-type { margin-bottom: 0; }

.delivery_list .delivery_con .flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.67vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.delivery_list .delivery_con .flex:last-of-type { margin-bottom: 0; }

.delivery_list .delivery_con .flex .check_box { width: 9.33vw; text-align: right; }

.delivery_con .delivery_pop { padding: 0; }

.delivery_con .delivery_pop input { text-align: center; }

.delivery_con .delivery_pop dt { width: 20.00vw; }

.delivery_con .delivery_pop dd { width: calc(100% - 20.00vw); }

.delivery_con .delivery_pop .addr .top { margin-bottom: 1.33vw; font-size: 0; }

.delivery_con .delivery_pop .addr .top input { display: inline-block; width: calc(100% - 14.67vw); }

.delivery_con .delivery_pop .addr .top button { display: inline-block; margin-left: 1.33vw; width: 13.33vw; height: 5.60vw; line-height: 5.60vw; font-size: 2.77vw; font-weight: 500; color: #fff; text-align: center; background-color: #778acf ; border-radius: 0.80vw; }

.delivery_con .tip p { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.delivery_con .tip p:first-of-type { margin-bottom: 2.67vw; }

.request_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5.33vw; height: 13.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.request_wrap p { width: 20.00vw; font-size: 3.60vw; font-weight: 700; color: #2a3412; }

.request_wrap input { width: calc(100% - 20.00vw); height: 5.87vw; text-align: center; font-weight: 500; border: 0.27vw solid #111111; border-radius: 1.33vw; }

.order_wrap { padding: 2.67vw 0; }

.order_wrap > .title { margin-bottom: 2.67vw; padding: 0 5.33vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; }

.order_detail .title { padding: 0.67vw 5.33vw; font-size: 3.33vw; font-weight: 500; color: #2a3412; border-top: 0.27vw solid #bbbbbb; border-bottom: 0.27vw solid #bbbbbb; }

.order_detail .middle { padding: 0 5.33vw; }

.order_detail .middle .list { padding: 2.67vw 0; border-bottom: 0.27vw solid #bbbbbb; }

.order_detail .middle .list .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.order_detail .middle .list .info .imgCon { overflow: hidden; display: inline-block; position: relative; margin-right: 4.00vw; width: 13.33vw; border-radius: 2.67vw; vertical-align: top; }

.order_detail .middle .list .info .imgCon::after { content: ""; display: block; padding-top: 100%; width: 100%; }

.order_detail .middle .list .info .imgCon img { position: absolute; left: 0; top: 0; width: 100%; }

.order_detail .middle .list .info .txtCon { display: inline-block; padding-top: 0.67vw; width: calc(100% - 17.33vw); }

.order_detail .middle .list .info .txtCon dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.order_detail .middle .list .info .txtCon dl dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.order_detail .middle .list .info .txtCon dl dd { font-size: 2.22vw; font-weight: 500; color: #2a3412; }

.order_detail .middle .list .info .txtCon dl dd span { margin-right: 0.80vw; font-size: 3.33vw; }

.order_detail:last-of-type .delivery_price { border-bottom: 0.27vw solid #bbbbbb; }

.delivery_price { padding: 2.00vw 0; text-align: right; }

.delivery_price span { display: inline-block; font-size: 2.22vw; font-weight: 500; color: #2a3412; vertical-align: middle; }

.delivery_price .tit { margin-right: 1.33vw; font-size: 2.50vw; }

.delivery_price .price { font-size: 3.33vw; }

.secret_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5.33vw 3.33vw; }

.secret_price h4 { font-size: 3.61vw; font-weight: 500; color: #2a3412; }

.secret_price h4 span { font-size: 2.50vw; font-weight: 500; color: #df922e; }

.secret_price .price span { margin-right: 2.13vw; font-size: 3.60vw; font-weight: 500; color: #2a3412; vertical-align: middle; }

.secret_price .price input { width: 22.67vw; height: 5.60vw; line-height: 5.60vw; text-align: center; border: 0.13vw solid #000; border-radius: 1.33vw; }

.secret_price .price .coupon { font-size: 2.50vw; }

.search_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.13vw 5.33vw; border-bottom: 0.27vw solid #bbbbbb; }

.search_wrap .search_con { position: relative; padding-left: 8.00vw; width: calc(100% - 14.67vw); height: 8.00vw; background-color: #f5f6f2; border-radius: 2.00vw; }

.search_wrap .search_con input { padding-right: 2.67vw; width: 100%; height: 100%; font-size: 3.33vw; font-weight: 500; color: #71736b; }

.search_wrap .search_con p { position: absolute; left: 2.13vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2.80vw; }

.search_wrap button { margin-left: 4.00vw; width: 10.67vw; height: 8.00vw; line-height: 8.00vw; font-size: 2.77vw; font-weight: 500; color: #fff; background-color: #778acf ; border-radius: 2.00vw; }

.order_number { margin-bottom: 2.67vw; padding: 6.67vw 0 10.67vw; border-bottom: 1.33vw solid #e4e4e3; }

.order_number dl { text-align: center; }

.order_number dl dt { font-size: 3.61vw; font-weight: 700; color: #2a3412; }

.order_number dl dd { margin-top: 0.80vw; font-size: 3.33vw; font-weight: 700; color: #2a3412; }

.order_number dl .time::before { content: ""; display: inline-block; margin-right: 1.33vw; width: 3.20vw; height: 3.33vw; background: url("../img/icon/ico_clock.png") no-repeat center center; background-size: 100% auto; vertical-align: -0.53vw; }

.view_detail { padding: 0 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.view_detail .title { padding: 1.33vw 0; }

.view_detail .title span { float: right; font-size: 3.44vw; font-weight: 500; }

.view_detail .middle { padding: 0; }

.total_price { padding: 1.33vw 0; border-top: 0.27vw solid #bbbbbb; }

.total_price dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.33vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.total_price dl dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.total_price dl dd { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.total_price dl dd span { margin-left: 0.80vw; font-size: 2.22vw; }

.total_price dl.total_con { padding: 2.67vw 0; border-top: 0.27vw dashed #c6c9c0; }

.total_price dl.total_con dt { font-size: 3.61vw; color: #000; }

.total_price dl.total_con dd { font-size: 3.61vw; color: #000; }

.total_price dl.total_con dd span { font-size: 2.50vw; }

.delivery_requset { padding: 0 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.delivery_requset .title { width: 100%; height: 10.93vw; line-height: 10.67vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; border-bottom: 0.27vw solid #d4d4d4; }

.delivery_requset .requset_con { padding: 2.67vw 0; }

.delivery_requset .requset_con p { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.delivery_requset .requset_con dl { margin-bottom: 1.33vw; font-size: 0; }

.delivery_requset .requset_con dl:last-of-type { margin-bottom: 0; }

.delivery_requset .requset_con dl dt { display: inline-block; margin-right: 1.33vw; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.delivery_requset .requset_con dl dd { display: inline-block; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.exchange_wrap { border-top: 1.33vw solid #e4e4e3; }

.view_info_wrap { padding: 0 5.33vw; border-bottom: 1.33vw solid #e4e4e3; }

.view_info_wrap .title { width: 100%; height: 10.93vw; line-height: 10.67vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; border-bottom: 0.27vw solid #d4d4d4; }

.view_info_wrap .view_info_con { padding: 2.67vw 0; }

.view_info_wrap .view_info_con dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.view_info_wrap .view_info_con dl dt { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.view_info_wrap .view_info_con dl dd { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.view_info_wrap .view_info_con dl dd span { margin-left: 0.80vw; font-size: 2.22vw; }

.view_info_wrap .view_info_con .line { padding: 1.33vw 0; border-bottom: 0.27vw solid #d4d4d4; }

.view_info_wrap .view_info_con .line:last-of-type { border-bottom: none; }

.view_info_wrap .view_info_con .result { padding: 1.33vw 0; border-top: 0.27vw dashed #d4d6d0; }

.view_info_wrap .view_info_con .result dt { font-size: 3.61vw; color: #000; }

.view_info_wrap .view_info_con .result dd { font-size: 3.61vw; color: #000; }

.view_info_wrap .view_info_con .result dd span { font-size: 2.50vw; }

.order_view .title { position: relative; margin-bottom: 0; padding: 0 5.33vw 0 12.00vw; font-size: 3.89vw; font-weight: 500; line-height: 10.67vw; border-bottom: 0.27vw solid #b4b4b1; }

.order_view .title::before { content: ""; position: absolute; left: 5.33vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4.40vw; height: 4.40vw; background: url("../img/icon/ico_calender.png") no-repeat center center; background-size: 100% auto; }

.order_view .title a { position: absolute; right: 5.33vw; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 9.33vw; height: 4.80vw; line-height: 4.80vw; color: #fff; font-size: 2.77vw; font-weight: 500; border-radius: 0.80vw; background-color: #778acf ; }

.order_view .title .cal_date{ width: 25.00vw; }

.order_list_wrap .list { padding: 4.00vw 5.33vw; border-top: 1.33vw solid #e4e4e3; }

.order_list_wrap .list .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.order_list_wrap .list .top p { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.order_list_wrap .list .top a { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.order_list_wrap .list .top a::after { content: ""; display: inline-block; margin-left: 2.67vw; width: 2.27vw; height: 3.07vw; background: url("../img/icon/ico_arrow_more2.png") no-repeat center center; background-size: 100% auto; vertical-align: -0.27vw; }

.order_list_wrap .list .info { margin-top: 2.00vw; padding: 2.67vw 4.00vw; background-color: #fcfcfb; border-radius: 2.67vw; }

.order_list_wrap .list .info .tit { margin-bottom: 1.33vw; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.order_list_wrap .list .info .product { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.67vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.order_list_wrap .list .info .product:last-of-type { margin-bottom: 0; }

.order_list_wrap .list .info .product .imgCon { overflow: hidden; position: relative; margin-right: 2.67vw; width: 16.00vw; border-radius: 2.67vw; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.order_list_wrap .list .info .product .imgCon::after { content: ""; display: block; padding-top: 100%; width: 100%; }

.order_list_wrap .list .info .product .imgCon img { position: absolute; left: 0; top: 0; width: 100%; }

.order_list_wrap .list .info .product .txtCon { width: calc(100% - 18.67vw); }

.order_list_wrap .list .info .product .txtCon h4 { margin-bottom: 1.33vw; font-size: 3.33vw; line-height: 1.4; font-weight: 500; color: #2a3412; }

.order_list_wrap .list .info .product .txtCon p { font-size: 3.33vw; font-weight: 500; color: #2a3412; }

.order_list_wrap .list .info .btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.order_list_wrap .list .info .btnWrap a { margin-right: 1.60vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 8.27vw; line-height: 8.27vw; font-size: 3.42vw; font-weight: 500; color: #6b725b; text-align: center; border-radius: 2.67vw; background-color: #e8f2cf; -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); }

.order_list_wrap .list .info .btnWrap a:last-of-type { margin-right: 0; }

.order_list_wrap .list .info .btnWrap a:focus, .order_list_wrap .list .info .btnWrap a:active { color: #fff; background-color: #778acf ; }

.popup_con { z-index: 9999; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.popup_con .pop_inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 6.67vw 1.07vw 4.00vw; background-color: #fff; border-radius: 2.67vw; }

.popup_con .pop_inner > .title { margin-bottom: 6.67vw; font-size: 3.89vw; font-weight: 900; text-align: center; }

.popup_con .pop_inner .sns_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; margin: 0 auto 8.00vw; width: 58.67vw; }

.popup_con .pop_inner .sns_link li { -webkit-box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.4vw 0.63vw 0.04vw rgba(0, 0, 0, 0.2); border-radius: 3.20vw; }

.popup_con .pop_inner .sns_link li + li { margin-left: 6.25vw;}

.popup_con .pop_inner .txt { padding-bottom: 5.33vw; font-size: 3.89vw; font-weight: 700; text-align: center; }

.popup_con .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.87vw; border-top: 0.27vw solid #a09494; }

.popup_con .btn_wrap a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 6.00vw; line-height: 6.00vw; font-size: 3.33vw; font-weight: 500; text-align: center; }

.popup_con .btn_wrap a:first-of-type::after { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.27vw; height: 6.00vw; background-color: #777777; }

.popup_con .closeBtn { position: absolute; right: 2.00vw; top: -8.00vw; width: 5.33vw; }

.popup_con .call_pop { padding-bottom: 4.00vw; text-align: center; }

.popup_con .call_pop p { margin-bottom: 2.67vw; font-size: 3.89vw; font-weight: 900; }

.delivery_pop { padding: 0 5.33vw; }

.delivery_pop dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.13vw; }

.delivery_pop dl:last-of-type { margin-bottom: 4.27vw; }

.delivery_pop dl dt { padding-top: 0.53vw; width: 17.33vw; font-size: 3.33vw; font-weight: 700; color: #2a3412; }

.delivery_pop dl dd { width: calc(100% - 17.33vw); }

.delivery_pop dl dd input { padding: 0 2.67vw; width: 100%; height: 5.60vw; font-size: 2.50vw; font-weight: 700; line-height: 5.60vw; border: 0.13vw solid #000; border-radius: 0.53vw; }

.delivery_pop dl dd textarea { padding: 1.33vw 2.67vw; width: 100%; height: 10.93vw; font-size: 2.50vw; font-weight: 700; line-height: 1.6; border: 0.13vw solid #000; border-radius: 0.53vw; }

.delivery_pop .default { margin-bottom: 5.33vw; }

.delivery_pop .default label { position: relative; padding-left: 6.67vw; font-size: 3.33vw; font-weight: 700; color: #2a3412; }

.delivery_pop .default label::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4.27vw; height: 4.27vw; background: url("../img/icon/ico_checkbox2_off.png") no-repeat center center; background-size: 100% auto; }

.delivery_pop .default input:checked + label::before { background-image: url("../img/icon/ico_checkbox3_on.png"); }

#deliveryPop { text-align: center; }

#deliveryPop .tit { margin-bottom: 7.33vw; font-size: 3.89vw; font-weight: 900; }

#deliveryPop dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 1.33vw; width: 46.67vw; }

#deliveryPop dl:last-of-type { margin-bottom: 4.00vw; }

#deliveryPop dl dt { width: 14.67vw; text-align: left; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

#deliveryPop dl dd { width: calc(100% - 14.67vw); text-align: left; font-size: 3.33vw; font-weight: 500; color: #2a3412; }

#deliveryPop dl dd a { color: #6565de; text-decoration: underline; }

#deliveryPop2 .tit { padding: 6.67vw 0; font-size: 3.89vw; font-weight: 900; text-align: center; }

.pop_inner.w540 { width: 72.00vw; }

/*# sourceMappingURL=maps/style.css.map */

.main_menu{padding:3.33vw 5.33vw; position:relative;}
.main_menu p.title{font-size:4vw; color:#3b435d; font-weight:200; background-image:url("../img/icon/ico_title.png"); background-repeat:no-repeat; background-position:left center; background-size:4vw auto; padding-left:5vw;}
.main_menu span.point{position:absolute; top:3.33vw; right:5.33vw; font-size:3.8vw; font-weight:bold; color:#3b435d;}
.main_menu ul{font-size:0; margin-top:3vw;}
.main_menu ul li{display:inline-block; vertical-align:middle; width:49%; margin-left:2%; margin-bottom:2%; background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
.main_menu ul li:nth-child(2n+1){margin-left:0;}
.main_menu ul li a{display:block; width:100%; border:1px solid #eceef4; box-sizing:border-box; border-radius:3vw; height:15vw; font-size:4.2vw; text-align:right; line-height:15vw; font-weight:bold; color:#6d7aa5; padding-right:5vw; box-shadow:1px 1px 2.5px rgba(0,0,0,0.09)}

.main_menu ul li.ico01{background-image:url("../img/icon/ico_menu01.png");}
.main_menu ul li.ico02{background-image:url("../img/icon/ico_menu02.png");}
.main_menu ul li.ico03{background-image:url("../img/icon/ico_menu03.png");}
.main_menu ul li.ico04{background-image:url("../img/icon/ico_menu04.png");}
.main_menu ul li.ico05{background-image:url("../img/icon/ico_menu05.png");}
.main_menu ul li.ico06{background-image:url("../img/icon/ico_menu06.png");}

.cart{width:5.5vw; margin-right:/*4.5vw*/ 3vw; position:relative; overflow:visible;}
.cart span{position:absolute; top:-2vw; right:-2.5vw; background-color:#232323; color:#fff; width:5vw; height:5vw; line-height:4vw; font-size:0.5vw; border-radius:50%; border:1px solid #fff;}
.menu{width:5.5vw;}

#gnb{position:fixed; top:0; right:-100%; bottom:0; width:100%; transition:all 0.5s; background-color:#FFF; padding:5vw;}
.wrap.on #gnb{right:0; transition:all 0.5s;}

#gnb .close{position:absolute; top:5vw; left:5vw; width:4.5vw;}
#gnb .setting{position:absolute; top:5vw; right:5vw; width:6vw;}

.menu_wrap{position:relative; margin-top:10vw;}
.menu_wrap p.title{font-size:5vw; line-height:1; color:#000000;}
.menu_wrap .point{position:absolute; top:0; right:0; text-decoration:underline; line-height:5.5vw; font-weight:200;}
.menu_wrap .point strong{font-weight:500;}
.menu_wrap ul{margin-top:2vw;}
.menu_wrap ul li{border-top:1px solid #e5e5e5;}
.menu_wrap ul li:first-child{border-top:1px solid #000000;}
.menu_wrap ul li:last-child{border-bottom:1px solid #000000;}
.menu_wrap ul li a{display:block; width:100%; font-size:4vw; line-height:12vw; padding-left:4vw; color:#000000; font-weight:500;}

.footer{font-size:3.2vw; line-height:4.2vw; padding:4vw 2vw;}

.errorReport { padding: 4.00vw 5.33vw; }
.errorReport .title { margin-bottom: 2.67vw; font-size: 3.61vw; font-weight: 700; color: #2a3412; }
.errorReport textarea { padding: 4.00vw; width: 100%; height: 89.60vw; font-size: 2.50vw; font-weight: 500; border: 0.27vw solid #000; border-radius: 2.00vw; }
.errorReport textarea::-webkit-input-placeholder { color: #6b725b; }
.errorReport textarea::-moz-placeholder { color: #6b725b; }
.errorReport textarea:-ms-input-placeholder { color: #6b725b; }
.errorReport textarea::-ms-input-placeholder { color: #6b725b; }
.errorReport textarea::placeholder { color: #6b725b; }

.btnMore{margin:30px 0px; text-align:center;}
.btnMore a{padding:10px; border-radius:1vw; background-color:#778ACF; font-size:4vw; color:#fff; font-weight:500; cursor: pointer;}
.non_content{margin-top:70%; text-align:center;}
.non_content span{font-size:3.33vw;}