@charset "utf-8";
/* CSS Document */

#wrap h3.title {font-family:NotoSansCJKkrM !important;}
p.promo-text {font-size:11px; font-family:NotoSansCJKkrR; padding-top:5px; color:#aa8d50; font-weight:bold; line-height:13px;}
div.price-area del {color:#d2d1d1; font-size:12px;}
div.price-area .sale-rate {color:#10069f; font-size:12px; font-family:NotoSansCJKkrM !important;}

#total_table small {line-height:18px; display:inline-block;}
.btn-lg-royal-blue-white {line-height:32.8px; height:54px; cursor:pointer; padding:.6rem 0; min-width:290px; border:solid 1px #10069f; background-color:#fff; font-size:16px; font-weight:300; font-style:normal; font-stretch:normal; letter-spacing:0; text-align:center; color:#10069f; border-radius:0; font-family:NotoSansCJKkrM !important;}
.btn-lg-royal-blue-blue {line-height:32.8px; height:54px; cursor:pointer; padding:.6rem 0; min-width:290px; border:solid 1px #10139f; background-color:#10139f; font-size:16px; font-weight:300; font-style:normal; font-stretch:normal; letter-spacing:0; text-align:center; color:#fff; border-radius:0; font-family:NotoSansCJKkrM !important;}

#cart .item .prod-name a {font-family:NotoSansCJKkrR !important;}
.custom-control-label::after {background:url('/img/common/round-check-off.png') !important; background-size:contain !important;}
.custom-control-input:checked~.custom-control-label::after {background:url('/img/common/round-check-on.png') !important; background-size:contain !important; margin:0 !important;}
.custom-control-label::before {border:0px !important;}
.disabled {color:#e2e2e2 !important; background:#fff !important;}
.btn-xs-whiteline {border:1px solid #e2e2e2 !important;}
.bt-black {border-top:1px solid #000 !important;}
.mobile_hide {display:block;}
.mobile_show {display:none;}
.border-bottom-black {border-bottom:1px solid #000;}
.right.delete {right:0; position:absolute; top:40%; z-index:6}
.font-20 {font-size:20px !important; font-family:NotoSansCJKkrM}

.mobile_price_info {margin-top:2rem !important;}
.total-price {font-size:1.5rem; color:#10069f;}
.total-desc {font-width:bold;}
.btn-lg-royal-blue-blue.mobile {width:100% !important; margin-top:1.3rem !important;}
.btn-lg-royal-blue-blue:hover {color:#fff;}
.mobile_show.display-inline {display:none;}
.cart-count {font-size:0.8rem !important; vertical-align:top}

.prod-desc {font-size:12px; border:1px solid #d1a748; color:#d1a748; padding:2px 8px; margin-right:0.2rem !important; font-family:NotoSansCJKkrR !important;}
.recommend-title {font-size:16px; font-family:NotoSansCJKkrM; font-weight:500;}
.recommend-img>img {max-width:208px; max-height:208px; height:208px; width:208px; margin:0; padding:0;}
.recommend-img {padding:0;}
.recommend-box {max-width:208px; width:208px; margin-right:1.8rem !important; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16);}
.recommend-box:last-child {margin-right:0 !important;}
.recommend-name-box {height:100px; max-height:100px; background:#e6e5f5; position:relative; padding:8px 16px;}
.recommend-name {font-size:14px; color:#000; font-weight:bold; letter-spacing:-0.5px; font-family:NotoSansCJKkrB; max-height:65px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; display:box; display:-ms-flexbox;}
.recommend-price {font-size:10px; position:absolute; bottom:0.5rem !important; left:1.2rem; color:#000; letter-spacing:-0.5px; font-family:NotoSansCJKkrR;}
.font-14 {font-size:14px !important; font-family:NotoSansCJKkrR}
.font-16 {font-size:16px !important; font-family:NotoSansCJKkrR}
.font-22 {font-size:22px !important; font-family:NotoSansCJKkrM;}
.cart_total_price {color:#10069f; font-size:24px; font-family:NotoSansCJKkrB;}
.cart_total_price:before {content:"="; position:absolute; left:0; font-size:24px; font-weight:normal; color:#000;}
.before-minus:before {content:"-"; position:absolute; left:0; font-size:24px; font-weight:normal;}
.before-plus:before {content:"+"; position:absolute; left:0; font-size:24px; font-weight:normal;}
.delete_btn {padding:9px 0; border:1px solid #000 !important; color:#000 !important; font-family:NotoSansCJKkrR;}
.py-5r {padding:5rem 0 !important;}

.col-md-12.mobile_hide .row {min-height:36px; padding:15px 0; line-height:36px;}
.naver-purchase-area {display:inline-block;margin:0 0 0 17px; vertical-align:top;}
.naver-purchase-area:after {content:'N Pay 결제 시 회원혜택(쿠폰, 마일리지)이 적용되지 않습니다'; display:block; margin:0; padding:5px 7px; color:#1b1b1b; font-size:10px; font-weight:300; line-height:11px; background:#eaecee;}
.naver-purchase-area .npay_button_box {background:#fffef1 !important;}
.naver-purchase-area .npay_button_box .npay_text .npay_link {font-size:8px !important;}

#cart div.spinner input[type=number] {background-color:#fff !important;}
.fontR {font-family:NotoSansCJKkrR}
.fontRN {font-family:NotoSansCJKkrR; font-weight:normal}

.btn-md-royal-blue-white {line-height:32.8px; height:54px; cursor:pointer; margin:0 0 50px 0; padding:.6rem 0; min-width:250px; border:solid 1px #10069f; background-color:#fff; font-size:16px; font-weight:normal; font-style:normal; font-stretch:normal; letter-spacing:0; text-align:center; vertical-align:top; color:#10069f; border-radius:0; font-family:NotoSansCJKkrM;}
.btn-md-royal-blue-blue {line-height:32.8px; height:54px; cursor:pointer; padding:.6rem 0; min-width:250px; border:solid 1px #10069f; background-color:#10069f; font-size:16px; font-weight:normal; font-style:normal; font-stretch:normal; letter-spacing:0; text-align:center; color:#fff; border-radius:0; font-family:NotoSansCJKkrM;}
.btn-md-royal-blue-white:hover {color:#10069f !important;}
.btn-md-royal-blue-blue:hover {color:#fff !important;}
.delete-col {position:absolute; right:20px; font-size:16px;}
#cart .item .prod-name .close {font-size:16px !important;}
.cart-delete.close {font-size:16px !important;}
.bg-members {background-color:#f7f7f7; width:100%; height:96px; padding:12px 15px;}
.grade {line-height:3rem;}
.grade.L0:before {content:''; background-image:url(/img/common/PC-L0.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade.L1:before {content:''; background-image:url(/img/common/PC-L1.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade.L2:before {content:''; background-image:url(/img/common/PC-L2.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade.L3:before {content:''; background-image:url(/img/common/PC-L3.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade.L4:before {content:''; background-image:url(/img/common/PC-L4.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade.CREW:before {content:''; background-image:url(/img/common/crew.png); background-size:64px; width:64px; height:64px; display:inline-block; float:left; margin-right:7px;}
.grade-bold {font-family:NotoSansCJKkrM; font-size:16px; color:#10069f;}
.grade-desc {font-size:14px; font-family:NotoSansCJKkrR; color:#000; white-space:nowrap;}
.exclude-desc {font-family:'NotoSansCJKkrR'; color:#959595; font-size:12px; margin-top:-14px;}

.mobile-price-desc {font-family:NotoSansCJKkrR; font-size:16px; font-weight:normal;}
.mobile-price {font-family:NotoSansCJKkrB; font-size:16px;}
.title-cartTable {border-top:1px solid #000000;}

@media  screen and (max-width:1199px) {
	#cart div.spinner input[type=number] {width:45px !important;}
	#cart div.spinner .btn-lineblack {width:40px !important;}
 }

@media  screen and (max-width:991px) {
	.mobile_hide {display:none !important;}
	.mobile_show {display:block;}
	.mobile_show.display-inline {display:inline !important;}
	#cart h3.title {padding-bottom:3rem !important;}
	.mobile.border-bottom {border-bottom:1px solid #000 !important;}
	.mobile.bt-black {border-top:0px !important;}
	.mobile.mh-140px {max-height:unset !important;}
	.mobile.py-4 {padding:0 !important;}
	.mobile.mt-15p {margin-top:5px !important;}
	.mobile_show>.prod-name {margin-top:5px !important;}
	#cart div.spinner .plus {width:40px; height:40px; font-size:16px; line-height:40px;}
	#cart div.spinner .minus {width:40px; height:40px; font-size:22px; line-height:3.1rem; font-weight:normal;}
	#cart div.spinner input[type=number] {width:54px !important; height:40px !important;}
	#cart div.spinner .btn-lineblack {width:50px !important; height:28px !important;}
	.promo-text-new {font-size:12px; font-family:NotoSansCJKkrR; padding-top:5px; color:#959595; line-height:13px;}
	.item:last-child {border-bottom:0px !important;}
	.total-area {font-size:1.1rem; font-weight:bold; line-height:1.3rem;}

	.btn-lg-royal-blue-white {width:100%; margin-top:1rem !important;}
	.bg-members {background-color:#f7f7f7; width:100%; height:103px; padding:15px 0;}
	.grade {line-height:3rem;}
	.grade.L0:before {content:''; background-image:url(/img/common/M-L0.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade.L1:before {content:''; background-image:url(/img/common/M-L1.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade.L2:before {content:''; background-image:url(/img/common/M-L2.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade.L3:before {content:''; background-image:url(/img/common/M-L3.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade.L4:before {content:''; background-image:url(/img/common/M-L4.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade.CREW:before {content:''; background-image:url(/img/common/crew.png); background-size:36px; width:36px; height:36px; display:inline-block; float:left; margin-right:0}
	.grade-bold {font-family:NotoSansCJKkrM; font-size:16px; color:#10069f;}
	.grade-desc {font-size:14px; font-family:NotoSansCJKkrR; color:#000; height:36px;}
	.exclude-desc {font-family:'NotoSansCJKkrR'; color:#959595; font-size:12px; margin-top:-2px;}
 }

@media screen and (max-width:768px) {
	#cart div.spinner .minus,#cart div.spinner .plus {width:33px; height:33px; line-height:33px;}
	#cart div.spinner  input[type=number] {width:44px !important; height:33px !important;}
	.naver-purchase-area {margin:15px 0 0 0;}
	.naver-purchase-area .npay_type_A_1, .naver-purchase-area .npay_type_A_2, .naver-purchase-area .npay_type_MA_1, .naver-purchase-area .npay_type_MA_2 {width:100% !important;}
	.btn-lg-royal-blue-blue {width:100%;}
}

@media screen and (max-width:575px) {
.total-area {border-top:0.6rem solid #e2e2e2 !important; margin-top:0.5rem;}
	#cart h3.title {padding-bottom:0rem !important;}
	.total-desc {font-family:NotoSansCJKkrM; font-size:16px; font-weight:normal;}
	.total-price {font-family:NotoSansCJKkrB; font-size:22px; color:#10069f;}
	.prod-desc {font-size:10px; width:77px; padding:1px; display:inline-block; text-align:center; height:20px; margin-bottom:5px;}
	#cart .prod-img {max-width:100px !important;}
	.mobile-view.ml-3 {margin-left:0 !important;}
	.py-5r {padding:1.875rem 0 !important;}
	.mobile-cart-font {font-size:13px !important; font-weight:400;}
	#cart .item .prod-name a {font-family:NotoSansCJKkrR !important; letter-spacing:-0.7px; font-weight:normal !important;}
}

@media screen and (max-width:767px) {#cart {margin-top:50px;}
	.recommend-area {padding:0px;}
	.recommend-box {width:180px; max-width:180px;}
	.recommend-img>img {max-width:180px; max-height:180px; height:180px; width:180px;}
	.recommend-name-box {height:80px; max-height:80px; padding:0.6rem 5px; line-height:15px;}
	.recommend-name {font-size:12px; font-weight:bold; letter-spacing:-0.5px; font-family:NotoSansCJKkrR;}
	.recommend-price {bottom:0.2rem !important; left:0.5rem;}
	.slick-initialized .slick-slide {margin-right:0.8rem !important;}
}

@media screen and (max-width:780px) {
	.title-cartTable {border-top:0 none;}
}