@charset "utf-8";


/****** 헤더 ******/
header{
  position: fixed;
  width: 100%;
  max-width: 800px;
  height: 60px;
  line-height: 60px;
  padding:0 30px;
  background-color: #fff;
  border-bottom: 1px solid var(--color-grey);
  z-index: 999;
}
header .btn-back,
.toggle-nav {cursor: pointer;}
header .toggle-nav img {max-width: 22px;}
.header_cart {position: relative;}
.header_cart .cart-img {
  width: 24px;
  height: 24px;
}
.cart-count {
  position: absolute;
  right: -6px;
  top: 22px;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--color-yellow);
  font-size: 11px;
  font-weight: bold;
}
.btn-back img {height: 14px;}

.toggle-nav {display: none;}
.logo {max-width:110px;max-height:70px;}
#searchProduct {width:80%;}

/****** GNB ******/
#gnb {
  position: fixed;
  /*left: -100%;*/
  left:0;
  top:-100%;
  width: 80%;
  max-width: 550px;
  height: 100%;
  background-color: #fff;
  font-size: var(--font-regular);
  transition: all .4s;
  z-index: 1000;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#gnb::-webkit-scrollbar {display: none;}
#gnb .gnb_top {
  padding: 40px 40px 20px;
}
#gnb .login {
	display:flex;
	width:100%;
	height:35px;
	margin:0 auto;
	place-content:center;
	align-items:center;
	border:1px solid var(--color-blue);
	border-radius:5px;
	font-size:12px;
	font-weight:bold;
}
#gnb .login img {max-height:15px;margin-top:2px;}
#gnb .logout {border:1px solid var(--color-grey);}
#gnb .btn_info_more {
	display:inline-block;
	display:inline-flex;
	height:22px;
	line-height:20px;
	padding:0 10px;
	align-items:center;
	border:1px solid var(--color-grey);
	border-radius:5px;
	background-color:#fff;
	color:var(--color-lighttxt);
	font-weight:bold;
	font-size:12px;

}
.gnb_nav a {display: inline-block;float: left;}
.gnb_nav .nav1_item {
  border-bottom: 1px solid var(--color-grey);
  height: 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
/*#gnb .gnb_nav .nav1_item > p{
    width: 100%;
    display: inline-block;
    padding: 13px 40px;
    230306 수정
    display:inline-flex;
    height:100%;
    padding:0 40px;
    justify-content:space-between;
    align-items:center;
} 230313 감춤 */
.gnb_nav .nav1_item > p {
    display:inline-flex;
    width:100%;
    height:100%;
    padding:0;
    justify-content:space-between;
    align-items:center;
    text-indent:40px;
    overflow:hidden;
}

/* 230313 감춤 #gnb .gnb_nav .nav1_item > p img{float: right;width: 14px;} */
.gnb_nav .nav1_item > p img {
    width: 60px;
    padding: 0 31px 0 15px;
}

.gnb_nav .nav1-a {
  font-weight: bold;
  /*230313 추가 */
  width: 100%;
    height: 100%;
    line-height: 49px;

}
.gnb_nav .nav1-a.on .nav2-ul {display: block;}
.gnb_nav .nav2-ul {background-color: var(--color-lightgrey);}
.gnb_nav .nav2-ul,
.gnb_nav .nav3-ul {display: none;}
.gnb_nav .nav2-ul .nav2-item{display: inline-block;width: 100%;}
.gnb_nav .nav2-ul .nav2-item > p{/*padding: 15px 40px;height: 40px; 230313 수정*/  padding: 0;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    overflow: hidden;

    display:inline-flex;
    width:100%;
    justify-content:space-between;
}
.gnb_nav .nav2-a {
  color: var(--color-darkgrey);
  float: left;
  /* 230313 추가 */
  width: 100%;
    display: inline-block;

  /* 230313 수정 width: calc(100% - 60px);*/
    height: 100%;
    line-height: 40px;

}
.gnb_nav .nav1-a > p img,
.gnb_nav .nav2-a > p img {
  /* position: absolute; */
  width: 13px;
  height: 13px;
  /* top: 50%; */
  /* right: 40px; */
  transform: translateY(-50%);
  float: right;
  margin-top: 7px;
}
.gnb_nav .nav2-a + img {
  opacity: .5;
  float: right;
  width: 15px;
    margin-top: 3px;
  /* 230313 수정 */
  width: 60px;
    padding: 0 31px 0 15px;
    height: 40px;

}
.gnb_nav .nav2-a.on + img {
  /*230417 수정 transform: rotate(180deg) translateY(6px);*/
  transform: rotate(180deg) translateX(15px)
}
.gnb_nav .nav3-ul {padding: 0 40px;}
.gnb_nav .nav3-ul li.nav3-item{display: inline-block;width: 100%;}
.gnb_nav .nav3-a {
  position: relative;
  padding-left: 20px;
  line-height: 2;
  color: var(--color-darkgrey);
}
.gnb_nav .nav3-a::before {
  content:"";
  position: absolute;
  width: 10px;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-color: #656565;
  border-radius:5px;
}
#gnb .gnb_close {
  position: fixed;
  width: 80%;
  max-width: 550px;
  height: 50px;
  line-height: 50px;
  /*left: -100%;
  right: 0;
  bottom: 0;*/
  left:0;
  top:-100%;
  background-color: #fff;
  border-top: 1px solid var(--color-grey);
  text-align: center;
  cursor: pointer;
  z-index: 999;
  transition: all .4s;
}
#gnb .gnb_close img {
  width: 13px;
  height: 13px;
}

