style24.front/src/main/webapp/ux/mo/css/style24_m.css

@charset "UTF-8";


/* list_gallery */
  .list_gallery::after {
    content: '';
    display: block;
    clear: both;
  }

  .list_gallery > li {
    float: left;
    width: 50%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .list_gallery > li:nth-of-type(2n-1) {
    padding-right: 7px;
  }

  .list_gallery > li:nth-of-type(2n) {
    padding-left: 7px;
  }

  .list_gallery > li a {
    display: block;
    height: 300px;
    overflow: hidden;
    position: relative;
  }

  @media only screen and (max-width: 320px) {
    .list_gallery > li a {
      height: 260px;
    }
  }

  @media only screen and (min-width: 376px) and (max-width: 425px) {
    .list_gallery > li a {
      height: 340px;
    }
  }

  .list_gallery > li .txtWrap {
    height: 80px;
    overflow: hidden;
  }

  .list_gallery > li .txtWrap .tit {
    padding: 15px 0 0 30px;
    font-size: 1.4rem;
    color: #9f7952;
    position: relative;
  }

  .list_gallery > li .txtWrap .tit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
    width: 20px;
    height: 1px;
    background-color: #9f7952;
  }

  .list_gallery > li .txtWrap .exp {
    padding-top: 5px;
    font-size: 1.7rem;
  }


  



/* etc */
.error {
  text-align: center;
}

.error .titWrap img {
  width: 81px;
}

.error dl {
  margin-top: 20px;
  padding-top: 130px;
  background: url("/images/mo/bg_z0_01.jpg") no-repeat 50% 40px;
  background-size: 56px auto;
}

.error dl > dt {
  font-size: 2.1rem;
  color: #222;
  font-weight: 500;
}

.error dl > dd {
  padding-top: 15px;
  font-size: 1.5rem;
  color: #666;
}

.error .v2 {
  background: url("/images/mo/bg_z0_02.jpg") no-repeat 50% 40px;
  background-size: 64px auto;
}

.error .btnWrap {
  padding-top: 40px;
}

.error .txtBox {
  border: #e5e5e5 solid 1px;
  padding: 20px 0;
  margin-top: 20px;
}

.error .txtBox .tit {
  font-size: 1.5rem;
  font-weight: 600;
  color: #222;
}

.error .txtBox .exp {
  padding-top: 5px;
  font-size: 1.5rem;
  color: #9f7952;
  letter-spacing: 0;
}

.error .txt_ref {
  text-align: left;
}

.sitemap ul {
  text-indent: 20px;
  padding-top: 10px;
}

.sitemap ul li {
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -.025em;
  padding: 12px 0;
}

.sitemap ul li:first-child {
  padding-top: 0;
}

.sitemap ul li .dep li {
  font-size: 1.5rem;
  font-weight: 300;
  color: #666666;
  padding-bottom: 0;
}

.sitemap ul li .dep li::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 1px;
  background-color: #666666;
  margin: -5px 10px 5px 0px;
}
/*# sourceMappingURL=style_m.css.map */

* {box-sizing: border-box;}


/* Index */

