@charset "utf-8";

/***** MediaQuery *****/

/* Mobile+Tablet */
@media (max-width: 500px) {
	#aside,
	#aside .cate,
    #aside-filter { width:85%!important; }
	#ml-main { overflow:hidden; }
	#review-more { overflow: auto; }
}

/* PC */
@media (min-width: 501px) {
	#aside,
	#aside .cate,
    #aside-filter { width:100%; }
	#aside { /* right:0; */ }
	#aside-filter { /* right:0; */ }
	#ml-main { overflow:hidden; }
	#fix-btn { max-width:500px; margin:0 auto; }
	.cate-tit.active,
	#slide-menu.list,
	#sel-wrap,
	.top-bs.active,
	#bs-wrap { max-width:500px; }
	.layer-wrap { max-width:360px; }
	.slide-fd { margin-left:-30px!important; }
	.slide-fd .swiper-slide .top { width:135px!important; }
	#review-more { overflow:auto; }
	#review-more .inner > .top { max-width:500px; }
	#review-more::-webkit-scrollbar { display: none; }
	#review-more { -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */ }
}

/* common */
{ z-index:2; position:relative; /* width:100%; */ height:64px; background:white; }
header { background:white; }
.sticky-wrapper { height:64px!important; }
.is-sticky { /* width:100%; */ height:64px; background:white;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
header#header { height:64px; }
header#header .mid h1 { /* font-family:'Pretendard JP'; */  }
header#header .mid h1 img { width:95px; height:auto; }

header#header .sch, .close-icon, .search-wrapper {
	/* position: relative; */
}
header#header .close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	position:absolute; right:0; top:17px;
}
header#header .close-icon:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	background: url('../assets/img/btn_del.svg') no-repeat right center / 20px auto;
	z-index:1000;
	right: 29px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}
#header .sch input:not(:valid) ~ .close-icon {
	display: none;
}
#header .sch .close-icon2:after {
	right: 14px;
	top: 35px;
	bottom: 0;
}
header#header .mid { padding-top:10px; margin-left:50px; }
header#header .left { z-index:1; position:absolute; left:16px; top:23px; }
header#header .right { z-index:1; position:absolute; right:20px; top:18px; }
header#header .left a.btn-sidebar { display:block; width:20px; height:18px; background:url('../assets/img/ico_ham.svg') no-repeat left bottom / 20px auto; }
header#header a.btn-sch { display:inline-block; position:relative; bottom:2px; padding-top:3px; width:20px; height:20px; }
header#header a.btn-sch img { width:24px; height:24px; }
header#header a.btn-basket { display:inline-block; position:relative; bottom:4px; width:24px; height:24px; /* margin-left:30px; */ margin-left:24px; background:url('../assets/img/ico_bag.svg') no-repeat left bottom / 24px auto; }
header#header a.btn-basket span.count { display:inline-block; position:relative; left:12px; bottom:6px; width:18px; height:18px; line-height:20px; border-radius: 50%; background: #FEC315;font-weight:bold; font-size:11px; text-align:center; }