/* 하단 탭 */
.bottom-buy,
.bottom-cart {
  position: fixed;
  display: none;
  width: 100%;
  max-width: 800px;
  padding: 15px 30px;
  bottom: 0;
  background: #fff;
  z-index: 999;
}
.bottom-buy li {
  width: 54px;
  float: left;
}
.bottom-buy li:last-child {
  width: calc(100% - 64px);
  float: right;
}
.bottom-my {
	/*position:fixed;left:50%;
	bottom:0;
	transform:translateX(-50%);*/
	width:100%;
	max-width:800px;
	padding:15px 30px;

	background-color:#fff;
	z-index:999;
}
.bottom-my li {width:calc(50% - 10px);}
.bottom-confirm {padding-top:30px;}
/* 메인 탭 */
.main_btn {
  text-align: center;
  z-index: 100;
}
.main_btn-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
  background-repeat:no-repeat;
  background-size:contain;
}
.bottom-main ul li:nth-of-type(1) .main_btn-img {background-image:url(../img/tab_home.svg);}
.bottom-main ul li:nth-of-type(2) .main_btn-img {background-image:url(../img/tab_wish.svg);}
.bottom-main ul li:nth-of-type(3) .main_btn-img {background-image:url(../img/tab_cate.svg);}
.bottom-main ul li:nth-of-type(4) .main_btn-img {background-image:url(../img/tab_search.svg);}
.bottom-main ul li:nth-of-type(5) .main_btn-img {background-image:url(../img/tab_my.svg);}
.bottom-main ul li:nth-of-type(1).on .main_btn-img{background-image:url(../img/tab_home-on.svg);}
.bottom-main ul li:nth-of-type(2).on .main_btn-img{background-image:url(../img/tab_wish-on.svg);}
.bottom-main ul li:nth-of-type(3).on .main_btn-img,.bottom-main ul li:nth-of-type(3):hover .main_btn-img {background-image:url(../img/tab_cate-on.svg);}
.bottom-main ul li:nth-of-type(4).on .main_btn-img{background-image:url(../img/tab_search-on.svg);}
.bottom-main ul li:nth-of-type(5).on .main_btn-img{background-image:url(../img/tab_my-on.svg);}
.bottom-main ul li:nth-of-type(3):hover a {color:var(--color-blue);}
/*
.main_btn-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
  background-image: url(../img/sp_menu.png);
  background-repeat: no-repeat;
  background-size: 115px;
  background-position-y: -24px;
}
.bottom-main ul li:nth-of-type(1) .main_btn-img {
  height: 21px;
  background-position-x: 0;
}
.bottom-main ul li:nth-of-type(2) .main_btn-img {
  width: 22px;
  height: 21px;
  background-position-x: -21px;
}
.bottom-main ul li:nth-of-type(3) .main_btn-img { background-position-x:-43px;background-position-y:-23px;background-size:109px;}
.bottom-main ul li:nth-of-type(4) .main_btn-img {
  width: 22px;
  background-position-x: -69px;
}
.bottom-main ul li:nth-of-type(5) .main_btn-img {
  height: 21px;
  background-position-x: -94px;
}
.bottom-main ul li.main_btn.on a {color: var(--color-blue); }
.bottom-main ul li.main_btn.on .main_btn-img {background-position-y: 0; }
/*
/****** 로그인 ******/
.warning_wrap {
  /*height: 20px;
  opacity: 0;*/
  height:40px;
  line-height:36px;
}
.warning_wrap.on {
  height: 40px;
  line-height: 36px;
  opacity: 1;
}
.login_top p{padding-bottom: 20px;}
.login_text{
  font-size: var(--font-regular);
  color: var(--color-lighttxt);
  padding:30px 0 20px;
}
.login_text,
.login-bottom{
  text-align: center;
}
.login-kakao,
.login-naver,
.login-google,
.login-facebook,
.login-apple,
.login-email {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  font-size: var(--font-regular);
  color: #fff;
}
.login-kakao{
  background: url(../img/ic_kakao.svg) no-repeat 30px center /24px #FEE500;
  color:#000
}
.login-naver {background: url(../img/ic_naver.svg) no-repeat 30px center /22px #03C75A;}
.login-google {
  background: url(../img/ic_google.svg) no-repeat 30px center/24px #fff;
  background-size: 28px;
  border:1px solid var(--color-grey);
  color:#000
}
.login-facebook {background: url(../img/ic_facebook.svg) no-repeat 30px center /24px #1877F2;}
.login-apple {background: url(../img/ic_apple.svg) no-repeat 30px center /24px #000;}
.login-email {
  border:1px solid var(--color-blue);
  color: var(--color-blue);
}

.login-bottom {
	left:50%;
	transform:translateX(-50%);
  height: 80px;
  line-height: 80px;
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.login-bottom a {text-align: center;}
.login_option {align-items:center;color: var(--color-darkgrey)}
.input_clear-wrap,
.input_send-wrap,
.input_code-wrap {position: relative;}
.input_clear-wrap img{
  position: absolute;
  width: 22px;
  height: 22px;
  right: 1em;
  top:50%;
  transform: translateY(-50%);
}
.input_send-wrap .btn-send,
.input_code-wrap .btn-code {
  position: absolute;
  right: 1em;
  top:50%;
  transform: translateY(-50%);
}
.input_code-wrap span {
  position: absolute;
  right:90px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-red);
}

/**** 마트 소개 230303 추가 *****/
.gnb_info {/*230313 감춤 position:relative;left:-40px;width:calc(100% + 79px);*/ display:block;padding:20px 40px; background-color:var(--color-lightgrey)}
.gnb_info ul {line-height:1.8;}
.gnb_info ul li {display:flex;width:100%;justify-content:space-between;}
.gnb_about {display:block; font-size:var(--font-medium);font-weight:bold;background:url(/mart/img/ic_arrow-right-b.png) no-repeat right center/10px;}
.aboutMap_wrap {
  position:relative;
	width:100%;
	height:32vh;
	border-radius:10px;
	overflow: hidden;
}
.mart-location {width:100%;height:100%;}
.mart-location > div:first-of-type div {border:0 !important;background:none !important;}
.aboutMap_iw:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url(/mart/img/img_marker_tip.png) no-repeat center;}
.aboutMap_kakao {position: absolute;right: 10px;bottom: 10px; width: 130px; z-index: 1;}
.aboutMap_kakao img {width: 100%;}
.mart-information-title {
	margin-bottom:20px;
	font-size:20px;
}
.mart-information-title span {margin-right:8px;}
.mart-information-title span img {max-width:18px;}
.mart-information {font-size:var(--font-regular)}
.mart-information table th {width:120px;min-width:120px;padding:4px 0;text-align:left;vertical-align:baseline;}
.mart-information table td, .gnb_info__val {color:#757575;}
.mart-information ul {line-height:1.6;}

/****** 가입 ******/
.agree-chk{
  max-width: 18px;
  margin-right: 5px;
  opacity: .35;
  vertical-align: text-top;
}
.text-bg{
  padding:4px 5px;
  margin-right: 4px;
  border-radius: 5px;
  background:rgba(255, 187, 0, .5);
}
.register-done{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
.register-done img{max-width: 160px;}
.register-done p{font-size: var(--font-regular);}

/* 쇼핑홈 */
.container-home section.main_page:last-of-type {margin-bottom:0;}
.menu_wrap{
  position: sticky;
  width: 100%;
  max-width: 800px;
  height: 50px;
  top: 60px;
  left: 0;
  padding: 0 15px;
  line-height: 47px;
  white-space: nowrap;
  font-size: var(--font-regular);
  font-weight: bold;
  background-color: #fff;
  color: var(--color-darkgrey);
  border-bottom: 1px solid var(--color-grey);
  z-index: 2;
  overflow-x: auto;
  overflow-y:hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.menu_wrap::-webkit-scrollbar,
.search_wrap::-webkit-scrollbar {display: none;}

.menu_wrap a{
  display: inline-block;
  height: 50px;
  /*padding: 0 10px;*/
  margin:0 5px;
}
.menu_wrap a.on {
  border-bottom: 4px solid var(--color-yellow);
  color: #000;
}
.menu_wrap li:last-of-type{padding-right: 0;}

.main_page { margin-bottom: 20px;}
.main_dp_title {cursor:pointer;}
.prod_wrap {display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;}
.product_list{display:flex;flex-wrap:wrap;}
.product_list > li.product_list-item{
  width: 33.33333%;
  padding:0 5px;
  /*width: calc(33.3333% - 10px);
  margin-right: 15px;*/
  margin-bottom: 20px;
}
/*.product_list > li.product_list-item[data-sold-out] a.item_title{position:relative}
.product_list > li.product_list-item[data-sold-out] a.item_title::after{content:"품절";position: absolute;right: 0;top: 0;margin-right: 10px;padding: 1px 7px;background-color: #d44;color: #fff;}*/
.product_list > li.product_list-item[data-sold-out] .item_img_wrap::after{content:"품절";position: absolute;left: 0;bottom: 0;padding: 6px 12px;background-color: #d44;color: #fff;border-radius:10px;font-size:var(--font-regular)}
.product_list > li.product_list-item:nth-of-type(3n){
  margin-right:0;
}
.item_img_wrap{
  position: relative;
  margin-bottom: 15px;
  /* 230306 수정 */
  max-height:calc(50vw - 30px);
  border-radius:10px;
  overflow:hidden;
}
.item_img{
  /*max-height: 270px;
  border-radius: 10px;*/
  cursor: pointer;
  width:100%
}
.item_img_wrap .item_wish {
  position: absolute;
  width: 31px;
  height: 30px;
  right: 20px;
  bottom: 20px;
  background: url(../img/ic_heart.svg) no-repeat center/contain;
  cursor: pointer;
}
.item_img_wrap .item_wish.on,
.item_wish.on {background: url(../img/ic_heart-red.svg) no-repeat center/contain;}
.item_title {
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom:10px;
  line-height:1.3;

}
.item-info {margin:12px 0;}
.item-info img {
  width: 17px;
  height: 20px;
  margin-right: 5px;
}
.item-info .img-review {padding-right:10px;}
.tag_wrap {
  display: flex;
  min-height:21px;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 5px;
}
.index_foot {
  /*padding-bottom: 30px;*/
  border-top: 1px solid var(--color-grey);
  font-size: var(--font-default);
  color: #757575;
}
.index_foot > div > a {
  font-size: var(--font-regular);
  text-decoration: underline;
  color: var(--color-darkgrey);
  cursor: pointer;
}
div#mainFoot {
  margin: 20px 0 30px;
  line-height: 1.8;
}
.site-footer, .site-footer-text pre {font-family: 'Pretendard-Regular', 'Noto Sans KR', sans-serif !important;}
.index_foot button{border: 1px solid var(--color-grey); margin-top:20px;}
.txt-divide {display:inline-block;height:10px;width:1px;margin:0 4px;background-color:var(--color-grey);}

#search_ct_01 {font-size:var(--font-medium);font-weight:bold;margin:80px 0 20px 20px;padding-right:20px;background:url(../img/ic_arrow-down-b.svg) no-repeat 100% center/14px #fff;appearance:none;-webkit-appearance:none;color:#000;}
#search_ct_01 option {font-size:var(--font-regular);}
#search_ct_02 {height:unset !important;}
#search_ct_03 li {padding:20px 0 15px;}
#search_ct_03 li:first-of-type {padding:20px 0 15px 20px;}

/******  상품 상세 페이지 ******/
#kakao-link-btn {display:none;}
.product-share img{
  width: 24px;
  cursor: pointer;
}
.product-share .item_wish {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url(../img/ic_heart-stroke.svg) no-repeat center/contain;
  cursor: pointer;
}
.product-share .item_wish.on {
  background: url(../img/ic_heart-red.svg) no-repeat center/contain;
}
.open-share {
  position: relative;
  margin-right: 20px;
}
.toggle-share {
  display: none;
  position: absolute;
  width:100px;
  top: 100%;
  left: -50px;
  border:1px solid var(--color-grey);
}
.product_info .img-file {color: var(--color-darkgrey);}
.product_info .img-file img {
  width: 18px;
  margin-right: 5px;
  vertical-align: bottom;
}
.product_info .percent-sale,
.product_info .price {font-size: var(--font-medium);}
.product_info .product_rate, .product_info .product_review {cursor:default;}
.product_rate,
.product_review {
  position: relative;
  display:inline-flex;
  align-items:center;
  padding-left: 25px;
  font-weight:500;
  cursor: pointer;
}
.product_rate::before,
.product_review::before {
  content:"";
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  top: -2px;
  left: 0;
}
.product_rate::before {background:url(../img/ic_star.svg) no-repeat left center/contain;}
.product_review::before {background:url(../img/ic_review.svg) no-repeat left center/contain;
}
.product_review .img-arrow{background:url(../img/ic_arrow-down.svg) no-repeat center/12px;}
.item-detail {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  height: 50vh;
  overflow: hidden;
}
.item-detail img {width: 100%;}
.review-item{
  padding: 20px 0;
  border-bottom: 1px solid var(--color-grey);
}
.product_content-notice ul li:nth-of-type(2n-1) {
  width: 110px;
  font-weight: bold;
  white-space: nowrap;
}
.product_content-notice ul {display:flex;flex-wrap:wrap;line-height: 1.5;}
.product_content-buynotice {margin: 30px 0 10px;}
.product_content-notice ul li:nth-of-type(2n) {width: calc(100% - 110px)}
.product_content-review .view-more {font-size: var(--font-regular);}
.product_content-review .review-reply {
  display: none;
  width: 100%;
  padding: 20px;
  background-color: var(--color-lightgrey);
  min-height:100px;
}
.review-item .toggle-wrap {
  padding: 20px 15px;
  background: var(--color-lightgrey);
}
.review-item p img {max-height: 200px;}
.review-item p {font-size: var(--font-regular);}
.item_rate img {width: 18px;}
.item_rate img:last-of-type {margin-right: 5px}
.prod-cart {
  border-radius: 10px 10px 0 0;
}
.cart_done {
  height: 80px;
  border-top: 1px solid var(--color-grey);
}
.cart_done li{width: calc(50% - 10px);}
.cart_label {font-size:1.1em;font-weight:bold;}
.buy_opt > p {
  font-size: var(--font-default);
  font-weight: bold;
  color: var(--color-darkgrey);
}
.buy_opt .ul-style2 li:first-of-type {
  width:40px;
  line-height: 50px;
}
.buy_opt .ul-style2 li:last-of-type {width:calc(100% - 40px);}
.opt-selected {
  width: 100%;
  padding:20px;
  background: var(--color-lightgrey);
  border-radius: 10px;
}
.value-changed {font-size: var(--font-regular);}
.bottom-cart {border-radius:10px 10px 0 0;}
#modalShare .modal-header {
  font-size: var(--font-default);
  font-weight: bold;
  color: var(--color-darkgrey)
}
#modalShare .dis-fj > a {text-align: center;}
#modalShare .dis-fj img {
  display: block;
  width: 55px;
  margin-bottom: 5px;
}
#modalCoupon .coupon_list {height:100%;max-height:50vh;overflow-y:auto;}
#modalCoupon .modal-footer {display:flex;}
#modalCoupon .modal-footer button {width:50%;}
#modalCoupon .modal-footer button:first-of-type {background-color:#d7d7d7;}

/* 장바구니 */
.container-cart {padding: 60px 0 160px;}
.cart_wrap,
.wish_wrap {
  width: 100%;
  height: 100%;
  margin-top: -20px;
}
.cart_wrap .cart_item {
  flex-wrap: wrap;
  row-gap:10px
}
.cart_wrap .cart_item-ul1 {flex-basis: calc(100% - 34px);}
.cart_item.pdDelete,.cart_item.soldOut{position:relative}
.cart_item.pdDelete ul,.cart_item.soldOut ul{opacity:0.5;}
.cart_item.pdDelete:after{content: "삭제상품";color: #fff;background-color: red;border: 1px solid red;padding: 0px 3px;display: inline-block;border-radius: 3px;position: absolute;top: 35px;left: 72px;font-size: 10px;}
.cart_item.soldOut:after{content: "품절";color: #fff;background-color: red;border: 1px solid red;padding: 0px 3px;display: inline-block;border-radius: 3px;position: absolute;top: 35px;left: 72px;font-size: 10px;}
.cart_wrap .cart_item-ul2 {padding-left: 34px;}
.cart_item {
  display: flex;
  padding: 30px;
  column-gap: 10px;
}
.cart_item-title {
  display:inline-block;
  width:calc(100% - 23px);
  max-width:50vw;
  font-size: var(--font-regular);
  line-height:1.3;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
  cursor: pointer;
}
.cart_item-del {
	position:absolute;
	top:0;
	right:0;
	max-width:13px;
	cursor:pointer;
}
.cart_item .chk-default {
  flex-basis: 24px;
}
.cart_item ul.cart_item-ul1 li:nth-of-type(2n){
	position:relative;
  width: calc(100% - 120px);
}
.cart_item-option {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cart_item-option .btn-sm:disabled{cursor:default}
/* .cart_item ul{
  position: absolute;
  width: calc(100% - 35px);
}
.cart_item ul.cart_item-ul1 li:nth-of-type(2){
  position: absolute;
  width: calc(100% - 130px);
  left: 140px;
  top: 0;
}
.cart_item ul.cart_item-ul2 {
  left: 35px;
  bottom: 20px;
} */
.cart-img-wrap{
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
}
.cart-img-wrap img {height: 100%;}
.cart_bar button{
	display:grid;
	grid-template-columns:1fr 1fr;

  padding: 0;
  background-color: var(--color-blue);
  color: #fff;
  align-items: center;
}
.cart_bar button.disable{
	background-color: var(--color-grey);
	cursor: default;
}
#cartTotalSumPrice {font-weight:normal;margin-top:-3px;}
.cart_bar button a {margin-top:-3px;}
.opt-value input {
  width: 35px;
  padding: 0 5px;
  font-size: var(--font-regular);
  font-weight: bold;
  text-align: center;
  background: transparent;
}
.opt-value input[type="number"]::-webkit-outer-spin-button,
.opt-value input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


#modalOptEdit .buy_opt {
  position: static;
  display: block;
  margin: 0 auto;
  transform: none;
}
#modalOptEdit .modal-dialog {
  margin: 0;
  align-items: flex-end;
}
#modalOptEdit .modal-body {
  height: 100%;
  min-height: 100%;
  padding: 0;
}

/* 주문 결제 */
.ord_method_wrap {display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:15px;text-align:center;}
.label_ord_method {
	display:flex;
	aspect-ratio:1/1;
	max-width:200px;
  min-width: 95px;
	padding:12px;
	margin:0 auto;
	border: 1px solid var(--color-grey);
	border-radius:10px;
  flex-direction: column;
	place-content:center;
	color: var(--color-darkgrey);
	font-weight:bold;
}
.label_ord_method.on {border:2px solid var(--color-blue)}
.label_ord_method img {max-height:40px;margin: 0 auto 12px;}
.ord-notice {
  position: relative;
  padding-left: 25px;
  font-size:15px;
}
.ord-notice::before {
  content:"";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../img/chk-red.svg) no-repeat center/contain;
}
.pay-wrap > ul:last-of-type {margin-bottom:0 !important;}
.pay-wrap ul li:last-of-type {width: calc(100% - 130px);}
.text_address,
.text_address-title,
.text_address-ph {
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.text_address-title {font-weight: bold;}
.pay_rewards-wrap li:nth-of-type(2) span {
  margin-left: 8px;
  color: var(--color-blue);
}
.pay_method-item {
  position: relative;
  width: calc(16.6666% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 130px;
  border: 1px solid var(--color-grey);
  border-radius: 10px;
}
.pay_method-item.on {border: 2px solid var(--color-blue);}
.pay_method-item:last-child{margin-right: 0;}
.pay_method-item span{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pay_method-item img{
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}
.pay_method-item p{
  text-align: center;
  font-weight: bold;
  color: var(--color-darkgrey);
  white-space: nowrap;
}
.pay_others-wrap{
  border:1px solid var(--color-grey);
  border-radius: 10px;
}
.pay_method-others li{
  width: calc(33.33333% - 20px);
  margin-bottom: 8px;
  white-space: nowrap;
}
.pay_method-others li:last-of-type{margin-bottom: 0;}
.cash_receipt-wrap {display: none;}
.cash_receipt-wrap,
.pay_terms {background-color: var(--color-lightgrey);}
.cash_receipt-wrap > p:first-of-type {font-weight: bold;}
.pay_summary ul:first-of-type {border-bottom: 1px solid var(--color-grey);}
.pay_summary ul li{
  width: 50%;
  padding-bottom: 15px;
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.pay_summary ul li:nth-of-type(2n) {text-align: right;}
.pay_summary .pay_total li {color: #000}
.pay_terms textarea{
  background: #fff;
  color:var(--color-darkgrey);
  border-radius: 10px;
}
.use-rewards li:first-of-type,.add-coupon >li:first-of-type{width: calc(100% - 80px)}
.use-rewards li:last-of-type,.add-coupon >li:last-of-type{
  width: 100%;
  max-width: 70px ;
}
.timepicker_visit li {width: 48%;}
.timepicker_visit li select {
  width: 100%;
  height: 45px;
  padding: 0 1em;
  border: 1px solid var(--color-grey);
  border-radius: 5px;
}
.timepicker_visit li:nth-of-type(2) {
  margin-right: 2%;
}
section#ord-visit {display: none;}
.pay-wrap {padding-top:10px;}
/* 주소관리 모달 */

.text_address-ph {font-size: var(--font-default);}

/* 주문내역 */
.ord_list-item {
  width: 100%;
  height: 100%;
  min-height: 190px;
}
.ord_list-items .ord_list-item {
  padding: 30px;
  border-bottom: 5px solid var(--color-lightgrey);
}
/* .ord_list-item {
  width: 100%;
  height: 100%;
  min-height: 190px;
} */
.ord_list-item .ord-status {width: 140px;}
.ord_list-item .ord-time {
  width: calc(100% - 140px);
  padding: 3px 0;
  color: var(--color-darkgrey);
}
.ord_list-item .item_img {
  width: 120px;
  height: 120px;
}
.ord_list-item .ord-item-info > li:first-of-type {
  width: 120px;
  margin-right: 20px;
}
.ord_list-item .ord-item-info > li:last-of-type {
  width: calc( 100% - 140px);
}
.ord_list-item .ord-item-info li:last-of-type p {margin-bottom: 10px;}
.item-price li:nth-of-type(1) {font-weight: bold;}
/* .ord_list-item .ord-left,
.ord_list-item .ord-right,
.ord_list-item .ord-bottom { position: absolute;}
.ord_list-item .ord-left {
  width: 120px;
  left: 0;
  top: 0;
}
.ord_list-item .ord-right {
  width: calc(100% - 150px);
  left: 150px;
  top: 5px;
}
.ord_list-item .ord-bottom {
  width: 100%;
  left: 0;
  bottom: 0;
} */
.ord-button-ul {line-height: 35px;}
.ord_list-item button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;}
.ord-method {
  font-weight: bold;
  color: var(--color-darkgrey);
}

/* 주문상세 */
.prod_wrap a>label {display: block; }
.product_contents input {display: none; }
.product_contents .product_content {display: none; }
.product_contents input:checked+.product_content {display: block; }

.ord_detail-info {
  margin-bottom: 15px;
  /* white-space: nowrap; */
}
.ord_detail-info > li:nth-of-type(1) {
  width: 140px;
  font-weight: bold;
}
.ord_detail-info > li:nth-of-type(2) {width: calc(100% - 140px);}
.ord_detail-sum {
  margin-bottom: 15px;
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.ord_detail-sum li:nth-of-type(2) {text-align: right;}
.ord_detail-sum:last-of-type {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-grey);
}

/* 주문 취소 */
#write-why,
#write-review,
#write-withdrawl,
#write-faq,
#write-exchange {
  border: 1px solid var(--color-grey);
  border-radius: 10px;
}

/* 주문 취소 */
.write_form_wrap {
  border: 1px solid var(--color-grey);
  border-radius: 10px;
}

/* 리뷰 작성 */
.review_rate-wrap {
  width: 100%;
  padding: 30px 0;
  border-radius: 10px;
  text-align: center;
  background: var(--color-lightgrey);
}
.rate-star {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: center;
  column-gap: 10px;
}

.rate-star input {
  display: none;
}

.rate-star label {
  display: inline-block;
  width: 16px;
  min-width:unset;
  height: 16px;
  background: url(../img/ic_star-grey.svg) no-repeat center/contain;
  cursor: pointer;
}

.rate-star :checked~label,
.rate-star label:hover,
.rate-star label:hover~label {
  background: url(../img/ic_star.svg) no-repeat center/contain;
}
#reviewFilePreviewBox,#exeFilePreviewBox {padding:10px 0;}
/* 쿠폰 */
.btn-coupon.disabled{cursor: default;color: #aaa;}
.coupon_available {
  font-size: var(--font-regular);
  color: var(--color-lighttxt);
}
.coupon-box{
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  max-height: 130px;
  align-items: center;
  overflow: hidden;
}
.coupon-box label {display: block;}
.coupon-left,
.coupon-right {
  /* position: relative; */
  display: table-cell;
  border-radius: 10px;
}
.coupon-left {
  width: 75%;
  padding: 20px;
  border: 1px solid var(--color-grey);
  color: var(--color-darkgrey)
}
.coupon-left .coupon_name {
  padding-bottom: 20px;
  font-size: var(--font-regular);
  font-weight: bold;
  color: #000;
}
.coupon-box::before,
.coupon-box::after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 75%;
  transform: translateX(-50%);
  width:30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid var(--color-grey);
}
.coupon-box::before{
  top: -15px;
}
.coupon-box::after{
  bottom: -15px;
}
.coupon-left p {padding-top: 10px;}
.coupon-left p:first-of-type {padding-top: 0;}
.coupon-left .name {
  padding-bottom: 20px;
  color: #000;
}
.coupon-right {
  width: 25%;
  background-color: var(--color-blue);
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.coupon-expired .coupon-right{background-color: var(--color-lighttxt);}
.coupon-expired .coupon_name {color: var(--color-darkgrey);}

/* 적립금 */
.rewards_accum span:last-child {
  font-size: var(--font-regular);
  color: var(--color-lighttxt);
}
.rewards-spent {
  font-weight: bold;
  color: var(--color-lighttxt);
}
.rewards-cur {
  padding-top: 10px;
  color:var(--color-darkgrey);
}

/* 결제완료 */
.container-paid{
  padding: 15vh 30px 5vh;
  text-align: center;
  overflow-y:auto;
}
.icon-paid{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../img/chk-w.svg) no-repeat center var(--color-yellow);
  margin-bottom: 30px;
}
.paid-receipt {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 380px;
  margin: 0 auto;
  /*background: url(../img/img_receipt.png) no-repeat top center/contain;*/
  text-align: center;
}
.paid-receipt_inner {
  position: absolute;
  width: 100%;
  max-width: 550px;
  /*left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
  margin:0 auto;
  text-align:center;
  z-index: 1;
}
.paid-receipt_bg {
	position:absolute;
	inset:0;
	z-index: 0;
}
.paid-receipt_bg img {aspect-ratio:3/2;}
.paid-receipt .dis-fj {
  padding: 0 15px 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-grey);
  margin-bottom: 20px;
}
.paid-receipt .dis-fj span{
  width: 58%;
  font-size: var(--font-regular);
  line-height: 2;
}
.paid-receipt span:nth-of-type(2n-1) {
  font-weight: bold;
  text-align: left;
  width:42%;
}
.paid-receipt span:nth-of-type(2n) {text-align: right;}
.paid-receipt span:last-of-type {color: var(--color-blue);white-space:nowrap;}
.paid_details{
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
  text-decoration: underline;
}

/* 기간이벤트 */

.timesale_title li:last-of-type{
  padding-top: 5px;
  line-height: 20px;
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.container-timesale .product_list>li.product_list-item {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.container-timesale .product_list>li.product_list-item:nth-child(2n){margin-right:0px}
/*.container-timesale .product_list>li.product_list-item:nth-of-type(2n) {margin-right: 0;}*/
.container-timesale .item_img_wrap .item_img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
}

/* 마이페이지 */
.my_tier {font-weight: bold;}
.my_tier-img {
  /*width: 22px;
  height: 22px;*/
  max-width:27px;
  margin-right: 5px;
  vertical-align: -35%;
}
.tier-name {margin-right: 10px;}
.tier-sale {color: var(--color-blue);}
.my_info {line-height: 26px;}
.my_info li:nth-of-type(1) {color: #757575;}
.my_benefits {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 165px;
  background-color: #F1F2F6;
}
.my_benefits-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  width: calc(100% - 60px);
  padding: 30px 43px;
  margin: 0 auto;
  grid-template-columns:1fr 1fr 1fr;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,.2);
  font-size: var(--font-regular);
  text-align: center;
}
.my_benefits .my_benefits-bar{
  display: inline-block;
  width: 1px;
  height: 50px;
  margin:0 auto;
  background-color: var(--color-grey);
}
.my_lists {display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;}
.my_lists li {position:relative;text-align:center;cursor:pointer;}
.my_lists li img {display:block;height:19px;margin:-2px auto 14px;}
.my_count_span {padding-left:5px;color:var(--color-darkgrey);}
/*.my_lists li {
  position: relative;
  width: 33.3333%;
  margin-right: 30px;
  text-align: center;
}
.my_lists li img {
  height: 19px;
  margin-right: 14px;
  margin-top: -2px;
} */
.my_lists li::after {
  position: absolute;
  content:"";
  display: inline-block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background-color: var(--color-grey);
}
.my_lists li:last-of-type::after {display: none;}
.my_others li:first-of-type {padding:0 0 20px 0;background-position:right 0;}
.my_lists li a {vertical-align:middle;}
.my_others-item {
  padding: 20px 0;
  background: url(../img/ic_arrow-right.svg) no-repeat right center/10px;
  border-bottom: 1px solid var(--color-grey);
}
.my_others-item a {
  font-size: var(--font-regular);
  font-weight: bold;
  color: var(--color-darkgrey);
}
.my_others-item .cart-count {position:static;margin-left:10px;}
.my_newimg {max-height: 16px;margin-left:8px;vertical-align: bottom;}

/* 마이페이지 리뷰 */
.review_item,
.coupon_item,
.rewards_item {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--color-grey);
}
.review_item .toggle-wrap {
  padding: 20px;
  background: var(--color-lightgrey);
}
.item_rate strong {font-size: var(--font-regular);}
.review-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#review_file,
#exchange_file {display: none;}
.review_file-label,
.exchange_file-label {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  border: 1px solid var(--color-blue);
  color: var(--color-blue);
  text-align: center;
  cursor: pointer;
}
.exchange_file-label img,
.review_file-label img {
  width: 20px;
  margin-right: 10px;
  vertical-align: sub;
}
/* 찜 */
.reivew_item-img {max-height: 200px;}

/* 배송지 관리 */
.address_empty {
  display: none;
  padding: 100px 0;
  font-size: var(--font-regular);
  font-weight: bold;
  text-align: center;
  color: var(--color-lighttxt);
}
.address_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.address_item label {flex-basis: calc(100% - 32px);}
.address_item-info {
  padding: 15px;
  border: 1px solid var(--color-grey);
  border-radius: 10px;
  background-color: var(--color-lightgrey);
  white-space: normal;
}
.address-default {
  border: 1px solid var(--color-blue);
  background-color: #fff;
}
.address-default ul li span:nth-of-type(2) {color: var(--color-blue);}
.address-default p {font-size: var(--font-regular);}
.address-default > span {color: var(--color-lighttxt)}
/* 회원정보 */
.myinfo_accept {
  padding: 15px 30px;
  background-color: var(--color-lightgrey);
}
.myinfo_accept ul li {
  width: 60%;
  line-height: 3;
}
.myinfo_accept ul li:nth-of-type(2n) {width:40%;text-align: right;}
.input_code-wrap {display: none;}

/* 회원 탈퇴 */
.withdrawl_bottom {
  padding: 20px 10px;
  background: var(--color-lightgrey);
  border-radius: 10px;
}
.withdrawl_bottom p {
	display:grid;
	grid-template-columns:25px 1fr;
	align-items:baseline;
}

/* 약관 내용 확인 */
.term_h2_wrap {padding-top:80px !important;}
.term_wrap a > label {display: block;}
.term_contents input {display: none;}
/* .term_contents .term-content {display: none;} */
.term_contents input:checked + .term-content {display: block;}

/* 공지사항 */
.notice_table {
  width: 100%;
  font-size: var(--font-regular);
}
.notice_table tr {border-bottom: 1px solid var(--color-grey);}
.notice_table td {padding: 20px 0;}
.notice_table tr > td:first-of-type {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice_table tr > td:last-of-type {
  width: 100px;
  text-align: right;
}
.notice-mark {
  position: relative;
  padding: 0 .8em;
  font-weight: bold;
  color: var(--color-blue);
}
.notice-mark::before {
  content:"";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3px;
  height: 14px;
  background: var(--color-blue);
}
.notice_title-wrap span {display: inline-block;}
.notice_title-wrap .notice-mark {margin-bottom: 20px;}
.notice_title-wrap h2 {
  margin-bottom: 10px;
  font-weight: normal;
}
.notice_title-wrap .notice-date {color: #757575}
.notice-text {
  margin-bottom: 10px;
  color: var(--color-darkgrey);
}

/* 1:1 문의 */
.faq-item {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-grey);
}
.faq-item .toggle-wrap {
  padding: 15px 20px;
  background: var(--color-lightgrey);
}

/* 검색 */
.search_keywords {padding:80px 20px 15px;}
.search_keywords p {
  font-size: var(--font-default);
  font-weight: bold;
}
.search_bar {
position:fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width:800px;
  height: 60px;
  padding: 0 30px;
  border-bottom: 1px solid var(--color-grey);
  background-color:#fff;
  z-index:999;
}
.search_bar #search_product {width: 80%;}
.search_bar img{
  height: 14px;
  cursor: pointer;
}
.search_wrap {
  width: 100%;
  max-width: 800px;
  height: 30px;
  white-space: nowrap;
  font-weight: bold;
  color: var(--color-lighttxt);
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.search_wrap a {
  display: inline-block;
  padding-right: 10px;
}
.search_price {
  display: none;
  align-items: center;
  column-gap: 10px;
  padding: 4px 30px 15px;
  background-color: var(--color-lightgrey);
}
.search_price.on {  display: block;margin-top:10px;}
.search_price ul.ul-style3 li:first-of-type{width: calc(100% - 60px);}
.search_price ul.ul-style3 li:last-of-type{padding-top:12px;}
.search_price .input {
  width: 40%;
  max-width: 200px;
}
.search_price input,
.search_price button {
  height: 30px;
  border-radius: 5px;
}
.search_result-top {
  line-height: 26px;
  font-size: var(--font-regular);
}
.search_result-top .select-order {font-size: var(--font-default);}

/* 화면 디자인 표시를 위해 임시로 적용한 CSS */
/* .faq-ul,
.ord_list-items,
.address_items {
  display: none;
} */


/****** 스와이퍼 ******/
/* .swiper {
  width: 100%;
  height: 100%;
} 
.swiper_overlay {
	position:fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.75)
}*/
.swiper_popup_wrap {
	position: fixed;
	top: 50%;
	left:50%;
	width: 80%;
	max-width: 400px;
	transform: translate(-50%,-50%);
	border-radius: 10px;
	box-shadow: 0 3px 15px rgba(0,0,0,.25);
	overflow: hidden;
	z-index:99;
}
.swiper_popup_item {
	display:block;
	width: 100%;
	height: 100%;
}
.popup_bottom {padding:10px;text-align: right;background:#fff;}
.popup_bottom .chk-default {width:16px;height:16px;}
.popup_bottom .chk-default:checked{background: url(../img/chk-w.svg) var(--color-blue) no-repeat center/12px}
.swiper_popup .swiper-button-next:after, .swiper_popup .swiper-button-prev:after{font-size: 24px;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.3)}
.swiper_home {
  /* height: 350px; */
  border-radius: 10px;
}
.swiper_page {
  /* height: 200px; */
  border-radius: 10px;
}
.swiper-slide .item_img_wrap img {
  width: 100%;
  height: 100%;
}
.swiper_home .swiper-slide {/* min-height: 350px; */}
.swiper_home .swiper-slide img {
  /* position: absolute;
  min-height: 350px;
  top: 50%;
  left: 0;
  transform: translateY(-50%); */
  object-fit: fill;
  width:100%;
  /* height:100% */
}
/*.swiper_product {max-height: 300px;}
.swiper_product .swiper-slide {min-height: 300px;}
.swiper_product .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  min-height: 300px;
}*/
.swiper_product .swiper-slide {text-align:center;}
.swiper_popular .price {font-size:var(--font-regular);}
.swiper_popular .item_title {margin-bottom:0;}
.swiper-pagination-fraction {
  left: unset;
  right: 20px;
  bottom: 20px;
  width: 48px;
  height:25px;
  line-height:26px;
  /*padding: 8px 16px;*/
  background: rgba(0, 0, 0, .5);
  border-radius: 25px;
  color: #fff
}
.swiper-slide .item_img_wrap .item_wish {right: 30px;}

/* range slider */
.nstSlider {
  width: 100%;
  height: 12px;
  background: var(--color-grey);
}
.nstSlider .bar {
  height: 12px;
  top: 0;
  background: var(--color-blue);
}
.nstSlider .leftGrip,
.nstSlider .rightGrip {
  width: 20px;
  height: 20px;
  top: -4px;
  background: var(--color-blue);
}
.rightLabel {text-align: right;}

/* pignose 캘린더 */
.pignose-calendar .pignose-calendar-unit a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a {color: #757575;}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
  background: var(--color-yellow);
  font-weight: bold;
  color: #000;
}
.pignose-calendar .pignose-calendar-unit a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a,
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a {font-size: var(--font-regular);}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-disabled a {
  opacity: 1;
  background: var(--color-lightgrey);
}
.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
  font-weight: normal;
  color: #757575;
}
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat,
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {color: #757575}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
  margin:0 4px 0 0;
  font-size: var(--font-medium);
  font-weight: bold;
  color: #000
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year::after{
  content:".";
  display: inline-block;
  padding-left: 4px;
}
.pignose-calendar-top-month {font-size: var(--font-medium);}

.price-range-slider .range-bar .ui-slider-handle {background:var(--color-blue) !important;border:2px solid var(--color-blue) !important;}
.ui-widget.ui-widget-content {border:var(--color-grey) !important;}

/* 230405 추가 */
#modalReExe .modalReExe_inputs,
#modalCancel .modalReExe_inputs{margin-top:20px}
#modalReExe .modalReExe_inputs input,
#modalCancel .modalReExe_inputs input,
#modalReExe .modalReExe_inputs select,
#modalCancel .modalReExe_inputs select {height:40px;padding:10px;border: 1px solid var(--color-grey);border-radius:5px;width: calc(100% - 84px);}

/************* 반응형 ******************/
@media (max-width:712px) {
  /* common */
  .container-home {padding:60px 0 90px;}
  .container-search {}
  .p30 {padding: 20px;}
  .p15-30{padding:15px 20px;}
  .p15-30-0 {padding:15px 20px 0;}
  .p0-30{padding:0 20px;}
  .p30-0 {padding:20px 20px 0;}
  .tag {
    padding: 0 2px;
    font-size: var(--font-micro);
  }
  .swiper_home {/* height: 240px; */}
  /* .swiper_home .swiper-slide img {object-fit: cover;} */
  .swiper-slide .item_img_wrap .item_wish {right: 15px; }

  /* 위시리스트, 카트 */
  .bottom-buy, .bottom-cart {padding:15px 20px;}
  .cart_item {padding: 20px;}
  .cart-img-wrap {width:80px;height:80px;}
  .cart_item ul.cart_item-ul1 li:nth-of-type(2n) {width:calc(100% - 100px);}
  .cart_item.soldOut:after {top:28px;left:62px;}

  /* 주문 내역 */
  .ord_list-items .ord_list-item {padding: 20px;}
  .paid-receipt_bg {min-height:250px;}
  .paid-receipt_bg img {aspect-ratio:2/1;height:100%;}

  /* 상품 목록 */
  .item_img_wrap .item_wish {
    width: 24px;
    height: 23px;
    right: 15px;
    bottom: 15px;
  }
  .product_list>li.product_list-item {
  width:50%;
  padding:0 5px;
    /*width: calc(50% - 10px);
    margin-right: 10px;*/
    margin-bottom: 20px;
  }
  /*.product_list>li.product_list-item:nth-of-type(2n) {margin-right: 0;}
  .product_list>li.product_list-item:nth-of-type(3n) {margin-right: 10px;}*/

  /* 상품 상세 */
  #kakao-link-btn {display:block;}
    .ord_detail-info>li:nth-of-type(1){width: 85px;}
    .ord_detail-info>li:nth-of-type(2) {width: calc(100% - 85px);}

  /* 기간이벤트 상품목록 2열 레이아웃으로 수정
  .container-timesale .product_list>li.product_list-item {
    width: 100%;
    margin-right: 0;
  }*/

  /* 결제페이지 */
  .pay_method-item {
    width: calc(33.3333% - 7px);
    min-height: 100px;
  }
  .pay_method-item:nth-of-type(3n) {margin-right: 0;}
  .pay_method-others li {
    width: calc(50% - 20px);
  }
  .paid-receipt_inner {
    max-width: 91%;
    /*top: 36.5%;*/
  }
  .icon-paid {margin-bottom: 15px;}

  /* 공지 테이블 */
  .notice_table tr>td:first-of-type {width:100%;max-width: 290px;}
  .notice_table tr>td:first-of-type a {display:block;width:100%;}

  /* 검색 */
  .search_price {  padding: 4px 20px 15px 30px;}

  /* 마이페이지 */
  .my_benefits-inner {width:calc(100% - 30px);}
}