.swi-po_rel{position: relative;}
.version02{position: static;}
.ta_center{text-align:center;}
.swiper-button-prev.sbtn01_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
.swiper-button-next.sbtn01_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
.swiper-button-prev.sbtn02_lb{pointer-events:none;}
.swiper-button-next.sbtn02_rb{pointer-events:none;}
.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:29px; height:87px; background: url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
.swiper-pagination {bottom: 0px;width: 100%; left: 0;margin: 0;}
.swiper-pagination-bullet{display: inline-block; margin: 0.5rem !important; background:#dddddd !important; opacity:0.9 !important; width:0.8rem !important; height:0.8rem !important; vertical-align: middle;}
.swiper-pagination-bullet-active{background-color:#fd4802 !important;}
.swiper-pagination-progressbar {background: #dddddd !important;}
.swiper-pagination-progressbar-fill {background: #222222 !important;}

.slide-curb {display: inline-block;vertical-align: middle;font-size: 0;margin-left: 5px;}
.swiper-pagination {display: inline-block;vertical-align: middle;}
.swiper-controls {position: relative;margin: 0px;text-align: center;font-size: 16px;}

.main .titWrap h2{font-size: 2.1rem;}
.main .titWrap a h2:after{content: '';display: inline-block;background: url(/images/mo/ico_btn_detail.png);width: 0.7rem;height: 1.2rem;background-size: 0.7rem 1.2rem;position: relative;right: -0.7rem;bottom: 0.2rem;}
.main .swiper-pagination {margin: 0;}
.main .wrap .content.wide:first-child{ padding: 0px !important;}
.main .dpnone {display: none;}
.main .wrap .content .cont_head, .brand_main .wrap .content .cont_head {font-size: 40px; line-height: 1; letter-spacing: -.025em;color: #222222;padding-bottom: 60px;}
.container .wrap .content .cont_body.cont_sm{width: 100%;max-width: 1640px;margin: 0 auto;}
.main .wrap .content section{width: 100%;max-width: 1640px;margin: 0 auto;}

.main .post-visual .swiper-slide::before{display: none;}

.main_visual::after {content: '';display: block;width: 100%;height: 110px;height: 72px;position: absolute;top: 0;left: 0;background: #222222;z-index: -1;}
.main_visual .swiper-pagination {width: 5rem;border-radius: 1.2rem;display: inline-block;height: 2.0rem;line-height: 2.0rem;font-size:1.2rem;position: absolute;left: 2rem;bottom: 6.5rem;color: #fff;background-color: rgba(0, 0, 0, 0.3);}
.brand_main .main_visual::after {content: '';display: block;width: 100%; height: 485px;position: absolute;top: 0;left: 0;background: #436564 ;z-index: -1;}
.post-visual .swiper-pagination-bullets{bottom: 0px;}
.post-visual .swiper-wrapper{width: 100%;height:auto; margin: 0px auto;padding-bottom: 2.5rem;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
.main .post-visual .swiper-slide{width:auto;    max-height: 47.0rem;overflow: hidden;}


/* 크롬일경우 */
.post-visual .swiper-slide {
	box-shadow: 0 0px 30px rgba(0,0,0,0.20), 0 0px 30px rgba(0,0,0,0.20);
	position: relative;
	mask-image: 
	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
	linear-gradient(white, white),
	linear-gradient(white, white);
	-webkit-mask-image: 
	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
	linear-gradient(white, white),
	linear-gradient(white, white);
    mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
    -webkit-mask-size: 86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
    mask-position: bottom left, bottom right, top left, top right;
    -webkit-mask-position: bottom left, bottom right, top left, top right;
    mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;

}
.post-visual .swiper-slide img{
	display: block;
	z-index: 2;
  width: 100%;
  height: 100%;
}
.post-visual .swiper-slide::before{
	box-shadow: 0 -20px 20px -20px rgba(0,0,0,0.20);
	content: '';
	width: 150px;
    height: 120px;
}

/* 익스일경우 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	/* Enter your style code */
	.main .post-visual  {overflow: hidden;}
	.main .post-visual .swiper-slide {
		margin: 0;
		box-shadow: none;
		padding-left: 0;
	}

	.post-visual .vrt_txt {bottom: -79px !important;}
	.post-visual.swiper-container {margin-left: 0px;}
	.main .post-visual .swiper-slide {padding-bottom: 0px;}
	.main .post-visual .swiper-slide-prev {}
	.main .post-visual .swiper-slide-active {}
	.main .post-visual .swiper-slide::before {display: block;}
	.main .post-visual .swiper-slide img {box-shadow: 0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 


	.main .post-visual .swiper-slide img::after{
		content: '';
		position: absolute;
		width: 150px;
		height: 150px;
		bottom: 30px;
		right: 30px;
		background: #fff;
		border: 0px;
		box-sizing: border-box;
		transform: rotate(135deg);
		box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);
		background: linear-gradient(135deg, #fff 80px, transparent 0);
	}

	.main .post-visual .swiper-slide::before{
		content: '';
		position: absolute;
		width: 224px;
		height: 140px;
		bottom: -20px;
		right: -85px;
		border: 0px;
		transform: rotate(135deg);
		/* box-shadow: inset 0 -50px 30px -30px rgba(0,0,0,0.20); */
		box-shadow: inset 0 -30px 20px -30px rgba(0,0,0,0.20);
		box-shadow: inset 0px -60px 20px -50px rgba(0,0,0,0.20);
		background: #fff;
		background: linear-gradient(0deg, #fff 120px, transparent 0);
		z-index: 1;
	}   

}

.post-visual .swiper-slide img::after{content: '';position: absolute;width: 150px;height: 150px;bottom: 30px;right: 30px;background: #fff;border: 0px;box-sizing: border-box;transform: rotate(135deg);box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);background: linear-gradient(135deg, #fff 106px, transparent 0);}
.post-visual .swiper-slide::after {content: '';position: absolute;top: 0;bottom: 15px;left: 10px;width: 100%;height: 100%;z-index: -1;}  

.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 9.0rem;left: 2.0rem;right: 2rem;z-index: 1;} 
.post-visual .txtWrap dl {color: #222;}
.post-visual .txtWrap dl.w {color: #fff;}
.post-visual .txtWrap dt {font-size: 1.5rem;font-weight: 200;line-height: 3.6rem;}
.post-visual .txtWrap dd {margin-bottom: 0.5rem;font-size: 2.9rem;line-height: 3.6rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
.post-visual .txtWrap dd.txt_xs {font-size: 1.4rem;margin-top: 1.6rem; -webkit-line-clamp: 1;}

.main_stylereport {padding: 0rem 0 8.0rem 0;}
.main_stylereport .titWrap{padding:4rem 0 2rem 0}
.main_stylereport a {display:block;text-align: left;color: #222222;}
.main_stylereport img {width: 100%;height: auto;object-fit: cover;}
.main_stylereport dl {padding:0 1.0rem;}
.main_stylereport dt {font-size: 1.6rem;font-weight:400;margin: 1.4rem 0 0.4rem 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
.main_stylereport dd {font-size: 1.3rem;font-weight:200;line-height: 2.0rem;display: inline-block; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.post-stylereport {overflow: visible;display: block;height: auto;}
.post-stylereport .swiper-pagination{bottom: -5.5rem;}

.main_trendy {}
.main_trendy .cont_head {padding: 120px 0 60px 0;}
.main_trendy .cont_body {padding: 0 140px;}
.main_trendy .cont_body dl {}
.main_trendy .cont_body dt {font-size: 26px;font-weight:400;padding: 28px 0 24px 0;}
.main_trendy .cont_body dd {font-size: 16px;font-weight:200;padding:10px 0 0;}
.main_trendy .item_state {padding-bottom: 0;}
.main_trendy .post-trendy {position: relative;top: 2rem;display: block;padding: 0px 0vw 4.8vw;}
.main_trendy .post-trendy .swiper-slide {overflow: hidden;margin: 0px 0vw;}
.main_trendy .item_prod {width: 49.4%;margin-bottom: 36px;margin-right: 0rem;position: relative;padding: 0px 0.7vw;box-sizing: border-box;vertical-align: top;display: inline-block;}
.main_trendy .item_prod:nth-child(odd) {padding-left: 0;}
.main_trendy .item_prod:nth-child(even) {padding-right: 0;}

.main_it {position: relative;padding-bottom: 4rem;}
.main_it .titWrap{padding: 6rem 0 0 0;}
.main_it::after {content: '';display: block;clear: both;}
.main_it .it_nav {display: flex;padding: 0 0.8rem; margin-bottom: 0.8rem; height: 5rem;line-height: 5rem;justify-content: center;}
.main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 2px;}
.main_it .swiper-scrollbar-drag {background:#222222 !important;}

.it_nav li .btn {font-size: 1.4rem;}
.it_nav li .btn.btn_link {color: #333333;font-weight: 300;border:0;padding-left: 1.0rem;transition: all 100ms ease;}
.it_nav li .btn.btn_link span::after {content: '';display: none;}
.it_nav li .btn.btn_link:hover{text-decoration: none;}
.it_nav li .btn.btn_link.active {color: #fd4802; font-weight: 500;}
.it_nav li .btn.btn_link.active span {border-bottom: 2px solid #fd4802;}
.main_it .it_item {/*overflow: visible;*/
  margin-right: -4rem;margin-left: -2rem; padding-right: 4rem; padding-left: 2rem; /* 아이템 사이즈 조정 */
}
.main_it .it_item {display: none;}
.main_it .it_item::after {content: '';display: block;clear: both;}
.it_item.active {display: block;}

.main_2stage {padding: 3rem 0 3rem 0;}
.main_2stage .post-bnnEvent{padding: 0 0px 3.5rem 0;}
.main_2stage .bnnbox {position: relative; padding-top: 26%; overflow: hidden;}
.main_2stage a{border: 0px;}
.main_2stage img{/*width: 100%; height: auto; object-fit: none; */ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); max-width:none; width:auto; height:100%;}

/* deal countdown */
.inner.bg_dark + .inner{margin-top: 6rem;} /* bg_dark는 .main_deal 에서 사용 */
.main_deal .count {border: 1px solid #ffffff;border-radius: 5.0rem;padding: 0.4rem 2.6rem 0.4rem 4.8rem;width: auto;min-width:20.0rem;display: inline-block;}
.main_deal .count_tit {font-size: 1.5rem;}
.hotdealcount{display: inline-block;width: auto;}
.main_deal .count #countdown #tiles span {width: auto;font-size: 1.5rem;font-weight: 300;text-align: center;color: #fff;display: inline-block;position: relative;}
.main_deal .count #countdown #tiles span:first-child:before {content: '';position: absolute;top: 1.0rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
.main_deal .count #countdown #tiles span:first-child:after {content: '';position: absolute;top: 0.5rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
.main_deal .count #countdown #tiles span:nth-child(2) {margin: 0 0.8rem;}
.main_deal .count #countdown #tiles span:nth-child(2):before {content: '';position: absolute;top: 1.0rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
.main_deal .count #countdown #tiles span:nth-child(2):after {content: '';position: absolute;top: 0.5rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
.main_deal {width: 100%; margin-bottom: 3.5rem;padding-top: 1.0rem;}
.main_deal::after {content: '';display: block;clear: both;}
.main_deal .titWrap {padding: 3rem 0 2rem 0px;}
.main_deal .titWrap a h2:after{filter: invert(100%);}
.main_deal .titWrap .count{margin-top: 1.2rem;}
.main_deal .titWrap .count .count_tit{position:relative;}
.main_deal .titWrap .count .count_tit:before{content: '';display: inline-block;background: url(/images/mo/ico_count.png) no-repeat;width: 2.4rem;height: 2.4rem;background-size: 2.4rem 2.4rem;position: absolute;left: -2.7rem;bottom: -0.5rem;}
.main_deal .swiper-container {margin-right: -4rem;margin-left: -2rem;padding-right: 4rem;padding-left: 2rem;}
.main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
.main_deal .item_prod .itemPrice {color: #ffffff;}

.main_pick {}
/* slide nav */
.main_pick .inner_head {padding: 0 0 0.9rem 0;position: relative;}
.main_pick .inner_head .pick-head{padding: 0; box-sizing: border-box;overflow: visible;}
.main_pick .inner_head .pick-head .swiper-wrapper{transform: translate3d(0px, 0px, 0px);}
.main_pick .inner_head .pick-head ul > li{width: auto; text-align: center; padding-right: 2rem;}
.main_pick .inner_head .pick-head ul > li:last-child {padding-right: 0;}
.main_pick .inner_head .pick-head ul > li button,
.main_pick .inner_head .pick-head ul > li a{padding: 1.46rem 0rem 1.3rem 0rem; border:0; position: relative;}
.main_pick .inner_head .pick-head ul > li.on button,
.main_pick .inner_head .pick-head ul > li.on a{color: #fd4802;}
.main_pick .inner_head .pick-head ul > li.on button::after,
.main_pick .inner_head .pick-head ul > li.on a::after{content: ''; display: block; width: 100%; height: 3px; background-color: #fd4802; color: #fd4802; position: absolute; bottom: 15px; left: 50%; right: 50%; transform: translate(-50%);}

.main_pick .inner_body {padding: 0;position: relative;}
.main_pick .inner_body .pick-cont a {position: relative;display: block;}
.main_pick .inner_body .pick-cont a .txtWrap{position: absolute;bottom: 4rem;margin-left: 1.9rem;}
.main_pick .inner_body .pick-cont a .txtWrap p{font-size: 2.3rem;font-weight: 500;color: #fff;font-weight: 300;}
.main_pick .inner_body .pick-cont a .txtWrap span{font-size: 1.2rem;font-weight: 100;color: #fff;margin-top: 0.5rem;display: block;}
.main_pick .inner_body .pick-cont a img{width: 100%;height: auto;}
.main_pick .inner_body .btn_group_flex > div > button > span {display: inline-block;background: url(/images/mo/ico_btn_brand.png) no-repeat;background-size: 1.1rem 1.1rem;width: 1.1rem;height: 1.1rem;margin-left: 0.8rem;}

.main_pick .pick-cont {display: none;transition: ease-in, 1000;}
.main_pick .pick-cont.active {display: block;transition: ease-out, 1000;}

.main_pick .pick-post {margin-top: 2rem; white-space: nowrap; overflow-x:auto; font-size: 0; -ms-overflow-style: none; scrollbar-width: none;}
.main_pick .pick-post::-webkit-scrollbar {display: none;}
.main_pick .pick-post .item_prod {width: 68%; padding-right: 10%;}
.main_pick .pick-post .item_prod .itemLink:after{content: '';display: block;clear: both;}
.main_pick .pick-post .item_prod .itemPic{width: 7rem;height: 10.5rem;float: left;padding-top: 12vh;background: #ffffff; margin-bottom: 0;}
.main_pick .pick-post .item_prod .itemName{width: calc(100% - 9rem);top: 1.5rem;margin: 0px 8rem 0.8rem;}
.main_pick .pick-post .item_prod .itemPrice{margin: 0px 8rem 0.8rem;top:1.5rem;}

.main_1stage {padding: 2rem 0 0rem 0;}
.main_1stage .bnnbox{position: relative; /*height:11.3rem;*/ overflow:hidden; padding-top: 35%;}
.main_1stage .txtWrap{width: 18.5rem; margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
.main_1stage .txtWrap p{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1.2;color: #222222;padding-bottom:1.0rem;}
.main_1stage .txtWrap p:last-child {padding-bottom:0px;}
.main_1stage img {position: absolute; top: 50%; left:50%; transform:translate(-60%, -50%); max-width:none; width:auto; height:100%;}

.post-bnnWide {position: relative;top:0rem;display: block;margin: 0 0 3.4rem;}
.post-bnnWide .swiper-wrapper {width: 100%;height: 100%;height: auto;margin: 0px auto;padding: 0 0 2.5rem;}
.post-bnnWide .swiper-pagination {bottom: 0rem !important;}

.main_recomm {margin: 0px auto;}
.main_recomm .titWrap{padding: 4rem 0 2rem 0;}
.main_recomm .swiper-slide {position: relative;margin: 0px 0px;width:auto;display: inline-flex !important;}
.main_recomm .item_state {}
.main_recomm .recomm-head, 
.main_recomm .recomm-post {margin-bottom: 2.5rem;overflow: visible;}
.main_recomm .recomm-head button {height:3.5rem;font-size:1.23rem;height:4.0rem;font-size:1.28rem;border-radius: 5.0rem;transition: all 1ms ease;}
.main_recomm .recomm-head button.active {line-height: 1;background: #222222;border-color: #222222;color: #ffffff;transition: all 200ms cubic-bezier(0.42, -0.04, 1, 1);}
.main_recomm .recomm-post {display: none;transition: ease-in, 1000;}
.main_recomm .recomm-post.active {display: block;transition: ease-out, 1000;}

/* 각버튼 테스트2 */
.btn_shape.active{
	border-left: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;
	background-color: #ffffff;
	position: relative;top: 0;left: 0;z-index: 9;
}
.btn_shape.active:after{
	content: "";bottom: 0px;right: 0px;position: absolute;height: 0px;width: 0;padding: 0px 0px 0px 0px;background: #222222;
	border-left: 0px solid #ffffff;border-top: 10px solid #222222;border-right: 10px solid #f5f5f5;	
}
/* 각버튼 테스트2 종료 */
		
.main_foryou {width: 100%;height:auto; padding: 0 0 4rem 0; position: relative;}
.main_foryou::after {content: '';display: block;clear: both;}
.main_foryou .titWrap{padding: 1.4rem 0 2rem 0;}
.post-sug .list_cate {margin:0;padding: 0rem 2.5rem 0 2.5rem;position: relative;}
.post-sug .list_cate > li dl > dt button {padding: 1.5rem 0;}
.post-sug .list_cate > li dl > dd {background-color: #ffffff;}
.post-sug .list_cate > li.on dl > dd{border:0;}
.post-sug .list_cate > li.on::after{border-color:#fd5b1c;top: 3.0rem;}
.post-sug .swiper-wrapper {margin: 0 0 3rem 0;}
.post-sug .swiper-slide li{position: relative;background-color: rgb(255 255 255);}
.post-sug .swiper-pagination {bottom: 0px;}
.post-sug-items {overflow: visible;}
.post-sug-items .item_prod {width: 100%;}
.post-sug-items .more_txt {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.3rem; color: #222; padding-right: 1rem; }
.post-sug-items .more_txt:after {content:''; position: absolute; top: 0.3rem; right: 0; background: url(/images/mo/ico_btn_detail.png) no-repeat right top; background-size:0.5rem 0.9rem;
width: 0.5rem; height: 0.9rem; background-size:100%;}

.main_tv {padding:2.3rem 2.0rem 0 2.0rem;}
.main_tv .cont_head p{ color: #ffffff;}
.main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
.main_tv .movbox {height:50vw; position: relative;}
.main_tv .movbox iframe{width: 100%; height:100%;}
.main_tv .movbox:after {content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}
.main_tv .movbox:before {content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}

.post-tv {width: 100%; margin: 0px auto; padding:0 0rem 3.3rem  0rem;}
.post-tv .swiper-slide-active {width: 100%;height: auto;}
.post-tv .swiper-slide-active:not(.swiper-slide-active) .movbox:after {	content: '';display: block;position: absolute;top: 0;left: 0;	z-index: 1;width: 100%;height: 100%;background:rgb(34 34 34 / 0.5);}
.post-tv img{width: 100% !important;}
.post-tv .swiper-slide {position: relative;height: auto; width: 100%; margin: 0 0;}
.post-tv .movbox img {width: 100%;height: auto;}
.main_tv .swiper-pagination {bottom: 0;}

main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;position: relative; padding-top: 2rem;}
/* main.container .inner:last-child {padding-bottom: 0;} */
/* .select_custom .combo .select > div {position: relative; z-index: -1;} */

/* 이용약관,개인정보취급방침,업체리스트 */
.ps p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
.ps {padding:0;} 
.ps table {word-break:keep-all;margin-top: 3.0rem;width: 100%;border-top: 1px solid #222222;}
.ps table th,
.ps table td {position:relative; padding:1.0rem 1.0rem; font-size:1.1rem;line-height: 1.4;color: #222222;letter-spacing:-0.025em;}
.ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
.ps table td:last-child {border-right: 1px solid transparent;}
.ps table th {border-top: 0;border-bottom: 0;border-right: 0;font-weight: 600;text-align: center;background: #f5f5f5;}
.ptn, #partnersPop .pop_cont {height: auto;background: #ffffff;}
.ps.ptn table {margin-top:0;}
.ps.ptn table th, .ps.ptn table td {text-align: center;padding: 1.6rem 0;}
.ps.ptn table th {font-size: 1.3rem; font-weight: 500; line-height:1.3rem;}
.ps.ptn table td {font-size: 1.2rem; font-weight: 300; line-height: 1.2rem;}
.hookGrp{margin-top: 1.333rem;}
.hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 1.333rem;}
.hookGrp .hook_list ul{}
.hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
/* .hookGrp .hook_list ul li{float: left;width: 33.333%;} */
.hookGrp .hook_list ul li a{display: table; color: #222222;}
.hookGrp .hook_list ul li a span{margin: 0px 0px 0.5rem 0;display: block;font-size: 1.1rem;font-weight: 300;}
.hookGrp .hook_list ul li a span::after{content: ''; display: block; box-sizing: border-box; border: 1px solid transparent;}
.hookGrp .hook_list ul li a:hover,
.hookGrp .hook_list ul li a:focus{color: #fd4802;}
.hookGrp .hook_list ul li a:hover span:after,
.hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
.hookGrp .hook_cont {font-size:1.6rem;color:#666666;line-height:2.6rem;letter-spacing:-0.025em;}
.hookGrp .hook_cont div{margin-top: 2.6rem;}
.hookGrp .hook_cont div::before{content: ""; display: block; height: 7.5rem; margin-top: -7.5rem; visibility: hidden;}
.hookGrp .hook_cont div:last-child{margin-bottom: 5.0rem;}
.hookGrp .hook_cont h4 {font-size:1.4rem;font-weight:500;color:#222222;line-height:1.6rem;letter-spacing:-0.025em;}
.hookGrp .hook_cont p {font-size:1.2rem;color:#666666;line-height:2.2rem;letter-spacing:-0.025em;}
.hookGrp .hook_cont p em{font-size:1.2rem;font-weight:400;color:#222222;line-height:2.2rem;letter-spacing:-0.025em;}
.hookGrp .hook_cont ol li {font-size:1.2rem;padding-left: 0.3rem;}

.pager {height: 100%;margin-top: 2.0rem;margin-bottom: 2.0rem;}
.pager .pageNav {display: table;margin-left: auto;margin-right: auto;}
.pager .pageNav > li {display: inline;}
.pager .pageNav > li::after {content: '';clear: both; display: inline-block;}
.pager .pageNav > li > a, .pager .pageNav > li > span {position: relative;float: left;font-size: 1.6rem;font-weight: 400;padding: 0.6rem 0.2rem;line-height: 1.42857143;color: #666666;text-decoration: none;background-color: #ffffff;}
.pager .pageNav .prev a , .pager .pageNav .next a {width: 3.4rem;height: 3.4rem;margin-left: 0;border: 1px solid #888888;background: url('/images/mo/ico_paging.png')no-repeat;background-size: 6.8rem 2.866rem;text-indent: -999.9rem;}
.pager .pageNav .prev a {background-position: 0rem 0rem;}
.pager .pageNav .next a {background-position: -3.5rem 0rem;}
.pager .pageNav .active a {color: #222222;margin-left: 1.5rem;}
.pager .pageNav .lastpage a {color: #888888;margin-right: 1.5rem;}
.pager .pageNav .lastpage a::before {content: '/';padding-right: 0.3rem;}

/* ev_공통 */
.ev .inner {background: #fff; padding-bottom: 0;}
.ev .inner.bg_gray {background: #f5f5f5;}
.inner.wide {padding: 0 0rem 0 0rem;position: relative;}
.ev .renew_check_tit {padding:1.5rem 0;}
.ev .renew_check_tit h3 {font-size: 1.4rem; margin-bottom: 1.5rem; font-weight: 500;}
.ev .renew_check_tit .period {font-size: 1.1rem; color: #888;}
.ev .renew_check_tit .share_btn {position: absolute; top: 14px; right: 20px; width: 1.4rem;}
.ev textarea, .ev input {color: #222;}

.promotion_tit {padding:1.5rem 0;}
.promotion_tit h3 {font-size: 1.4rem; font-weight: 500;}
.promotion_tit .period {margin-top: 1.5rem; font-size: 1.1rem; color: #888;}
.promotion_tit .share_btn {position: absolute; top: 0.9rem; right: 1.5rem; width: 3rem; height: 3rem;}
.promotion_tit .share_btn img {width: 1.4rem;}
.dp textarea, .dp input {color: #222;}
.dp .promotion_tit {margin-bottom: -1.2rem;}

/* ev_안내사항_공통 */
.announce_txt {position: relative; padding-top: 2.5rem;}
.announce_txt .note_txt {position: relative;}
.announce_txt .note_txt p {font-size: 1.3rem; font-weight: 500; color: #888; padding-left:1.8rem;}
.announce_txt .note_txt img {position: absolute; left: 0; top: 0; width: 1.16rem;}
.announce_txt .announce_list {padding: 1.6rem 0 3rem;}
.announce_txt .announce_list .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 1.2rem;}
.announce_txt .announce_list ul {margin-bottom: 1.7rem;}
.announce_txt .announce_list ul:last-of-type {margin-bottom: 0;}
.announce_txt .announce_list ul li {position: relative; padding-left: 0.86rem; font-size: 1.1rem; font-weight: 200; color: #888; margin-bottom: 0.9rem;}
.announce_txt .announce_list ul li:before {content:''; position: absolute; top: 0.5rem; left: 0; width: 0.2rem; height: 0.2rem; background: #888;}
.announce_txt .announce_list ul li:last-child {margin-bottom: 0;}

/* ev_list */
.ev .ev_list .inner {padding-bottom: 0 !important;}
.ev .ev_list .inner.full {width: 100%; padding:0;}
.ev .ev_mem_rank {padding:2.5rem 0;}
.ev .ev_mem_rank .txt {position: relative;}
.ev .ev_mem_rank .txt p {font-size: 1.3rem; line-height: 1.7;}
.ev .ev_mem_rank .txt .btn {position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size: 1.1rem; padding:1rem 1.15rem; height: auto; border-radius:2rem; font-weight: 300;}
.ev .ev_list .event_top {position: relative; padding-bottom: 2rem;}
.ev .ev_list .event_top .count {color: #888; font-size: 1.3rem;}
.ev .ev_list .event_top .count span {font-weight: 600; color: #fd4802;}
.ev .ev_list .event_top .event_btn {position: absolute; top: 0; right: 0; line-height: 1;}
.ev .ev_list .event_top .event_btn a {display: inline-block;  font-size: 1.3rem; line-height: 1; padding-right: 1.3rem;}
.ev .ev_list .event_top .event_btn a:after {content:''; position: absolute; top: 2px; right: 0; background: url('/images/mo/ico_btn_detail.png') no-repeat right center/100%; width: 0.53rem; height: 0.9rem;}
.ev .ev_list .event_list {padding-top: 3rem;}
.ev .ev_list .event_list .list li {position: relative; margin-bottom: 4rem;}
.ev .ev_list .event_list .list li .ev_img img {width: 100%; height:auto;}
.ev .ev_list .event_list .list li .txt {padding:0 0.6rem}
.ev .ev_list .event_list .list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 1.5rem 0 1.0rem; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 1.4rem; line-height: 1.6; color: #222; font-weight: 300; word-break: keep-all;}
.ev .ev_list .event_list .list li .txt .date {font-size: 1.1rem; color: #888; font-weight: 300;}
.ev .ev_list .event_list .list .no_content {display: none;}
.ev .ev_list .event_list .list .last_page {text-align: center; font-size: 1.1rem; color: #888; padding-top: 2.5rem; border-top:1px solid #f5f5f5; padding-bottom: 6rem;}

.ev .event_list .list li {margin-bottom: 0;}
.ev .event_list .list .nodata {display: block; padding:7.6rem 0 14rem; width: 100%; text-align: center; margin-right: 0;}
.ev .event_list .list .nodata img {width: 4rem;}
.ev .event_list .list .nodata .txt_box::before {content:''; display:none; width:4rem; height:5.5rem; margin:0 auto 24px; background:url('/images/mo/ico_content_find02.png') no-repeat; background-size:100%;}
.ev .event_list .list .nodata .txt_box p {display: block; margin: 1.5rem 0 2.3rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.ev .event_list .list .nodata .txt_box a {display: inline-block; padding: 1rem 1.2rem; border:1px solid #a7a7a7; font-size: 1.1rem; color: #222; font-weight: 300;}

/* ev_renew_1 */
.dp .promotion_visual {margin-bottom: -1.2rem;}
.dp {background: #f5f5f5;}
.dp .inner:last-child {padding-bottom: 0;}
.dp .dp_btn_area .btn_wrap {padding:3rem 0; border-bottom: 1px solid #ddd; text-align: center;}
.dp .dp_btn_area.type2 .btn_wrap {border: none;}
.dp .dp_btn_area .btn_wrap a.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
.dp .dp_btn_area .btn_wrap a.btn span {position: relative;}
.dp .dp_btn_area .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -1.3rem; transform:translateY(-50%); background:url(/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 0.9rem; display: none;}
.dp .dp_btn_area .btn_wrap a.btn.go_next span:after {display: block;}
.dp .dp_btn_area .btn_wrap button.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
.dp .announce_txt {margin-top:-3.2rem; padding:2.4rem 0;}
.dp .announce_txt .announce_list {padding-bottom: 0;}

/* 다른 이벤트 보기 슬라이드 */
.other_promotion_slide {position: relative; padding-top: 6rem; padding-bottom: 4rem;}
.other_promotion_slide .tit {position: relative; margin-bottom: 2rem; text-align: center;}
.other_promotion_slide .tit h4 {font-size: 1.6rem; font-weight: 500;}
.other_promotion_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
/* .ev .other_ev_slide .swiper-container {overflow:visible;} */
.other_promotion_slide .swiper-slide {width: 42%;}
.other_promotion_slide .swiper-slide .img{position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 100%;font-size: 0px;overflow: hidden;background: #fff;}
.other_promotion_slide .swiper-slide img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
/* .other_promotion_slide .swiper-slide img {width: 100%; height:auto;} */
.other_promotion_slide .swiper-slide .txt {}
.other_promotion_slide .swiper-slide .txt .subject {margin:1.6rem 0 0; padding:0 0.46rem; font-size: 1.2rem; line-height: 1.6; font-weight: 300; color:#222; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
.other_promotion_slide .swiper-button-next:after, .other_promotion_slide .swiper-button-prev:after {content:'';}
.other_promotion_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
.other_promotion_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}

/* ev_renew_2 */
.ev .survey_wrap {background: #f5f5f5;}
.ev .survey_wrap .survey_con {width: 100%; margin:0 auto; border-top: 1px solid #ddd;}
.ev .survey_wrap .survey_con .survey_row {background: #fff; padding: 3rem 2rem; margin-bottom: 2rem;}
.ev .survey_wrap .survey_con .survey_row:last-child {border-bottom: 0;}
.ev .survey_wrap .survey_con .survey_row h4 {margin-bottom: 2rem; font-size: 1.33rem; line-height: 1.5; font-weight: 500; position: relative; padding-left: 2.5rem;}
.ev .survey_wrap .survey_con .survey_row h4 span.question {position: absolute; top: 0; left: 0;}
.ev .survey_wrap .survey_con .survey_row .answer ul {width: 100%;}

.ev .survey_wrap .survey_con .survey_row ul li {position: relative; margin-bottom: 2rem;}
.ev .survey_wrap .survey_con .survey_row ul li:last-child {margin-bottom: 0;}
.ev .survey_wrap .survey_con .survey_row ul li:last-child textarea {display: none; padding: 10px; width: 100%; height: 52px; font-size: 1.3rem; line-height: 1.5; color: #222; resize:none; margin-top: 1rem;}

.ev .survey_wrap .survey_con .survey_row .form_field input + label {font-weight: 300; font-size: 1.3rem; padding-left: 2.8rem;}
.ev .survey_wrap .survey_con .survey_row .form_field input:checked + label {}
.ev .survey_wrap .survey_con .survey_row .form_field input.etc:checked + label + textarea {display: block;}

.ev .survey_wrap .survey_con .survey_row .form_field input[type="checkbox"] + label:before {width: 2rem; height: 2rem;}

.ev .survey_wrap .survey_con .survey_row.q3 .doc_ans {width: 100%; height: 15rem; padding: 1.5rem; font-size: 1.3rem; line-height: 1.6; color: #222; font-weight: 300; resize:none;}
.ev .survey_wrap .survey_con .survey_row.q3 .answer {position: relative;}
.ev .survey_wrap .survey_con .survey_row.q3 .answer .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0; color: #888;}

.ev .survey_wrap .survey_con .survey_row.q4 {padding-bottom: 0;}
.ev .survey_wrap .survey_con .survey_row.q4 .q4_ans {width: 100%; height: 4.5rem; padding: 1rem; font-size: 1.3rem; line-height: 1.6; color: #222; font-weight: 300; resize:none;}
.ev .survey_wrap .survey_con .btn_wrap {padding: 3rem 2rem 6rem; text-align: center; background: #fff; margin-top: -2rem;}
.ev .survey_wrap .survey_con .btn_wrap button.btn {width: 100%; padding:1.6rem 0; font-size: 1.4rem; font-weight: 500; height:auto; } 

/* ev_comment_1 */
.dp .inner {background: #fff; padding-bottom: 0; margin-bottom:1.2rem;}
.dp .inner::after {content:''; clear:none;}
.cmt_wrap {background: #f5f5f5;}
.cmt_wrap .cmt_write {background: #fff;}
.cmt_wrap .cmt_group {background: #fff;}
/* .cmt_wrap .input_wrap {width: 100%;} */
.cmt_wrap .cmt_tarea {padding:0 2rem;}
.cmt_wrap .comment_textarea .input_wrap{display: block;}
.cmt_wrap .cmt_thumb {padding:0 2rem;}
/* .cmt_wrap .cmt_thumb .imgUpload {margin:0 -1%;} */
.cmt_wrap textarea {width: 100%; height: 15rem; padding: 1.5rem; margin:3rem 0 1rem;}
.cmt_wrap .doc_ans {width: 100%; height: 15rem; padding: 20px; font-size: 1.3rem; line-height: 1.6; color: #888; font-weight: 300; resize:none;}
.cmt_wrap .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0;}
.cmt_wrap .txt_cnt {position: absolute; right: 1.6rem; bottom: 1.6rem; margin-top: 0; color: #888;}
/* .cmt_wrap .form_field {display: block; margin:0 -1% 0;} */
.cmt_wrap .form_field .img_file {margin:0 -0.4rem 0;}
.cmt_wrap .form_field .img_file .imgUpload:after {content:''; clear:both; display: block;}
/* .cmt_wrap .pics {overflow:hidden; width: 23%; margin:1%; height:auto; padding-top: 23%; border:none; background: #f5f5f5;} */
.cmt_wrap .picsThumbs {max-width:100%; max-height:none; width: 100%; height:auto;}
/* .ev .comment .imgUpload {width: 100%; height:100%;} */
/* .cmt_wrap .fileAdd {float:left; width: 23%; height:auto; padding-top: 23%; margin:1%;} */
.cmt_wrap .btn_wrap {padding:2rem 2rem 3rem;}
.cmt_wrap .btn_wrap button.btn {width: 100%; padding:1.1rem 0; font-size: 1.4rem; font-weight: 500; height:4.5rem;}
.cmt_wrap .nodata {padding:14rem 0; font-size: 1.3rem; color: #888; text-align: center;}

.dp .cmt_group {padding-top: 4rem; margin-top: 1.2rem; margin-bottom: 1.2rem;}
.dp .cmt_group .cmt_list_tit {padding:0 2rem;}
.dp .cmt_group .cmt_list_tit strong {margin-right: 0.8rem; font-size: 1.6rem; font-weight: 500;}
.dp .cmt_group .cmt_list_tit span {font-size: 1.6rem; color: #666; font-weight: 200;}
.dp .cmt_group .cmt_list li {padding: 2.66rem 2rem; border-bottom: 1px solid #ddd;}
.dp .cmt_group .cmt_list li .cmt_top {margin-bottom: 1.8rem; position: relative; font-size: 0;}
.dp .cmt_group .cmt_list li .cmt_top .writer {margin-right: 1.2rem; padding-right: 1.2rem; border-right:1px solid #ddd; font-size: 1.1rem; color: #666;}
.dp .cmt_group .cmt_list li .cmt_top .date {color: #888; font-size: 1.1rem;}
.dp .cmt_group .cmt_list li .cmt_cont .img_wrap {margin:0 -0.4rem 0.8rem; white-space: nowrap; font-size: 0; overflow-x: auto; -ms-overflow-style:none;}
.dp .cmt_group .cmt_list li .cmt_cont .img_wrap::-webkit-scrollbar { display:none; }
.dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics {float:none; display: inline-block !important; margin:0 0.1.11%; width: 20.55%; padding-top: 20%;}
.dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics .picsThumbs {}
.dp .cmt_group .cmt_list li .cmt_cont .img_wrap img {max-width:100%; max-height:100%;}
.dp .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7; font-size: 1.3rem; font-weight: 300; word-break: break-all;}
.dp .cmt_group .cmt_list li .btn_del {display: block; font-size: 1.1rem; color: #666; font-weight: 300; position: absolute; top: 0; right: 0; height:auto; padding:0; border-color:transparent; border-bottom: 1px solid #666;}

/* ev_comment_1 포토댓글 */
.modal.pop_full .modal-header {padding:1.6rem 2rem;}
.modal.pop_full .modal-body {padding:0 2rem;}
.modal.pop_full a.close-modal {background: url('/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
.modal.photo_comment_popup {background: #f5f5f5; overflow:hidden; position: fixed; left: 0; top: 0;}
.modal.photo_comment_popup:-webkit-full-screen {display: block;}
.modal.photo_comment_popup .modal-dialog, .modal.photo_comment_popup .modal-content {height: 100%;}
.modal.photo_comment_popup .modal-body {padding: 0 0; margin:0; height: 100%;}
.modal.photo_comment_popup .modal-body .pop_cont {max-height:none; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow:hidden; position: relative; padding-bottom: 13rem; padding-top: 5.2rem;}
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide {position: relative; height: 100%; overflow:hidden;}
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-container {height: 100%;}
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-pagination-fraction {bottom:2.5rem; width:auto; left: 50%; transform:translateX(-50%); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
.swiper-pagination-current {font-weight: 600;}
/* .swiper-pagination-current:before {content:'0';} */
.modal.photo_comment_popup .pop_detail {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; background: #fff;  box-shadow: 0px -14px 17.8px 2.2px rgba(0, 0, 0, 0.04); font-size: 1.3rem;  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
.pop_slide .swiper-slide .img {}
.pop_slide .swiper-slide img {width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; position: absolute; top: 50%; bottom: auto; left: 50%; right: 0; transform: translate(-50%, -50%); cursor: pointer;}
.modal.photo_comment_popup .pop_detail .pop_open_btn {position: absolute; left: 0; top: 0; width: 100%; background: url('/images/mo/ico_pop_arrow.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
.modal.photo_comment_popup .pop_detail .comment_wrap {max-height: 10rem; padding:0 2rem 2rem; margin-top: 3rem; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y:auto;}
.modal.photo_comment_popup .pop_detail .comment_writer {margin-top: 1.4rem;}
.modal.photo_comment_popup .pop_detail .comment_writer .writer {margin-right: 1.2rem; padding-right: 1.2rem; border-right:1px solid #ddd; font-size: 1.1rem; color: #666;}
.modal.photo_comment_popup .pop_detail .comment_writer .date {color: #888; font-size: 1.1rem;}

.modal.photo_comment_popup .pop_detail.active {}
.modal.photo_comment_popup .pop_detail.active .pop_open_btn {background: url('/images/mo/ico_pop_arrow_on.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
.modal.photo_comment_popup .pop_detail.active .comment_wrap { max-height: 34rem;}
.modal.photo_comment_popup .modal-footer {margin-top: 0;}

.paging_wrap {text-align: center; margin-top: 3.6rem; padding-bottom: 3.6rem;}
.paging_wrap .pageNav {display: inline-block;}
.paging_wrap .pageNav li {display: inline-block; vertical-align: middle; color: #888; font-weight: 300; font-size: 1.4rem; line-height: 3rem;}
.paging_wrap .pageNav li.active {color: #222; font-weight: 600;}
.paging_wrap .pageNav li.prev, .paging_wrap .pageNav li.next {width: 3.5rem; height: 3rem; border:1px solid #a7a7a7;}
.paging_wrap .pageNav li.prev {margin-right: 1.6rem;}
.paging_wrap .pageNav li.prev a {background: url('/images/mo/ico_pag_prev.png') no-repeat center; background-size:0.53rem 0.9rem;}
.paging_wrap .pageNav li.next {margin-left: 1.6rem;}
.paging_wrap .pageNav li.next a {background: url('/images/mo/ico_pag_next.png') no-repeat center; background-size:0.53rem 0.9rem;}
.paging_wrap .pageNav li a {display: block; width: 100%; height: 100%;}
.paging_wrap .pageNav li img {width: 0.53rem; height:0.9rem;}

/* ev_check */
/* .ev .check {background: #f5f5f5;} */
.stamp_event {padding-bottom: 2.0rem;}
.stamp_event .event_calander {position: relative; background-color: #f4f3ef; padding:4.3rem 2rem 3rem; overflow:hidden;}
.stamp_event .event_calander:after {content:''; position: absolute; top: 12rem; left: -3rem; background:url('/images/mo/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
.stamp_event .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/mo/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
.stamp_event .event_calander .check_title {position: relative; z-index: 2; text-align: center;}
.stamp_event .event_calander .check_title p {font-size: 1.4rem; font-weight: 200; margin-bottom: 2rem;}
.stamp_event .event_calander .check_title h3 {font-size: 4rem; font-weight: 600;}
.stamp_event .event_calander .check_title h3 strong {color: #fd4802;}
.stamp_event .event_calander .check_info {margin:3rem 0.6rem 1.5rem; text-align: right; position: relative; z-index: 11; font-size: 0;}
.stamp_event .event_calander .check_info span {position: relative; font-size: 1.2rem; padding-left: 1.2rem;}
.stamp_event .event_calander .check_info span:after {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 0.7rem; height: 0.7rem; border-radius:50%;}
.stamp_event .event_calander .check_info span.today {margin-right: 1.4rem;}
.stamp_event .event_calander .check_info span.today:after {background: #fff; border:1px solid #fd4802;}
.stamp_event .event_calander .check_info span.complete:after {background: #fa8d64; border:1px solid #fa8d64;}

.stamp_event .event_calander .my_attend_day {background: #222; position: relative; padding:1.5rem; overflow:hidden;}
.stamp_event .event_calander .my_attend_day p {font-size: 1.6rem; font-weight: 300; color: #fff; }
.stamp_event .event_calander .my_attend_day span.day {position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.6rem; color: #fff; font-weight: 300;}
.stamp_event .event_calander .my_attend_day span.day span {color: #ff6b47; font-weight: 600;}
.stamp_event .event_calander .tbl_wrap, .stamp_event .event_calander .btn_wrap {position: relative; z-index: 3;}
.stamp_event .event_calander .tbl_wrap {padding:0 0.6rem;}
.stamp_event .event_calander .month_txt {padding-left: 15px; margin-bottom: 35px;}
.stamp_event .event_calander .month_txt .kor_t {font-size: 42px; color: #000; font-weight: 600; margin-right: 16px;}
.stamp_event .event_calander .month_txt .eng_t {font-size: 20px; color: #888; font-weight: 500; text-transform: uppercase;}
.stamp_event .event_calander table {box-sizing: border-box; width: 100%; border:1px solid #222;}
.stamp_event .event_calander table th {background: #fff; padding:15px 0; font-size: 0.9rem; color: #222; font-weight: 300; box-sizing: border-box;}
/* .ev .event_calander table th.sun {color: #fd4802;}
.event_calander table th.sat {color: #3158ea;} */
.stamp_event .event_calander table td {height: 4rem; box-sizing: border-box; text-align: center;}
.stamp_event .event_calander table td .date {font-size: 1rem; font-weight: 300; width: 2.7rem; height: 2.7rem; line-height: 2.7rem; border-radius:50%; margin:0 auto;}
.stamp_event .event_calander table td .date.unused {color: #ddd;}
.stamp_event .event_calander table td.today .date {border:1px solid #fd4802;}
.stamp_event .event_calander table td.complete .date {border:1px solid #fa8d64; background: #fa8d64;}
.stamp_event .event_calander table tbody {background: #fff; }
.stamp_event .event_calander .btn_wrap {margin:2rem 0 0; text-align: center;}
.stamp_event .event_calander .btn_wrap button {padding:1.2rem 0; height:auto; width: 100%; font-size: 1.4rem; font-weight: 500; background: #fd4802; border:none;}
.stamp_event .event_benefit {padding: 3rem 2rem 0;}
.stamp_event .event_benefit h4 {font-size: 1.6rem; padding-bottom: 2rem;}
.stamp_event .event_benefit .benefit_con img {width: 100%;}
.stamp_event .event_benefit .benefit_con ul li:first-child {margin-top: 0;}
.stamp_event .event_benefit .benefit_con ul li {background: #f5f5f5; margin-top: 0.1rem; font-size: 1.4rem;}
.stamp_event .event_benefit .benefit_con ul li > div {padding:2.6rem 0 2.6rem 6.5rem;}
.stamp_event .event_benefit .benefit_con ul li .benfit_point {background: url(/images/mo/ico_check_point.png) no-repeat left 2rem center; background-size:3.5rem;}
.stamp_event .event_benefit .benefit_con ul li .benfit_coupon {background: url(/images/mo/ico_check_coupon.png) no-repeat left 2rem center; background-size:3.5rem;}
.stamp_event .event_benefit .benefit_con ul li > div strong {font-weight: 500;}
.stamp_event .event_benefit .benefit_con ul li > div span.c_primary {font-weight: 600;}


/* ev_rank */
.ev_rank {background: #f5f5f5;}
.ev_rank .my_rank_info {background: #fff6f2; padding:2rem; box-sizing: border-box; position: relative;}
.ev_rank .my_rank_info .icon {margin-bottom: 0;}
.ev_rank .my_rank_info .desc {position: relative; padding-left: 5.5rem;}
.ev_rank .my_rank_info .desc p {font-size: 1.1rem; height: 3.5rem; line-height: 1.4; font-weight: 300;}
.ev_rank .my_rank_info .desc p span {color: #222; font-weight: 600;}
.ev_rank .my_rank_info .desc p span.my_name {font-weight: 500;}
.ev_rank .my_rank_info .desc p span.my_rank {font-size: 1.8rem;}
.ev_rank .my_rank_info button.cou_btn {background: transparent; padding: 0.6rem 1rem; height:auto; position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; font-weight: 300; border:1px solid #a7a7a7; border-radius:2rem}

.ev_rank .my_rank_info.no_member {padding:3rem 2rem; min-height:auto; text-align: center;}
.ev_rank .my_rank_info.no_member p {font-size: 1.3rem; font-weight: 200; color: #222; margin-bottom: 2rem;}
.ev_rank .my_rank_info.no_member .login_btn {width: 100%; font-size: 14px; padding:0; letter-spacing: -0.025em; height:4rem;}

.ev .icon {position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 4.5rem; height: 4.5rem; border-radius: 50%; margin-bottom: 15px; color: #fff;} 
.ev .icon > span {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.6rem; font-weight: 600; color: #fff;}
.ev .icon + span {font-size: 16px; color: #666; font-weight: 500;}
.ev .icon.vip {background: #fd4802;}
.ev .icon.gold {background: #cc9d4d;}
.ev .icon.silver {background: #888;}
.ev .icon.bronze {background: #bf966d;}
.ev .icon.welcome {background: #222;}

.ev_rank .pro_wrap {margin-bottom: 2rem;}
.ev_rank .pro_wrap .rank_txt {width: 80%; margin: 0 auto 5px;}
.ev_rank .pro_wrap .rank_txt ul {font-size: 0;}
.ev_rank .pro_wrap .rank_txt li {display: inline-block; font-weight: 500; line-height: 1;}
.ev_rank .pro_wrap .rank_txt li:first-child {width: 16.66667%; text-indent:-2rem;}
.ev_rank .pro_wrap .rank_txt li:nth-child(2) {width: 22.2222%;}
.ev_rank .pro_wrap .rank_txt li:nth-child(2) span {}
.ev_rank .pro_wrap .rank_txt li:nth-child(3) {width: 22.2222%;}
.ev_rank .pro_wrap .rank_txt li:nth-child(4n) {width: 22.2222%;}
.ev_rank .pro_wrap .rank_txt li:last-child {width: 16.66667%;}
.ev_rank .pro_wrap .rank_txt li:after {content:''; display: block; clear:both;}
.ev_rank .pro_wrap .rank_txt li .icon {text-align: center; width: 60px; height: 60px; margin:0 auto; opacity: 0;}
.ev_rank .pro_wrap .rank_txt li .welcome {float:left; margin-left: -30px;}
.ev_rank .pro_wrap .rank_txt li .vip {float:right; margin-right: -30px;}
.ev_rank .pro_wrap .rank_txt li .icon > span {font-size: 22px;}

.ev_rank .pro_wrap.welcome .rank_txt li .icon.welcome {opacity: 1;}
.ev_rank .pro_wrap.bronze .rank_txt li .icon.bronze {opacity: 1;}
.ev_rank .pro_wrap.silver .rank_txt li .icon.silver {opacity: 1;}
.ev_rank .pro_wrap.gold .rank_txt li .icon.gold {opacity: 1;}
.ev_rank .pro_wrap.vip .rank_txt li .icon.vip {opacity: 1;}
.ev_rank .pro_wrap .rank_txt li .txt {}
.ev_rank .pro_wrap .rank_txt li .txt span {display: block; text-align: center; font-size: 0.9rem; color: #666; }

.ev_rank .pro_wrap.welcome .rank_txt .welcome + .txt {display: none;}
.ev_rank .pro_wrap.bronze .rank_txt .bronze + .txt {display: none;}
.ev_rank .pro_wrap.silver .rank_txt .silver + .txt {display: none;}
.ev_rank .pro_wrap.gold .rank_txt .gold + .txt {display: none;}
.ev_rank .pro_wrap.vip .rank_txt .vip + .txt {display: none;}

.ev_rank .pro_wrap .rank_txt li:first-child .txt span {text-align: left; }
.ev_rank .pro_wrap .rank_txt li:last-child .txt span {text-align: right;}
.ev_rank .pro_wrap .progress_bar {width: 80%; height: 0.8rem; background: #ddd; position: relative; margin:0 auto; border-radius:2rem;}
.ev_rank .pro_wrap .progress_bar .current_bar {background: linear-gradient(140deg, rgba(255,120,0,1) 0%, rgba(253,72,2,1) 100%); position: absolute; top: 0; left: 0; width: 0%; height: 0.8rem; border-radius:2rem;}
.ev_rank .pro_wrap .progress_bar .current_bar:after {content:''; position: absolute; top: 50%; right: 0.2rem; background: #fff; width: 0.4rem; height: 0.4rem; border-radius:50%; transform:translateY(-50%);}
.ev_rank .pro_wrap.welcome .progress_bar .current_bar {width: 3%;}
.ev_rank .pro_wrap.bronze .progress_bar .current_bar {width: 29%;}
.ev_rank .pro_wrap.silver .progress_bar .current_bar {width: 51.5%;}
.ev_rank .pro_wrap.gold .progress_bar .current_bar {width: 74%;}
.ev_rank .pro_wrap.vip .progress_bar .current_bar {width: 100%;}

.ev_rank .my_rank_progress {padding: 3rem 0 0;}
.ev_rank .my_rank_progress .benefit_txt {background: #fff; text-align: center; font-size: 1.2rem; color: #444; font-weight: 300;}
.ev_rank .my_rank_progress .benefit_txt strong {color: #222; font-weight: 600;}

.ev_rank .level_wrap {padding-top: 3rem;}
.ev_rank .member_level_area {border:1px solid #ddd; margin-bottom: 2rem;}
.ev_rank .member_level_area:last-child {margin-bottom: 0;}
.ev_rank .member_level_area .level_head {position: relative; background: #f5f5f5; padding:1.5rem 2rem; padding-left: 7.5rem;}
.ev_rank .member_level_area .level_head .icon {margin-bottom: 0; left: 2rem;}
.ev_rank .member_level_area .level_head .desc {}
.ev_rank .member_level_area .level_head .desc span {display: block; font-size: 1.6rem; font-weight: 600; margin-bottom: 0.6rem;}
.ev_rank .member_level_area .level_head .desc p {color: #444; font-size: 1.2rem; font-weight: 500;}
.ev_rank .member_level_area .level_content {padding:2rem;}
.ev_rank .member_level_area .level_content:after {content:''; clear:both; display: block;}
.ev_rank .member_level_area .level_content > div.coupon {margin-bottom: 2.4rem; border:none;}
.ev_rank .member_level_area .level_content > div.coupon > div:after {position: static; border:none; transform:none; width:auto; height:auto; border-radius: none;}
.ev_rank .member_level_area .level_content > div.birth {}
.ev_rank .member_level_area .level_content > div > p {position: relative; margin-bottom: 1.3rem; font-size: 1.1rem; font-weight: 500; padding-left: 0.7rem;}
.ev_rank .member_level_area .level_content > div > p:before {content:''; position: absolute; top: 0.6rem; left: 0; width: 0.2rem; height: 0.2rem; background: #222;}
.ev_rank .member_level_area .level_content .coupon_box, .ev_rank .member_level_area .level_content .birth_box {padding:0 0.7rem;}
.ev_rank .member_level_area .level_content .coupon_info {float:left; width: 46%;}
.ev_rank .member_level_area .level_content .coupon_info:last-child {float:right;}
.ev_rank .member_level_area .level_content .coupon_info p, .ev_rank .member_level_area .level_content .birth_info p {font-size: 1.1rem; text-align: center; margin-top: 1rem; padding: 0;}
.ev_rank .member_level_area .level_content .coupon_info img, .ev_rank .member_level_area .level_content .birth_info img {width: 100%;}
.ev_rank .member_level_area .level_content .birth_info {width: 46%;}

.ev_rank .member_level_area .level_content.one_row > div {float:left; width: 49%;}
.ev_rank .member_level_area .level_content.one_row .coupon_info {width: 100%;}
.ev_rank .member_level_area .level_content.one_row .coupon_info:last-child {float:none;}
.ev_rank .member_level_area .level_content.one_row .birth {float:right; }
.ev_rank .member_level_area .level_content.one_row .birth_info {width: 100%;}

/* 배송관련 아이콘  */
.tag {display: inline-block;height: 1.7rem;padding: 0rem 0.4rem;border: 1px solid #ddd;color: #666;font-size: 1.1rem;font-weight: 300;text-align: center;line-height: 1.7rem;}
.tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
.tag.deepgray {background:#aaa; border-color:#aaa; color:#fff;}
.tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
.tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;}

/* mypage_공통 */
.my {background: #f5f5f5;}
.my .pnb{background: #ffffff;}
.my .mypage {background: #f5f5f5;}
.my .inner {margin-bottom: 1.2rem; padding-bottom: 0; background: #fff;}
.my .inner.bg_gray {background: #f5f5f5;}
.my .help_block {margin-top: 1rem;font-size: 1.2rem;}
.my .tbl_wrap {padding: 3rem 0;}
.my table input[type="text"], table input[type="password"] {padding: 0 1.4rem; font-size: 1.3rem;}
.my .btn_group {width: 100%; margin-top: 0;}
.my .btn_popup {display:inline-block; position:absolute; left:auto; right: 0; top:-0.75rem; padding:0px 1rem; height:3rem; color:#222; font-size:1.1rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
.my .btn_group .btn {width: 100%;}
/* main.my .inner:last-child {padding-bottom: 0; margin-bottom: 0;} */
.my .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
.my .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
.my .required_group {margin-bottom: 3rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 1px solid #ffe4d9; text-align: center;}
.my .required_group:after, 
.my .required_group:before {content: "";position: absolute;top: 100%;left: 50%;height: 0;width: 0;border: solid transparent;pointer-events: none; z-index: 8;}
.my .required_group:after {margin-left: -0.7rem; margin-top: 0rem; border-width: 0.7rem;border-color: rgba(255, 246, 242, 0);border-top-color: #fff6f2;}
.my .required_group:before {margin-left: -0.9rem;border-width: 9px;border-color: rgba(255, 228, 217, 0);border-top-color: #ffe4d9;}
.my .tabIndex{margin-bottom: 0.85em;}
.my .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
.my .tabIndex li.active a .count{color: #888888;}
.my .select {font-size: 1.3rem;}


/* nodata_데이터 없을시 안내 */
.my .nodata {padding:8.0rem 0; text-align:center;}
.my .nodata .txt_box {color:#666; font-size:1.4rem; font-weight:300; line-height:2.4rem;}
.my .nodata .txt_box::before {content:''; display:block; width:3.6rem; height:4.6rem; margin:0 auto 2.0rem; background:url('/images/pc/ico_content_none.png') no-repeat;}
.my .nodata .btn_box {margin-top:4.0rem;}
.my .nodata .btn_box .btn {color:#222; font-size:1.4rem; font-weight:300;}


/* 상품권 */
.voucher {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.voucher div:first-child {height:16.0rem;}
.voucher > div {position:relative;}
.voucher .vch_name {padding:2rem 2rem 0; color:#222; font-size:1.4rem; font-weight:300;}
.voucher .vch_price {margin-top:1.0rem; padding:0 2.0rem; text-align:right;}
.voucher .vch_remain {margin-top:0.5rem; padding:0 2.0rem; text-align:right; color:#fd4802; font-size:1.5rem;}
.voucher .vch_remain span {margin-left:0.4rem; font-size:2.6rem;font-weight: 700;}
.voucher .vch_remain span em {font-size:3.2rem;}
.voucher .vch_code {padding:0 2.0rem; text-align:right; color:#888; font-size:1.2rem; font-weight:300;}
.voucher .vch_date {padding:1.0rem 2.0rem; border-top:1px dashed #ddd; text-align:left; color:#222; font-size:1.4rem; font-weight:200;}
.voucher.disable {background:#f5f5f5 !important;}
.voucher.disable * {color:#888 !important;}
.voucher.disable .cp_cont span {color:#888 !important;}
.voucher.disable .tag {border-color:#888 !important; background:none !important;}
.voucher.disable .vch_remain {font-size:2.8rem !important;}


/* .btn_group_flex > div > .btn {padding:1.2rem 1.3rem;} */
.goods_btn_wrap {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row;}
.goods_btn_wrap > div {margin:0 0.4rem 0.5rem 0; flex:1;}
.goods_btn_wrap > div:first-child {margin-left:0}
.goods_btn_wrap > div:last-child {margin-right:0}
.goods_btn_wrap > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.2rem; padding:1rem 1.3rem; font-weight: 500;}
.goods_btn_wrap > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}

.goods_btn_wrap.col2 {font-size: 0;}
.goods_btn_wrap.col2 > div {width: 50%; margin:0; display: inline-block; flex:none;}
.goods_btn_wrap.col2 > div:nth-child(2n) {padding-left: 0.4rem; padding-bottom: 0.4rem;}
.goods_btn_wrap.col2 > div:nth-child(2n+1) {padding-right: 0rem; padding-bottom: 0.4rem;}
/* .goods_btn_wrap.col2 > div:nth-child(odd) {padding-right: 0.4rem; padding-bottom: 0.4rem;} */
/* .goods_btn_wrap.col2 > div:nth-child(even) {padding-left: 0.4rem; padding-bottom: 0.4rem;} */
.goods_btn_wrap.col2 > div > .btn {font-size: 1.4rem;}

/* my_main */
/* main.container.my .inner:last-child {padding-bottom: 0;} */
.my .lnb_list {margin-top: 1.2rem;}
.my .lnb_list li { border-bottom: 1px solid #ddd;}
.my .lnb_list li a {display: block; padding: 2rem; background: url(/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}

.my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
.my .mem_rank .mem_name {dib font-size: 1.8rem; font-weight: 300;}
.my .mem_rank .mem_name strong {font-weight: 500;}
.my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(/images/mo/ico_btn_detail03.png) no-repeat right top 5px; background-size:0.7rem 1.3rem;}
.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}
.my .mem_rank button.cou_btn {background: transparent; padding: 0.6rem 1rem; height:auto; position: absolute; top: 50%; right: 0; transform:translateY(-50%); font-size: 1.1rem; font-weight: 300; border:1px solid #a7a7a7; border-radius:2rem}

.my .mem_rank .rank_icon {width: 4.5rem; height: 4.5rem; line-height: 4.7rem; position: absolute; left: 0; top: 50%; font-size: 22px; border-radius: 50%; background: #000; color: #fff; text-align: center; font-weight: 900; transform:translateY(-50%);}
.my .mem_rank .rank_icon.vip {background: #fd4802;}
.my .mem_rank .rank_icon.gold {background: #cc9d4d;}
.my .mem_rank .rank_icon.silver {background: #888;}
.my .mem_rank .rank_icon.bronze {background: #bf966d;}
.my .mem_rank .rank_icon.welcome {background: #222;}

.my .mem_info .mem_box {padding:1.7rem 0 3.2rem;}
.my .mem_info .mem_box:after {content:''; display: block; clear:both;}
.my .mem_info .mem_box > div {float:left; position: relative; text-align: center; width: 33.3333%;}
.my .mem_info .mem_box > .mem_coupon .coupon_txt02 {font-size: 16px; font-weight: 500;}
.my .mem_info .mem_box > .mem_coupon .coupon_txt02 span {font-size: 18px;}
.my .mem_info .mem_box > div:last-child {margin-right: 0;}
.my .mem_info .mem_box > div a, .my .mem_info .mem_box > div .coupon_txt01 {font-size: 16px; color: #000; font-weight: 500;}
.my .mem_info .mem_box > div .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 0.2rem;}
.my .mem_info .mem_box > div em {display: inline-block; font-size: 1.4rem; font-weight: 500;}

.my .order_info {text-align: center; margin-bottom: 2.4rem; margin-top: -1.2rem;}
.my .order_info > ul {position: relative; display: inline-block; width: 100%; margin:3rem 0;}
.my .order_info > ul > li {float:left; width: 33.3333%; text-align: center; position: relative; border-right:1px solid #ddd;}
.my .order_info > ul > li:last-child {border-right:0;}
.my .order_info .or_p {font-size: 1.3rem; color: #666; font-weight: 300;}
.my .order_info .count span {display: inline-block; font-size: 1.8rem; font-weight: 500;}

.my .goods_top {position: relative; padding-bottom: 1.5rem; border-bottom: 1px solid #000; font-size: 0; margin-bottom: 2.5rem;}
.my .goods_top h3 {margin-bottom: 0;}
.my .goods_top span {display: inline-block; margin-left: 0.8rem;}
.my .goods_top .start_t, .my .goods_top .gift_t, .my .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
.my .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
.my .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
.my .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
.my .badge_wrap {display: inline-block;}
.my .order_badge {font-size: 1rem; border-radius: 0.1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
.my .order_bullet_badge {background: #fff6f2; color: #fd4802; border:1px solid #fd4802;}

.my .part_goods {position:relative;}
.my .part_goods:first-child {margin-top: -1.2rem; padding-top:3rem}
.my .part_goods h3.subH2 span {color:#888; font-size:1.6rem; font-weight:200;}
.my .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 0.1rem solid #eee;}
.my .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
.my .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
.my .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}

.my .part_goods .goods_status {margin-bottom:1.2rem;}
.my .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
.my .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}

.my .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
.my .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
.my .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
.my .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
.my .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
.my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}

.part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
.part_goods .goods_detail .thumb_box {background: #f5f5f5; width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
.part_goods .goods_detail .thumb_box a {display:block; background:#f5f5f5; height: 100%;}
.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}

.part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
.part_goods .goods_detail .info_box .od_name a {display:block;}
.part_goods .goods_detail .info_box .od_name .name {display:inline-block; font-size: 1.3rem; line-height:1.4; margin:0.3rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.part_goods .goods_detail .info_box .od_name .brand {color:#888; font-size: 1.1rem; font-weight:300;}
.part_goods .goods_detail .info_box .od_name .brand span {display: inline-block; margin-bottom: 0.5rem; margin-right: 0.2rem;}
.part_goods .goods_detail .info_box .od_name .reserv_date {position:relative; padding-left:10px; margin-left:10px; color:#fd4802; font-size:14px; font-weight:200;}
.part_goods .goods_detail .info_box .od_name .reserv_date::before {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; border-left:1px solid #ddd;}
.part_goods .goods_detail .info_box > div:last-child {margin-bottom: 0;}

.part_goods .goods_detail .od_opt, .part_goods .goods_detail .od_exchange_opt {color:#666; font-size:1.1rem; margin-bottom: 0.8rem;}
.part_goods .goods_detail .od_opt .option, .part_goods .goods_detail .od_exchange_opt .option {display:block;}
.part_goods .goods_detail .od_opt .option span, .part_goods .goods_detail .od_exchange_opt span {color: #fd4802;}
.part_goods .goods_detail .od_opt .count, .part_goods .goods_detail .od_exchange_opt .count {display:block; margin-top:12px;}
.part_goods .goods_detail .od_opt em, .part_goods .goods_detail .od_exchange_opt em {position:relative; font-size: 1.1rem; color: #888; font-weight: 300; word-break: break-all;}
.part_goods .goods_detail .od_opt em:after, .part_goods .goods_detail .od_exchange_opt em:after {content:'/'; margin:0 0.3rem;}
.part_goods .goods_detail .od_opt em:last-child:after, .part_goods .goods_detail .od_exchange_opt em:last-child:after {content:'';}

.part_goods .goods_detail .od_exchange_opt > span {margin-right: 0.8rem; float:left;}
.part_goods .goods_select {margin-top: 1.8rem;}
.part_goods .goods_detail .od_shoppingbag .btn {width: 7.2rem; height: 2.5rem; padding: 0; font-size: 1.1rem;}

.part_goods .point {margin-bottom: 0.7rem; font-size: 1.1rem; color: #888; background: url(/images/mo/ico_point.png) no-repeat left top 1px; background-size:1.2rem; padding-left: 1.6rem;}
.part_goods .od_calc .sale_price {font-size: 1.1rem; color: #888; font-weight: 300;}
.part_goods .od_calc .sale_percent {font-size: 1.3rem; color:#fd4802;}
.part_goods .od_calc .price {font-size: 0;}
.part_goods .od_calc .price .selling_price {display:inline-block; color:#222; font-size:1.3rem; font-weight:600;}
.part_goods .od_calc .price .selling_price em {font-size:1.6rem;}
.part_goods .od_calc .price .selling_price.msale {color:#fd4802;}
.part_goods .od_calc .price del {display:block; margin-top:8px; margin-bottom:5px; color:#888; font-size:12px; font-weight:300; line-height:1;}
.part_goods .od_calc .price .count {font-size: 1.1rem; color: #888; border-radius: 0;}
.part_goods .od_calc .price .selling_price + .count {border-left: 1px solid #ddd; padding-left: 1rem; margin-left: 1rem;}

.my .part_goods .goods_gift {border-top: 1px solid #eee; }
.my .part_goods .goods_gift .gift_wrap {padding:1.5rem; margin-top: 1.8rem; background: #fff6f2; border:1px solid #ffe4d9;}
.my .part_goods .goods_gift .title {font-size: 1.3rem; font-weight: 500; color: #fd4802; padding-left: 1.7rem; background: url(/images/mo/ico_gift.png) no-repeat left top 1px; background-size:1.1rem 1.2rem; margin-bottom: 1rem;}
.my .part_goods .goods_gift .li_gift {}
.my .part_goods .goods_gift .li_gift li {padding-left: 15px; background: url(/images/mo/ico_bracket.png) no-repeat left top; background-size:0.7rem; font-size: 1.1rem; margin-bottom: 0.8rem; line-height: 1; vertical-align: middle; width: 100%;}
.my .part_goods .goods_gift .li_gift li:last-child {margin-bottom: 0;}
.my .part_goods .goods_gift .li_gift li .gift_name {display: inline-block; color:#666;}
.my .part_goods .goods_gift .li_gift .deduct_p {display: inline-block; color: #fd4802; width: 15%;}
.my .part_goods .order_confirm {background: #f5f5f5; text-align: center; padding:1.5rem 0;}


/* my_review_1 */
.my .review .inner:last-child .goods_btn_wrap {padding:0 0 6rem;}
.my .review .tab_cont .inner .goods_btn_wrap {padding: 0; margin-top: 2.4rem;}
.my .review .inner {margin-bottom: 0;}
.my .review .inner:last-child {padding-bottom: 0;}
.my .review .inner.wide {background: #f5f5f5;}
/* .my .review .inner .tabWrap .inner{margin-bottom:1.3rem;} */

.my .review .tabIndex{margin-bottom: 0rem;}
.my .review .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
.my .review .tabIndex li.active a .count{color: #888888;}
.my .review .tip1 .tip_contents{width: 34rem;transform: translate(-77%, 1.0rem); padding:1.3rem 1.6rem;}
.my .review .tip2 .tip_contents{width: 31.5rem;transform: translate(-62%, 1.0rem);}
.my .review .tip1 .tip_contents:before,
.my .review .tip1 .tip_contents:after{left: 79.5%;}
.my .review .tip2 .tip_contents:before,
.my .review .tip2 .tip_contents:after{left: 64.5%;}
.my .review .titWrap {margin-top: 1.2rem;}
.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-size: 1.3rem;font-weight: 200;}
.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
.my .review  .btn_group {padding-bottom: 2.4rem;}
.my .review  .btn_group .btn{height: 4.0rem;}
.my .review .part_goods .goods_detail .info_box {padding-top: 1.6rem;}
.my .review .part_goods .goods_detail .info_box .goods_date {font-size: 1.3rem;}
.my .review .part_goods .goods_detail .info_box .od_name .brand {padding-top: 1.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.my .review .part_goods .goods_detail .info_box .od_name .brand span {width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.my .review .part_goods .goods_detail .info_box .od_name .name{-webkit-line-clamp: 1; word-break: break-all;}
.my .review .part_goods .goods_detail .od_opt .option {}
.my .review .part_goods .goods_btn_wrap {margin-top: 1.5rem;}

/* .my .review .tab_cont .inner {margin-top: 1.2rem;} */
.my .review .tab_cont .inner:first-child {margin-top: 0;}
.my .review .tab_cont .part_goods {padding-top:0;}
.my .review .tab_cont .part_goods:first-child {padding-top: 2.4rem;}
.my .review .tab_cont .reviewitems {background: #ffffff;}
.my .review .tab_cont .reviewitems::after {content: '';background: #f5f5f5;width: 100%;height: 1.2rem;display: block;margin: 0rem -2.0rem 0rem -2.0rem;padding: 0rem 2.0rem 0rem 2.0rem;}
.my .review .tab_cont .reviewitems:first-child{padding-top: 0; margin-top: 0;}
.my .review .tab_cont .reviewitems:last-child:after {content: '';background: transparent;width: 100%;height: 0;display: none;margin: 0rem;padding: 0rem;}
.my .review .tab_cont .reviewitems .reviewMy {padding: 0 0 2.4rem; font-weight: 200;}
.my .review .part_goods {padding-top: 2.4rem;}
.my .review .part_goods:first-child {margin-top: 0;}
.my .review .part_goods .goods_section:last-child {padding-bottom: 2.4rem;margin-bottom: 2.4rem;border-bottom:0.1rem solid #eee;}

.my .review .fileAdd{margin-right:1rem;}
.my .review .pics{margin-bottom:1rem;}
.my .review .tip_close {position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; background: url(/images/mo/ico_btn_cls.png) no-repeat center; background-size: 1rem; background-position: center;}

/* my_review_2 */
.my .review > ul > li .reviewMy {}
.my .review .once {background: #ffffff;padding: 0;margin-top: -1.5rem;text-align: center; margin-bottom: -1.2rem;}
.my .review .alert {position: relative;display: inline-block;height: 7.4rem;width: 100%;max-width: calc(100% - 4.0rem);margin: 3.1rem 0 1.2rem;padding: 1.5rem;text-align: center;font-size: 1.2rem;color: #fd4802;border-color: #ffe4d9;background-color: #fff6f2;border-radius: 0;}
.my .review .formOnly {position: relative;display: inline-block;color: #666666;text-align: center;}
.my .review .formOnly::after {content: '';display: inline-block;width: 1rem;height: 1.5rem;position: absolute;top: 5px;right: -1.5rem;background: url(/images/mo/ico_btn_detail02.png);background-size: 0.6rem 1.0rem;background-repeat: no-repeat;}
.my .review button.alertCls {font-size: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.my .review .reviewMy .info_box {}
.my .review .reviewMy .info_box::after {content: ''; clear: both; display: block;}
.my .review .reviewMy .info_box .star_score {float:left}
.my .review .reviewMy .info_box .star_score .star {display:inline-block; position:relative; width:10.1rem; height:1.6rem; background:#ddd;}
.my .review .reviewMy .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
.my .review .reviewMy .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802}
.my .review .reviewMy .info_box .writer {float:right;}
.my .review .reviewMy .info_box .writer span {position:relative; margin-left:2.0rem; padding-left:2.0rem; color:#888; font-size:1.1rem; line-height: 1.8rem;}
.my .review .reviewMy .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
.my .review .reviewMy .info_box .writer span:first-child {margin-left:0; padding-left:0}
.my .review .reviewMy .info_box .writer span:first-child::after {display:none;}
.my .review .reviewMy .response_box {margin-top:1rem}
.my .review .reviewMy .response_box > div {margin-top:1.5rem;}
.my .review .reviewMy .response_box > div:first-child {margin-top:0}
.my .review .reviewMy .response_box > div dl div {font-size: 1.1rem;}
.my .review .reviewMy .response_box > div dl div dt {color:#888;display: inline-block;width: 6.5rem; font-size: 1.1rem;}
.my .review .reviewMy .response_box > div dl div dd {display: inline-block;width: calc(100% - 8.05rem); /*margin-left:1.2rem;*/ font-size: 1.1rem; color:#fd4802;}
.my .review .reviewMy .response_box2 {margin-top:1.4rem}
.my .review .reviewMy .response_box2 > div {margin-top:1.5rem;}
.my .review .reviewMy .response_box2 > div:first-child {margin-top:0}
/* .my .review .reviewMy .response_box2 > div dl div {margin-right:3.0rem} */
.my .review .reviewMy .response_box2 > div dl div {float:left; width: 50%;}
.my .review .reviewMy .response_box2 > div dl div dt {position:relative;color:#888;display: inline-block;width: auto;font-size: 1.1rem;padding-left: 0.85rem;}
.my .review .reviewMy .response_box2 > div dl div dt::before {content: '';position: absolute;top: 0.6rem;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
.my .review .reviewMy .response_box2 > div dl div dd {display: inline-block;width: calc(49.45% - 8.05rem);font-size: 1.1rem;margin-left:0.2rem; color:#222222;}
.my .review .reviewMy .photo_box {margin-top:1.4rem}
.my .review .reviewMy .photo_box .photo_list {}
.my .review .reviewMy .photo_box .photo_list > ul {white-space: nowrap; overflow-x:auto; -ms-overflow-style:none; font-size: 0;}
.my .review .reviewMy .photo_box .photo_list > ul::-webkit-scrollbar { display:none; }
.my .review .reviewMy .photo_box .photo_list > ul li {display: inline-block; /*width:calc((100% - 9.0rem)/10);*/ width: 7.2rem; margin-left:0.8rem}
.my .review .reviewMy .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
.my .review .reviewMy .photo_box .photo_list .pic {width: 7.2rem; height: 7.2rem;}
.my .review .reviewMy .photo_box .photo_list .pic span {position: relative; display: block; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.my .review .reviewMy .photo_box .photo_list .pic span.thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
.my .review .reviewMy .txt_review_box {margin-top:1.9rem; font-size: 1.3rem; line-height:2.1rem;}
.my .review .reviewMy .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
.my .review .reviewMy .reply_box .reply {position:relative; padding:2.0rem; background:#f5f5f5;}
.my .review .reviewMy .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
.my .review .reviewMy .reply_box .reply .reply_writer {font-size: 1.3rem;}
.my .review .reviewMy .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
.my .review .reviewMy .reply_box .reply .reply_writer .wr_name {padding-left:2.4rem; font-weight:300;}
.my .review .reviewMy .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/mo/ico_admin2.png') no-repeat 0 0; background-size:1.5rem;}
.my .review .reviewMy .reply_box .reply .reply_writer .wr_date {padding-left:1.5rem; margin-left:1.5rem; color:#888; font-weight:200;}
.my .review .reviewMy .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:0.1rem; background:#ddd;}
.my .review .reviewMy .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem; line-height:1.4; font-weight: 200;}
.my .review .reviewMy .goods_btn_wrap {padding: 2.4rem 0;}


/* my_review_3 */
.my .review .form_wrap .inner {margin-bottom: 0;}
.my .review_score {margin-top: 14px;padding-bottom: 2.0rem;border-bottom: 1px solid #dddddd;}
.my .review_score #star_grade {width: 14.0rem;margin:0 auto;}
.my .review_score #star_grade button {display: inline-block; width: 25px; height: 25px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center;}
.my .review_score #star_grade button.on {background: url(/images/pc/ico_star02.png) no-repeat center;} 
.my .review_score #star_grade span {display: inline-block; width: 15px; height: 15px; text-decoration: none; background: url(/images/pc/ico_star01.png) no-repeat center/cover;}
.my .review_score #star_grade span.on {background: url(/images/pc/ico_star02.png) no-repeat center/cover;} 
/* .my .tbl.review_tbl .form_field input[type="radio"] + label:before {background-position: 0 0;} */
.my .review .tbl_wrap {padding:3rem 0 0 0;}
.my .review .tbl_wrap:last-child {padding: 0;}
.my .review .tbl_wrap:last-child .tbl {border-top: 0;}
.my .review .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
/* .my .review .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;} */
.my .review .tbl_wrap .tbl .tbl_row:last-child { border-bottom: 0;}
.my .review .tbl_wrap .tbl table th, .my .review .tbl_wrap .tbl table td {color: #222; display: block;}
.my .review .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
.my .review .tbl_wrap .tbl table td {font-size: 1.4rem; }
.my .review .tbl_wrap .tbl td input {width: 100%;}
.my .review .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
.my .review .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
.my .review .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
.my .review .btn_group_flex {/*padding:0 0 6rem;*/ margin:0; background: #fff;} 
.my .review .tbl_wrap .tbl td .certi_wrap {display: block;}
.my .review .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}

.my .review .tbl_wrap .tbl th.ver_top {vertical-align: top; padding-top: 25px;}
.my .review .tbl_wrap .tbl th.ver_top02 {vertical-align: top;}
.my .review .tbl_wrap .tbl td .textarea_wrap {padding: 1.5rem; padding-bottom: 2.5rem; border:1px solid #d7d7d7;}
.my .review .tbl_wrap .tbl td textarea {width: 100%; resize:none; outline:none; height: 10rem; font-size: 1.2rem; color: #222; border:none;}
.my .review .tbl_wrap .tbl.review_tbl td {padding-left: 0;}
.my .review .tbl_wrap .tbl.review_tbl td textarea {height: 200px;}
.my .review .tbl_wrap .tbl td .select {width: 400px;}
.my .review .tbl_wrap .tbl td .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 1.7rem; right: 1.5rem; margin-top: 0; padding:0 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
.my .review .tbl_wrap .tbl td .rev_height, 
.my .review .tbl_wrap .tbl td .rev_weight {border:1px solid #ddd; position: relative;}
.my .review .tbl_wrap .tbl td .rev_height input, 
.my .review .tbl_wrap .tbl td .rev_weight input {border:none; padding:0 20px; width: 100%; height: 42px; font-size: 14px; font-weight: 200;}
.my .review .tbl_wrap .tbl td .rev_height span, 
.my .review .tbl_wrap .tbl td .rev_weight span {position: absolute; top: 15px; right: 20px; font-size: 14px; font-weight: 300;}

.my .review .tbl_wrap .tbl table[data-name="rating"] tr{border-bottom: 1px solid #dddddd;padding:2rem 0;}
/* .my .review .tbl_wrap .tbl table[data-name="rating"] tr:last-child{border-bottom: 0px;} */
.my .review .tbl_wrap .tbl table[data-name="rating"] tr:first-child th{padding: 0rem 0 1rem 0;}
.my .review .tbl_wrap .tbl table[data-name="rating"] th{padding: 1.5rem 0 1rem 0;}
.my .review .tbl_wrap .tbl table[data-name="rating"] td:last-child{padding: 0rem 0 1.5rem 0;}
.my .review_radio .radio_li {width: 33.333%;}
.my .review_radio .radio_li input[type="radio"] + label {line-height: 1.7;}
/* .my .review_radio .radio_li input[type="radio"]:checked + label:after {background-position:-20px 0;} */
.my .review_radio .radio_li span {display: inline-block; font-weight: 300;}
.my .review_tbl .pics, .my .review_tbl .fileAdd {width: 10.5rem; height: 10.5rem;}
.my .review_tbl .picsThumbs {max-width:10.5rem; max-height:10.5rem;}
.my .review_desc {position:relative; margin-top: 2rem;padding-left:0.8rem;font-size: 1.1rem;font-weight: 200;color: #666;}
.my .review_desc + .review_desc {margin-top: 0.5rem;}
.my .review_desc:after {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}
.my .review .note {padding: 2rem 0 3rem 0;}
.my .review .note li {position:relative; padding-left: 0.8rem;color: #888888; font-size:1.2rem}
.my .review .note li::before {content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.3rem;height: 0.3rem;}


/* my_order_1 */
.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;margin-bottom: -2.4rem; text-align: right;}
.my .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
.my .order_sort a:first-child {margin-right: 2rem;}
.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;margin-top: 1.2rem;}
.my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
/* .my .my_order .inner:first-child .part_goods {margin-top: -1.2rem;} */
/* .my .my_order .inner .part_goods:last-child {margin-bottom: 0;margin-top: -1.2rem;} */
.popup_box .button_list button {width: 100%; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
.popup_box .button_list button[disabled] {background: #f5f5f5; color: #bbb;}
.popup_box .button_list button[disabled] span {text-decoration: line-through; }
.popup_box .button_list.clear button {width: 49%; float:left; }
.popup_box .button_list button.on {border:1px solid #fd4802; color: #fd4802;}
.popup_box .button_list.clear button:nth-child(even) {float:right;}

/* my_order_2 */
.my .my_order .inner {margin-bottom: 1.2rem;}
.my .my_order .inner:last-child {margin-bottom: 0;}
.my .inner.bg_beige {background: #fff6f2;}
.my .order_number {padding:2rem; position: relative; margin-bottom:0; margin-bottom: -2rem;}
.my .order_number dl{display: inline-block;}
.my .order_number dt, .my .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
.my .order_number dt {margin-right: 0.8rem;}
.my .order_number .delete {position: absolute; top: 45%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
.my .foldGroup {margin-bottom: 0;}
.my .foldGroup > ul > li {border-bottom: 0;}
.my .fold_answer {background: #fff; padding-top: 0;}
.my .ui_row {margin-bottom: 0;}
.my .foldGroup .fold_head a {padding:2rem;}
.my .foldGroup .fold_head .fold_tit > div.lap2 {margin-bottom: 0;}
.my .foldGroup .fold_head .fold_tit span {font-size: 1.6rem;}
.my .foldGroup .fold_head .fold_tit span.fold_txt {position: absolute; top: 3px; right: 3.3rem; font-size: 1.3rem; color: #666;}
.my .foldGroup .fold_head.on .fold_tit span {font-weight: 500;}
.my .foldGroup .fold_head.on .fold_tit span.fold_txt {display: none;}
.my .foldGroup .customer_info {padding:2rem; padding-top: 0;}
.my .foldGroup .customer_info dd {font-weight: 300; color: #222;} 
.my .shipfold .fold_cont {}

.my .ship_info {position: relative;}
.my .shipfold .ship_info {padding:2rem; padding-top: 0;}
.my .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
.my .ship_info .company {font-weight: 500;}
.my .ship_info dl > div {margin-bottom: 0.7rem;}
.my .ship_info dl > div:last-child {margin-bottom: 0;}
.my .ship_info dl > div.shup_option {margin-top: 0.5rem;}
.my .ship_info dl > div:first-child dd {font-weight: 500;}
.my .ship_info dl > div.addr {width: 100%;}
.my .ship_info dl > div.desc_txt {margin-top:0;}
.my .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
.my .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
.my .ship_info div:after {content:''; display: block; clear:both;}
.my .ship_info div dt, .my .ship_info div dd {float:left; color: #222; font-weight: 300;}
.my .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
.my .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
.my .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
.my .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
.my .ship_info div.ship_request.ship_select dt:after {display: none;}
.my .ship_info div.ship_request.ship_select dd {display: none;}
.my .ship_info .select {font-size: 1.3rem;}
.my .ship_info .select_dress {padding:1.1rem 1.5rem;}
.my .ship_info .select_options li {padding: 1rem 0;}

.icon_tag {display:inline-block;}
.icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
.icon_tag [class*="tag_"] {float:left; display:inline-block; height:1.7rem; box-sizing:border-box; margin:0px 0 0 4px; padding:0 5px; border:1px solid #ddd; background: #fff; color:#888888; font-size: 11px; font-weight:300; vertical-align:middle; line-height:1.7rem;}
.icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
.icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}

/* 마이페이지_table */
.tbl_wrap .tbl_tit {padding-bottom: 1.5rem; position: relative;}
.tbl_wrap .tbl_tit h3 {font-size: 1.6rem;}
.tbl_wrap .tbl {padding:1.5rem 0 0; border-top:1px solid #000; border-bottom:0;} 
.tbl_wrap .tbl table {text-align:left; word-break:keep-all; width: 100%;}
.tbl_wrap .tbl table th,
.tbl_wrap .tbl table td {position:relative; padding:0; font-weight:300; font-size:1.3rem; padding-bottom: 1.5rem; vertical-align: top; word-break: break-all;}
.tbl_wrap .tbl table th {font-weight:300; color: #888; font-size: 1.3rem; padding-right:1rem;}
.tbl_wrap .tbl table th.sr-only {position: absolute;}
.tbl_wrap .tbl table tr:last-child th, .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}

.pay_wrap .pay {position: absolute; top: -8px; right: 0; color: #fd4802; font-weight: 600; font-size: 1.8rem;}
.pay_wrap .pay span {font-size: 2.1rem;}
.pay_wrap .tbl {padding:2rem 0; border-bottom: 1px solid #ddd;}
.pay_wrap .tbl:after {content:''; display: block; clear:both;}
.pay_wrap .tbl dl > div:after {content:''; display: block; clear:both;}
.pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 2px; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;} 
.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem; display: block; margin-left:50%;}
.pay_wrap .tbl .btn:after {content:''; clear:both; display: block;}

/* my_order_3 */
.my .my_goodsy .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
.my .my_goodsy .inner {margin-bottom: 1.2rem;}
.my .my_goodsy .goods_tbl .tbltitWrap {margin-top: 0;}
.my .my_goodsy .goods_tbl .tblWrap {margin: 0;}
.my .my_goodsy .goods_tbl th {background: #f5f5f5;}
.my .my_goodsy .goods_tbl .tblWrap table {table-layout: fixed;}
.my .my_goodsy .goods_tbl .tblWrap table tr th {font-size: 1.3rem;}
.my .my_goodsy .goods_tbl .tblWrap table tr td {font-size: 1.2rem;}
.my .my_goodsy .goods_tbl .tblWrap table tr th, .my .my_goodsy .goods_tbl .tblWrap table tr td {border-left: 0; word-break: break-all;}

/* my_order_4 */
.my .my_gift {}
.my .my_gift .gift_wrap {padding:3rem 0;}
.my .my_gift .gift_wrap h3 {font-size: 1.6rem; border-bottom: 1px solid #000; padding-bottom: 1.5rem;}
.my .my_gift .gift_wrap .gift_con {padding:2rem 0 0;}
.my .my_gift .gift_wrap .gift_con .gift_info {font-size: 1.3rem; margin-bottom: 1.5rem; font-weight: 500;}
.my .my_gift .gift_wrap .gift_con .message {border:1px solid #ffe4d9; padding:1.5rem; background: #fff6f2;}
.my .my_gift .gift_wrap .gift_con .message .gift_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500;}
.my .my_gift .gift_wrap .gift_con .message .content {font-size: 1.3rem;}
.my .my_gift .inner {margin-bottom: 1.2rem;}

/* my_mypage_1 */
.my input[type="text"] {color: #222;}
.my input[type="text"]:read-only {background: #f5f5f5;}
.my .btn_group_flex > div > .btn {font-size: 1.4rem;}
.my .my_page {}
.my .my_page .pass_confirm {padding-bottom: 6rem;}
.my .my_page .pass_confirm .desc {text-align: center; padding:2rem 0;}
.my .my_page .pass_confirm .form_field {margin-bottom: 1rem;}
.my .my_page .pass_confirm input {width: 100%; color: #222;}
.my .my_page .pass_confirm .btn_group_flex > div > .btn {padding: 1.3rem;}

/* my_mypage_2 */
.my .my_page_edit .inner {margin-bottom: 1.2rem;}
.my .my_page_edit .inner.wide {background: transparent;}
.my .my_page_edit .my_edit_section {padding:0 2rem; margin-bottom: 1.2rem; background:#fff;}
.my .my_page_edit .my_edit_section:last-child {margin-bottom: 0;}
.my .my_page_edit .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
.my .my_page_edit .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
.my .my_page_edit .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
.my .my_page_edit .tbl_wrap .tbl table th, .my .my_page_edit .tbl_wrap .tbl table td {color: #222; display: block;}
.my .my_page_edit .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
.my .my_page_edit .tbl_wrap .tbl table td {font-size: 1.4rem; }
.my .my_page_edit .tbl_wrap .tbl td input {width: 100%; padding:0 1.4rem;}
.my .my_page_edit .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}

.my .my_page_edit .btn_group_flex {padding:0; margin:0; background: #fff;}
.my .my_page_edit .tbl_wrap .tbl td .certi_wrap {display: block;}
.my .my_page_edit .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}

/* my_mypage_2 비밀번호 변경 팝업 */
.modal.password_change_pop .modal-header {padding: 0; height: 5.5rem;}
.password_change_pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
.password_change_pop #htopSub {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.password_change_pop #htopSubs {border-bottom: 1px solid #000000;box-sizing: border-box;}
.password_change_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
.password_change_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
.password_change_pop .modal-body {padding:0 2rem;}
.password_change_pop .modal-body .pop_cont {font-size: 1.1rem;}
.password_change_pop .pass_confirm .form_field:first-child {margin-top: 0;}
.password_change_pop .pass_confirm .form_field {margin-top: 1rem;}
.password_change_pop .form_control {width: 100%;}

/* my_mypage_3 */
.my .my_page_edit .authen_wrap {text-align: center; padding:5rem 0 3rem;}
.my .my_page_edit .authen_wrap img {width: 3.4rem;}
.my .my_page_edit .authen_wrap p {padding: 2rem 0;}
.my .my_page_edit .authen_wrap button {width: 100%; height: 4.5rem;}

/* my_return_2 */
.my .my_return .inner {margin-bottom: 1.2rem;}
.my .my_return .inner .part_goods {margin-top: 1.2rem;}
.my .my_return .ship_info dl > div.addr {width: 100%;}
.my .my_return .desc_txt,.my .my_exchange .desc_txt {margin-top: -1.5rem; margin-bottom: 4.2rem;}
.my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
.my .my_return .tbl_radio label span b {display: inline-block; font-weight: 200; margin-left: 5px;}
.my .my_return .pay_wrap .tbl .refund_deduct {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd;}
.my .my_return .btn_group {margin-top: -1.2rem;}

/* my_return_3 */
.my .my_return .tbl_tarea td {font-weight: 300;}
.my .my_return .tbl_tarea .textarea_wrap, .my .my_exchange .tbl_tarea .textarea_wrap {position: relative; padding:1.7rem 1.5rem 2.8rem; border:1px solid #d7d7d7;}
.my .my_return .tbl_tarea .textarea_wrap .txt_cnt, .my .my_exchange .tbl_tarea .textarea_wrap .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 0.1rem; right: 1.5rem; margin-top: 0; padding:0.5rem 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
.my .my_return .tbl_tarea .textarea_wrap textarea, .my .my_exchange .tbl_tarea .textarea_wrap textarea {resize:none; height: 10rem; width: 100%; border:none; outline:none; color: #222;}
.my .my_return .retrieve_box.direct input[type="tel"] {width: 100%; padding:0 1rem;}
.my .my_return .retrieve_box.direct .ship_info dt {font-weight: 500;}
.my .my_return .retrieve_box.direct .ship_info dt, .my .my_return .retrieve_box.direct .ship_info dd {width: 100%; margin-bottom: 0.5rem;}
.my .my_return .retrieve_box.direct .ship_info dl > div:first-child dd {font-weight: 300;}

/* my_exchange_1 */
.my .my_exchange .txt_ref {margin-bottom: 1.2rem;}
.my .my_exchange .btn_group {margin-top: -1.2rem;}

/* my_exchange_optionPOP_옵션변경 팝업 */
.container.my.btPop_open::after, .container.od.btPop_open::after {display: none;}
.container.my.btPop_open .optionChangePop, .container.od.btPop_open .couponChangePop {top: 55px;}
.container.my.btPop_open .optionChangePop, .container.od.btPop_open .couponChangePop {max-height:calc(100% - 55px);}

.container.my.btPop_open .optionChangePop .btn_group_flex, .container.od.btPop_open .couponChangePop .btn_group_flex {margin-top: 0;}
.container.od.btPop_open .couponChangePop .btn_group_flex button {font-size: 1.6rem; position: absolute; left: 0; bottom: 0;  width: 100%; height:5.8rem;}
.container.my.btPop_open .optionChangePop .btPop_close {display: none;}
.optionChangePop .btPop_head, .couponChangePop .btPop_head {display: none;}
.optionChangePop .btPop_body, .couponChangePop .btPop_body {height: calc(100% - 4.3rem);}
.couponChangePop .btPop_body {height:calc(100% - 5.8rem);}
.optionChangePop .optionPop_tit {font-size: 1.4rem; color:#222; font-weight: 500; margin-bottom: 1.5rem;}
.optionChangePop .option_product_list {margin-bottom: 2.4rem;}
.optionChangePop .product_list {border-top: 1px solid #ddd;}
.optionChangePop .product_list li {border-bottom: 1px solid #ddd; padding: 1.5rem;}

.modal.optionChangePop .modal-body {padding-bottom: 4.5rem;}
.modal.optionChangePop .modal-body .pop_cont {color: #222;}
.optionChangePop .option_list li {border-bottom: 1px dashed #ddd; padding:2rem 0 0;}
.optionChangePop .option_list li:first-child {padding-top: 0;}
.optionChangePop .option_list li:last-child {border-bottom: 0;}
.optionChangePop .option_list li > div {margin-bottom: 1.5rem;}
/* .optionChangePop .option_list li .option_box {margin:0 -0.78%} */
.optionChangePop .option_list li .option_box:after {content:''; display: block; clear:both;}
.optionChangePop .option_list li .option_box button {height: 3.4rem; width: 18.4%; float:left; margin: 0 0.78% 1.56%; padding: 0;}
.optionChangePop .option_list li .option_box button.on {border:1px solid #fd4802;}
.optionChangePop .option_list li .option_box button:active, .optionChangePop .option_list li .option_box button:hover {background: #fff;}
.optionChangePop .option_list li .option_box button:disabled {background: #f5f5f5;}
.optionChangePop .option_list li .option_box button:disabled span {text-decoration: line-through; color: #bbb;}
.optionChangePop .option_list li .option_name {font-size: 1.4rem; font-weight: 500;}
.optionChangePop .option_list li .option_field {margin-top: 1.5rem;}
.optionChangePop .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%; margin-top: 0;}
.optionChangePop .modal-footer .btn_group_flex {margin-top: 0;}
.optionChangePop .modal-footer .btn_group_flex .btn {height: 5rem;}

/* my_return_3_accountPop_환불계좌등록 팝업 */
.refundAccountPop .btPop_head {display: none;}
.refundAccountPop .tbl_wrap {padding-top: 0;}
.refundAccountPop .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; padding-top: 1rem;}
.refundAccountPop .tbl_wrap .tbl {border-top: 0;}
.refundAccountPop .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
.refundAccountPop .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
.refundAccountPop .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
.refundAccountPop .tbl_wrap .tbl table th, .refundAccountPop .tbl_wrap .tbl table td {color: #222; display: block;}
.refundAccountPop .tbl_wrap .tbl table th {padding-bottom: 1rem; font-size: 1.4rem; font-weight: 500;}
.refundAccountPop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
.refundAccountPop .tbl_wrap .tbl td input {width: 100%; padding:0 1.4rem;}
.refundAccountPop .tbl_wrap .tbl .select {font-size: 1.3rem;}
.refundAccountPop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
.refundAccountPop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
.refundAccountPop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
.refundAccountPop .tbl_wrap .tbl table tr:last-child th, .refundAccountPop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
.refundAccountPop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
.refundAccountPop .btn_group_flex {margin-top: 1rem; height: 5rem;}

/* my_delivery_1 */
.my_delivery .modal {display: inline-block; overflow-y: none;}
.my_delivery .blocker {position: relative;}
.my_delivery .blocker:before {display: none;}
.my_delivery .modal .modal-body {margin-top: 0 !important; margin-bottom: 5rem;}
.my_delivery .modal .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%;}
.my .my_delivery .inner {margin:0; padding: 0;}
.my .my_delivery .inner > .btn_group {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; transition:all 0.3s;}
.my .my_delivery .inner > .btn_group.active {transform: translate(0, -4.3rem);}
.my .my_delivery .inner:last-child {padding-bottom: 0;}
.my .my_delivery .delivery_list {padding-bottom: 4rem;}
.my .my_delivery .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
.my .my_delivery .ship_info.active {background: #fff6f2;}
.my .my_delivery .ship_info dl > div.addr {width: 100%;}
.my .my_delivery .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
.my .my_delivery .ship_info .btn_group_flex > div {flex-grow:unset; flex:unset;}
.my .my_delivery .ship_info .btn_group_flex > div:first-child {float:left;}
.my .my_delivery .ship_info .btn_group_flex > div:last-child {float:right;}
.my .my_delivery .ship_info .btn_group_flex > div .btn {padding:0.55rem 1.3rem; font-size: 1.1rem;}

/* my_delivery_2 */
.my .my_delivery .tbl_wrap {padding:3rem 2rem 0;}
.my .my_delivery .tbl_wrap:first-child  {padding-top: 2rem;}
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
.my .my_delivery .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
.my .my_delivery .dlvr_basic {margin-top: 1.5rem;}
.my .my_delivery .dlvr_basic label {font-size: 1.4rem;}
.my .my_delivery .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
.my .my_delivery .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
.my .my_delivery .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.my .my_delivery .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
.my .my_delivery .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}



/* my_Leave */
.my .myMbLeave .titWrap {font-size: 1.4rem;}
.my .myMbLeave .inner {background: #fff;margin-bottom: 1.2rem;}
.my .myMbLeave .inner:nth-last-child(2) {background: #fff;margin-bottom: 0;}
.my .myMbLeave .mb_leave_complete {text-align: center;padding: 10rem 0 4rem 0;color: #222;font-size: 2.4rem;font-weight: 500;}
.my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
.my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #222;}
.my .myMbLeave .tblWrap table {padding: 0;border-top: 0px;}
.my .myMbLeave .tblWrap table tr td {padding-top:0;}
.my .myMbLeave .tblWrap table tr td:first-child {border-bottom: 0;}
.my .myMbLeave .tblWrap .tbl td input {width: 100%;}
.my .myMbLeave .tbl.type5 {border-top: 0;padding-top: 2.0rem;padding-bottom: 3rem;}
.my .myMbLeave .tbl.type5 table{width: 100%;}
.my .myMbLeave .tbl.type5 table th {padding: 1.6rem 0; background: #f5f5f5;border-top: 0.1rem solid #222;}
.my .myMbLeave .tbl.type5 th p {font-size: 1.1rem; font-weight: 200; color: #888888;}
.my .myMbLeave .announce_txt .announce_list{padding: 1.0rem 0 3rem;}
.my .myMbLeave .announce_txt + .check_box {padding: 3.0rem 0;border-top: 0.1rem dashed #dcdcdc;}
.my .myMbLeave .message { width: 100%; display: inline-table;position: relative; border:0.1rem solid #ffe4d9; padding:0 1.5rem; margin-top: 1.2rem;background: #fff6f2;}
.my .myMbLeave .message .msg_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500; padding-top: 1.5rem;   padding-left: 2rem;}
.my .myMbLeave .message .msg_tit.t_err {text-indent: -2rem;}
.my .myMbLeave .message .content {font-size: 1.3rem; padding-bottom: 1.5rem;padding-left: 2rem;color: #888888;}
.my .myMbLeave .form_field input[type="checkbox"] + label {text-align: left;line-height: 1.4rem;}
.my .myMbLeave .btn_group_flex {margin-top: 0;}


/* my_point */
.my .point .inner {background: #fff;}
.my .point .inner:last-child {padding-bottom: 2rem;}
.my .highlight_area {background: #fff6f2;padding: 1.5rem 1rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
.my .have_amount .total_amount {color:#222; font-size:1.5rem; font-weight:400;text-align: left;position: relative;}
.my .have_amount .total_amount span {color:#fd4802;font-size: 2.2rem;font-weight: 600;position: absolute;right: 0;text-align: right; line-height: 1;}
.my .have_amount .total_amount span em {font-size: 2.2rem;font-weight: 600;}
.my .have_amount dl {display:block; display:block; padding-bottom:1.0rem; font-size:1.4rem; font-weight:300;}
.my .have_amount dl::after {content:''; clear:both; display:block;}
.my .have_amount dl div {padding: 0px 0.5rem;}
.my .have_amount dl div:after {content:''; display: block; clear:both;}
.my .have_amount dl div::before {content:''; position:absolute; width:1px; height:1.4rem; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
.my .have_amount dl div:first-child::before {display:none;}
.my .have_amount dl div > * {vertical-align:top;}
.my .have_amount dl div dt {float:left; color:#666; font-size: 1.2rem;}
.my .have_amount dl div dt .tag {margin-left:0.5rem;padding:0 0.3rem;}
.my .have_amount dl div dd {float:right; margin-left:1.0rem; color:#222; font-weight: 300;}
.my .point .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid;font-size: 1rem;}
.my .point .select_box {  width: auto;  background: #fff;position: relative;}
.my .point .form_field {  width: auto;  height: 4.5rem; margin-top: 1.5rem;}
.my .point .tab_cont {background: #ffffff;padding: 0 2.0rem;}
.my .point .tab_cont li{position:relative;border-bottom: 1px solid #dddddd;padding:2rem 0;}
.my .point .tab_cont li:last-child{border:0;}
.my .point .tab_cont li::after{content: '';display: block;clear: both;}
.my .point .tab_cont li div{float: left;}
.my .point .tab_cont li div:first-child{width: 65%;}
.my .point .tab_cont li div:last-child{width: calc(100% - 70%);text-align: right;float: right;}
.my .point .tab_cont li div .amount_plus,
.my .point .tab_cont li div .amount_minus{display: inline-table;vertical-align: middle;height: 100%;line-height: 5rem;font-size: 1.2rem;font-weight: 400;}
.my .point .tab_cont li div .amount_plus em,
.my .point .tab_cont li div .amount_minus em {font-size: 1.5rem;}
.my .point .tab_cont li div span{margin-bottom: 0.3rem;}
.my .point .tab_cont li div span[class^="tag"]   {display: inline-block;}
.my .point .tab_cont li div span[class^="txt"]{display: block;font-size: 1.2rem;color: #666666;margin-bottom: 0.2rem;}
.my .point .tab_cont li div span.tag_name {font-weight: 500;}

/* 쿠폰 */
.coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.coupon > div {position:relative;}
.coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
.coupon p {padding:0 2rem;}
.coupon .cp_name {padding-top:2.5rem; color:#222; font-size:1.3rem; font-weight:300;}
.coupon .cp_cont {}
.coupon .cp_cont span {color:#fd4802; font-size:2.1rem; font-weight:600;}
.coupon .cp_cont span em {font-size:28px; font-weight:600;}
.coupon .cp_condition {margin-top:0.5rem; padding-bottom:2.4rem; color:#888; font-size:1.2rem; font-weight:300;}
.coupon .cp_condition span {display:block; margin-top:0.8rem}
.coupon .tag {}
.coupon .btn_coupon_down {}
.coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
.coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
.coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; color:#fff; opacity:1;}
.coupon .cp_date {padding:1.5rem 2rem; border-top:1px dashed #ddd; text-align:left; color:#666; font-size:1.3rem; font-weight:300;}
.coupon + .btn_underline {display:block; margin:1.5rem auto 0; color:#888; border-color:#888; font-size:1.1rem;}
.coupon.disable {background:#f5f5f5}
.coupon.disable * {color:#888}
.coupon.disable .cp_cont span {color:#888}
.coupon.disable .tag {border-color:#dddddd; background:none;}

/* my_coupon */
.my .inner:last-child {margin-bottom: 0;}
.my .my_coupon .highlight_area {background: #fff6f2;padding: 2rem 1.5rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
.my .my_coupon .content_area {padding-top: 20px;}
.my .my_coupon .content_area .coupon_list::after {content:''; clear:both; display:block;}
.my .my_coupon .content_area .coupon_list ul {}
.my .my_coupon .content_area .coupon_list li {margin-bottom:3rem;}
.my .my_coupon .have_amount dl:last-child {padding-bottom: 2rem;}
.my .my_coupon .have_amount dl:last-child div {}
.my .have_amount dl div {}

/* popup_쿠폰사용안내 */
.modal.couponInfo_pop {max-width:none; height:auto;}
.modal.couponInfo_pop .modal-title {word-break:keep-all; line-height: 1.4;}
.modal.couponInfo_pop .modal-header {padding:2.4rem 2rem 2.0rem;}
.modal.couponInfo_pop .modal-body {padding:0 2rem;}
.modal.couponInfo_pop .modal-body .pop_head {margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5e5e5;}
.modal.couponInfo_pop .modal-body .pop_head h6 {font-size: 1.3rem; line-height: 1.3; font-weight: 300;}
.modal.couponInfo_pop .modal-body .pop_cont {line-height:1; max-height:none; padding-bottom: 2rem;}
.modal.couponInfo_pop button span {line-height:1;}
.modal.couponInfo_pop .form_field,
.modal.couponInfo_pop .form_field > div {display:block; width:100%;}
.modal.couponInfo_pop dl {font-size:14px; line-height:1;}
.modal.couponInfo_pop dl > div:first-child {margin-top:0}
.modal.couponInfo_pop dl > div {margin-top:1.2rem;}
.modal.couponInfo_pop dl > div::after {content:''; clear:both; display:block;}
.modal.couponInfo_pop dl dt {position:relative; padding-left:0.8rem; color:#222; font-size: 1.1rem; font-weight:300;}
.modal.couponInfo_pop dl dt::before {content:''; position:absolute; left:0; top:0.4rem; width:0.2rem; height:0.2rem; background:#888}
.modal.couponInfo_pop dl dd {color:#666; font-size: 1.1rem; font-weight:200; padding:0 0.8rem; margin-top: 0.66rem;}

/* my_gift(myVoucher) */
.my .myVoucher .inner {background: #fff;}
.my .myVoucher .inner:last-child {padding-bottom: 2rem;}
/* .my .myVoucher .highlight_area {background: #fff6f2;padding: 1.5rem 1rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
.my .myVoucher .have_amount .total_amount {color:#222; font-size:1.4rem; font-weight:400;text-align: left;position: relative;}
.my .myVoucher .have_amount .total_amount span {color:#fd4802;font-size: 1.8rem;font-weight: 600;position: absolute;right: 1.0rem;text-align: right;}
.my .myVoucher .have_amount .total_amount span em {font-size: 1.8rem;font-weight: bold;}
.my .myVoucher .have_amount dl {display:block; display:block; margin-bottom:1.0rem; font-size:1.4rem; font-weight:300;}
.my .myVoucher .have_amount dl::after {content:''; clear:both; display:block;}
.my .myVoucher .have_amount dl div {padding: 0px 0.5rem;}
.my .myVoucher .have_amount dl div::before {content:''; position:absolute; width:1px; height:1.4rem; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
.my .myVoucher .have_amount dl div:first-child::before {display:none;}
.my .myVoucher .have_amount dl div > * {vertical-align:top;}
.my .myVoucher .have_amount dl div dt {float:left; color:#666; font-size: 1.2rem;}
.my .myVoucher .have_amount dl div dt .tag {margin-left:0.5rem;padding: 0rem 0.3rem; font-size: 1rem;}
.my .myVoucher .have_amount dl div dd {float:right; margin-left:1.0rem; color:#222;} */
.my .myVoucher .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid; font-size: 1rem;}
.my .myVoucher .select_box {  width: auto;  background: #fff;position: relative;}
.my .myVoucher .select_box .form_field {display: block;}
.my .myVoucher .ADwrap {margin-top: 1.5rem;}
.my .myVoucher .tip1 .tip_contents{width: 32.5rem;transform: translate(-25%, 1.0rem);}
.my .myVoucher .tip1 .tip_contents:before,
.my .myVoucher .tip1 .tip_contents:after{left: 27%;}
.my .myVoucher .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;font-size: 1.3rem;}
.my .myVoucher .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
.my .myVoucher .form_field {  width: auto;  height: 4.5rem;     display: inline;}
.my .myVoucher .form_field .input_wrap{  width: 100%;  margin-bottom: 1.5rem;padding-bottom: 2.5rem;}
.my .myVoucher .form_field .certi_wrap {padding-right: 8rem;}
.my .myVoucher input {width: 100%;}
.my .myVoucher .certi_wrap .btn {width: 8.6rem;height: 4.5rem;position: absolute;top: 0;right: 0;padding: 0;text-align: center;}
.my .myVoucher .tab_cont {background: #ffffff;padding: 0 2.0rem;}
.my .myVoucher .tab_cont li{position:relative;border-bottom: 1px solid #dddddd;padding:2rem 0;}
.my .myVoucher .tab_cont li:last-child{border:0;}
.my .myVoucher .tab_cont li::after{content: '';display: block;clear: both;}
.my .myVoucher .tab_cont li div:not(.voucher){float: left;}
.my .myVoucher .tab_cont li div:first-child{width: 65%;}
.my .myVoucher .tab_cont li div:last-child{width: calc(100% - 70%);text-align: right;float: right;}
.my .myVoucher .tab_cont li div .amount_plus,
.my .myVoucher .tab_cont li div .amount_minus{display: inline-table;vertical-align: middle;height: 100%;line-height: 5rem;font-size: 1.6rem;font-weight: 400;}
.my .myVoucher .tab_cont li div span{margin-bottom: 0.3rem;}
.my .myVoucher .tab_cont li div span[class^="tag"]   {display: inline-block;}
.my .myVoucher .tab_cont li div span[class^="txt"]{display: block;font-size: 1.2rem;color: #666666;margin-bottom: 0.2rem;}
.my .myVoucher .tab_cont li div span.tag_name {font-weight: 500;}
.my .myVoucher .voucher {margin-bottom: 2.5rem;}

/* my_restock */
.my .restock .inner.bg_gray {background: transparent;padding-bottom: 1.3rem;}
.my .restock .announce_txt {padding:0;}
.my .restock .announce_txt .announce_list {padding:1.6rem 0 1.6rem;}
.my .restock .btn_group_flex  {margin-top: 1.5rem;}
.my .restock .btn_group_flex > div > .btn {font-size: 1.4rem;}
.my .restock .btn_group_flex > div > .btn.btn_primary {color: #ffffff;background-color: #fd4802;border-color: #fd4802;}
.my .restock .part_goods .goods_detail .info_box .od_name .brand span{margin-bottom: 0;}
.my .restock .restock_ready {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#222; background:url('/images/mo/ico_restock_ready.png') no-repeat 0% 45%;background-size: 1.1rem;}
.my .restock .restock_remain {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#fd4802; background:url('/images/mo/ico_restock_remain.png') no-repeat 0% 45%;background-size: 1.1rem;}
.my .restock .restock_past {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#888; background:url('/images/mo/ico_restock_past.png') no-repeat 0% 45%;background-size: 1.1rem;}

/* my_wishlist */
.my .my_wishlist .wishlist {padding-top: 3rem;}
main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
.my .my_wishlist .monthly_wish_wrap {margin-top:1rem;}
.my .my_wishlist .monthly_wish_wrap:first-child {margin-top:0}
.my .my_wishlist .monthly_wish_wrap .itemsGrp {margin:0 -1.25%;}
.my .my_wishlist .monthly_wish_wrap .itemsGrp:after {content:''; display: block; clear:both;}
.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod {width:50%; /*height:60rem;*/ padding:0 1.25%; float:left;}
.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;float: right;}
.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod .item_state {padding-bottom:4rem}
.my .my_wishlist .monthly_wish_wrap .date {display:block; position:relative; width:100%; margin-bottom:1.8rem; text-align: center;}
.my .my_wishlist .monthly_wish_wrap .date span {display:inline-block; width:7.4rem; height:2.6rem; background-color:#222; color:#fff; font-size:1.4rem; font-weight:300; text-align:center; border-radius:20px; overflow:hidden; line-height: 2.6rem;}

/* dp_submain */
main.dp .inner:last-child {padding-bottom: 0;}
.dp .submain_visual img {width: 100%;}
.dp .submain_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
.dp .submain_visual .swiper-pagination-current {font-weight: 600;}
.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #fff;}
.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
.dp .sub_category {padding:2.4rem 0; position: relative;}
.dp .sub_category .cate_wrap {margin:0 -0.4rem; height: auto; overflow:hidden;}
.dp .sub_category .cate_wrap.on {max-height:100% !important;}
.dp .sub_category .cate_wrap:after {content:''; display: block; clear:both;}
.dp .sub_category .cate_wrap a {float:left; background: #fff; margin:0 0.4rem 0.8rem; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #666; border-radius:2rem; line-height: 1;}
.dp .sub_category .more_btn {width: 100%; text-align: center; height: 6rem; margin-bottom: -1.3rem;}
.dp .sub_category .more_btn.on {}
.dp .sub_category .more_btn .btn {display: block; width: 100%; height: 100%; font-size: 1.3rem; color: #666; background: transparent; border:none; padding: 0;}
.dp .sub_category .more_btn .btn span {position: relative; display: inline-block; padding-right: 1.9rem; line-height: 1;}
.dp .sub_category .more_btn .btn span:before {content:''; position: absolute; top: 0.3rem; right: 0;width: 1.1rem; height: 0.63rem; background: url('/images/mo/ico_btn_more02.png') no-repeat top center;
background-size:100%;}
.dp .sub_category .more_btn.on .btn span:before {background: url('/images/mo/ico_btn_more02.png') no-repeat bottom center; background-size:100%;}
.dp .dp_submain .new_item .dp_subtitle, .dp .dp_submain .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem; font-size: 2rem;}
.dp .dp_submain .new_item {padding:0 2rem; margin:0 0 -1.2rem 0;}
.dp .dp_submain .new_item .swiper-slide {width: 43.75%;}
.dp .dp_submain .new_item .swiper-container {padding:0 2rem; margin:0 -2rem;}
.dp .dp_submain .best_item {padding-bottom: 2rem;}
.dp .dp_submain .best_item .dp_subtitle {padding-top: 6rem;}
.dp .dp_submain .best_item .itemsGrp:after {content:''; display: block; clear:both;}
.dp .dp_submain .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
.dp .dp_submain .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}

/* od_공통 */
.od .desc_txt {position: relative; padding-left:0.8rem; font-size: 1.1rem;}
.od .desc_txt:after {content:''; position: absolute; top:0.6rem; left: 0; background: #858585; width: 0.2rem; height: 0.2rem;}
.od .icon_tag .tag_stype1 {color: #666; border-color:#888; background:#fff;}
.od .info_txt {padding:1.8rem; background:#fff6f2;}
.od .info_txt.type2 {background: #f5f5f5;}
.od .info_txt ul li {position: relative; font-size: 1.1rem; color: #888; padding-left:0.8rem; margin-bottom: 0.5rem;}
.od .info_txt ul li:last-child {margin-bottom: 0;}
.od .info_txt ul li:after {content:''; position: absolute; top:0.6rem; left: 0; background: #858585; width: 0.2rem; height: 0.2rem;}

.od .inner .area_paybtn {margin-top: -1.2rem;}
.od .inner .area_paybtn .btn_group_flex {margin-top: 0;}
.od .inner .shipfold .btn_group_flex {margin-top: 3rem;}

.ship_etc {display:none; margin-top: 0.5rem;}
.ship_etc input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.ship_etc input[type="text"]::placeholder {}
.ship_etc .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
.ship_etc .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}

/* od_테이블 */
.od .pay_wrap {padding-top: 4rem;}
.od .goods_top {position: relative; padding: 1.5rem 0; border-bottom: 1px solid #ddd; font-size: 0; margin-bottom: 2.5rem;}
.od .goods_top h3 {margin-bottom: 0;}
.od .goods_top span {display: inline-block; margin-left: 0.8rem;}
.od .goods_top .start_t, .od .goods_top .gift_t, .od .goods_top .goods_date {font-size: 1.5rem; font-weight: 500;}
.od .goods_top .goods_date .date {font-size: 1.2rem; color: #888;}

.od .goods_top .detail_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_detail02.png) no-repeat right top 3px; background-size:0.53rem 0.9rem;}
.od .goods_top .delete_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.4rem; background: url(/images/mo/ico_btn_cls.png) no-repeat right top 3px; background-size:0.9rem 0.9rem;}
.od .goods_top .purchase_btn {position: absolute; bottom: 1.5rem; right: 0; font-size: 1.3rem; color: #8d8d8d; padding-right: 1.6rem; background: url(/images/mo/ico_check01.png) no-repeat right top 3px; background-size:1.06rem 0.8rem;}
.od .badge_wrap {display: inline-block;}
.od .order_badge {font-size: 0.9rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.5rem 0.4rem; margin-left: 1px; vertical-align: top;}
.od .order_bullet_badge {color: #fd4802; border:1px solid #fd4802; background: #fff6f2;}

.od .btn_group_flex > div > .btn {padding:1.3rem;}
.od .btn_group_flex > div > .btn.btn_primary {border-color:#fd4802; background: #fd4802; color:#fff;}

.od .part_goods {position:relative;}
.od .part_goods:first-child {}
.od .part_goods h3.subH2 span {color:#888; font-size:16px; font-weight:200;}
.od .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px dashed #ddd; position: relative;}
.od .part_goods .goods_section .btn_delete {position: absolute; top: -0.5rem; right: -0.5rem; z-index: 9; width: 2.4rem; height: 2.4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}
.od .part_goods .goods_section:last-of-type {margin-bottom: 2.4rem; border-bottom: 0; padding-bottom: 0;}
.od .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
.od .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}

.od .part_goods .goods_status {margin-bottom:1.2rem;}
.od .part_goods .goods_status .dlvr_staus {display: inline-block; font-size: 1.3rem; font-weight: 500; color: #fd4802; margin-right: 0.4rem;}
.od .part_goods .goods_status .dlvr_desc {display: inline-block; font-size: 1.3rem; color: #888; font-weight: 300;}

.od .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
.od .part_goods .goods_txt {background: #f5f5f5; color: #666666; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
.od .part_goods .goods_txt.reserv {background: #fff6f2;}
.od .part_goods .goods_txt span {position: relative;color: #666666;}
.od .part_goods .goods_txt span:nth-last-child(2) {margin-right: 0.8rem; padding-right: 0.8rem; color: #222222; font-weight: 400; border-right:1px solid #ddd;}
.od .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
.od .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
.od .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
.od .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}

.od .part_goods .od_calc {position: relative; margin: 2rem 0 0 0;}
.od .part_goods .od_calc:after {content:''; display: block; clear:both;}
/* .shopping_bag .part_goods .od_calc .count {float:left;} */
.od .part_goods .od_calc .count {display: inline-block; font-size: 1.1rem;}
.od .part_goods .od_calc .price {position: absolute; top: 0; right: 0;}
.od .part_goods .od_calc .price del {margin:0;}
.od .part_goods .od_calc .sale_price {display: inline-block;}

/* od_member_1 */
.od {background: #f5f5f5; padding-top: 1.2rem;}
.od .form_field {display:block;}
.od .inner {background: #fff; margin-bottom: 1.2rem;}
.od .odPayment .inner:last-child {padding-bottom: 0 !important; margin-top: -1.2rem;}
.od .foldGroup {margin-bottom: 0;}
.od .foldGroup > ul > li {border-bottom: 0;}
.od .od_item_box .part_goods {padding: 0 0 1.2rem; position: relative;}
.od .od_item_box .part_goods:after {content:''; background: #f5f5f5; height: 1.2rem; position: absolute; left: 50%; bottom: 0; width: 100vw; transform:translateX(-50%);}
.od .od_item_box .part_goods:first-child .goods_top {padding-top: 0;}
.od .od_amount_box {}
.od .foldGroup .fold_cont {padding:0 2rem 3rem; font-weight: 300;}
.od .foldGroup .fold_head {position: relative;  z-index: 3;}
.od .foldGroup .fold_head.on .data {display: none;}
.od .foldGroup .fold_head a {padding: 0;}
.od .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:1.3rem; font-weight:300; z-index:-1; padding-right: 0; width: 40%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: right;}
.od .foldGroup .fold_head .data.fixed {display: block;}
.od .foldGroup .fold_head .data.custom_disc {z-index: 2;}
.od .foldGroup .fold_head .data.custom_disc label {line-height: 2rem;}
.od .foldGroup .fold_head .data.maxdisc {z-index:2; text-align: center; width:auto;}
.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;}
.od .foldGroup .fold_head .data .maxdisc_amount {color: #fd4802;}
.od .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
.od .foldGroup .fold_head .data span {/*display:inline-block;*/ position:relative; padding-left:1rem; margin-left:1rem;}
.od .foldGroup .fold_head .data span::before {content:''; position:absolute; left:-0.2rem; top:50%; transform:translateY(-60%); width:1px; height:10px; background-color:#ddd;}
.od .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
.od .foldGroup .fold_head .data span:first-of-type::before {display:none;}
.od .foldGroup .fold_selgift .fold_head .data {overflow:visible; white-space: normal; width: 60%;}
.od .fold_cont .area_mbinfo div:first-child dd {font-size: 1.4rem;}
.od .fold_cont .area_mbinfo div dd {font-size: 1.3rem; color:#222; font-weight: 300;}

.od .od_item_box {}
.od .od_item_box .part_dlvr {border-top:1px solid #ddd}
.od .od_item_box .part_dlvr:first-child {border-top:none;}
.od .od_item_box .part_dlvr h4 span {margin-left:4px; color:#888; font-size:12px; font-weight:200; vertical-align:middle;}
.od .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
.od .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
.od .od_item_box .part_dlvr .gd_list .item_gd {margin-top:24px}
.od .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
.od .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
.od .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
.od .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
.od .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802; font-size:14px; font-weight:200;}
.od .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
.od .od_amount_box {color:#888; font-size:14px; font-weight:200; padding: 2rem 0;}
.od .od_amount_box dl div {margin-top:1rem;}
.od .od_amount_box dl div:first-child {margin-top:0px}
.od .od_amount_box dl div:after {content:''; display: block; clear:both;}
.od .od_amount_box dl dt {font-size:1.3rem; font-weight:300; float:left;}
.od .od_amount_box dl dd {color:#222; font-size:1.3rem; font-weight:300; float:right;}
.od .od_amount_box dl dd em {font-size:1.3rem}
.od .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
.od .od_amount_box .t_info {margin-top:20px; text-align:right;}
.od .od_amount_box .btn_link {display:inline-block; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
.od .od_amount_box .btn_link::after {display:none;}
.od .totalprice_box {padding:0px 0 0; }
.od .totalprice_box dl {padding:2rem 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
.od .totalprice_box dl:after {content:''; display: block; clear:both;}
.od .totalprice_box dl dt {margin-top:0.5rem; font-size:1.4rem; font-weight:500; float:left; line-height: 1;}
.od .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700; float:right; line-height: 1;}
.od .totalprice_box dl dd span {font-size:24px; vertical-align:middle;}
.od .totalprice_box .info_point {margin-top:1.2rem; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
.od .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
.od .totalprice_box .info_delivery {margin-top: 3rem; color: #888; text-align: center; font-weight: 300;}

.od .paymethod_box .sel_method:after {content:''; display: block; clear:both;}
.od .paymethod_box .sel_method li {width: 50%; float:left; margin-bottom: 1.5rem;}

.odPayment .fold_cont .area_overseas .form_field {margin-top: 2.4rem;}
.odPayment .fold_cont .area_overseas .form_field input[type="radio"] + label {margin-bottom: 1.5rem;}
.odPayment .fold_cont .area_overseas .form_field > div {}
.odPayment .fold_cont .area_overseas .info_box {font-size:16px;}
.odPayment .fold_cont .area_overseas .info_box .t_err {margin-top:5px; font-size:1.1rem;}
.odPayment .fold_cont .area_overseas .info_box.overs1 {margin-right:0}
.odPayment .fold_cont .area_overseas .info_box.overs1 .recipient {margin-bottom: 0.5rem; font-size: 1.3rem;}
.odPayment .fold_cont .area_overseas .info_box.overs1 .recipient em {font-weight: 200;}
.odPayment .fold_cont .area_overseas .info_box.overs1 .input_wrap {display: block; width: 100%;}
.odPayment .fold_cont .area_overseas .info_box.overs1 .input_wrap .form_control {width: 100%; color: #222;}
.odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:0; margin-right:0; color:#666; font-size: 1.4rem;}
.odPayment .fold_cont .area_overseas .info_box .agree_overs {margin-top:15px; width:100%; word-break:keep-all;}
.odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:1.4; color:#666; font-size: 1.3rem; text-align: left;}
.odPayment .fold_cont .area_overseas .info_box .agree_overs label::before,
.odPayment .fold_cont .area_overseas .info_box .agree_overs label::after {top:10px !important; transform:translateY(0%) !important;}
.odPayment .agree_insurance, .od .agree_insurance {display:none; margin:1rem 0 0;}
.odPayment .agree_insurance .form_field .agree_insurance label, .od .form_field .agree_insurance label {font-size: 1.3rem;}
.od .agree_insurance p {margin:1rem 0; font-weight: 200; font-size: 1.2rem;}
.od .agree_insurance .btn {height:auto; padding:1rem 1.3rem; font-weight: 300; font-size: 1.3rem;}
.od .foldGroup .fold_head .data .total_gift,
.od .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}

.od .fold_cont .area_selpoint input[type="text"]:read-only,
.od .fold_cont .area_selpoint input[type="text"]:disabled {background: #fff;}

.od .fold_cont .area_customitem > p {font-size: 1.1rem; color: #888;}
.od .fold_cont .area_customitem .agree_custom label {font-size: 1.3rem; color: #222; text-align: left;}
.od .fold_cont .area_customitem .form_field {margin:1.3rem 0 2rem;}
.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:after,
.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:before {top: 0; margin-top: 0;}
.od .fold_cont .area_customitem .info_txt {margin-top:0; background: #f5f5f5;}

/* 주문결제_배송지변경 팝업 */
.modal.adrsChange_Pop .modal-header {padding: 0; height: 5.5rem;}
.modal.adrsChange_Pop .modal-body {margin-top: 5.2rem;}
.modal.adrsChange_Pop .modal-body {padding: 0;}
.adrsChange_Pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
.adrsChange_Pop #htopSub {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.adrsChange_Pop #htopSubs {border-bottom: 1px solid #000000;box-sizing: border-box;}
.adrsChange_Pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
.adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
.adrsChange_Pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
.adrsChange_Pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
.adrsChange_Pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.adrsChange_Pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
.adrsChange_Pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.adrsChange_Pop .htop .btn_back:active span i {left: -20px;}
.adrsChange_Pop .ship_info {position: relative;}
.adrsChange_Pop .shipfold .ship_info {padding:2rem; padding-top: 0;}
.adrsChange_Pop .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
.adrsChange_Pop .ship_info .company {font-weight: 500;}
.adrsChange_Pop .ship_info dl > div {margin-bottom: 0.7rem;}
.adrsChange_Pop .ship_info dl > div:last-child {margin-bottom: 0;}
.adrsChange_Pop .ship_info dl > div.shup_option {margin-top: 0.5rem;}
.adrsChange_Pop .ship_info dl > div:first-child dd {font-weight: 500;}
.adrsChange_Pop .ship_info dl > div.addr {width: 100%;}
.adrsChange_Pop .ship_info dl > div.desc_txt {margin-top:0;}
.adrsChange_Pop .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
.adrsChange_Pop .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
.adrsChange_Pop .ship_info div:after {content:''; display: block; clear:both;}
.adrsChange_Pop .ship_info div dt, .adrsChange_Pop .ship_info div dd {float:left; color: #222; font-weight: 300;}
.adrsChange_Pop .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
.adrsChange_Pop .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.2rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
.adrsChange_Pop .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
.adrsChange_Pop .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
.adrsChange_Pop .ship_info div.ship_request.ship_select dt:after {display: none;}
.adrsChange_Pop .ship_info div.ship_request.ship_select dd {display: none;}
.adrsChange_Pop .ship_info .select {font-size: 1.3rem;}
.adrsChange_Pop .ship_info .select_dress {padding:1.1rem 1.5rem;}
.adrsChange_Pop .ship_info .select_options li {padding: 1rem 0;}

.adrsChange_Pop .modal-footer .btn {height: 4.5rem; font-size: 1.4rem;}
.adrsChange_Pop .modal-body .pop_cont {font-size: 1.4rem; line-height: 1.4;}
.adrsChange_Pop .modal-body .pop_cont .empty_txt {display: none;}
.adrsChange_Pop .modal-body .pop_cont.nodata .delivery_list {display: none;}
.adrsChange_Pop .modal-body .pop_cont.nodata .empty_txt {display: block; padding:14rem 0 11rem; font-size: 1.3rem; color: #222; text-align: center; font-weight: 300;}
.adrsChange_Pop .badge_wrap {display: inline-block;}
.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
.adrsChange_Pop .modal-footer {margin-bottom: 5rem;}
.adrsChange_Pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}

.adrsChange_Pop  {}
.adrsChange_Pop .inner:last-child {padding-bottom: 0;}
.adrsChange_Pop .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
.adrsChange_Pop .ship_info.active {background: #fff6f2;}
.adrsChange_Pop .ship_info dl > div.addr {width: 100%;}
.adrsChange_Pop .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
.adrsChange_Pop .ship_info .btn_group_flex > div {flex-grow:unset; flex:unset;}
.adrsChange_Pop .ship_info .btn_group_flex > div:first-child {float:left;}
.adrsChange_Pop .ship_info .btn_group_flex > div:last-child {float:right;}
.adrsChange_Pop .ship_info .btn_group_flex > div .btn {padding:0.55rem 1.3rem; font-size: 1.1rem;}
/* //주문결제_배송지변경 팝업 */

/* 주문결제_배송지추가 팝업 */
.modal.adrsAdd_pop .modal-header {padding: 0; height: 5.5rem;}
.modal.adrsAdd_pop .modal-body {margin-top: 5.2rem; padding:0 2rem;}
.adrsAdd_pop .tbl_wrap {padding:3rem 0 0;}
.adrsAdd_pop .tbl_wrap:first-child  {padding-top: 2rem;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
.adrsAdd_pop .dlvr_basic {margin-top: 1.5rem;}
.adrsAdd_pop .dlvr_basic label {font-size: 1.4rem;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
.adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
.adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
.adrsAdd_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
.adrsAdd_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
.adrsAdd_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
.adrsAdd_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.adrsAdd_pop .htop .btn_back:active span i {left: -20px;}
.adrsAdd_pop .default_addrs {margin-top: 1.5rem;}
.adrsAdd_pop .modal-footer {margin-bottom: 5rem;}
.adrsAdd_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
/* //주문결제_배송지추가 팝업 */

/* 주문결제_배송지수정 팝업 */
.modal.adrsModify_pop .modal-header {padding: 0; height: 5.5rem;}
.modal.adrsModify_pop .modal-body {margin-top: 5.2rem; padding:0 2rem;}
.adrsModify_pop .tbl_wrap {padding:3rem 0 0;}
.adrsModify_pop .tbl_wrap:first-child  {padding-top: 2rem;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
.adrsModify_pop .dlvr_basic {margin-top: 1.5rem;}
.adrsModify_pop .dlvr_basic label {font-size: 1.4rem;}
.adrsModify_pop .tbl_wrap .tbl.tbl_request {padding:1.6rem 0;}
.adrsModify_pop .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
.adrsModify_pop .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
.adrsModify_pop .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.adrsModify_pop .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
.adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
.adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
.adrsModify_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
.adrsModify_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
.adrsModify_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
.adrsModify_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.adrsModify_pop .htop .btn_back:active span i {left: -20px;}
.adrsModify_pop .default_addrs {margin-top: 1.5rem;}
.adrsModify_pop .modal-footer {margin-bottom: 5rem;}
.adrsModify_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
/* //주문결제_배송지수정 팝업 */

/* 주문결제_할인쿠폰변경 팝업 */
.modal .modal-footer .btn.btn_primary {background: #fd4802;}
.modal.couponModify_pop .modal-body .pop_cont {line-height:1; font-size: 1.3rem;}
.modal.couponModify_pop .modal-footer {margin-top:0;}
.modal.couponModify_pop button span {line-height:1;}
.modal.couponModify_pop h6 {margin-bottom:1.5rem; font-size: 1.4rem; font-weight: 500; line-height: 1.4rem;}
.modal.couponModify_pop .form_field,
.modal.couponModify_pop .form_field > div {display:block; width:100%;}
.modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
.modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
.modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {margin: 0;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:4rem; height:6rem; padding-top:0;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {padding-top: 0.6rem; padding-left:5.5rem; width:90%; vertical-align:middle; font-weight: 300;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .brand {font-size: 1rem; color: #888;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:0.6rem; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 1.2; font-size: 1.3rem;}
.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:0.8rem; font-size: 1.1rem; color: #888;}
.modal.couponModify_pop .area_item_coupon .select_custom {height:8rem;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:8.3rem; padding:0;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:8rem; padding:0;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:1px solid #ddd;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
.modal.couponModify_pop .area_cart_coupon {margin-bottom:6rem;}
.modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
.modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
.modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%; color:#222;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:20px 0px;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
/* //주문결제_할인쿠폰변경 팝업 */

.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 1px solid #eee;}
.od .area_selgift .gift_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
.od .area_selgift .gift_box .txt {margin-bottom:1.5rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.od .area_selgift .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:1px solid transparent;}
.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:1px solid #fd4802;}
.od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:before,
.od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:after{display: none;}
.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:before,
.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:10px; top: 10px; margin-top: 0;}
.od .area_selgift .gift_box .form_field .gift label {position:relative; width:100%; padding:0; box-sizing:border-box; vertical-align:middle;}
.od .area_selgift .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
.od .area_selgift .gift_box .form_field .gift label .thumb { background-color:#eee; border:1px solid #eee;}
.od .area_selgift .gift_box .form_field .gift label .thumb img {width:100%;}
.od .area_selgift .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:1.1rem; line-height:1.4; font-weight:200; min-height:3.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin:1.5rem 0 1rem; text-align: center;}
.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0px;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}

.od .area_selgift .gift_box .gift {float:left; width: 31.87%; margin:0 2.18% 2.4rem 0;}
.od .area_selgift .gift_box .gift:nth-child(3n) {margin-right: 0;}
.od .area_selgift .agree_gift {border:1px solid #ddd; text-align: center; padding:1.5rem 0;}
.od .area_selgift .agree_gift .txt {font-size: 1.3rem; margin:1rem 0;}
.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 1px solid #666;}
.od .area_selgift .agree_gift_con {display: none; width: 100%; border:1px solid #ddd; border-top: 0; padding:1.8rem;}
.od .area_selgift .agree_gift_con p {position: relative; padding-left: 1rem; font-size: 1.2rem; color: #888;}
.od .area_selgift .agree_gift_con p:before {content:'-'; position: absolute; left: 0; top: 0;}

.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid #ddd;}
.od .area_selpoint dl > div:first-child {margin-top: 0;}

.od .area_seldiscount .maxdisc_amount {color: #fd4802;}
.od .area_seldiscount dl > div {border-bottom: 1px solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
.od .area_seldiscount dl > div:last-child {border-bottom: 0;}
.od .area_seldiscount dl > div:first-child {}
.od .area_seldiscount dl > div:nth-child(2) {border-bottom: 1px dashed #eee;}
.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:0 0 1.5rem; border:1px solid #a7a7a7;}
.od .area_seldiscount dt {position: relative; margin-bottom: 1.5rem; font-size: 1.4rem; color: #222; font-weight: 500;}
.od .area_seldiscount dt .maxdisc_amount {position: absolute; top: 0; right: 0;}

.od .area_seldiscount .input_wrap, .od .area_selpoint .input_wrap {display: block;}
.od .area_seldiscount .input_wrap input, .od .area_selpoint .input_wrap input {display: block; width: 100%; padding-right: 7rem;}
.od .area_seldiscount .input_wrap .btn, .od .area_selpoint .input_wrap .btn {position: absolute; top: 0; right: 0; width: 6rem; height: 4.5rem; margin-left: 0;}
.od .area_seldiscount .dlvr_fee_box .select_custom {height:8.3rem;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:8.3rem; padding:0;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:8rem; padding:0;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:1px solid #ddd;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:1.5rem; }
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:1.3rem; font-weight:300;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:1rem; color:#888; font-size:1.1rem; font-weight:200;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:1.5rem; font-weight:300;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:2rem; color:#888; font-size:1.3rem; font-weight:300;}
.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}

.od .tmark_required {color:#fd4802; font-size:1.2rem; font-weight:300;}

.od .area_selpoint {}
.od .area_selpoint dl > div dt {font-size: 1.4rem; color: #222; font-weight: 500;}
.od .area_selpoint dl > div dt span {font-size: 1.2rem; color:#888; margin-left: 0.5rem;}
.od .area_selpoint .form_field > div {margin:1rem 0;}
.od .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
.od .area_selpoint .form_field .useable_point {margin-right:10px; color:#fd4802; font-size:1.3rem; font-weight:300; vertical-align:middle;}
/* .od .area_selpoint .form_field .useable_point em {font-weight:500;} */
.od .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:1.3rem; font-weight:300;}
.od .area_selpoint .form_field p {color:#888; font-size:1.3rem;}

.od .area_paymentinfo {margin-top:3rem;}
.od .paymentinfo {}
.od .paymentinfo.on {}

.od .paymentinfo .payinfo_blk_wrap > a {display:block; border:1px solid #ddd; padding:1.9rem; color:#222; font-size:1.3rem; font-weight:300;}
.od .paymentinfo .payinfo_blk_wrap > a::after {clear:both; display:block; width:100%;}
.od .paymentinfo .payinfo_blk_wrap > a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px; text-indent: -999em;}
.od .paymentinfo .payinfo_blk_wrap > a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}

.od .paymentinfo .payinfo_blk_wrap.on {}
.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:3px; transform:rotate(-180deg);}

.od .paymentinfo .payinfo_blk_parent {margin-top: -0.1rem; display: none;}
.od .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
.od .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
.od .paymentinfo .payinfo_blk a {display:block; padding:1.9rem; color:#222; font-size:1.3rem; font-weight:300;}
.od .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
.od .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px; text-indent: -999em;}
.od .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
.od .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#222; font-size:1.2rem; line-height:1.4; overflow-y:scroll;}
.od .paymentinfo .payinfo_blk.on {background:#fff;}
.od .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
.od .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 1.9rem 1.9rem;}
.od .area_paymentinfo .agree_payment {margin:4rem 0 4.8rem; color:#222; font-size:1.4rem; font-weight:200; text-align:center;}
.od .area_paybtn .btn {height:6rem; font-size:1.6rem; font-weight:500;}
.od .area_paybtn .btn em {font-weight:500;}

.odPayment .infotxt table {word-break:keep-all;margin-top: 1.0rem;margin-bottom: 1.0rem;width: 100%;border-top: 1px solid #dddddd;}
.odPayment .infotxt table th,
.odPayment .infotxt table td {position:relative; padding:1.0rem 1.0rem; font-size:1.1rem;line-height: 1.4;color: #666;letter-spacing:-0.025em;}
.odPayment .infotxt table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
.odPayment .infotxt table td:last-child {border-right: 1px solid transparent;}
.odPayment .infotxt table th {border-top: 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-weight: 400;text-align: center;background: #fff; color:#666;}

.od .extra_pay {padding:0px 30px 40px; margin-bottom: 20px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
.od .extra_pay .tit_pay {padding:30px 0px; line-height:1; font-size:24px; font-weight:500;}
.od .extra_pay {}
.od .extra_pay .paymethod_box .sel_method li {width:50%;}

.od .paymethod_box .sel_method li {height:2.2rem;}
.od .paymethod_box .sel_method li label .payimg {display:inline-block; width:66px; height:2rem; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
.od .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/mo/pay_kakao.png'); width: 4.9rem;}
.od .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/mo/pay_naver.png'); width: 5rem;}
.od .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/mo/pay_payco.png'); width: 5.2rem; height: 1.2rem;}

/* od_completed */
.od .completed {margin-top: -1.2rem;}
.od .completed .inner {padding-bottom: 0; margin-bottom: 1.2rem;}
.od .completed .tbl_wrap {padding:3rem 0;}
.od .completed .tbl table td .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
.od .completed .tbl.type1 table td button {margin-left:10px}
.od .completed .tbl.type1 table td .tag {margin-left:6px; margin-top:2px; vertical-align:top;}

.od .completed .info_complete {padding:50px 0; text-align:center; background:#fff6f2; margin-bottom: -1.2rem;}
.od .completed .info_complete > img {width: 5rem;}
.od .completed .info_complete .txt_box {color:#222; font-size:2rem; font-weight:500; margin:2.4rem 0 1rem}
.od .completed .info_complete .report_box {margin-top:0}
.od .completed .info_complete .report_box div {margin-top:15px}
.od .completed .info_complete .report_box div:first-child {margin-top:0;}
.od .completed .info_complete .report_box div dt,
.od .completed .info_complete .report_box div dd {display:inline-block; font-weight:300;}
.od .completed .info_complete .report_box div dt {color:#666; font-size:1.7rem;}
.od .completed .info_complete .report_box div dd {position: relative; margin-left:18px; color:#fd4802; font-size:1.7rem;}
.od .completed .info_complete .report_box div dd:before {content:''; position: absolute; top: 50%; left: -1.1rem; transform:translateY(-50%); width: 0.1rem; height: 1.5rem; background: #ddd;}
.od .completed .info_complete .report_box div.closedate dt,
.od .completed .info_complete .report_box div.closedate dd {margin:0; color:#888; font-size:16px; font-weight:200;}
.od .completed .info_complete .report_box div.closedate dd span {font-weight:300;}

.od .completed .btn_group_flex {margin-top: 0;}
.od .completed .btn_group_md {text-align:center;}
.od .completed .btn_group_md::after {}
.od .completed .btn_group_md .btn {margin:0px 3px; width:230px;}

.od .completed .gift_wrap {padding:3rem 0;}
.od .completed .gift_wrap h3 {font-size: 1.6rem; border-bottom: 1px solid #000; padding-bottom: 1.5rem;}
.od .completed .gift_wrap .gift_con {padding:2rem 0 0;}
.od .completed .gift_wrap .gift_con .gift_info {font-size: 1.3rem; margin-bottom: 1.5rem; font-weight: 500;}
.od .completed .gift_wrap .gift_con .message {border:1px solid #ffe4d9; padding:1.5rem; background: #fff6f2;}
.od .completed .gift_wrap .gift_con .message .gift_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500;}
.od .completed .gift_wrap .gift_con .message .content {font-size: 1.3rem;}

.od .my_order .inner {margin-bottom: 1.2rem;}
.od .my_order .inner:last-child {margin-bottom: 0;}
.od .inner.bg_beige {background: #fff6f2;}
.od .order_number {padding:2rem; position: relative; margin-bottom:0;}
.od .order_number dt, .od .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
.od .order_number dt {margin-right: 0.8rem;}
.od .order_number .delete {position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
.od .foldGroup {margin-bottom: 0;}
.od .foldGroup > ul > li {border-bottom: 0;}
.od .fold_answer {background: #fff; padding-top: 0;}
.od .ui_row {margin-bottom: 0;}
.od .foldGroup .fold_head .fold_tit {padding:2.4rem 2rem;}
.od .foldGroup .fold_head .fold_tit > div.lap2 {margin-bottom: 0;}
.od .foldGroup .fold_head .fold_tit span {font-size: 1.6rem;}
.od .foldGroup .fold_head .fold_tit span.fold_txt {position: absolute; top: 2.3rem; right: 5.3rem; font-size: 1.3rem; color: #666;}
.od .foldGroup .fold_head.on .fold_tit span {font-weight: 500;}
.od .foldGroup .fold_head.on .fold_tit span.fold_txt {display: none;}
.od .foldGroup .customer_info {padding-top: 0;}
.od .foldGroup .customer_info dd {font-weight: 300; color: #222;} 

.od .ship_info {position: relative;}
/* .od .shipfold .fold_cont {padding:0 0 0;} */
.od .ship_info .btn_popup {position: absolute; top: 0; right: 0; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
.od .ship_info .company {font-weight: 500;}
.od .ship_info dl > div {margin-bottom: 0.7rem;}
.od .ship_info dl > div:last-child {margin-bottom: 0;}
.od .ship_info dl > div.shup_option {margin-top: 0.5rem;}
.od .ship_info dl > div:first-child dd {font-weight: 500;}
.od .ship_info dl > div.addr {width: 100%;}
.od .ship_info dl > div.desc_txt {margin-top:0;}
.od .ship_info dl > div.ship_request .ship_option {margin-top: 0.5rem;}
.od .ship_info dl > div.ship_request span {display: inline-block; font-weight: 300; color: #222;}
.od .ship_info div:after {content:''; display: block; clear:both;}
.od .ship_info div dt, .od .ship_info div dd {float:left; color: #222; font-weight: 300;}
.od .ship_info div.ship_request dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 200;}
.od .ship_info div.ship_request dt:after {content:''; position: absolute; top: 0.4rem; right: 0; width: 0.1rem; height: 1.2rem; background: #ddd;}
.od .ship_info div.ship_request.ship_select {margin-top: 1.5rem;}
.od .ship_info div.ship_request.ship_select dt {position: relative; margin-right: 1rem; padding-right: 1rem; font-weight: 300;}
.od .ship_info div.ship_request.ship_select dt:after {display: none;}
.od .ship_info div.ship_request.ship_select dd {display: none;}
.od .ship_info .select {font-size: 1.3rem;}
.od .ship_info .select_dress {padding:1.1rem 1.5rem;}
.od .ship_info .select_options li {padding: 1rem 0;}

.od .ship_info.none p {padding-top: 0.5rem; color: #222; font-weight: 300;}

/* od_nonMb_order.html */
.od .nonMBorder {}
.od .nonMBorder .inner:first-child, .od .nonMBorder .inner:last-child {margin-top: -1.2rem;}
.od .nonMBorder .inner:first-child {padding-bottom: 6rem;}
.od .nonMBorder .inner:last-child {padding:3rem 0;}
.od .nonMBorder .join_txt {text-align: center;}
.od .nonMBorder .join_txt p {font-size: 1.4rem; line-height: 1.4; font-weight: 300;}
.od .nonMBorder .join_txt span {color: #fd4802; font-weight: 500;}
.od .nonMBorder .join_txt .btn_underline {margin-top: 1.3rem; color:#888; border-bottom: 1px solid #888;}
.nonMBorder .nonMBorder_tit {padding:3rem 0;}
.nonMBorder .nonMBorder_tit .text_box p {text-align: center; font-size: 1.4rem; line-height: 1.4;}
.nonMBorder .cont_head .text_box {margin-top:27px; color:#666; font-size:16px; font-weight:200; line-height:26px; text-align:center;}
.nonMBorder .cont_head {text-align:center;}
.nonMBorder .cont_head h3 {margin-bottom:40px; font-size:40px; font-weight:500;} 
.nonMBorder input[type="text"] {float:none; width:100%; height:4.5rem; padding:1.7rem 1.5rem; color:#222; font-size:1.3rem; font-weight:300;}
.nonMBorder input[type="text"]::placeholder {color:#888; font-weight:200;}
.nonMBorder input[placeholder="배송주소"] {padding-right: 4.5rem;}
.nonMBorder .form_field {display:block; margin-top:1rem;}
.nonMBorder .form_field:first-of-type {margin-top:0px;}
.nonMBorder .cont_foot {position:relative; width:530px; margin:40px auto 0; color:#888; font-size:16px; line-height:1;}
.nonMBorder .cont_foot::after {content:''; clear:both; display:block;}
.nonMBorder .cont_foot p span {display:block;}
.nonMBorder .cont_foot p .jointit1 {color:#222; font-size:18px; font-weight:300;}
.nonMBorder .cont_foot p .jointit2 {margin-top:10px; color:#888; font-size:16px; font-weight:200;}
.nonMBorder .cont_foot a.btn_underline {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0px 20px; height:42px; line-height:42px; color:#222; font-size:1.3rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
.nonMBorder .btn_group_md {float:none; margin-top:40px; margin-bottom:0;}
.nonMBorder .btn_group_md .btn {padding:19px; font-weight:300; height:60px;}
.nonMBorder .btn_group_md .btn_default {border-color:#a7a7a7;}
.nonMBorder .agree_nombPrivacy {}
.nonMBorder .agree_nombPrivacy label span {font-size:1.3rem;}
.nonMBorder .agree_nombPrivacy label span .tmark_required {display:inline-block; font-size:1.3rem; vertical-align:top;}
.nonMBorder .agree_nomb_txt_box {margin-bottom:40px; padding:1.5rem; border:1px solid #ddd;}
.nonMBorder .agree_nomb_txt_box > div {overflow:auto; max-height:160px; color:#888; font-size:14px; line-height:1.5; font-weight:200;}
.nonMBorder .agree_nomb_txt_box > div.agree_nombPrivacy {margin-bottom: 1rem;}
.nonMBorder .adress_area {}
.nonMBorder .adress_area dl {padding:20px 0 0}
.nonMBorder .adress_area dl div {margin-top:15px;} 
.nonMBorder .adress_area dl div:first-of-type {margin-top:0}
.nonMBorder .adress_area dl div dt {float:left; margin-top:-0.4rem;}
.nonMBorder .adress_area dl div dt span {display:inline-block; width:46px; height:22px; padding:4px 0; margin-right:10px; border:1px solid #ddd; font-size:12px; text-align:center; vertical-align:top;}
.nonMBorder .adress_area dl div dd {padding-left:53px; color:#666; font-size:14px;}
.nonMBorder input[type="text"] {color:#222;}
.nonMBorder input[type="text"]:read-only {background: #f5f5f5;}
.nonMBorder .input_wrap .btn_hp_certi {position: absolute; top: 0; right: 0; height: 4.5rem; margin-left: 0; font-size: 1.4rem; font-weight: 300;}
.nonMBorder .detail_addr {margin-top: -1.1rem;}
.nonMBorder .btn_addr_sch {position: absolute; right: 0; top: 0; padding: 0; border:none; width: 4.5rem; height: 4.5rem; background: url(/images/mo/ico_search_btn.png) no-repeat center; background-size:1.7rem;}


/* 쇼핑백 */
main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
.shopping_bag .od_method label span {vertical-align: middle;}
.shopping_bag .tbl_radio {} 
.shopping_bag .tbl_radio table {width: 100%;}
.shopping_bag .tbl_radio th, .shopping_bag .tbl_radio td {padding-top: 1.5rem;}
.shopping_bag .sec_select {position: relative;}
.shopping_bag .sec_select .form_field input[type="checkbox"] + label {font-size: 1.3rem;}
.shopping_bag .sec_select .btn {position: absolute; top: 0; right: 0; width: 5.8rem; height: 2.5rem; padding: 0; font-size: 1.1rem;}
.shopping_bag .inner {padding:3rem 2rem;}
.shopping_bag .inner.wide {padding: 0;}
.shopping_bag .btn_delete {position: absolute; top: 0; right: 0; z-index: 9; width: 4rem; height: 4rem; background: url(/images/mo/ico_itemdelete_btn.png) no-repeat center/1.2rem; background-position: center;}

.shopping_bag .tip1 .tip_contents{width: 32.5rem;transform: translate(-70%, 1.0rem);}
.shopping_bag .tip1 .tip_contents:before,
.shopping_bag .tip1 .tip_contents:after{left: 72.2%;}
.shopping_bag .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;font-size: 1.3rem;}
.shopping_bag .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}

.shopping_bag .inner:nth-child(2) {padding:1.5rem 2rem;}
.shopping_bag .nodata {min-height:13rem; line-height:13rem; text-align: center;}
.shopping_bag .nodata p {color: #888;}
.shopping_bag .goods_top {padding-top: 0; border-bottom: 1px solid #000;}

.shopping_bag .area_salecoupon h4 {margin-bottom: 1.5rem; font-size: 1.6rem;}

.shopping_bag .part_goods .goods_basic {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px dashed #ddd;}
.shopping_bag .part_goods h3 {margin-bottom: 2.4rem; font-size: 1.4rem;}
.shopping_bag .part_goods h3 span {color: #888; font-size: 1.2rem; margin-left: 0.4rem;}
.shopping_bag .part_goods .goods_detail {padding: 0 0 0 14rem;}
.shopping_bag .part_goods .goods_detail .thumb_box {left: 3rem;}
.shopping_bag .part_goods .goods_detail .form_field {position: absolute; left: 0; top: 0;}
.shopping_bag .part_goods .od_calc {margin: 2rem 0 0 3rem; padding:2rem 0 0 0; position: relative; line-height: 1; border-top: 1px solid #ddd;}
.shopping_bag .part_goods .od_calc .price {top: 2rem;}

.shopping_bag .part_goods .goods_btn_wrap {margin: 1.8rem 0 0; padding-left: 3rem;}
.goods_btn_wrap > div > .btn.btn_primary_line {border:1px solid #fd4802;}
.goods_btn_wrap > div > button[disabled] {background: #000;color: #fff;border: 1px solid #000000 !important;}
.shopping_bag .goods_dlvr_save {margin-top: 1.8rem; text-align: center;}
.shopping_bag .goods_dlvr_save a.btn_popup_save {display:inline-block; padding-right:20px; text-align: center; color:#fd4802; font-size:1.1rem; font-weight:200; line-height:14px; text-decoration:underline; background:url('/images/mo/ico_go_save.png') no-repeat 98% 45%; background-size:1.1rem;}

.shopping_bag .od_calc_wrap {position: fixed; left: 0; bottom: 0; z-index: 99; font-size: 0; width: 100%;}
.shopping_bag .od_calc_wrap button {width: 60%; height: 5.8rem;}
.shopping_bag .od_calc_wrap button:first-child {width: 40%;}

.shopping_bag .area_order {}
.shopping_bag .area_order dl dt {float:left;}
.shopping_bag .area_order dl dd {float:right;}
.shopping_bag .area_order div::after,
.shopping_bag .area_order dl::after,
.shopping_bag .area_order dl div::after {content:''; display:block; clear:both;}
.shopping_bag .area_order .tit_box {padding:0 0 2rem; border-bottom:1px solid #222;}
.shopping_bag .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
.shopping_bag .area_order .tit_box span {display:inline-block; margin-left:5px; color:#888; font-size:1.2rem; font-weight:200; vertical-align:middle}
.shopping_bag .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
.shopping_bag .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
.shopping_bag .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
.shopping_bag .area_order .od_item_box .part_dlvr:first-child {border-top:none;}
.shopping_bag .area_order .od_item_box .part_dlvr h4 span {margin-left:4px; color:#888; font-size:12px; font-weight:200; vertical-align:middle;}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list {margin-top:25px; padding-top:25px; border-top:1px dashed #ddd}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list:first-of-type {margin-top:0; padding-top:0; border-top:none;}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd {margin-top:24px}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd:first-of-type{margin-top:0}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .option .name {margin-top:5px; -webkit-line-clamp:3;}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .option span {display:block; line-height:1.4;}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .price {margin-top:5px}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv {margin-top:10px; color:#fd4802; font-size:14px; font-weight:200;}
.shopping_bag .area_order .od_item_box .part_dlvr .gd_list .item_gd .info_reserv span {margin-left:10px; font-weight:300;}
.shopping_bag .area_order .od_amount_box {padding:2rem 0; color:#888; font-size:14px; font-weight:200;}
.shopping_bag .area_order .od_amount_box dl div {margin-top:20px;}
.shopping_bag .area_order .od_amount_box dl div:first-child {margin-top:0px}
.shopping_bag .area_order .od_amount_box dl dt {font-size:1.3rem; font-weight:300;}
.shopping_bag .area_order .od_amount_box dl dd {color:#222; font-size:1.3rem; font-weight:300;}
.shopping_bag .area_order .od_amount_box dl dd em {font-size:1.3rem}
.shopping_bag .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
.shopping_bag .area_order .od_amount_box .t_info {margin-top:20px; text-align:right;}
.shopping_bag .area_order .od_amount_box .btn_link {display:inline-block; padding:0px 13px; height:40px; line-height:38px; color:#222; font-size:14px; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
.shopping_bag .info_box .od_exinfo {margin-top: 0.9rem;}
.shopping_bag .info_box .od_exinfo a {}
.shopping_bag .info_box .od_exinfo a:after {content:''; display: inline-block; border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.3rem solid #fd4802; margin-left: 0.6rem;} 
.shopping_bag .part_goods .goods_section > .od_calc {margin: 1rem 0 0 3rem; padding:1.3rem 0 0 0; position: relative; line-height: 1; border-top: 1px solid #ddd;}

.od .area_order .od_amount_box .btn_link::after {display:none;}
.od .area_order .totalprice_box {padding:0px 0 0}
.od .area_order .totalprice_box dl {padding:2rem 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
.od .area_order .totalprice_box dl dt {margin-top:5px; font-size:1.4rem; font-weight:500;}
.od .area_order .totalprice_box dl dd {color:#fd4802; font-size:1.8rem; font-weight:700;}
.od .area_order .totalprice_box dl dd span {font-size:2.1rem; vertical-align:bottom;}
.od .area_order .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
.od .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
.od .area_order .totalprice_box .info_extra {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:left; line-height:16px;}
.od .area_order .btn_box {}
.od .area_order .btn_box .btn {height:60px; font-weight:300; padding:20px}

.od .area_salecoupon input {height:4.5rem; padding:12px 15px; color:#222; font-size:14px; font-weight:300;}
.od .area_salecoupon .input_wrap {float:left; width:calc(100% - 6rem);}
.od .area_salecoupon .btn {margin-left: 0; width:6rem; height:4.5rem; box-sizing:border-box; font-size:14px; font-weight:200;}
.od .area_salecoupon .coupon_box {width:100%; margin-top:20px;}
.od .area_salecoupon .coupon_box .coupon {position:relative; margin-top:10px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.od .area_salecoupon .coupon_box .coupon .btn_delete {position: absolute; top: 0; right: 0;}
.od .area_salecoupon .coupon_box .coupon:first-child {margin-top:0}
.od .area_salecoupon .coupon_box .coupon > div {position:relative;}
.od .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
.od .area_salecoupon .coupon_box .coupon p {padding:0 2rem;}
.od .area_salecoupon .coupon_box .coupon .cp_name {padding-top:2.5rem; color:#222; font-size:14px; font-weight:300;}
.od .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:10px;} 
.od .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:700;}
.od .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:28px;}
.od .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:15px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
.od .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:10px}
.od .area_salecoupon .coupon_box .coupon .cp_date {padding:2rem; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200; text-align: left;}
.od .area_salecoupon .coupon_box .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}

.od .od_recommend {padding:3rem 2rem;}
.od .od_recommend h3 {margin-bottom: 1.5rem;}
.od .od_recommend .swiper-container {overflow:visible;}
.od .od_recommend .swiper-container .item_prod {width: 100%;}

.od .od_liveview {padding:3rem 2rem;}
.od .od_liveview .swiper-container {overflow:visible;}
.od .od_liveview .swiper-container .item_prod {width: 100%;}

/* 쇼핑백_팝업 */
.popup_box {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:500; transition:all 0.3s; visibility: hidden;}
.popup_box.active{visibility: visible;}
.popup_box .lap{position:absolute; bottom:-100%; left:0; width:100%; background:#fff; transition:all 0.3s;}
.popup_box.active .lap {bottom: 0;}
.popup_box .popup_head {padding:3rem 2rem 2rem;}
.popup_box .popup_con{min-height:15rem; max-height:40rem; overflow-y:auto; padding:2rem;}
.popup_box .popup_close{position:absolute; top:-4.8rem; left:50%; width:4.8rem; height:4.8rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; background-size:1.6rem; font-size:0; text-indent:-999999px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}

/* popup_장바구니 옵션변경 */
.popup_box.optModifyPop .popup_con {padding: 0;}
.optModifyPop .area_order {padding:0 2rem 2rem;}
.optModifyPop .area_order > div {margin-top:3rem}
.optModifyPop .area_order > div:first-child {margin-top:0}
.optModifyPop .area_order > div .color {}
.optModifyPop .select_custom .combo .list {position: static;}
.optModifyPop .area_order .sale_price {margin-left: 1rem;}
.optModifyPop .opt_header:after {content:''; display: block; clear:both;}
.optModifyPop .opt_header {margin-bottom: 1rem; position: relative;}
.optModifyPop .opt_header > span {float:left;}
.optModifyPop .opt_header .info {margin-left: 2rem; color: #666;}
.optModifyPop .opt_header .form_field {position: absolute; top: 0; right: 0; width:auto;}
.optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 0.1rem solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
.optModifyPop .area_order .opt_color ul {font-size: 0; width: 100%; white-space: nowrap; overflow-x: auto;}
.optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 0.3rem; margin-top:0.6rem;}
.optModifyPop .area_order .opt_color ul li a {display:block; background: #f5f5f5; position: relative; padding-bottom: 0%;box-sizing: border-box;width: 7.0rem;height: 10.5rem;}
.optModifyPop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: content-box;border: 0.1rem solid #f5f5f5;}
.optModifyPop .area_order .opt_color ul li a.on::after {display: block;content: '';border: 0.1rem solid #fd4802;}
.optModifyPop .area_order .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
/* .optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802} */
.optModifyPop .area_order .opt_size {padding-bottom:4.0rem; border-bottom:0.1rem solid #ddd;}
.optModifyPop .area_order .opt_size .form_field {display:block; width:100%; font-size: 0;}
.optModifyPop .area_order .opt_size .form_field > div {float:none; width:20%; display: inline-block; margin:0.6rem 0 0; padding:0 0.78%;}
.optModifyPop .area_order .opt_size .form_field > div {}
/* .optModifyPop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;} */
.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {position: relative; display:block; width:100%; height:4.0rem; padding:0; line-height:4.0rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.4rem;}
.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 0.6rem; line-height:1.2; transform:translateY(-50%); display:inline-block; text-overflow:ellipsis; overflow:hidden;}
.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::before,
.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
.optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
.optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label {background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
.optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label span {text-decoration:line-through;}

.optModifyPop .area_order .opt_select .select_custom .combo .select {height:4.5rem; padding:1.5rem;}
.optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:4.5rem; padding:1.5rem; font-size:1.4rem; line-height:1;}
.optModifyPop .area_order .opt_count .opt_count {padding-bottom:0;}
.optModifyPop .area_order .opt_count .number_count {display:inline-block; border:0.1rem solid #ddd;}
.optModifyPop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
.optModifyPop .area_order .opt_count .number_count span,
.optModifyPop .area_order .opt_count .number_count input[type='text']{float:left;}
.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:4.0rem; height:4.0rem; text-align:center;}
.optModifyPop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
.optModifyPop .area_order .opt_count .number_count span.min_val,
.optModifyPop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
.optModifyPop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
.optModifyPop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
.optModifyPop .area_order .opt_count .number_count input[type='text'] {width:4.4rem; height:4.0rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none;}
.optModifyPop .area_order .btn_group_block .btn {height:6.0rem; font-size:1.8rem; font-weight:300;}

.popup_box .part_goods .od_calc {margin-top: 0;}
.popup_box .part_goods .od_calc .price {position: static;}

/* popup_다다익선 */
.moresalePop .area_benefit {padding-top:2.4rem; color:#fd4802; font-size:1.4rem;}
.moresalePop .area_benefit::after {content:''; clear:both; display:block;}
.moresalePop .area_benefit .tag {float:left; width:3.2rem; font-size: 1rem; padding: 0.5rem 0; text-align: center; height:auto;}
.moresalePop .area_benefit p {float:left;}
.moresalePop .area_benefit p span {position:relative; display: block; padding:0px 1rem; display: block; line-height: 2.2rem;}
.moresalePop .area_benefit p span:first-child::before {display:none;}
.moresalePop .popup_con {padding:0 2rem;}
.moresalePop .part_goods ul {border-top: 0.1rem solid #eeeeee;}
.moresalePop .part_goods li {border-bottom: 0.1rem solid #eeeeee; padding:2rem 0;}
.moresalePop .part_goods li:last-child {border-bottom: 0;}
.moresalePop .part_goods .sale_price {margin-left: 1rem;}
.moresalePop .part_goods .sale_percent {margin-left: 1.5rem;}
.moresalePop .part_goods .od_shoppingbag {margin-top: 1rem;}

/* popup_배송비 SAVE */
.dlvrSavePop .popup_head {padding-bottom: 0;}
.dlvrSavePop .popup_con {padding: 0 2rem;}
.dlvrSavePop .part_goods li {border-bottom: 1px solid #eeeeee; padding:2rem 0;}
.dlvrSavePop .part_goods li:last-child {border-bottom: 0;}
.dlvrSavePop .part_goods .sale_price {margin-left: 1rem;}
.dlvrSavePop .part_goods .sale_percent {margin-left: 1.5rem;}
.dlvrSavePop .part_goods .od_shoppingbag {margin-top: 1rem;}

/* od_gift_1 */
main.container .od_gift .inner:last-child {padding-bottom: 0;}
.od_gift .gift_banner {background: linear-gradient(120deg, rgba(255,120,0,1) 50%, rgba(253,72,2,1) 100%); text-align: center; padding:6rem 0; margin:-6.7rem 0 -1.2rem;}
.od_gift .gift_banner img {width: 13.1rem;}
.od_gift .gift_banner p {color:#fff; margin-top: 1.5rem;}
.od_gift .gift_banner.timeout {background: #f5f5f5;}
.od_gift .gift_banner.timeout p {font-size: 2rem; color: #222;}
.od_gift .gift_banner.timeout dl dt, .od_gift .gift_banner.timeout dl dd {display: inline-block;}

.od .gift_tab .tab_cont {background: #fff; padding:2.4rem 2rem;}
.od .gift_tab .input_wrap {display: block; margin-bottom: 1rem;}
.od .gift_tab .input_wrap .form_control {width: 100%; float:none;}
.od .od_gift .gift_tab .desc_txt {margin:1rem 0 2.4rem;}
.od .od_gift .gift_tab .tabIndex li {flex:1;}
.od .od_gift .gift_tab .foldGroup .fold_cont {padding:0 0 3rem;}
.od .od_gift .textarea_wrap {position: relative;}
.od .od_gift .textarea_wrap .doc_review {width: 100%; padding:1.5rem; height: 15rem; resize:none;}
.od .od_gift .textarea_wrap .txt_cnt {position: absolute; right: 1.5rem; bottom: 1.5rem;}

.fold_cont > div.gift_order_message {border: 1px solid #ffe4d9; padding: 1.5rem; background: #fff6f2;}

.od_gift .tbl_wrap {}
.od_gift .tbl_wrap:first-child  {padding-bottom: 2rem;}
.od_gift .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
.od_gift .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
.od_gift .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300; padding-right: 0.9rem;}
.od_gift .tbl_wrap .tbl.tbl_dlvr input[placeholder='배송주소'] {padding-right: 4.5rem;}
.od_gift .dlvr_basic {margin-top: 1.5rem;}
.od_gift .dlvr_basic label {font-size: 1.4rem;}
.od_gift .tbl_wrap .tbl.tbl_request {padding:1.6rem 0 0;}
.od_gift .tbl_wrap .tbl.tbl_request table td {padding-bottom: 1.6rem;}
.od_gift .tbl_wrap .tbl.tbl_request table tr:last-child td {padding-bottom: 0;}
.od_gift .tbl_wrap .tbl.tbl_request input[type="text"] {width: 100%; height: 4.5rem; font-size: 1.3rem; color: #888; font-weight: 300;}
.od_gift .tbl_wrap .tbl.tbl_request input[type="text"]::placeholder {}
.od_gift .tbl_wrap .tbl.tbl_request .desc_txt {margin-top: 1rem;}

.od_gift .info_txt {margin-top: 2.4rem; background: #f5f5f5;}

.part_goods .goods_section > .od_calc {margin: 1rem 0 0 0; padding:1.3rem 0 0 0; position: relative; line-height: 1; border-top: 0.1rem solid #ddd;}
.part_goods .goods_section > .od_calc .price {top: auto; bottom: 0;}
.part_goods .goods_section > .od_calc .price .sale_price {margin-right: 1rem;}
.part_goods .goods_section:last-of-type {margin-bottom: 0;}

/* od_extra */
main.container .od_extra .inner:last-child {padding-bottom: 0;}
.od_extra .od_amount_box {padding-top: 3rem;}
.od_extra .announce_txt .announce_list {background: #f5f5f5; padding:1.8rem;}
.od_extra .tbl_wrap {padding-top: 3rem;}

/* 할인쿠폰변경_선택팝업 */
.couponSelectPop {z-index: 1111;}
.couponSelectPop .popup_head {text-indent:-999em; visibility: hidden; font-size: 0; padding: 0;}
.couponSelectPop .popup_con {padding:2rem 2rem;}
.couponSelectPop .dlvr_coupon {width: 100%; text-align: left;}
.couponSelectPop .dlvr_coupon {padding:1.4rem 1.8rem;}
.couponSelectPop .dlvr_coupon .name {color:#222; font-size:1.4rem; font-weight:300;}
.couponSelectPop .dlvr_coupon .txt {margin-top:1.0rem; color:#888; font-size:1.4rem; font-weight:200;}
.couponSelectPop .dlvr_coupon .txt span {font-weight:300;}
.couponSelectPop .dlvr_coupon .discount {margin-top:1.0rem;  color:#fd4802; font-size:1.6rem; font-weight:300;}
.couponSelectPop .dlvr_coupon .discount span {font-weight:500;}
.couponSelectPop .dlvr_coupon .empty {margin-top:0; color:#222; font-size:1.4rem; font-weight:300;}

.couponSelectPop .list li {border:0.1rem solid #eee; border-bottom: 0.1rem solid transparent;}
.couponSelectPop .list li:last-child {border-bottom: 0.1rem solid #eee;}
.couponSelectPop .list li:hover, .couponSelectPop01 .list li:active {border:0.1rem solid #fd4802;}
.couponSelectPop .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}

/* 다음우편번호 api */
#daumZipcodePop .modal-content {margin-top:5rem;}

/* popup_메인공지 FULL */
.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:90000; width: 100%; height: 100%; overflow-y:auto; background: #222; z-index: 100;}
.popup_main_notice .swiper-button-prev,
.popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:6.0rem; height:6.0rem; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
.popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;}
.popup_main_notice .swiper-button-next {right:0; background-position:100% 50%;}
.popup_main_notice .swiper-button-prev::after,
.popup_main_notice .swiper-button-next::after {display:none; color:transparent;}
.popup_main_notice .popup_content {position:relative; width: 100%; height: 100%;}
.popup_main_notice .popup_content .popup_body {position:relative; height:calc(100vh - 6rem);}
.popup_main_notice .popup_content .popup_body .swiper-container {height: 100%;}
.popup_main_notice .popup_content .popup_body .swiper-slide {position: relative;}
.popup_main_notice .popup_content .popup_body .swiper-slide img {width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); height: auto;}
.popup_main_notice .popup_footer {position: fixed; left:0; bottom:0; z-index: 10; width: 100%; background:#222; height: 6rem; padding: 2.2rem;}
.popup_main_notice .popup_footer::after {content:''; clear:both; display:block;}
.popup_main_notice .popup_footer a.btn_underline {float:left; color:#888; font-size:1.3rem; font-weight:200; border-color:#888;}
.popup_main_notice .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}

.popup_main_notice .popup_body.onlyNotice .swiper-button-prev,
.popup_main_notice .popup_body.onlyNotice .swiper-button-next {display:none;}

.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: 43%; bottom:auto; width:auto; left: 5.55%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current {font-weight: 600;}

/* popup_메인공지 HALF */
.popup_main_notice.half {background: rgba(0,0,0,.9); height: auto;}
.popup_main_notice.half .popup_content {position: absolute; left: 0; bottom: 0; height:auto;}
.popup_main_notice.half .popup_content .popup_body .swiper-slide img {width: 100%; position: relative; top:auto; bottom: 0; left: 0; transform:none; height: auto;}
.popup_main_notice.half .popup_content .popup_body {position:relative; height:auto;}
.popup_main_notice.half .popup_content .popup_body .swiper-container {height: auto;}
.popup_main_notice.half .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: auto; bottom:3rem; width:auto; left: 8.33333%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}

.popup_main_notice.half .popup_content .popup_header {position: relative; background:transparent; height: 6rem; padding: 2.2rem;}
.popup_main_notice.half .popup_content .popup_header::after {content:''; clear:both; display:block;}
.popup_main_notice.half .popup_content .popup_header a.btn_underline {display:inline-block; float:left; color:#fff; font-size:1.3rem; font-weight:200; border-color:#fff; opacity: 0.4; padding-top: 0.2rem;}
.popup_main_notice.half .popup_content .popup_header a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem; text-indent:-999em;}

/* popup_마이페이지 회수조회 팝업 */
.modal.reclaim_pop {}
.modal.reclaim_pop .modal-body {margin-top: 8rem;}
.modal.reclaim_pop .modal-body .pop_cont {color:#222; font-weight: 300;}
.modal.reclaim_pop .modal-body .pop_cont .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding-bottom: 1.5rem;}
.modal.reclaim_pop .modal-body .pop_cont .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
.modal.reclaim_pop .modal-body .pop_cont .inner {margin-bottom: 1.2rem;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tbltitWrap {margin-top: 0;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap {margin: 0;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl th {background: #f5f5f5;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap table {table-layout: fixed;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap table tr th {font-size: 1.3rem;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap table tr td {font-size: 1.2rem;}
.modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap table tr th, .modal.reclaim_pop .modal-body .pop_cont .goods_tbl .tblWrap table tr td {border-left: 0; word-break: break-all;}

/* main_띠배너 */
.bnrtype_banner {background: #fd4801; position: absolute; top:11.0rem; left:0; width: 100%; z-index: 2;}
.bnrtype_banner.scr {top: 5.5rem;}
.bnrtype_banner a {display: block; padding:1.3rem 2rem; padding-right:4rem;}
.bnrtype_banner a > div {color:#fff; font-size:1.3rem; font-weight:300;}
.bnrtype_banner a > div span {font-weight: 500;}
.bnrtype_banner .bnrtype_close {position: absolute; top: 50%; right: 0; width: 4rem; height: 4.4rem; transform:translateY(-50%); background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center/1.3rem; z-index: 10;}