#aside {
	/*display:none;*/
    z-index: 20002;
	/* z-index: -1; */
    position: fixed;
    top: 0;
	left:-100%;
    /*right: -100%;*/
	/*right:0;*/
    /*width: 100%;*/
    height: 100%;
	max-width:500px;
	margin:0 auto;
	background:white;
	/* padding: 20px 10px; */
	/* overflow-y:scroll; */
}
#aside > .top { position:relative; }
#aside .country { height:42px; }
#aside .country span { position:relative; top:2px; font-size:16px; }
#aside .country span.ml { margin-left:8px; letter-spacing:0.1px; }
#aside .country img { width:24px; height:auto; }
#aside .inner { padding:47px 32px 0; }
#aside .inner > .top { padding-bottom:26px; background:url('../assets/img/divide_aside.png') no-repeat left bottom / 32px 1px; }
#aside .inner .top .btn a { font-weight:bold; color:#757575; font-size:14px; }
#aside .inner .top .type2 span img { width:12px; height:auto; }
#aside .inner .top .type2 strong { position:relative; top:2px; padding-left:8px; color:#757575; font-size:14px; }
#aside .menu .mid,
#aside .menu .bot { margin-top:20px; padding-top:20px; padding-bottom:26px; background:url('../assets/img/divide_aside.png') no-repeat left top / 32px 1px; }
#aside .menu li a { font-size:14px; font-weight:bold; }
#aside .menu li+li { margin-top:20px; }
#aside .menu .top { padding-top:20px; }
#aside .menu .bot { margin-top:0; }
#aside .bot .heart img { width:14px; height:auto; }
#aside .bot a { color:#757575; }
#aside .page { z-index:20001; position:fixed; top:0; width:100%; height:100%; max-width:500px; margin:0 auto; background:white; }
#aside .page .inner { padding:47px 32px 0; }
#aside .page a.btn-sel { display:block; height:48px; line-height:48px; margin-top:160px; border-radius:12px; background:#F1F1F1; color:#777; font-weight:bold; font-size:16px; text-align:center; }
#aside .page a.btn-sel.on { background:black; color:white; }
#aside .page .top p { font-size:16px; }
#aside .page .top p span+span { position:relative; top:1px; margin-left:7px; }
#aside .page .top span img { width:24px; height:auto; }
#aside .page .top .close { display:inline-block; position:absolute; right:0; top:3px; width:12px; height:12px; }
#aside .page .top .close img { width:100%; height:auto; }
#aside .page .mid { margin-top:42px; }
#aside .cate { z-index:20001; position:fixed; top:0; left:-100%; width:100%; height:100%; max-width:500px; margin:0 auto; background:white; }
#aside .cate .top ul { padding:16px 32px 0 48px; }
#aside .cate .top ul a { font-weight:bold; font-size:14px; }
#aside .cate .top ul li+li { margin-top:22px; }
#aside .cate .top > p { padding:47px 0 22px; border-bottom:1px solid #E5E5E5; }
#aside .cate .top > p a { display:block; padding-left:42px; background:url('../assets/img/arr_l_blk.svg') no-repeat 25px 2px / 6px auto; font-weight:bold; font-size:14px; }
#aside .select{
  width: 100%;
  /* height: 48px; */
  /* padding: 0 10px; */
  margin: 0 auto;
  border: 1px solid #A8A8A8;
  border-radius: 12px;
  background:url('../assets/img/arr_d_gray.svg') no-repeat 96% center / 12px auto;
  /* background: rgba(0,0,0,.2); */
  position: relative;
}
#aside .select.on { border:1px solid #FEC315; }
#aside .select-active {
  border-radius: 12px;
  border: 1px solid black;
  border-bottom:0;
  background:white;
  background:url('../assets/img/arr_d_gray.svg') no-repeat 96% 21px/ 12px auto;
}
#aside .select-active .selected { border-bottom:0; }
#aside .selected {
  /* width: 100%; */
  /* height: 48px; */
  line-height: 48px;
  padding:0 16px;
  cursor: pointer;
  font-size:16px; font-weight:bold;
}
#aside .select-active .option-list,
#aside .select-active.on .option-list { display:block!important; }
#aside .select-active .option-list { border: 1px solid black; border-top:1px solid white; }
#aside .select-active.on .option-list { border:1px solid #FEC315; border-top:1px solid white; }
#aside .option-list {
  display: none; position: relative;
  /* position: absolute; */
  width: 100%;
  /* top: 47px; */ top: 0px;
  left: -1px;
  padding-bottom:16px;
  box-sizing: content-box;
  border: 1px solid #aaa;
  border-top:0;
  border-radius: 2px 2px 12px 12px;
  background: white;
  z-index: 2;
}
#aside .option-list div+div { margin-top:18px; }
#aside .option {
  /* width: 100%; */
  height: 25px;
  line-height: 25px;
  padding-left:48px;
  /*padding: 0 10px;*/
  font-size:16px;
  cursor: pointer;
}
#aside .option:hover{
  background: rgba(255,255,255,.2);
  cursor: pointer;
}
#aside .option.lan1 { background:url('../assets/img/ico_usa.png') no-repeat 16px center / 24px auto; }
#aside .option.lan2 { background:url('../assets/img/ico_jpn.png') no-repeat 16px center / 24px auto; }
#aside .option.lan3 { background:url('../assets/img/ico_chn.png') no-repeat 16px center / 24px auto; }
#aside .select.mt16 .option-list .option { padding-left:16px; }
#aside-filter {
	/*display:none;*/
    z-index: 20002;
    position: fixed;
    top: 0;
	right:-100%;
	/* left:0; */
    height: 100%;
	max-width:500px;
	margin:0 auto;
	background:white;
	/* padding: 20px 10px; */
	/* overflow-y:scroll; */
}
#aside-filter .top { position:relative; padding:60px 0 0 0;}
#aside-filter .top .inner { padding:0 20px 14px; }
#aside-filter .top h1 { font-size:16px; font-weight:600; }
#aside-filter .top a { position:absolute; right:20px; top:60px; }
#aside-filter .top a img { width:12px; height:auto; }
#aside-filter .top .sch-area { position:relative; padding:20px; border-top:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; }
#aside-filter .top .sch-area button { display:inline-block; position:absolute; right:30px; top:33px; width:14px; height:14px; background:url('../assets/img/ico_sch.svg') no-repeat left center / 100% auto; }  
#aside-filter .top .sch-area input { width:100%; height:38px; padding:0 40px 0 20px; line-height:38px; border:2px solid black; }
#aside-filter .top .sch-area input:focus::-webkit-input-placeholder {color: #aaa; font-size:11px; }
#aside-filter .top .sch-area input:focus::-moz-placeholder {color: #aaa; font-size:11px; }
#aside-filter .top .sch-area input:focus::-webkit-input-placeholder {opacity: 0; font-size:11px;} 
#aside-filter .top .sch-area input:focus::-moz-placeholder {opacity: 0; font-size:11px;}
#aside-filter .btn-clear { padding:8px 20px 0 0; text-align:right; }
#aside-filter .btn-clear a { font-size:12px; color:#747B8B; font-weight:200; }
#aside-filter .inner .scroll { overflow-y:scroll; height: calc(100vh - 300px); }
#aside-filter .inner .lst { padding:0 20px; }
#aside-filter .inner .lst ul { margin-top:8px; }
#aside-filter .inner .lst li { height:37px; line-height:37px; }
#aside-filter .inner .lst li a { display:block; font-weight:200; }
#aside-filter .inner .lst li.on a { background:url('../assets/img/ico_chk.svg') no-repeat right center / 11px auto; font-weight:400; }
#aside-filter .btn-bot { position:absolute; bottom:0; right:0; width:100%; height:94px; background:black; text-align:center; }
#aside-filter .btn-bot a { display:block; padding:18px; color:white; font-weight:bold; font-size:18px; }
#aside-filter .inner > .top { padding-bottom:26px; background:url('../assets/img/divide_aside.png') no-repeat left bottom / 32px 1px; }
#aside-filter .inner .top .btn a { font-weight:bold; color:#757575; font-size:14px; }
.mask {
    opacity:0;
    z-index: 20002;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
	transition: opacity .15s linear;
	visibility: hidden;
}
.mask.on { opacity: 0.3; visibility:visible; }
#wing { z-index:3; position: fixed; bottom:24px; right:0; /* bottom:85px; */ width:100%; /* max-width:1248px; */ }
#wing .right { position:relative; margin:0 auto; }
#wing .right > div { position:absolute; right:0; bottom:0; transform:translateX(-50%); }
#wing .right img { width:36px; height:auto; }
#wing a { display:block; }
#wing a+a { margin-top:20px; }
.slide-main { overflow:hidden; position:relative; }
.slide-main .btn { display:none; }
.slide-main .swiper-scrollbar { position:inherit; width:100%; left:inherit;}
.slide-main .swiper-scrollbar-drag { height:3px; }
.slide-main a { display:block; /* height:480px; */ }
.slide-main a > span { display:block; height:345px; }
.slide-main span img {  z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:70%; /* width:100%; max-height:227px; height:auto; */ }
.slide-main .swiper-button-prev,
.slide-main .swiper-button-next { display:none; }
.slide-main .s-inner { z-index:1;  }
.slide-main .s-inner .txt p { font-family: 'GmarketSans'; text-align:left; color:white; font-weight:bold; }
.slide-main .s-inner .txt { left: 16px; max-width: 100%; padding-top:64px; }
.slide-main .txt dl { margin-top:30px!important; text-align:left; }
.slide-main .txt dl dt { font-size:48px!important; color:white; font-weight:normal!important; }
.slide-main .txt dl dd { font-size:20px!important; }
.slide-main .swiper-pagination-fraction { padding-left:12px!important; }
.slide-main .swiper-pagination-fraction span { display:inline-block; width:10px; font-size:12px!important; text-align:center; }
.slide-main .swiper-pagination-current { padding-right:12px; }
.slide-main .swiper-pagination-total { padding-left:12px; }
.slide-main .swiper-pagination-progressbar { display:inline-block; height:4px; position:absolute; bottom:0; width:100%; background: rgba(255, 255, 255, 0.4); border-radius:0; }
.slide-main .swiper-pagination-progressbar-fill { background: rgba(254, 195, 21, 1); }
.slide-main .ux { z-index:2; width:100%; bottom:0px; left:0; }
.slide-main .img img { width:100%; height:auto; vertical-align:top; }
.slide-main.detail .swiper-pagination-progressbar { width:85%; left:7.5%; right:7.5%; bottom:20px; border-radius:100px; }
.slide-main.detail .swiper-pagination-progressbar-fill { border-top-left-radius:100px; border-bottom-left-radius:100px; }
#ml-main { /* margin-left:44px; */ }
.flash-deals { /* margin-left:44px; */ margin-left:20px; }
.flash-deals > dl > dt { font-size:20px; font-weight:bold; }
.flash-deals > dl > dd { padding-top:8px; font-size:16px; font-weight:bold; color:#FEC315; }
.flash-deals > p { padding-top:8px; font-size:14px; }
.slide-fd { margin-top:24px; margin-left:-20px; /* padding-left:20px; */ }
.slide-fd .swiper-slide { width:79%!important; position:relative; overflow:hidden; }
.slide-fd .swiper-slide img { width:100%; height:auto; }
.slide-fd .swiper-slide > a { display:block; /* padding-bottom:110px; */ }
.slide-fd .swiper-slide .top { position:absolute; left:0; right:0; top:16px; /* width:55%; */ /* width:150px; */ width:44%; margin:auto; padding:5px 10px 5px 3px; border-radius:50px; background:white; box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.25); }
.slide-fd .swiper-slide .top .time img { width:36px; height:auto; }
.slide-fd .swiper-slide .top span { color:#D92D20; font-weight:600; font-size:14px; }
.slide-fd .swiper-slide .top span+span { position:relative; top:2px; }
.slide-fd .swiper-slide .bot { position:absolute; left:0; right:0; bottom:16px; /* width:85%; */ width:80%; margin:auto; border-radius:15px; background:white; box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.25); }
.slide-fd .swiper-slide .bot .inner { padding:2px 8px 10px; }
.slide-fd .swiper-slide .bot .inner > p > span+span { position:relative; top:2px; }
.slide-fd .swiper-slide .bot .info .right { position:absolute; left:0; top:0; }
.slide-fd .swiper-slide .bot .info .right dl { padding:10px 0 0 80px; }
.slide-fd .swiper-slide .bot .info .right dl dt { font-size:16px; }
.slide-fd .swiper-slide .bot .info .right dl dd { padding-top:5px; }
.slide-fd .swiper-slide .bot .info > p > img { width:68px; height:auto; border-radius:15px; }
.slide-fd .swiper-slide .bot .info .right > p { padding:5px 0 0 80px; text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
.slide-fd .swiper-slide .bot .info .right > div { padding:5px 0 0 80px; }
.slide-fd .swiper-slide .bot .info .right > div > strong:first-child { color:#FED048; font-weight:bold; font-size:16px; }
.slide-fd .swiper-slide .bot .info .right > div > strong:first-child span+span { position:relative; right:3px; }
.slide-fd .swiper-slide .bot .info .right > div > strong+strong { font-weight:bold; font-size:16px; }
.slide-fd .swiper-slide .bot .info .right > div > strong+strong span+span { position:relative; right:3px; }
#newin h1.tit { display:inline-block; padding:0 20px 0 20px; background:url('../assets/img/arr_r_blk.png') no-repeat right 50% / 8px auto; }
#newin h1.tit a { display:block; font-size:20px; }
#event-wrap h1.tit { padding-left:20px }
#event-wrap h1.tit,
#event-wrap2 h1.tit,
#event-wrap3 h1.tit,
#event-wrap4 h1.tit,
#event-wrap5 h1.tit,
#cont-bs h1.tit { display:inline-block; padding-right:20px; background:url('../assets/img/arr_r_blk.png') no-repeat right 50% / 8px auto; }
#event-wrap h1.tit a,
#event-wrap2 h1.tit a,
#event-wrap3 h1.tit a,
#event-wrap4 h1.tit a,
#event-wrap5 h1.tit a,
#cont-bs h1.tit a { display:block; font-size:20px; }
#slide-newin { margin-top:16px; padding:0 20px; }
#slide-newin .swiper-container { overflow:inherit; }
#slide-newin .swiper-slide { width:67%!important; position:relative; overflow:hidden; }
#slide-newin .swiper-slide img { width:100%; height:auto; }
#slide-newin .swiper-slide > a { display:block; }
.swiper-slide .btn-heart { z-index:2; display:block; position:absolute; right:16px; bottom:103px; }
.swiper-slide .btn-heart a { display:block; width:20px; height:20px; background:url('../assets/img/ico_heart_off.png') no-repeat left top / 20px auto; }
.swiper-slide .btn-heart a.on { background:url('../assets/img/ico_heart_on.png') no-repeat left top / 20px auto; }
#slide-newin dt { padding-top:8px; font-size:16px; }
#slide-newin dd { padding-top:5px; font-weight:200; font-size:12px; }
#slide-newin dd span.gray { text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
#slide-newin dd:first-child { margin-top:5px; }
#slide-newin dd+dd { /* padding-top:1rem; */ padding-top:5px; font-size:1rem; font-weight:bold; }
#slide-newin dd:nth-child(2) { display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; color:black; font-weight:200; }
#slide-newin dd span:nth-child(1),
#slide-newin dd span:nth-child(2),{ font-weight:bold; }
#slide-newin dd span.price { font-weight:800; font-size:14px; }
#slide-newin dd span.sale { display:inline-block; min-height:13px; padding-top:5px; color:#fec315; font-weight:800; font-size:14px; }
#event-wrap p.large,
#event-wrap .tit,
#event-wrap2 p.large,
#event-wrap2 .tit,
#event-wrap3 p.large,
#event-wrap3 .tit,
#event-wrap4 p.large,
#event-wrap4 .tit,
#event-wrap5 p.large,
#event-wrap5 .tit { padding-left:20px!important; padding-right:20px!important; }
#event-wrap .desc 
#event-wrap .desc { padding-left:0; padding-right:20px!important; }
/* #event-wrap2 p.large,
#event-wrap2 .tit,
#event-wrap2 .desc { padding-left:20px!important; padding-right:20px!important; }
#event-wrap3 p.large,
#event-wrap3 .tit,
#event-wrap3 .desc { padding-left:20px!important; padding-right:20px!important; }
#event-wrap4 p.large,
#event-wrap4 .tit,
#event-wrap4 .desc { padding-left:20px!important; padding-right:20px!important; }
#event-wrap5 p.large,
#event-wrap5 .tit,
#event-wrap5 .desc { padding-left:20px!important; padding-right:20px!important; } */
#event-wrap p.large img,
#event-wrap2 p.large img,
#event-wrap3 p.large img,
#event-wrap4 p.large img,
#event-wrap5 p.large img,
.event2 p.large img { width:100%; height:auto; border-radius:12px; }
#event-wrap p.desc,
#event-wrap2 p.desc,
#event-wrap3 p.desc,
#event-wrap4 p.desc,
#event-wrap5 p.desc { padding:5px 1rem 20px 0; border-bottom:1px solid #D4D4D4; font-size:14px; line-height:20px; }
#event-wrap p.desc { /* padding-bottom:16px; */ padding-bottom:12px; border-bottom:1px solid #D4D4D4!important; }
.event2 { padding-left:20px; padding-right:20px; }
.event2 a { display:block; }
.event2 p.desc { font-size:16px; }
.slide-event { /* margin-left:44px; */ padding-top:16px; margin-left:20px; /* border-top:1px solid #D4D4D4; */ }
.slide-event .swiper-container { overflow:inherit; }
.slide-event .swiper-slide { width:auto!important;/* width:80%!important; */ position:relative; overflow:hidden; margin-bottom:1rem; }
.slide-event .swiper-slide img { width:68px; height:auto; border-radius:12px; }
.slide-event .swiper-slide > a { display:block; height:91px; }
.slide-event .swiper-slide > a > p { position:absolute; left:0; right:0; top:0; /* width:85%; */ }
.slide-event .swiper-slide .inner { padding:12px 8px; }
.slide-event .swiper-slide .inner > p > span+span { position:relative; top:2px; }
.slide-event .swiper-slide .time img { width:36px; height:auto; }
.slide-event .swiper-slide .inner p span { color:#D92D20; font-weight:600; font-size:16px; }
.slide-event .swiper-slide .right { /* position:absolute; left:80px; top:0; */ padding-left:76px; }
.slide-event .swiper-slide .right dl { min-width:189px; max-width:189px; padding:5px 0 0 0px; }
.slide-event .swiper-slide .right dl dt { font-size:16px; }
.slide-event .swiper-slide .right dl dd { overflow:hidden; width:85%; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
.slide-event .swiper-slide > p > img { width:68px; height:auto; border-radius:15px; }
.slide-event .swiper-slide .right > p { min-height:16px; padding:5px 0 0 0px; text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
.slide-event .swiper-slide .right > div { padding:5px 0 0 0px; }
.slide-event .swiper-slide .right > div > strong:first-child { color:#FED048; font-weight:bold; font-size:16px; }
.slide-event .swiper-slide .right > div > strong:first-child span+span { position:relative; right:3px; }
.slide-event .swiper-slide .right > div > strong+strong { font-weight:bold; font-size:16px; }
.slide-event .swiper-slide .right > div > strong+strong span+span { position:relative; right:3px; }
p.banner-m { padding-left:20px; padding-right:20px; }
p.banner-m a { display:block; }
p.banner-m img { width:100%; height:auto; border-radius:12px; }
#slide-bs { margin:1rem 0 0 0; }
#slide-bs .swiper-slide { width:60%!important; position:relative; overflow:hidden; }
#slide-bs .swiper-slide img { width:100%; height:auto; border-radius:12px; }
#slide-bs .swiper-slide > a { display:block; }
#slide-bs dt { padding-top:8px; font-size:16px; }
#slide-bs dd { padding-top:5px; font-weight:200; font-size:12px; }
#slide-bs dd span.gray { display:inline-block; height:16px; text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
#slide-bs dd:first-child { margin-top:5px; }
#slide-bs dd+dd { padding-top:5px; font-size:1rem; font-weight:bold; }
#slide-bs dd:nth-child(2) { display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; color:black; font-weight:200; }
#slide-bs dd span:nth-child(1),
#slide-bs dd span:nth-child(2),{ font-weight:bold; }
#slide-bs dd span.price { display:inline-block; padding-top:2px; font-weight:800; font-size:14px; }
#slide-bs dd span.sale { display:inline-block; padding-top:5px; color:#fec315; font-weight:800; font-size:14px; }
#cont-bs { margin:0 20px; }
.swipe-menu { position:relative; margin:16px 0; }
.swiper-container { overflow:inherit; }
.list .swiper-container { overflow:hidden; padding-left:20px; }
.swipe-menu .swiper-slide { /* width:25%; */ width:auto; }
.swipe-menu .swiper-slide img { width:100%; height:auto; }
.swipe-menu .swiper-slide a { display:block; padding:7px 16px 5px; border:1px solid #A8A8A8; border-radius:15px; background:white; color:#A8A8A8; font-size:14px; text-align:center; }
.swipe-menu .swiper-slide.on a { border-radius:15px; border:1px solid #fec315; background:#fec315; color:white; font-weight:bold; }
#cont-bs p.rank { z-index:2; position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; border-top-left-radius:12px; border-top-right-radius:0px; border-bottom-right-radius:12px; background:#FEC315; text-align:center; }
#cont-bs p.rank strong { color:white; }
#footer { margin-top:4rem; }
#footer .inner { border-top:1px solid #8F8F8F; border-bottom:1px solid #8F8F8F; }
#footer .inner ul.menu { overflow:hidden; width:100%; text-align:center; }
#footer .inner ul.menu li { display:inline-block; position:relative; margin:0 auto; padding:12px 0; /* background:url('../assets/img/divide_gray.svg') no-repeat right 50% / 1px auto; */ /* width: calc(33.3333% - 15px); */ text-align:center; }
#footer .inner ul.menu li:first-child:before { right:-3px; }
#footer .inner ul.menu li:last-child:before { right:2px; background:none; }
#footer .inner ul.menu li:nth-child(2):before { right:-1px; }
#footer .inner ul.menu li:nth-child(1) { width:27%; /* background:url('../assets/img/divide_gray.svg') no-repeat right 50% / 1px auto; */ }
#footer .inner ul.menu li:nth-child(2) { width:40%; /* background:url('../assets/img/divide_gray.svg') no-repeat right 50% / 1px auto; */ /* padding-left:5%; padding-right:5%; */ }
#footer .inner ul.menu li:last-child { width:31%; padding-left:0; background:none; }
#footer .inner ul.menu li { /* padding-left:1%; padding-right:1%; */ }
#footer .inner ul.menu li a { color:#424242; font-size:14px; }
#footer .inner ul.menu li { position:relative; }
#footer .inner ul.menu li:before { position: absolute; content: ''; top: 9px; right: 0px; height: 22px; width: 1px; background: #424242;  }
#footer .fold p.btn { height:56px; line-height:56px; padding-left:1rem; }
#footer .fold p.btn a { display:inline-block; padding-right:15px; font-size:16px; color:#424242; }
#footer .fold p.btn a.off { background:url('../assets/img/arr_d_blk.svg') no-repeat right center / 12px auto; }
#footer .fold p.btn a.on { background:url('../assets/img/arr_u_blk.svg') no-repeat right center / 12px auto; }
.footer-sub { margin-top:20px!important; /* padding-bottom:85px; */ padding-bottom:105px; }
#fold-foot .lst { padding:0 1rem; }
#fold-foot .lst dl+dl { margin-top:20px; }
#fold-foot .lst dl dt { color:#757575; }
#fold-foot .lst dl dd { color:black; }
#fold-foot p.copy { padding-top:36px; text-align:center; }
#fold-foot .btns { position:relative; padding:24px 16px 40px; }
#fold-foot .btns p a { display:inline-block; }
#fold-foot .btns p a+a { margin-left:8px; }
#fold-foot .btns p a img { width:28px; height:auto; }
#fold-foot .btns a.down { position:absolute; right:16px; bottom:32px; }
#fold-foot .btns a.down img { width:142px; height:auto; }
#sub-wrap { overflow:hidden; width:100%; }
#sub-wrap h1.cate-tit { position:fixed; padding-bottom:24px; text-align:center; font-size:20px; font-weight:400; }
#sub-wrap h1.active.cate-tit { z-index:2; width:100%; background:white; text-align:center; }
#slide-menu-sticky-wrapper { height:33px!important; }
#sub-wrap #slide-menu { height:33px!important; }
#sel-wrap { height:48px!important; }
#sel-wrap #sticky-wrapper { height:48px!important; }
#slide-menu-sticky-wrapper #slide-menu.list,
#sel-wrap,
#bs-wrap .sticky-wrapper .inner { background:white; }
#slide-menu.list { z-index:20001; position:fixed; width:100%; top:100px; }
#sel-wrap { /* z-index:20001; */ z-index:19999!important; position:fixed; width:100%; top:144px; }
#scroll-wrap .top-bs { background:white; }
#scroll-wrap .top-bs .group { padding:15px 16px 0; }
#scroll-wrap .top-bs.active { z-index:3; position:fixed; width:100%; /* top:60px; */ /* height:63px; */ height:60px; }
#bs-wrap { z-index:20001; position:fixed; width:100%; top:117px; /* background:white; */ }
#bs-wrap .inner { /* width:100%; */ /* margin:14px 0; */ }
#bs-wrap .swipe-menu .inner { margin-right:16px; }
#bs-wrap-sticky-wrapper { height:56px!important; background:white; }
.top-bs .group div { position:absolute; right:16px; bottom:24px; }
#slide-menu { /* position:relative; */ margin-top:1rem; }	
#slide-menu .mg { margin:0 40px 0 0px; }
#slide-menu .is-sticky { width:inherit; /* max-width:1248px; */ }
#slide-menu .is-sticky .gnb-menu { transform: translateY(40%); }
#slide-menu .cont { padding:0 1rem; }
#slide-menu .cont > div { /* padding:0 16px; */ max-width:500px; margin:0 auto; }
#slide-menu .sch.cont { padding-left:0; }
#slide-menu .swiper-container { /* display:flex; flex-direction: column !important; align-items: center !important; */ }
#slide-menu .swiper-wrapper { /* display:flex; */ /* width:inherit; */ }
#slide-menu .swiper-wrapper:after { content:''; display:block; clear:both; }
#slide-menu .swiper-wrapper li { /* display:inline-block; width:auto; margin-left:1rem; */ width:auto; /* margin:0 60px; */ text-align:center; }
#slide-menu .swiper-wrapper li a { display:inline-block!important; position:relative; /* margin:0 60px; */ font-size:14px; font-weight:600; color:#aaa; }
#slide-menu .swiper-wrapper li a span { display:inline-block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; padding-bottom:14px; }
#slide-menu .swiper-wrapper li.active a span { -webkit-transition:color .35s ease; transition:color .35s ease; color:black; }
#slide-menu .button_container {
	/* position: fixed; */
	position: absolute;
	top: 4px;
	right: 20px;
	height: 9px;
	width: 9px;
	cursor: pointer;
	z-index: 20003;
	background: url('../assets/img/arr_d_blk2.svg') no-repeat right center / 9px auto white;
	transition: all 0.35s ease;
}
#slide-menu .button_container:hover {
	opacity: 1;
}
#slide-menu .button_container.active {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all 0.35s ease;
}
#slide-menu .button_container span {
	background: #FF5252;
	border: none;
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}

#slide-menu #low-cate-menu {
	/* z-index:2; */
	z-index:20002;
	position: absolute;
	/* top: 50%; */
	top:0;
	/* transform: translateY(40%); */
	left: 0;
	width: 100%;
	/* height:100%; */
	opacity: 0;
	visibility: hidden;
    background:white;
}
#slide-menu #low-cate-menu.open {
	opacity: 1;
	visibility: visible;
	/* height:100%; */
}
#slide-menu #low-cate-menu nav {
	z-index:2;
	position: relative;
	top: 0%;
	left:0%;
	/* -webkit-transform: translate(-50%, -56%);
    transform: translate(-50%, -56%); */
	font-size: 16px;
	text-align: left;
	/* background: white; */
}
#slide-menu #low-cate-menu ul {
	list-style: none;
	padding: 0 20px;
	padding-top:20px;
	padding-bottom:0px;
	margin: 0 auto;
	display: block;
	position: relative;
}
#slide-menu #low-cate-menu ul li {
	display:inline-block;
	width:calc(50% - 15px);
	margin-right:1rem;
	min-height: 34px;
	position: relative;
	opacity: 1;
}
#slide-menu #low-cate-menu ul li a {
	display: block;
	position: relative;
	color: #aaa;
	text-decoration: none;
	/* overflow: hidden; */
	font-weight:600;
	font-size:13px;
}
#slide-menu #low-cate-menu ul li a:hover:after, #slide-menu #low-cate-menu ul li a:focus:after, #slide-menu #low-cate-menu ul li a:active:after {
	width: 100%;
}
#low-cate-menu #cate { padding:0 20px 15px; border-bottom:1px solid #F1F1F1; }
#low-cate-menu #cate a { font-size:14px; font-weight:600; }
#low-cate-menu #cate a.last { color:#aaa; }
#low-cate-menu #cate span { position:relative; bottom:1px; padding:0 10px; }
nav.menu li.on a { color:black!important; }

#sort-wrap { position:relative; padding-top:0; }
/* #sel-wrap { position:relative; } */
#sel-wrap .select,
#sort-wrap .select {
  width: 45%;
  /* height: 48px; */
  background:url('../assets/img/arr_d_blk.svg') no-repeat 96% center / 7px auto;
  position: relative;
}

#sel-wrap .select-active,
#sort-wrap .select-active {
  background:white;
  background:url('../assets/img/arr_u_blk.svg') no-repeat 96% center / 7px auto;
}

#sel-wrap .select-active .option-list,
#sort-wrap .select-active .option-list,
#bs-wrap .select-active .option-list { display:block!important; }

#sel-wrap .select-active .selected,
#sort-wrap .select-active .selected { border-bottom:0; }
#sel-wrap .selected,
#sort-wrap .selected {
  height: 48px;
  line-height: 48px;
  padding:0 16px;
  cursor: pointer;
  font-size:14px;
}
#sel-wrap .option-list,
#sort-wrap .option-list {
  display: none;
  position: absolute;
  width: 100%;
  top: 47px;
  left: -1px;
  padding:8px 0 16px;
  box-sizing: content-box;
  background: white;
  z-index: 20000;
}
#sel-wrap .option-list div+div,
#sort-wrap .option-list div+div { /* margin-top:18px; */ }
#sel-wrap .option,
#sort-wrap .option {
  /* width: 100%; */
  /* height: 25px;
  line-height: 25px; */
  height: 48px;
  line-height: 48px;
  padding-left:16px;
  font-size:14px;
  cursor: pointer;
  color:#8F8F8F;
}
#sel-wrap .option:hover,
#sort-wrap .option:hover {
  background: rgba(255,255,255,.2);
  cursor: pointer;
}
#bs-wrap { /* position:relative; */ z-index:20001; position:fixed; width:100%; background:white; }
#bs-wrap .swipe-menu { overflow:hidden; float:left; width:72%; }
#bs-wrap .select{
  width: 28%;
  background:url('../assets/img/arr_d_blk.svg') no-repeat 90% 28px / 12px auto;
  /* height: 48px; */
  /* position: absolute; left:0; bottom:0; */ float:left;
}
#bs-wrap .select {}
#bs-wrap .select-active {
  background:white;
  display:inline-block; background:url('../assets/img/arr_u_blk.svg') no-repeat 90% 28px / 12px auto;
}
#bs-wrap .select-active .selected { border-bottom:0; }
#bs-wrap .selected {
  height: 48px;
  line-height: 48px;
  position:relative; top:8px;
  padding:0 0 0 16px;
  cursor: pointer;
  font-size:16px;
  font-weight:600;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important;
}
#bs-wrap .option-list {
  display: none;
  position: absolute;
  /* width: 100%; */
  width: 195px;
  top: 47px;
  left: -1px;
  padding:8px 0 16px;
  box-sizing: content-box;
  background: white;
  z-index: 20000;
}
#bs-wrap .option-list div+div { margin-top:18px; }
#bs-wrap .option {
  /* width: 100%; */
  height: 25px;
  line-height: 25px;
  padding-left:16px;
  font-size:14px;
  cursor: pointer;
  color:#8F8F8F;
}
#bs-wrap .option:hover{
  background: rgba(255,255,255,.2);
  cursor: pointer;
}
#lst-pro p.rank { z-index:2; position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; border-top-left-radius:12px; border-top-right-radius:0px; border-bottom-right-radius:12px; background:#FEC315; text-align:center; }
#lst-pro p.rank strong { color:white; }
a.btn-filter { position:absolute; right:20px; top:15px; }
a.btn-filter img { width:15px; height:auto; }
#lst-pro.bs { /* margin:70px 16px 0; */ margin:60px 16px 0;  }
#lst-pro { /* margin:20px 1rem 0; */ margin:30px 16px 0; }
#lst-pro .inner { margin:0 -4px; }
#lst-pro .inner ul { 
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
	margin:0 -4px;
}
#lst-pro .inner ul li { position:relative; width: calc(50% - 16px); margin:0 8px; }
#lst-pro .inner ul li a img { width:100%; height:auto; }
#lst-pro .inner ul li+li+li { margin-top:20px; }
#lst-pro .inner ul li .btn-heart { z-index:1; display:block; position:absolute; right:16px; bottom:103px; }
#lst-pro .inner ul li .btn-heart a { display:block; width:20px; height:20px; background:url('../assets/img/ico_heart_off.png') no-repeat left top / 20px auto; }
#lst-pro .inner ul li .btn-heart a.on { background:url('../assets/img/ico_heart_on.png') no-repeat left top / 20px auto; }
#lst-pro dt { padding-top:8px; font-size:16px; }
#lst-pro dd { padding-top:5px; font-weight:200; font-size:12px; }
#lst-pro dd span.gray { text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
#lst-pro dd:first-child { margin-top:5px; }
#lst-pro dd+dd { min-height:30px; padding-top:5px; font-size:1rem; font-weight:bold; vertical-align:bottom; }
#lst-pro dd:nth-child(2) { display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; color:black; font-weight:200; }
#lst-pro dd span:nth-child(1),
#lst-pro dd span:nth-child(2),{ font-weight:bold; }
#lst-pro dd span.price { font-weight:800; font-size:14px; }
#lst-pro dd span.sale { display:inline-block; min-height:16px; padding-top:5px; color:#fec315; font-weight:800; font-size:14px; }
.sch-wrap { z-index:20001; position:fixed!important; top:0; width:100%; height:100%; max-width:500px; margin:0 auto; background:white; }
.sch-wrap .inner { position:relative; }
.sch-wrap .inner .sch-area { margin:0 50px 28px 1rem; }
.sch-wrap .inner .sch-area input { width:100%; height:48px; line-height:48px; padding-left:43px; border-radius:12px; background:#F2F4F7; font-size:16px; }
.sch-wrap .inner a.btn-close { position:absolute; right:18px; top:17px; }
.sch-wrap .inner a.btn-close img { width:12px; height:auto; }
.sch-wrap, .close-icon, .search-wrapper {
	position: relative;
}
.sch-wrap .close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	position:absolute; right:30px; top:21px;
}
.sch-wrap .close-icon:before {
	content: "X";
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	z-index:1000;
	right: 35px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	background:url('../assets/img/btn_del.svg') no-repeat left center / 100% auto;
	font-size:0;
}
.sch-box:not(:valid) ~ .close-icon {
	display: none;
}
.sch-wrap .sch-area button.sch { display:inline-block; position:absolute; left:30px; top:17px; width:14px; height:14px; background:url('../assets/img/ico_sch.svg') no-repeat left center / 100% auto; }  
.sch-wrap .sch-area ::-webkit-input-placeholder {color: #A8A8A8; font-weight:200; }
.sch-wrap .sch-area :-moz-placeholder {color: #A8A8A8; font-weight:200; } 
.sch-wrap .sch-area ::-moz-placeholder {color: #A8A8A8; opacity: 1; font-weight:200; } 
.sch-wrap .sch-area :-ms-input-placeholder {color: #A8A8A8; font-weight:200; }
.sch-wrap .sch-area input:focus::-webkit-input-placeholder {color: #A8A8A8; }
.sch-wrap .sch-area input:focus::-moz-placeholder {color: #A8A8A8; }
.sch-wrap .sch-area input:focus::-webkit-input-placeholder {opacity: 0; } 
.sch-wrap .sch-area input:focus::-moz-placeholder {opacity: 0; }
.sch-wrap .recent { position:relative; margin:0 20px; }
.sch-wrap .recent h1 { font-size:18px; font-weight:bold; }
.sch-wrap .recent a.all-del { display:block; position:absolute; right:0; top:0; font-size:12px; color:#747B8B; }
.recent .result li { position:relative; }
.recent .result li > a { display:inline-block;  }
.recent .result li+li { margin-top:16px; }
.recent .result li .del { position:absolute; right:0; top:8px; }
.recent .result li .del img { width:12px; height:auto; }
.recent .result dl dt { font-size:16px; }
.recent .result dl dd { color:#98A2B3 }
.recent > .lst { position:relative; margin-top:56px; }
.recent > .lst li { position:relative; }
.recent > .lst li+li { margin-top:24px; }
.recent > .lst li a { display:block; overflow:hidden; position:relative; width:100%; }
.recent > .lst dt,
.recent > .lst dd { float:left; font-size:16px; }
.recent > .lst dt { font-weight:600; color:#FEC315; }
.recent > .lst dd { margin-left:1rem; }
.recent > .lst h1 { margin-bottom:28px; font-size:18px; font-weight:bold; }
#detail-info { /* padding:16px 16px; */ padding:16px 0; padding-bottom:0; }
#detail-info .inner dt { margin:0 16px; font-size:16px; max-height:54px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }
#detail-info .inner dd { margin-top:8px; margin-left:16px; }
#detail-info .inner dd+dd { padding-top:1rem; font-size:1rem; font-weight:bold; }
#detail-info .inner dd span:nth-child(1),
#detail-info .inner dd span:nth-child(2),{ font-weight:bold; }
#detail-info .inner dd span:nth-child(3) { padding-left:8px; color:#C4C4C4; text-decoration: line-through; }
#detail-info .inner dd span:nth-child(4) { color:#C4C4C4; text-decoration: line-through;}
#detail-info .inner dd span.price { padding-left:8px; font-weight:bold; font-size:22px; }
#detail-info .inner dd span.sale { color:#FED048; font-weight:bold; font-size:22px; }
#detail-info .seller { position:relative; /* height:64px; */ height:56px; margin:12px 16px 16px; border:1px solid #EDEDED; }
#detail-info .seller p.btn-heart { position:absolute; right:16px; top:11px; }
#detail-info .seller p.btn-heart a { display:block; width:20px; height:20px; padding-top:20px; background:url('../assets/img/ico_heart_off.png') no-repeat left top / 20px auto; color:#5C5C5C; }
#detail-info .seller p.btn-heart a.on { background:url('../assets/img/ico_heart_on.png') no-repeat left top / 20px auto; }
#detail-info .seller p.name { display:inline-block; padding:22px 0 0 16px; font-weight:600; }
#detail-info .seller p.name a { padding-right:13.5px; background:url('../assets/img/arr_r_gray.svg') no-repeat right 49% / 5px auto; }
#recomm { margin-top:16px; /* padding-bottom:16px; */ padding-bottom:16px; }
#recomm .tit a { font-size:18px; }
#recomm .swiper-container { overflow:inherit; }
#recomm .swiper-slide { width:30%!important; position:relative; overflow:hidden; }
#recomm .swiper-slide img { width:100%; height:auto; }
#recomm .swiper-slide > a { display:block; }
/* .swiper-slide .btn-heart a { display:block; width:20px; height:20px; background:url('../assets/img/ico_heart_off.png') no-repeat left top / 20px auto; }
.swiper-slide .btn-heart a.on { background:url('../assets/img/ico_heart_on.png') no-repeat left top / 20px auto; } */
#recomm dt { padding-top:8px; font-size:16px; }
#recomm dd { padding-top:5px; font-weight:200; font-size:12px; }
#recomm dd span.gray { display:inline-block; text-decoration:line-through; font-size:11px; font-weight:bold; color:#C4C4C4; }
#recomm dd:first-child { margin-top:5px; }
#recomm dd+dd { /* padding-top:1rem; */ padding-top:5px; font-size:1rem; font-weight:bold; }
#recomm dd:nth-child(2) { display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; color:black; font-weight:200; }
#recomm dd span:nth-child(1),
#recomm dd span:nth-child(2),{ font-weight:bold; }
#recomm dd span.price { display:inline-block; padding-top:5px; font-weight:800; font-size:14px; }
#recomm dd span.sale { padding-top:5px; color:#fec315; font-weight:800; font-size:14px; }
#recomm-wrap { /* margin-top:32px; */ margin-top:16px; padding:0 16px; }
#recomm-wrap h1.tit { font-size:18px; }
.detail-lst { position:relative; /* padding-bottom:20px; */ }
.detail-lst ul { /* margin-top:12px; */ }
.detail-lst li { position:relative; font-size:16px; font-weight:600; }
.detail-lst li > a { display:block; width:100%; }
.detail-lst li.tit { position:relative; min-height:64px; line-height:64px; padding:0 16px; }
.detail-lst li.tit.border { border-top:1px solid #E7E9EC; }
.detail-lst li.tit a.on span.arr { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.detail-lst li.tit a span.arr { display:block; position:absolute; right:16px; top:24px; background:url('../assets/img/arr_d_blk.svg') no-repeat right 50% / 12px auto; width:12px; height:12px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
}
.detail-lst li.result { margin-top:0; font-size:14px; font-weight:normal; }
.detail-lst li.result > span { display:inline-block; margin-top:8px; }
.detail-lst li.result.info { padding:0 16px 20px; }
.detail-lst li.result.info div { padding-left:13px; }
.detail-lst li.result.info div > span { display:inline-block; }
.detail-lst li.result.info div > span { padding-top:6px; }
li.result .img { padding-left:0!important; }
li.result .img img { width:100%; height:auto; }
li.result .btn-more { height:50px; line-height:50px; margin:0 16px 16px; border:1px solid #EDEDED; }
li.result .btn-more .mr20 { background:url('../assets/img/arr_r_blk.png') no-repeat right 50% / 6px auto; }
li.result .btn-more .mr20 a { display:block; }
li.result .btn-more .mr20 a span.pt0 { padding-left:1rem; }
li.tit > .star { position:absolute; /* right:30px; */ right:42px; bottom:5px; }
hr.divide { display:block; border:0; overflow:inherit; margin-top:0; margin-bottom:0; margin-left:-16px; margin-right:-16px; border-top:8px solid #F5F6F7; }
.reply-lst2 { margin:0px 16px;  }
.reply-lst2 li { padding:15px 0 30px; border-bottom:1px solid #e5e5e5; }
.reply-lst2 p.reply { margin-top:20px; font-size:16px; color:#777; }
.reply-lst2 .top { overflow:hidden; position:relative; padding-top:16px; }
.reply-lst2 .top .user { float:left; margin-left:10px; }
.reply-lst2 .top .user span:first-child { width:30px; height:30px; line-height:32px; border-radius:25px; }
.reply-lst2 .top .user.no-img span:first-child {  }
.reply-lst2 .top .user span { display:inline-block; text-align:center; }
.reply-lst2 .top .user span img { width:37px; height:auto; }
.reply-lst2 .top .user span+span { margin-left:10px; color:black }
.reply-lst2 .top .btn { z-index:1; position:absolute; right:170px; top:0px; }
.reply-lst2 .top .btn a { display:inline-block; width:90px; padding:6px 0 5px; border:1px solid black; font-size:16px; text-align:center; }
.reply-lst2 .top .btn a+a { margin-left:5px; }
.reply-lst2 .txtarea { margin-top:10px; padding:10px; border:1px solid #e5e5e5; border-radius:5px; }
.reply-lst2 .txtarea textarea { width:100%; border:none; }
.reply-lst2 a.btn-blk { float:right; margin:10px 0; padding:7px 35px 5px; font-size:14px; }
.reply-lst3 li { padding:0; border-bottom:none; }
.reply-lst3 > ul { padding-bottom:20px; /* border-bottom:1px solid #e5e5e5; */ }
.reply-lst3 > ul > li:first-child { border-top:0; }
/* .reply-lst3 > ul > li:last-child { border-bottom:1px solid #E7E9EC!important; } */
.reply-lst3 > ul > li+li { margin-top:20px; }
.reply-lst3 > ul > li+li p.date { top:24px; }
.reply-lst3 > ul > li { position:relative; padding:15px 0; border-bottom:0!important; border-top:1px solid #E7E9EC; }
.reply-lst3 > ul > li .more-wrap { margin-right:100px; }
.reply-lst3 .user span { font-size:12px; }
.reply-lst3 p.date { position:absolute; right:0; top:8px; font-size:12px; }
.reply-lst3 p.reply { margin-top:20px; font-size:16px; color:#777; }
.reply-lst3 .more { display:block; margin:20px 0 0 0; font-size:14px; color:black; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; font-weight:normal!important; }
.reply-lst3 .more .big { display:block; margin-top:10px; }
.reply-lst3 .more .big img { width:100%; height:auto; }
.reply-lst3 .thumb { position:absolute; right:0; bottom:0; }
.reply-lst3 .thumb a { display:block; }
.reply-lst3 .thumb img { width:40px; height:40px;  }
.reply-lst3 > ul > li a.on .more-wrap { margin-right:0!important; padding-bottom:14px; }
.reply-lst3 > ul > li a.on .more { overflow:inherit!important; white-space:inherit!important; }
.reply-lst3 a.on .thumb { position:relative!important; right:0; bottom:0; }
.reply-lst3 a.on .thumb img { width:100%; height:auto; /* -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; */ }
.reply-lst3 .opt dl { overflow:hidden; float:left; }
.reply-lst3 .opt dl dt,
.reply-lst3 .opt dl dd { float:left; color:#777; font-size:.875em; }
.reply-lst3 .opt dl dt { }
.reply-lst3 .morecontent span {
    display: none;
}
.reply-lst3 .morelink { display: inline-block; color:#777; text-decoration:underline; }
.reply-lst3 .star { float:left; margin-top:5px; }
.reply-lst3 .star span+span { margin-left:-3px; }
.reply-lst3 .star img { width:13px!important; }
.thumb-l img { width:100%; height:auto; }
#fix-btn { z-index:2; position:fixed; left:0; right:0; bottom:0; width:100%; /* height:80px; */ background:white; border:0; }
#fix-btn .inner { margin:16px 1rem 44px; }
#fix-btn .inner .left { float:left; width:30%; height:48px; line-height:48px; }
#fix-btn .inner .right { float:right; width:70%; }
#fix-btn .inner .right a { display:block; height:48px; line-height:48px; font-weight:bold; font-size:16px; text-align:center; background:black; color:white; border-radius:12px; }
#fix-btn .inner .left > a { display:inline-block; /* width:49%; */ width:calc(50% - 10px)!important; text-align:center; vertical-align:top; }
#fix-btn .inner .btn-heart { z-index:2; display:inline-block; /* width:49%; */ width:calc(50% - 10px)!important; height:48px; line-height:48px; text-align:center; }
#fix-btn .inner .btn-heart a { display:inline-block; width:23px; height:48px; background:url('../assets/img/ico_heart.svg') no-repeat center center / 23px auto; }
#fix-btn .inner .btn-heart a.on { background:url('../assets/img/ico_heart_on.png') no-repeat center center / 23px auto; }

#layer-option { z-index:11; position:fixed; width:100%; max-width:500px; /* min-height:275px; */ right:0; bottom:0; left:0; margin:0 auto; border-top-left-radius:24px; border-top-right-radius:24px; background:white; 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#layer-option .inner { /* margin:24px 1rem 34px; */ margin:24px 1rem 16px;  }
#layer-option .inner p.tit { margin:0 15px; padding:15px 0; letter-spacing:-0.05em; text-align:left; font-weight:800; font-size:1.125em; }
p.btn { height:27px; }
#layer-option button { z-index:3; position:absolute; left:50%; top:8px; margin-left:-40px; height:3px; /* transform:translate(-50%, -212%); */ width:80px; border-radius:12px; background:#757575; }
#layer-option button img { width:80px; height:auto; }
#layer-option .gray-area { position:relative; margin:0 15px; border-radius:5px; border:1px solid #f3f3f3; background:#fafafa; }
#layer-option .gray-area > dl { padding:15px; font-size:.875em; }
#layer-option .gray-area > dl dt,
#layer-option .gray-area > dl dd { font-weight:800; }
#layer-option .select { margin:15px 15px 0; }
#layer-option .select select { width:100%; padding:10px 0; border-radius:5px; border:1px solid #dcdcdc; font-size:.875em; }
#layer-option .bot { position:relative; margin-top:15px; padding:15px; border-top:1px solid #dcdcdc; font-size:1.125em; }
#layer-option .bot .sum { position:absolute; right:15px; top:15px; font-weight:800; letter-spacing:-0.06em; }
#layer-option .select {
  width: 100%;
  /* height: 48px; */
  /* padding: 0 10px; */
  margin: 0 auto;
  border: 1px solid #A8A8A8;
  border-radius: 12px;
  background:url('../assets/img/arr_d_gray.svg') no-repeat 96% center / 12px auto;
  /* background: rgba(0,0,0,.2); */
  position: relative;
}
#layer-option .select.on { border:1px solid #FEC315; }
#layer-option .select.on .option-list { border:1px solid #FEC315; border-top:1px solid white; border-bottom: 0!important; }
#layer-option .select-active {
  /* border-radius: 12px 12px 0 0; */
  border: 1px solid black;
  border-bottom:0;
  background:white;
  background:url('../assets/img/arr_d_gray.svg') no-repeat 96% center / 12px auto;
}
#layer-option .select-active .selected { border-bottom:1px solid #D9D9D9; background:url('../assets/img/arr_d_gray.svg') no-repeat 96% center / 12px auto; }
#layer-option .select.on .selected { font-weight:500; color:black; }
#layer-option .selected {
  /* width: 100%; */
  /* height: 48px;
  line-height: 48px; */
  height: 40px;
  line-height: 40px;
  padding:0 16px;
  cursor: pointer;
  font-size:16px; font-weight:400;
  color:#A8A8A8;
}
#layer-option .select-active .option-list { display:block!important; border: 1px solid black; border-top:1px solid white; }
#layer-option .select.select-active.on .option-list { display:block!important;  }
#layer-option .option-list {
  z-index:3;
  overflow-y:auto;
  display: none;
  /* position: absolute; */
  position: relative;
  width: 100%;
  /* top: 47px; */
  top: 0px;
  left: -1px;
  padding-bottom:16px;
  padding-top:16px;
  box-sizing: content-box;
  border: 1px solid #aaa;
  border-top:0;
  border-radius: 2px 2px 12px 12px;
  background: white;
}
#layer-option .option-list div+div { margin-top:18px; }
#layer-option .option {
  height: 25px;
  line-height: 25px;
  padding-left:16px;
  font-size:16px;
  cursor: pointer;
}
#layer-option .option:hover{
  background: rgba(255,255,255,.2);
  cursor: pointer;
}

#layer-option .select.mt16 .option-list .option { padding-left:16px; }
#layer-option .option-bot { /* height:86px; */ position:relative; margin-top:16px; padding:1rem; background:#FAFAFA; border-radius:4px; }
#layer-option a.btn-cart { display:block; height:48px; line-height:48px; margin-top:17px; margin-bottom:44px; font-weight:bold; font-size:16px; text-align:center; background:black; color:white; border-radius:12px; }
#layer-option .option-bot > p.value1 > span { font-size:13px; font-weight:400; }
#layer-option .option-bot > p.value2 { position:absolute; right:16px; bottom:18px; }
#layer-option .option-bot > p.value2 span { font-size:16px; font-weight:600; }
.option-bot .close { z-index:2; display:block; position:absolute; right:20px; top:10px; }
.option-bot .close img { width:8px; height:auto; }
#layer-option .quantity { position:relative; width:125px; height:30px; line-height:25px; }
.quantity .qty {
    width: 35px;
    padding-right: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    display: none;
}
#layer-option .input-text.qty.text { margin-left:20px; width:58px; height:30px; margin-left:36px; line-height:30px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; background:white; text-align:center; color:black; text-align:center; font-size:12px; font-weight:600; }
.inc.qty-button { position:absolute; right:0; top:0; }
.dec.qty-button { position:absolute; left:0; top:0; }
input[type=number] { -webkit-text-security:inherit!important; }

#layer-option .quantity { width:112px; height:30px; line-height:30px; }
#layer-option .qty-button {
	display: inline-block;
	height: 28px; 
	width: 35px;
	font-size: 26px;
	line-height: 27px;
	text-align: center;
	border:1px solid #EAEAEA;
	background-color: white;
	color: black;
	font-weight:200;
	cursor:pointer;
}
#layer-option .quantity .qty {
    width: 35px;
    padding-right: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    display: none;
}
#layer-option .inc.qty-button { position:absolute; left:94px; top:0px; line-height:23px; }
#layer-option .dec.qty-button { position:absolute; left:0; top:0; font-size:1.75em; }
input[type=number] { -webkit-text-security:inherit!important; }
#layer-option p.total { padding-top:17px; text-align:right; }
#layer-option p.total span { font-size:14px; }
#layer-option p.total strong { font-size:24px; font-weight:bold; color:#FEC315; }
#review-more { z-index:20001; /* overflow: auto; */ position:fixed; top:0; width:100%; height: 100%; max-width:500px; margin:0 auto; background:white; }
#review-more .inner { padding:0; }
#review-more .inner > .top { z-index:2; overflow:hidden; position:fixed!important; width:100%; height:50px; border-bottom:1px solid #E5E5E5; background:white; }
#review-more .inner > ul { margin:0 1rem; padding-top:45px; }
#review-more .inner > .top > p { float:left; padding:20px 0; }
#review-more .inner > .top > p a { display:block; min-height:27px; padding-left:42px; background:url('../assets/img/arr_l_blk.svg') no-repeat 25px 0 / 9px auto; font-weight:600; font-size:14px; }
#review-more .inner > .top .star { float:left; padding:20px 0 0 8px; }
#review-more .reply-lst3 .more { display: block;
    margin: 20px 0 0 0;
    font-size: 14px;
    color: black;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: inherit!important;
    word-wrap: inherit !important;
    font-weight: inherit!important;
} 
#review-more .thumb { position:inherit; margin-top:14px; }
#review-more .thumb img { width:60px; height:60px; border-radius:8px }
#review-more a.on .thumb img { width:100%; height:auto; }
#review-more p.date { top:24px; }
/* #review-more ul li:first-child div.top { padding-top:0!important; }
#review-more ul li+li div.top { padding-top:inherit!important; } */
.pro-top img { width:100%; height:auto; }
#sub-wrap > .coupon { padding:0 47px; background:black; }
#sub-wrap > .coupon .txt { color:#8F8F8F; font-size:12px; }
.coupon * { text-align:center; }
.coupon > div { padding-top:64px; }
.coupon > div > p { padding-top:16px; color:white; font-size:14px; }
.coupon > div > dl > dt { color:#FEC315 }
.coupon > div > dl > dd { font-size:28px; font-weight:bold; color:white; }
.coupon ul.txt { margin-top:52px; padding-bottom:48px; padding-left:0; }
.coupon ul.txt li { text-align:left; }
.coupon a.bg { display:block; width:254px; height:150px; margin:32px auto 0; background:url('../assets/img/bg_coupon.png') no-repeat center center / 100% auto; }
.coupon a.bg dl { padding-top:40px; }
.coupon a.bg dd.per span { font-size:44px; color:#FEC315; }
.coupon a.bg dd span { color:#757575; }
.coupon a.btn-down { display:inline-block; width:180px; height:40px; line-height:40px; margin:20px auto 0; border-radius:50px; border:2px solid white; }
.coupon a.btn-down strong { display:inline-block; padding-right:20px; background:url('../assets/img/ico_download.svg') no-repeat right center / 15px auto; font-size:18px; color:white; }
.progress { padding:32px 16px 48px; }
.progress dl dt { font-size:22px; font-weight:bold; }
.progress dl dd { padding-top:8px; font-size:14px; line-height:20px; }
.progress a.btn { display:inline-block; margin-top:18px; padding-right:10px; background:url('../assets/img/arr_r_blk.png') no-repeat right 50% / 5px auto; font-weight:600; }
.cont .progress-bar {
	width: 100%;
	margin-top:32px;	
	background-color: #D4D4D4;
	height:3px;
}
.cont .progress-bar-fill {
	display: block;
	height: 3px;
	background-color: #FEC315;
	transition: width 500ms ease-in-out;
}
.progress .bot { position:relative; margin-top:8px; }
.progress .bot div { font-size:14px; }
.progress .bot span { color:#FEC315; }
.progress .bot span.date { position:absolute; right:0; top:0; font-size:14px; color:#757575; }
.lookbook { background:url('../assets/img/bg_lb.png') no-repeat center top / 100% auto #E7E5DB; }
.lookbook .top { padding-top:64px; text-align:center; }
.lookbook .top dt img { width:88px; }
.lookbook .top dd img { width:243px; height:auto; }
.lookbook .top dd { padding-bottom:64px; }
.lookbook .img p img { width:100%; height:auto; }
.lookbook .img p+p { padding-top:62px; }
.bob { padding:48px 16px 0; }
.bob dl dt { font-size:18px; font-weight:bold; }
.bob dl dd { padding-top:4px; font-size:14px; }
#slide-menu.lb { margin-top:16px; }
#slide-menu.lb .mg { margin:0 16px; }
#slide-menu.lb .button_container { display:none; }
#sort-wrap.btline { border-top:1px solid #F1F1F1; }
.top-bs { position:relative; /* margin:0 16px; */ }
.top-bs strong { font-size:20px; font-weight:bold; }
.top-bs div span { color:#5C5C5C; font-size:14px; }
.mypage { height: calc(100vh - 228px); }
.mypage .lst { margin:44px 21px 20px; }
.mypage .lst li+li { margin-top:48px; }
.mypage .lst li a { font-size:16px; font-weight:400; }
.mypage .lst li a span { width:10px; height:auto; }
.mypage .lst li a span img { position:relative; bottom:2px; padding-right:12px; }
.mypage p.circle.yel { width:80px; height:80px; margin:17px auto 0; line-height:80px; border-radius:100px; background:#FEC315; }
.mypage p.circle.yel span { display:block; color:black; font-size:36px; font-weight:600; text-align:center; }
.mypage p.name { margin-top:16px; font-size:18px; font-weight:600; text-align:center; }
.overlay { z-index:20002; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.25); letter-spacing:-0.03em; }
.layer-wrap { z-index:20003; display:none; position:fixed; top:50%; right:0; left:0; transform:translateY(-50%); /* max-width:360px; */ margin:0 auto;/*  padding-bottom:30px; */ border-radius:12px; background:white; }
.layer-wrap .btn-close { position:absolute; top:20px; right:20px; width:21px; height:21px; background:url(../images/btn_close.gif) no-repeat 0 0; text-indent:-9999px; }
.layer-wrap dl { padding:30px; padding-top:8px; }
.layer-wrap dl dt { /* font-size:16px; */ font-size:12px; font-weight:600; }
.layer-wrap dl dd { margin-top:4px; font-size:12px; font-weight:400; opacity:50%; }
.layer-wrap dl.txt-c.desc { padding-top:30px }
.layer-wrap.cart dt { font-size:16px; }
.layer-wrap.cart dd { font-size:14px; }
.layer-wrap.share { bottom:0; top:inherit; border-bottom-left-radius:0; border-bottom-right-radius:0; transform:inherit; }
.layer-wrap.share p img { width:42px; height:auto; }
.layer-wrap.share .bot-btn { height:92px; background:black; }
.layer-wrap.share .bot-btn a { width:100%; height:inherit; line-height:inherit; padding-top:15px; color:white; font-weight:600; font-size:15px; vertical-align:top; }
.layer-wrap.share .inner { text-align:center; }
.layer-wrap.share p.tit { padding:14px 0 17px; font-size:16px; font-weight:400; }
.layer-wrap.share p.thumb { padding-top:20px; }
.layer-wrap.share .ico { margin-bottom:40px; }
.layer-wrap.share .ico img { width:38px; height:auto; max-widht:38px; }
.layer-wrap.share .ico a { display:inline-block; padding:0 11px; }
.layer-wrap.share .ico a:first-child { padding-left:0; }
.layer-wrap.share .ico a:last-child { padding-right:0; }
.layer-wrap.txt dl { padding-top:35px; padding-bottom:25px; }
.layer-wrap.txt dl dt { font-size:14px; font-weight:500; }
.layer-wrap.txt .bot-btn { height:44px; line-height:44px; margin-top:10px; border-bottom-right-radius:12px; border-bottom-left-radius:12px; background:black; }
.layer-wrap.txt .bot-btn a { width:100%; height:inherit; line-height:inherit; color:white; font-weight:500; font-size:14px; vertical-align:top; }
.layer-wrap .bot-btn { overflow:hidden; width:100%; }
.layer-wrap .bot-btn a { float:left; width: calc(50% - 0px); height:44px; line-height:44px; border-top:1px solid black; text-align:center; color:black; font-size:14px; }
.layer-wrap .bot-btn a:first-child { border-bottom-left-radius:12px; }
.layer-wrap .bot-btn a+a { float:right; color:white; border-bottom-right-radius:12px; background:black; }