@charset "utf-8";


/*=======================================================
    .sec-best
=========================================================*/
.sec-best{position:relative;padding:10px 12px}
.sec-best:after{background:#ffffff; position:absolute; left:50%;margin-left:-10000px; width:20000px; height:100%; top:0; display:block; content:"";z-index:-1;}
.sec-best .tits{text-align:center;}
.sec-best .tits h3{padding-top:15px; position:relative;font-size:24px; color:#000; line-height:1.1em;letter-spacing:-0.03em; font-weight:400}
.sec-best .tits h3:before{width:48px;height:4px; background:#490da3; position:absolute; left:50%;margin-left:-24px; top:0; display:block; content:"";}
.sec-best .tits h3 span{font-weight:700;}
.sec-best .tits p{color:#666; font-size:14px; line-height:1.2em;letter-spacing:-0.03em; text-align:center; margin-top:7px;}

.sec-best .list{margin-top:30px;}
.sec-best .list ul{margin:0 -1%;font-size:0;}
.sec-best .list ul:after{display:block; content:"";clear:both;}
.sec-best .list li{float:left; width:23%; margin:0 1%;}
.sec-best .list li:nth-child(n+5){margin-top:2%}
.sec-best .list li a{display:block; padding:13px; position:relative; background:#fff;box-sizing:border-box;min-height:380px; border:1px solid #e0e0e0;-webkit-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;-moz-transition:   box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, border-color 0.3s ease-in-out;-o-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.sec-best .list li .img{height:245px; position:relative;overflow:hidden;}
.sec-best .list li .img img{width:100%;height:245px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.sec-best .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(10,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.sec-best .list li .txt{margin-top:15px;text-align:center;}
.sec-best .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.sec-best .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.sec-best .list li .ctxt{margin-top:12px;font-size:18px; color:#111; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.sec-best .list li .ctxt span{font-size:14px; font-weight:400;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.sec-best .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.sec-best .list li a:hover .img:after{opacity:1;}
.sec-best .list li a:hover{border-color:#000000;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; }

.sec-best .list .state{position:absolute; right:-6px; top:-6px;z-index:5;}
.sec-best .list .state ul{}
.sec-best .list .state ul:after{display:block; content:"";clear:both;}
.sec-best .list .state li{float:left; width:auto; margin:0}
.sec-best .list .state li:nth-child(n+2){margin-left:2px}
.sec-best .list .state li:nth-child(n+5){margin-top:0}
.sec-best .list .state p{width:51px;height:51px;text-align:center;display:flex;align-items: center; justify-content: center; color:#fff;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; }
.sec-best .list .state p.percent{font-family:"Mont";font-size:13px; font-weight:600;letter-spacing:-0.02em;}
.sec-best .list .state p.percent span{font-size:24px; color:#fff;}
.sec-best .list .state p.violet{background:#5100ca}
.sec-best .list .state p.orange{background:#ff7f2a}
.sec-best .list .state p.pink{background:#ff65c3}
.sec-best .list .state p.red{background:#ed1c24}
.sec-best .list .state p.gray{background:#888888}

.sec-best .list .state p.sold, 
.sec-best .list .state p.rankup{font-size:13px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
	@media only screen and (max-width:1240px){
		.sec-best .list li a{padding:10px; min-height:335px;}
		.sec-best .list li .img{height:210px}
		.sec-best .list li .img img{height:210px}

		.sec-best .list li .btxt{font-size:12px;}
		.sec-best .list li .stxt{font-size:15px}
		.sec-best .list li .ctxt{margin-top:10px;font-size:17px;}
		.sec-best .list li .ctxt span{font-size:13px;}

		.sec-best .list .state p{font-size:12px; width:46px;height:46px;}
		.sec-best .list .state p.percent{font-size:12px;}
		.sec-best .list .state p.percent span{font-size:21px;}
		.sec-best .list .state p.sold,.sec-best .list .state p.rankup{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.sec-best{padding:40px 0;}
		.sec-best .tits h3{font-size:21px; padding-top:12px;}
		.sec-best .tits h3:before{width:40px;height:3px;margin-left:-20px;} 
		.sec-best .tits p{font-size:13px; margin-top:4px;}
		
		.sec-best .list{margin-top:20px;}

		.sec-best .list li{width:48%; float:none; display:inline-block;vertical-align:top}
		.sec-best .list li:nth-child(n+3){margin-top:2%}
		.sec-best .list li a{min-height:375px;}
		.sec-best .list li .img{height:auto;text-align:center; background:#f5f5f5;}
		.sec-best .list li .img img{height:auto;object-fit:fill}
		.sec-best .list li .txt{margin-top:12px; padding-bottom:10px;}
		.sec-best .list li .stxt{font-size:14px}
		.sec-best .list li .ctxt{font-size:16px;}
		.sec-best .list li .ctxt span{font-size:12px;margin-bottom:1px;}
	}
	@media only screen and (max-width:680px){
		.sec-best .list li a{min-height:310px; padding:7px;}
		.sec-best .list li .img{height:auto}
		.sec-best .list .state p{width:41px;height:41px; font-size:11px;}
		.sec-best .list .state p.percent{font-size:11px;}
		.sec-best .list .state p.percent span{font-size:17px;}
		.sec-best .list .state p.sold, .sec-best .list .state p.rankup{font-size:11px;}
		
	}
	@media only screen and (max-width:480px){
		.sec-best .list li a{min-height:240px;padding:4px;}
		.sec-best .list li .img{height:auto}
		
		.sec-best .list li .btxt{font-size:11px;}
		.sec-best .list li .stxt{font-size:13px}
		.sec-best .list li .ctxt{font-size:15px;}
		.sec-best .list li .ctxt span{font-size:11px;}

		.sec-best .list .state p{font-size:11px;}
		.sec-best .list .state p.percent{font-size:10px;}
		.sec-best .list .state p.percent span{font-size:15px;}
		.sec-best .list .state p.sold, .sec-best .list .state p.rankup{font-size:11px;}
	}



/*=======================================================
    .product-wrap.list
=========================================================*/
.product-wrap.list{position:relative;padding:0px 12px;}
.product-wrap.list .tits{text-align:center;}
.product-wrap.list .tits h3{padding-top:15px; position:relative;font-size:24px; color:#000; line-height:1.1em;letter-spacing:-0.03em; font-weight:400}
.product-wrap.list .tits h3:before{width:48px;height:4px; background:#490da3; position:absolute; left:50%;margin-left:-24px; top:0; display:block; content:"";}
.product-wrap.list .tits h3 span{font-weight:700;}
.product-wrap.list .tits p{color:#666; font-size:14px; line-height:1.2em;letter-spacing:-0.03em; text-align:center; margin-top:7px;}

.product-wrap.list .list{margin-top:30px;}
.product-wrap.list .list ul{margin:0 -1%; font-size:0;}
.product-wrap.list .list ul:after{display:block; content:"";clear:both;}
.product-wrap.list .list li{float:left; width:18%; margin:0 1%;height:280px}
.product-wrap.list .list li:nth-child(n+6){margin-top:1%}
.product-wrap.list .list li a{display:block; padding:13px; position:relative; background:#fff;box-sizing:border-box;min-height:260px; border-top:0px solid #e0e0e0;-webkit-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;-moz-transition:   box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, border-color 0.3s ease-in-out;-o-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.product-wrap.list .list li .img{ position:relative;overflow:hidden;border:1px solid #e0e0e0;}
.product-wrap.list .list li .img img{width:100%;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.product-wrap.list .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.product-wrap.list .list li .txt{margin-top:15px;text-align:center;}
.product-wrap.list .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;min-height: 22px;height:25px;overflow:hidden}
.product-wrap.list .list li .stxt{margin-top:2px;font-size:13px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; min-height: 25px;}
.product-wrap.list .list li .ctxt{margin-top:12px;font-size:13px; color:#ff0000; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.product-wrap.list .list li .ctxt span{font-size:13px; font-weight:400;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.product-wrap.list .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.product-wrap.list .list li a:hover .img:after{opacity:1;}
.product-wrap.list .list li a:hover{border-color:#490da3;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; }

.product-wrap.list .list .state{position:absolute; right:-6px; top:-6px;z-index:5;}
.product-wrap.list .list .state ul{}
.product-wrap.list .list .state ul:after{display:block; content:"";clear:both;}
.product-wrap.list .list .state li{float:left; width:auto; margin:0}
.product-wrap.list .list .state li:nth-child(n+2){margin-left:2px}
.product-wrap.list .list .state li:nth-child(n+5){margin-top:0}
.product-wrap.list .list .state p{width:51px;height:51px;text-align:center;display:flex;align-items: center; justify-content: center; color:#fff;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; }
.product-wrap.list .list .state p.percent{font-family:"Mont";font-size:13px; font-weight:600;letter-spacing:-0.02em;}
.product-wrap.list .list .state p.percent span{font-size:24px; color:#fff;}
.product-wrap.list .list .state p.violet{background:#5100ca}
.product-wrap.list .list .state p.orange{background:#ff7f2a}
.product-wrap.list .list .state p.pink{background:#ff65c3}
.product-wrap.list .list .state p.red{background:#ed1c24}
.product-wrap.list .list .state p.gray{background:#888888}
.product-wrap.list .list .state p.green{background:#33cc00}

.product-wrap.list .list .state p.sold, 
.product-wrap.list .list .state p.rankup{font-size:13px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
	@media only screen and (max-width:1240px){
		.product-wrap.list .list li a{padding:10px; min-height:300px;}
		.product-wrap.list .list li .img{height:210px}
		.product-wrap.list .list li .img img{height:210px}

		.product-wrap.list .list li .btxt{font-size:12px;}
		.product-wrap.list .list li .stxt{font-size:13px}
		.product-wrap.list .list li .ctxt{margin-top:10px;font-size:17px;}
		.product-wrap.list .list li .ctxt span{font-size:13px;}

		.product-wrap.list .list .state p{font-size:12px; width:46px;height:46px;}
		.product-wrap.list .list .state p.percent{font-size:12px;}
		.product-wrap.list .list .state p.percent span{font-size:21px;}
		.product-wrap.list .list .state p.sold,.product-wrap.list .list .state p.rankup{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.list {padding:40px 0;}
		.product-wrap.list  .tits h3{font-size:21px; padding-top:12px;}
		.product-wrap.list  .tits h3:before{width:40px;height:3px;margin-left:-20px;} 
		.product-wrap.list  .tits p{font-size:13px; margin-top:4px;}
		
		.product-wrap.list .list{margin-top:20px;}

		.product-wrap.list .list li{width:48%; float:none; display:inline-block;vertical-align:top}
		.product-wrap.list .list li:nth-child(n+3){margin-top:2%}
		.product-wrap.list .list li a{min-height:375px;}
		.product-wrap.list .list li .img{height:auto;text-align:center; background:#f5f5f5;}
		.product-wrap.list .list li .img img{height:auto;object-fit:fill}
		.product-wrap.list .list li .txt{margin-top:12px; padding-bottom:10px;}
		.product-wrap.list .list li .stxt{font-size:13px}
		.product-wrap.list .list li .ctxt{font-size:13px;}
		.product-wrap.list .list li .ctxt span{font-size:12px;margin-bottom:1px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.list .list li a{min-height:310px; padding:7px;}
		.product-wrap.list .list li .img{height:auto}
		.product-wrap.list .list .state p{width:41px;height:41px; font-size:11px;}
		.product-wrap.list .list .state p.percent{font-size:11px;}
		.product-wrap.list .list .state p.percent span{font-size:17px;}
		.product-wrap.list .list .state p.sold, .product-wrap.list .list .state p.rankup{font-size:11px;}
		
	}
	@media only screen and (max-width:480px){
		
		.product-wrap.list .list li a{min-height:240px;padding:4px;}
		.product-wrap.list .list li .img{height:auto}
		
		.product-wrap.list .list li .btxt{font-size:11px;}
		.product-wrap.list .list li .stxt{font-size:13px}
		.product-wrap.list .list li .ctxt{font-size:15px;}
		.product-wrap.list .list li .ctxt span{font-size:11px;}

		.product-wrap.list .list .state p{font-size:11px;}
		.product-wrap.list .list .state p.percent{font-size:10px;}
		.product-wrap.list .list .state p.percent span{font-size:15px;}
		.product-wrap.list .list .state p.sold, .product-wrap.list .list .state p.rankup{font-size:11px;}
	}






/*=======================================================
    .product-wrap.detail
=========================================================*/
.product-wrap.detail{position:relative; padding-top:40px;}
.product-wrap.detail .u-tab01{margin-bottom:0;margin-top:0;}
.product-wrap.detail .gap100{height:100px;}
.product-wrap.detail .gap110{height:110px;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .gap100{height:90px;}
		.product-wrap.detail .gap110{height:90px;}
		.product-wrap.detail .gap80{height:70px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .gap100{height:70px;}
		.product-wrap.detail .gap110{height:70px;}
		.product-wrap.detail .gap80{height:50px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail{padding-top:30px}
		.product-wrap.detail .gap100{height:50px;}
		.product-wrap.detail .gap110{height:50px;}
		.product-wrap.detail .gap80{height:30px;}
	}
	@media only screen and (max-width:480px){
		
		.product-wrap.detail .gap80{height:20px;}
	}


.product-wrap.detail .infos{height:520px; position:relative;}
.product-wrap.detail .infos:after{display:block; content:"";clear:both;}
.product-wrap.detail .infos .fl{width:600px; position:relative;border:1px solid #cccccc;height:600px}
.product-wrap.detail .infos .fr{width:575px; position:relative; border-top:2px solid #7d7d7d;}

.product-wrap.detail .infos .swiper-container {margin:0;}
.product-wrap.detail .infos .gallery-top {/* height:512px; */}
.product-wrap.detail .infos .gallery-top .swiper-slide {/* height: 512px; */ background-size: cover; background-position: center center !important;}
.product-wrap.detail .infos .gallery-top .swiper-slide img{width:100%;height: 600px;object-fit:cover;} 

.product-wrap.detail .infos .gallery-thumbs {box-sizing: border-box;margin-top:15px;}
.product-wrap.detail .infos .gallery-thumbs .swiper-slide { opacity: 0.4; cursor:pointer;background-position:center center !important;background-size: cover !important;}
.product-wrap.detail .infos .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.product-wrap.detail .infos .gallery-thumbs .swiper-slide img{width:100%;height:100px;object-fit:cover;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .infos{min-height:520px; position:relative;}
		.product-wrap.detail .infos .fl{width:48%;}
		.product-wrap.detail .infos .fr{width:48%;}
		
		.product-wrap.detail .infos .gallery-top {height:470px;}
		.product-wrap.detail .infos .gallery-top .swiper-slide{}
		.product-wrap.detail .infos .gallery-top .swiper-slide img{height:470px;}

		.product-wrap.detail .infos .gallery-thumbs .swiper-slide{}
		.product-wrap.detail .infos .gallery-thumbs .swiper-slide img{height:85px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .infos .fl{width:47%;}
		.product-wrap.detail .infos .fr{width:49%;}
		
		.product-wrap.detail .infos .gallery-top {height:420px;}
		.product-wrap.detail .infos .gallery-top .swiper-slide{}
		.product-wrap.detail .infos .gallery-top .swiper-slide img{height:420px;}


		.product-wrap.detail .infos .gallery-thumbs .swiper-slide img{height:65px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .infos .fl{float:none;width:auto;}
		.product-wrap.detail .infos .fr{float:none;width:auto; margin-top:25px;}

		
		.product-wrap.detail .infos .gallery-top {height:auto;}
		.product-wrap.detail .infos .gallery-top .swiper-slide{;}
		.product-wrap.detail .infos .gallery-top .swiper-slide img{height:auto;object-fit:fill;}

		.product-wrap.detail .infos .gallery-thumbs {height:auto;margin-top:10px;}
		.product-wrap.detail .infos .gallery-thumbs .swiper-slide{;}
		.product-wrap.detail .infos .gallery-thumbs .swiper-slide img{height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .infos .fl{position:relative;border:1px solid #cccccc;height:400px}
		.product-wrap.detail .infos{height:850px;}
		.product-wrap.detail .infos .gallery-top {height:400px;}
		.product-wrap.detail .infos .gallery-top .swiper-slide img{width:100%;object-fit:cover;} 
		
	}
	@media only screen and (max-width:380px){
		
	}

.product-wrap.detail .infos .state{position:absolute; right:6px; top:6px;z-index:5;}
.product-wrap.detail .infos .state ul{}
.product-wrap.detail .infos .state ul:after{display:block; content:"";clear:both;}
.product-wrap.detail .infos .state li{float:left; width:auto; margin:0}
.product-wrap.detail .infos .state li:nth-child(n+2){margin-left:2px}
.product-wrap.detail .infos .state li:nth-child(n+5){margin-top:0}
.product-wrap.detail .infos .state p{width:51px;height:51px;text-align:center;display:flex;align-items: center; justify-content: center; color:#fff;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; }
.product-wrap.detail .infos .state p.percent{font-family:"Mont";font-size:13px; font-weight:600;letter-spacing:-0.02em;}
.product-wrap.detail .infos .state p.percent span{font-size:24px; color:#fff;}
.product-wrap.detail .infos .state p.violet{background:#5100ca}
.product-wrap.detail .infos .state p.orange{background:#ff7f2a}
.product-wrap.detail .infos .state p.pink{background:#ff65c3}
.product-wrap.detail .infos .state p.red{background:#ed1c24}
.product-wrap.detail .infos .state p.gray{background:#888888}

.product-wrap.detail .infos .state p.sold, 
.product-wrap.detail .infos .state p.rankup{font-size:13px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .infos .state p{font-size:12px; width:46px;height:46px;}
		.product-wrap.detail .infos .state p.percent{font-size:12px;}
		.product-wrap.detail .infos .state p.percent span{font-size:21px;}
		.product-wrap.detail .infos .state p.sold,.product-wrap.detail .infos .state p.rankup{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .infos .state p{width:41px;height:41px; font-size:11px;}
		.product-wrap.detail .infos .state p.percent{font-size:11px;}
		.product-wrap.detail .infos .state p.percent span{font-size:17px;}
		.product-wrap.detail .infos .state p.sold, .product-wrap.detail .infos .state p.rankup{font-size:11px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .infos .state p{font-size:11px;}
		.product-wrap.detail .infos .state p.percent{font-size:10px;}
		.product-wrap.detail .infos .state p.percent span{font-size:15px;}
		.product-wrap.detail .infos .state p.sold, .product-wrap.detail .infos .state p.rankup{font-size:11px;}
	}

.product-wrap.detail .infos .tits{padding:22px 0;border-bottom:1px solid #e1e1e1;}
.product-wrap.detail .infos .tits .btxt{font-size:24px; color:#111; font-weight:500; line-height:1.2em; letter-spacing:-0.03em;}
.product-wrap.detail .infos .tits .stxt{margin-top:7px;font-size:14px; color:#a8a8a8; font-weight:400; line-height:1.2em; letter-spacing:-0.03em;}

.product-wrap.detail .infos .cons{padding:7px 0;}
.product-wrap.detail .infos .cons ul{}
.product-wrap.detail .infos .cons li{position:relative; padding:12px 0 12px 90px;}
.product-wrap.detail .infos .cons li.line{border-top:1px solid #e2e2e2;}
.product-wrap.detail .infos .cons li .btxt{font-size:14px; font-weight:400; color:#313131; letter-spacing:-0.02em; padding-left:10px; position:absolute; left:0; top:10px;}
.product-wrap.detail .infos .cons li .btxt:before{width:3px;height:3px; position:absolute; left:0; top:8px; background:#aaa; display:block; content:"";}
.product-wrap.detail .infos .cons li .stxt{font-size:14px; font-weight:400; color:#313131; letter-spacing:-0.02em;}
.product-wrap.detail .infos .cons li.sale .btxt{color:#490da3}
.product-wrap.detail .infos .cons li.sale .stxt{color:#490da3}

.product-wrap.detail .infos .cons .chk-input { display:inline-block;vertical-align:top;width:36px; margin: 0 7px;}
.product-wrap.detail .infos .cons .count { border:1px solid #ddd;text-align:center; padding:0 2px; background: #f2f2f2; width: 80px; box-sizing: border-box; height:24px;}
.product-wrap.detail .infos .cons .plus { width: 13px; height:10px; background: url(../_Img/Sub/num-plus.jpg) no-repeat center center; position: absolute; left:185px; top:12px;}
.product-wrap.detail .infos .cons .minus {  width: 13px; height:10px; background: url(../_Img/Sub/num-minus.jpg) no-repeat center center; position: absolute; left:185px; top:26px;} 



.product-wrap.list .list li .select-order-line { display: block; border-top:1px solid #ddd; padding-top:0; margin-top: 5px; height: 10px; overflow: hidden;}

.product-wrap.list .list li .select-order {display:inline-block;color:#333;font-size:12px; padding:0 5px 0 0; }
.product-wrap.list .list li .chk-input { display:inline-block;vertical-align:top;width:80px; margin: 0 2px;}
.product-wrap.list .list li .count { border:1px solid #ddd;text-align:center; padding:0 2px; background: #f2f2f2; width: 80px; box-sizing: border-box; height:24px;}
.product-wrap.list .list li .plus { width: 13px; height:10px; background: url(/_Img/Sub/num-plus.jpg) no-repeat center center; position: relative; left:3px; top:-5px;display:inline-block;}
.product-wrap.list .list li .minus {  width: 13px; height:10px; background: url(/_Img/Sub/num-minus.jpg) no-repeat center center; position: relative;  left:-10px; top:9px;display:inline-block;} 
.product-wrap.list .list li .btn_Cart_Put {display:block;color:#515151; font-size:13px; border:1px solid #dfdfdf;  background-position: 0 0; background-repeat: no-repeat; height: 28px; line-height: 28px; text-align: center; cursor: pointer;}
.product-wrap.list .list li .btn_Cart_Put span:before {content: ""; background:url("/_Img/Icon/cart.png") no-repeat center center; width: 20px; height: 18px; display: inline-block; position: relative; top: 4px; margin-right: 5px;}
.product-wrap.list .list li .btn_Cart_Put span {}

.product-wrap.list .list li .btn_Cart_Put:hover {color:#282828; border:1px solid #424242;}
.product-wrap.list .list li .btn_Cart_Put:hover span:before {background:url("/_Img/Icon/cart-o.png");}





	@media only screen and (max-width:1240px){
		.product-wrap.detail .infos .tits{padding:19px 0;}
		.product-wrap.detail .infos .tits .btxt{font-size:21px;}
		.product-wrap.detail .infos .cons li{padding:10px 0 10px 90px;}
		.product-wrap.detail .infos .cons .plus {left:185px; top:10px;}
.product-wrap.detail .infos .cons .minus        {left:185px; top:24px;} 
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .infos .tits{padding:17px 0;}
		.product-wrap.detail .infos .tits .btxt{font-size:21px;}
		.product-wrap.detail .infos .tits .stxt{font-size:13px;}

		.product-wrap.detail .infos .cons ul{padding:0 5px;}
		.product-wrap.detail .infos .cons li{padding:7px 0 7px 90px;}
		.product-wrap.detail .infos .cons li .btxt:before{top:9px; width:2px;height:2px;}
		.product-wrap.detail .infos .cons li .btxt{top:7px; font-size:13px; padding-left:8px;}
		.product-wrap.detail .infos .cons li .stxt{font-size:13px;}
		.product-wrap.detail .infos .cons .plus   {left:185px; top:7px;}
		.product-wrap.detail .infos .cons .minus  {left:185px; top:21px;} 
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .infos .tits{padding:14px 0;}
		.product-wrap.detail .infos .tits .btxt{font-size:18px;}
		.product-wrap.detail .infos .cons li{padding:5px 0 5px 80px;}
		.product-wrap.detail .infos .cons li .btxt{top:5px;}
		.product-wrap.detail .infos .cons .plus   {left:175px; top:5px;}
		.product-wrap.detail .infos .cons .minus  {left:175px; top:19px;} 
	}
	@media only screen and (max-width:480px){
		
	}

.product-wrap.detail .total{border-top:2px solid #333;position:relative; padding-top:15px;}
.product-wrap.detail .total .btxt{font-size:14px; font-weight:400; color:#313131; letter-spacing:-0.02em;display:inline-block;vertical-align:top ;line-height:28px;}
.product-wrap.detail .total .stxt{position:absolute; right:0; top:15px; line-height:28px;font-family:"Mont";font-weight:500; color:#111; font-size:27px; letter-spacing:-0.02em;}

.product-wrap.detail .btns{font-size:0; margin-top:25px;}
.product-wrap.detail .btns a{display:inline-block;box-sizing:border-box;vertical-align:top;background:#e1e3e5;border:1px solid #d3d4d6; text-align:center; color:#111; font-size:14px; font-weight:400; letter-spacing:-0.03em; height:50px; line-height:48px;}
.product-wrap.detail .btns .buy-btn{width:38%;border-color:#0c0f10; background:#262c2f; color:#fff;}
.product-wrap.detail .btns .basket-btn{width:30%; margin:0 1%}
.product-wrap.detail .btns .like-btn{width:30%;}

.product-wrap.detail .naver-pay{text-align:right;margin-top:15px;}
.product-wrap.detail .naver-pay a{display:inline-block;vertical-align:top;}

.product-wrap.detail .talk{margin-top:27px;}
.product-wrap.detail .talk li{}
.product-wrap.detail .talk li:nth-child(n+2){margin-top:5px;}
.product-wrap.detail .talk li a{display:block; line-height:33px; height:35px; border:1px solid #ddd; text-align:center;}

.product-wrap.detail .talk li:nth-child(1) a{border-color:#0c9e37;background:#01c73c; color:#fff; letter-spacing:-0.03em;}
.product-wrap.detail .talk li:nth-child(1) a span{display:inline-block;vertical-align:top; padding-left:27px;background:url(../_Img/Sub/naver-talk.jpg) no-repeat left 55%;}

.product-wrap.detail .talk li:nth-child(2) a{border-color:#daba07;background:#ffd800; color:#333; letter-spacing:-0.03em;}
.product-wrap.detail .talk li:nth-child(2) a span{display:inline-block;vertical-align:top; font-weight:500;padding-left:27px;background:url(../_Img/Sub/kakao-talk.jpg) no-repeat left 55%;}
.product-wrap.detail .talk li:nth-child(2) a i{font-weight:300;}

.product-wrap.detail .infos .sns{margin-top:7px; font-size:0;position:relative;}
.product-wrap.detail .infos .sns .facebook{width:28px;height:28px; display:inline-block;vertical-align:top;background:url(../_Img/Sub/sns-facebook.jpg) no-repeat center center;}
.product-wrap.detail .infos .sns .twitter{margin-left:5px;width:28px;height:28px; display:inline-block;vertical-align:top;background:url(../_Img/Sub/sns-twitter.jpg) no-repeat center center;}
.product-wrap.detail .infos .sns .email-btn{border:1px solid #c6c6c6; line-height:26px; height:28px; box-sizing:border-box; padding:0 12px; font-size:12px; color:#313131;display:inline-block;vertical-align:top; position:absolute; right:0; top:0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #ffffff), color-stop(1, #f2f2f2));background: -moz-linear-gradient(top, #ffffff 49%, #f2f2f2 100%);background: -webkit-linear-gradient(top,  #ffffff 49%, #f2f2f2 100%);background: -o-linear-gradient(top,  #ffffff 49%, #f2f2f2 100%);background: -ms-linear-gradient(top,  #ffffff 49%, #f2f2f2 100%);background: linear-gradient(top,  #ffffff 49%, #f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', gradientType=0);}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .total .btxt{font-size:13px;}
		.product-wrap.detail .total .stxt{font-size:24px;}
		.product-wrap.detail .btns{ margin-top:20px;}
		.product-wrap.detail .btns a{font-size:13px; height:45px; line-height:43px;}

		.product-wrap.detail .talk{margin-top:24px;}
		.product-wrap.detail .talk li a{font-size:13px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .total{padding-top:11px;}
		.product-wrap.detail .total .btxt{font-size:12px;}
		.product-wrap.detail .total .stxt{font-size:21px;}

		.product-wrap.detail .btns{ margin-top:15px;}
		.product-wrap.detail .btns a{height:40px; line-height:38px;}

		.product-wrap.detail .talk{margin-top:17px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}




.product-wrap.detail .choice .tits{text-align:center; padding:0 0}
.product-wrap.detail .choice .tits h3{font-family:"Mont";position:relative;}
.product-wrap.detail .choice .tits h3 span{background:#353535;font-size:24px; color:#fff; line-height:36px;height:35px; display:inline-block;vertical-align:top;font-weight:700; padding:0 25px;}
.product-wrap.detail .choice .tits h3:after{background:#353535; width:100%;height:1px; position:absolute; left:0; top:50%;display:block; content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%); z-index:-1;}
.product-wrap.detail .choice .tits p{color:#b8b8b8; font-size:15px; line-height:1.2em;letter-spacing:-0.03em; font-weight:300; text-align:center; margin-top:10px;}

.product-wrap.detail .choice .list{margin-top:45px;}
.product-wrap.detail .choice .list ul{ margin:0 -1.5%; font-size:0;}
.product-wrap.detail .choice .list ul:after{display:block ;content:"";clear:both;}
.product-wrap.detail .choice .list li{display:inline-block;vertical-align:top;width:13.666666%; margin:0 1.5%;}
.product-wrap.detail .choice .list li:nth-child(n+7){margin-top:20px;}
.product-wrap.detail .choice .list li .img{border:1px solid #ddd;}
.product-wrap.detail .choice .list li .img img{width:100%;}
.product-wrap.detail .choice .list li .txt{margin-top:12px; text-align:center;}

.product-wrap.detail .choice .list li .chk-check{display:inline-block;vertical-align:top; text-align:left;  height:auto; min-height:24px; padding:0; margin: 0;}

.product-wrap.detail .choice .list li .chk-check input[type="checkbox"]{display:inline-block;width:18px; height:18px;  border-radius:3px; left:0; top:0 ; background:#f2f2f2;border:1px solid #ccc; box-sizing:border-box; }
.product-wrap.detail .choice .list li .chk-check label{position:relative;display:block;padding-left:2px !important; font-size:13px ;font-weight:400; letter-spacing:-0.01em;color:#4a4a4a; line-height:18px; word-break: keep-all; }/*  */

.product-wrap.detail .choice .list li .chk-check label span{font-family:"Mont";color:#006699;font-weight:400;margin-right:3px; letter-spacing:0;} 
/*
.product-wrap.detail .choice .list li .chk-check label:after{width:18px; height:18px; position:absolute; border-radius:3px; left:0; top:0 ; display:block; content:""; background:#f2f2f2;border:1px solid #ccc; box-sizing:border-box;display:block; content:""; z-index:1;}
.product-wrap.detail .choice .list li .chk-check input[type="checkbox"]:checked +  label:after{background:url(../_Img/Sub/check-on.png) no-repeat center center #f2f2f2; background-size:12px auto; z-index:3;}
*/

.product-wrap.detail .choice .list li .ctrl{margin-top:5px; position:relative; font-size:0; padding-right:17px; display:inline-block;vertical-align:top; padding-left:15px;background:url(../_Img/Sub/num-arrow.jpg) no-repeat 1px 6px;}
.product-wrap.detail .choice .list li .ctrl .btxt{line-height:22px; font-size:13px; color:#414141; letter-spacing:-0.03em; display:inline-block;vertical-align:top;}
.product-wrap.detail .choice .list li .ctrl .chk-input{display:inline-block;vertical-align:top; width:36px; margin:0 7px;}
.product-wrap.detail .choice .list li .ctrl .chk-input input{border:1px solid #ddd; text-align:center; padding:0 2px;background:#f2f2f2; width:100%; box-sizing:border-box; height:24px;}
.product-wrap.detail .choice .list li .ctrl .plus{border:none;width:13px;height:10px;background:url(../_Img/Sub/num-plus.jpg) no-repeat center center; position:absolute; right:0; top:0;}
.product-wrap.detail .choice .list li .ctrl .minus{border:none;width:13px;height:10px;background:url(../_Img/Sub/num-minus.jpg) no-repeat center center; position:absolute; right:0; top:14px;}

.product-wrap.detail .choice .list .soldout {color:#ff6600;padding:0;margin:0;width: 100%; margin: 0 auto; height:30px;display: inline-block;position:relative;font-size: 14px;padding-top:8px; margin-top: 4px; box-sizing: border-box;  text-align: center; background-color: #fff;} 

	@media only screen and (max-width:1240px){
		.product-wrap.detail .choice .tits h3 span{font-size:21px; padding:0 20px;}
		.product-wrap.detail .choice .tits p{font-size:14px; margin-top:9px;}
		
		.product-wrap.detail .choice .list ul{ margin:0 -1%;}
		.product-wrap.detail .choice .list li{margin:0 1%; width:14.66666666%}
		.product-wrap.detail .choice .list li .txt{margin-top:7px;}
		.product-wrap.detail .choice .list li .chk-check{min-height:35px;}
		.product-wrap.detail .choice .list li .chk-check label{font-size:12px;padding-left:24px;}
		.product-wrap.detail .choice .list li .chk-check label:after{width:16px; height:16px; top:1px; }

		.product-wrap.detail .choice .list li .ctrl .btxt{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .choice .list{margin-top:35px;}
		.product-wrap.detail .choice .list ul{}
		.product-wrap.detail .choice .list li{ width:23%}
		.product-wrap.detail .choice .list li:nth-child(n+5){margin-top:20px;}
		.product-wrap.detail .choice .tits h3 span{font-size:19px; padding:0 17px;}
		.product-wrap.detail .choice .tits p{font-size:13px;}
	}
	@media only screen and (max-width:780px){
		.product-wrap.detail .choice .list li{ width:23%}
		.product-wrap.detail .choice .list li:nth-child(n+5){margin-top:20px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .choice .tits h3 span{font-size:17px;}
		
		.product-wrap.detail .choice .list{margin-top:25px;}
		.product-wrap.detail .choice .list li{ width:31.333333333%}
		.product-wrap.detail .choice .list li:nth-child(n+4){margin-top:20px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .choice .list li{ width:48%}
		.product-wrap.detail .choice .list li:nth-child(n+3){margin-top:20px;}
		
	}

.product-wrap.detail .explan .cons{padding:75px 0;text-align:center; border-bottom:1px solid #ddd;}
.product-wrap.detail .explan .cons img{width:100%; max-width:800px;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .explan .cons{padding:55px 0;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .explan .cons{padding:45px 0;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .explan .cons{padding:35px 0;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .explan .cons{}
	}

.product-wrap.detail .like .tits{text-align:center; padding:30px 0}
.product-wrap.detail .like .tits h3{font-family:"Mont";position:relative;font-size:24px; color:#000; line-height:1.1em;letter-spacing:-0.03em; font-weight:500}
.product-wrap.detail .like .tits h3 span{font-weight:700;}
.product-wrap.detail .like .tits p{color:#b8b8b8; font-size:15px; line-height:1.2em;letter-spacing:-0.03em; font-weight:300; text-align:center; margin-top:7px;}

.product-wrap.detail .like .list{}
.product-wrap.detail .like .list ul{margin:0 -1%; font-size:0;}
.product-wrap.detail .like .list ul:after{display:block; content:"";clear:both;}
.product-wrap.detail .like .list li{float:left; width:18%; margin:0 1%}
.product-wrap.detail .like .list li:nth-child(n+6){margin-top:2%}
.product-wrap.detail .like .list li a{display:block; padding:10px; position:relative; background:#fff;box-sizing:border-box;min-height:300px; border:1px solid #e0e0e0;-webkit-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;-moz-transition:   box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, border-color 0.3s ease-in-out;-o-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.product-wrap.detail .like .list li .img{position:relative;overflow:hidden;}
.product-wrap.detail .like .list li .img img{width:100%;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.product-wrap.detail .like .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.product-wrap.detail .like .list li .txt{margin-top:15px;text-align:center;}
.product-wrap.detail .like .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap.detail .like .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap.detail .like .list li .ctxt{margin-top:12px;font-size:18px; color:#111; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.product-wrap.detail .like .list li .ctxt span{font-size:14px; font-weight:400;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.product-wrap.detail .like .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.product-wrap.detail .like .list li a:hover .img:after{opacity:1;}
.product-wrap.detail .like .list li a:hover{border-color:#490da3;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; }

.product-wrap.detail .like .list .state{position:absolute; right:-6px; top:-6px;z-index:5;}
.product-wrap.detail .like .list .state ul{}
.product-wrap.detail .like .list .state ul:after{display:block; content:"";clear:both;}
.product-wrap.detail .like .list .state li{float:left; width:auto; margin:0}
.product-wrap.detail .like .list .state li:nth-child(n+2){margin-left:2px}
.product-wrap.detail .like .list .state li:nth-child(n+5){margin-top:0}
.product-wrap.detail .like .list .state p{width:51px;height:51px;text-align:center;display:flex;align-items: center; justify-content: center; color:#fff;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; }
.product-wrap.detail .like .list .state p.percent{font-family:"Mont";font-size:13px; font-weight:600;letter-spacing:-0.02em;}
.product-wrap.detail .like .list .state p.percent span{font-size:24px; color:#fff;}
.product-wrap.detail .like .list .state p.violet{background:#5100ca}
.product-wrap.detail .like .list .state p.orange{background:#ff7f2a}
.product-wrap.detail .like .list .state p.pink{background:#ff65c3}
.product-wrap.detail .like .list .state p.red{background:#ed1c24}
.product-wrap.detail .like .list .state p.gray{background:#888888}

.product-wrap.detail .like .list .state p.sold, 
.product-wrap.detail .like .list .state p.rankup{font-size:13px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .like .list li a{padding:10px; min-height:335px;}
		.product-wrap.detail .like .list li .img{height:210px}
		.product-wrap.detail .like .list li .img img{height:210px}

		.product-wrap.detail .like .list li .btxt{font-size:12px;}
		.product-wrap.detail .like .list li .stxt{font-size:15px}
		.product-wrap.detail .like .list li .ctxt{margin-top:10px;font-size:17px;}
		.product-wrap.detail .like .list li .ctxt span{font-size:13px;}

		.product-wrap.detail .like .list .state p{font-size:12px; width:46px;height:46px;}
		.product-wrap.detail .like .list .state p.percent{font-size:12px;}
		.product-wrap.detail .like .list .state p.percent span{font-size:21px;}
		.product-wrap.detail .like .list .state p.sold,.product-wrap.detail .like .list .state p.rankup{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .like .tits{padding:30px 0 20px 0}
		.product-wrap.detail .like .tits h3{font-size:21px;}
		.product-wrap.detail .like .tits h3:before{width:40px;height:3px;margin-left:-20px;} 
		.product-wrap.detail .like .tits p{font-size:13px; margin-top:4px;}
		
		.product-wrap.detail .like .list{}

		.product-wrap.detail .like .list li{width:48%; float:none; display:inline-block;vertical-align:top}
		.product-wrap.detail .like .list li:nth-child(n+3){margin-top:2%}
		.product-wrap.detail .like .list li a{min-height:375px;}
		.product-wrap.detail .like .list li .img{height:auto;text-align:center; background:#f5f5f5;}
		.product-wrap.detail .like .list li .img img{height:auto;object-fit:fill}
		.product-wrap.detail .like .list li .txt{margin-top:12px; padding-bottom:10px;}
		.product-wrap.detail .like .list li .stxt{font-size:14px}
		.product-wrap.detail .like .list li .ctxt{font-size:16px;}
		.product-wrap.detail .like .list li .ctxt span{font-size:12px;margin-bottom:1px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .like .list li a{min-height:310px; padding:7px;}
		.product-wrap.detail .like .list li .img{height:auto}
		.product-wrap.detail .like .list .state p{width:41px;height:41px; font-size:11px;}
		.product-wrap.detail .like .list .state p.percent{font-size:11px;}
		.product-wrap.detail .like .list .state p.percent span{font-size:17px;}
		.product-wrap.detail .like .list .state p.sold, .product-wrap.detail .like .list .state p.rankup{font-size:11px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .like .list li a{min-height:240px;padding:4px;}
		.product-wrap.detail .like .list li .img{height:auto}
		
		.product-wrap.detail .like .list li .btxt{font-size:11px;}
		.product-wrap.detail .like .list li .stxt{font-size:13px}
		.product-wrap.detail .like .list li .ctxt{font-size:15px;}
		.product-wrap.detail .like .list li .ctxt span{font-size:11px;}

		.product-wrap.detail .like .list .state p{font-size:11px;}
		.product-wrap.detail .like .list .state p.percent{font-size:10px;}
		.product-wrap.detail .like .list .state p.percent span{font-size:15px;}
		.product-wrap.detail .like .list .state p.sold, .product-wrap.detail .like .list .state p.rankup{font-size:11px;}
	}


.product-wrap.detail .review .list{border-bottom:1px solid #ddd; padding:30px 35px;}
.product-wrap.detail .review .list ul:after{display:block;content:"";clear:both}
.product-wrap.detail .review .list li{float:left; width:45%; box-sizing:border-box; position:relative; padding-left:174px;}
.product-wrap.detail .review .list li:nth-child(even){float:right;}
.product-wrap.detail .review .list li:nth-child(n+3){margin-top:25px;}
.product-wrap.detail .review .list li a{display:block; min-height:150px;}
.product-wrap.detail .review .list li .img{position:absolute; left:0; top:0;width:150px;height:150px}
.product-wrap.detail .review .list li .img img{width:100%;height:150px;object-fit:cover;}
.product-wrap.detail .review .list li .txt{display:flex;align-items: center; justify-content: center; height:150px;}
.product-wrap.detail .review .list li .vc{width:100%;}
.product-wrap.detail .review .list li .btxt{color:#323232; font-size:14px; letter-spacing:-0.03em; line-height:1.2em;}
.product-wrap.detail .review .list li .stxt{margin-top:15px;color:#777; font-size:14px; letter-spacing:-0.03em; line-height:1.4em; overflow:hidden; max-height:40px;}
.product-wrap.detail .review .list li .ctxt{margin-top:15px;color:#777; font-size:14px; letter-spacing:-0.03em; line-height:1.2em;}

.product-wrap.detail .review .btns{margin-top:17px;}
.product-wrap.detail .review .btns a{display:inline-block;vertical-align:top; font-size:13px; letter-spacing:-0.03em; padding:0 12px; line-height:26px;height:28px;}
.product-wrap.detail .review .btns .review-btn{border:1px solid #131719;background:#262c2f; color:#fff;}
.product-wrap.detail .review .btns .all-btn{margin-left:5px;border:1px solid #c6c6c6;background:#fff; color:#555;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .review .list{padding:20px 25px;}
		.product-wrap.detail .review .list li{ padding-left:164px;}
		.product-wrap.detail .review .list li a{min-height:140px;}
		.product-wrap.detail .review .list li .img{width:140px;height:140px;}
		.product-wrap.detail .review .list li .img img{height:140px;}
		.product-wrap.detail .review .list li .txt{height:140px;}

		.product-wrap.detail .review .btns a{padding:0 12px; font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .review .list{padding:20px 20px;}
		.product-wrap.detail .review .list li{width:48%; padding-left:137px;}
		.product-wrap.detail .review .list li a{min-height:120px;}
		.product-wrap.detail .review .list li .img{width:120px;height:120px;}
		.product-wrap.detail .review .list li .img img{height:120px;}
		.product-wrap.detail .review .list li .txt{height:120px;}

		.product-wrap.detail .review .list li .btxt{font-size:14px;}
		.product-wrap.detail .review .list li .stxt{margin-top:10px;font-size:13px;}
		.product-wrap.detail .review .list li .ctxt{margin-top:10px;font-size:13px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .review .list{padding:20px 15px; border-top:2px solid #414141;  margin-top:20px;}

		.product-wrap.detail .review .list li{ width:auto; float:none;padding-left:125px;}
		.product-wrap.detail .review .list li:nth-child(n+2){margin-top:15px; padding-top:15px; border-top:1px dashed #dedede;}
		.product-wrap.detail .review .list li:nth-child(even){float:none;}
		.product-wrap.detail .review .list li a{min-height:110px;}
		.product-wrap.detail .review .list li:nth-child(n+2) .img{top:15px;}
		.product-wrap.detail .review .list li .img{width:110px;height:110px;}
		.product-wrap.detail .review .list li .img img{height:110px;}
		.product-wrap.detail .review .list li .txt{height:110px;}
		.product-wrap.detail .review .list li .stxt{margin-top:7px;}
		.product-wrap.detail .review .list li .ctxt{margin-top:7px; font-size:12px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .review .list{padding:15px 10px;}
		.product-wrap.detail .review .list li .stxt{margin-top:3px;}
		.product-wrap.detail .review .list li .ctxt{margin-top:3px;}
	}


.product-wrap.detail .inquiry{position:relative;}
.product-wrap.detail .inquiry .list{}
.product-wrap.detail .inquiry .list table{table-layout:fixed;}
.product-wrap.detail .inquiry .list table td{text-align:center;padding:11px 0 13px 0; font-weight:300; border-bottom:1px solid #ddd;font-size:13px;color:#666; line-height:1.2em;}
.product-wrap.detail .inquiry .list table td.l{text-align:left; padding:11px 11px 13px 11px;}
.product-wrap.detail .inquiry .list table td a{color:#666;display:block;line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-wrap.detail .inquiry .list table td a:hover{color:#555; font-weight:400; text-decoration:underline}
.product-wrap.detail .inquiry .btns{margin-top:17px;}
.product-wrap.detail .inquiry .btns a{display:inline-block;vertical-align:top; font-size:13px; letter-spacing:-0.03em; padding:0 12px; line-height:26px;height:28px;}
.product-wrap.detail .inquiry .btns .counsel-btn{border:1px solid #131719;background:#262c2f; color:#fff;}
.product-wrap.detail .inquiry .btns .all-btn{margin-left:5px;border:1px solid #c6c6c6;background:#fff; color:#555;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .inquiry .btns a{padding:0 12px; font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .inquiry .list{border-top:2px solid #414141; margin-top:20px;}
		.product-wrap.detail .inquiry .list table colgroup{display:none;}
		.product-wrap.detail .inquiry .list table tr{position:relative; display:block; padding:12px 10px; border-bottom:1px solid #ddd;}
		.product-wrap.detail .inquiry .list table tr:after{display:block; content:"";clear:both;}
		.product-wrap.detail .inquiry .list table tr td:first-child{display:none;}
		.product-wrap.detail .inquiry .list table tr td{border-bottom:none; font-size:12px; padding:0;display:block;}
		.product-wrap.detail .inquiry .list table tr td.l{padding:0;}
		.product-wrap.detail .inquiry .list table tr td:nth-child(2){float:left; width:100%; margin-bottom:5px;}
		.product-wrap.detail .inquiry .list table td a{color:#333; font-weight:400; font-size:14px;}
		.product-wrap.detail .inquiry .list table tr td:nth-child(3){float:left;}
		.product-wrap.detail .inquiry .list table tr td:nth-child(4){float:left; margin-left:22px; position:relative;}
		.product-wrap.detail .inquiry .list table tr td:nth-child(4):before{width:1px;height:10px; background:#ccc; position:absolute; left:-12px; top:50%;margin-top:-4px; display:block; content:""}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

.product-wrap.detail .other{position:relative; border:1px solid #ebebeb;font-size:0;}
.product-wrap.detail .other:before{width:1px;height:100%; position:absolute; left:50%; top:0; background:#ebebeb; display:block;content:""}
.product-wrap.detail .other:after{display:block; content:"";clear:both}
.product-wrap.detail .other .item{display:inline-block;vertical-align:top;width:50%; min-height:340px; box-sizing:border-box; padding:35px;}
.product-wrap.detail .other .item:nth-child(n+3){border-top:1px solid #ebebeb}

.product-wrap.detail .other .tits{padding-bottom:20px;  border-bottom:1px solid #ebebeb; position:relative;;}
.product-wrap.detail .other .tits h3{color:#111; text-transform:uppercase; line-height:1.2em; font-size:16px; font-weight:400;}
.product-wrap.detail .other .tits p{color:#666; font-size:13px; font-weight:300;margin-top:2px; line-height:1.2em;letter-spacing:-0.02em;}
.product-wrap.detail .other .tits .page-top{border:1px solid #ebebeb; color:#111; font-size:13px; position:absolute;text-align:center; right:0; top:4px; width:95px; line-height:27px; height:30px; box-sizing:border-box; }
.product-wrap.detail .other .tits .page-top:hover{color:#fff; background:#414141; border-color:#414141}

.product-wrap.detail .other .cons{padding:30px 0; min-height:150px;}
.product-wrap.detail .other .cons p{color:#666; font-size:13px; font-weight:300; line-height:1.5em;letter-spacing:-0.03em;}
.product-wrap.detail .other .cons p.b{font-weight:500; color:#313131;}
.product-wrap.detail .other .cons ul{margin-top:4px;}
.product-wrap.detail .other .cons li{ position:relative; padding-left:10px;color:#666; font-size:13px; font-weight:300; line-height:1.5em;letter-spacing:-0.02em;}
.product-wrap.detail .other .cons li:before{width:4px;height:1px; background:#666; position:absolute; left:0; top:10px; display:block; content:""}
.product-wrap.detail .other .cons li:nth-child(n+2){margin-top:5px;}
	@media only screen and (max-width:1240px){
		.product-wrap.detail .other .item{padding:27px;}
		.product-wrap.detail .other .tits h3{font-size:15px;}
		.product-wrap.detail .other .tits p{font-size:12px;}
		.product-wrap.detail .other .tits .page-top{width:80px; font-size:12px;}
		.product-wrap.detail .other .cons .mg25t{margin-top:20px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap.detail .other .item{padding:20px;}
		.product-wrap.detail .other .tits{padding-bottom:15px;}
		.product-wrap.detail .other .cons{padding:15px 0 20px 0; min-height:100px;}
		.product-wrap.detail .other .cons li:before{top:9px}
	}
	@media only screen and (max-width:680px){
		.product-wrap.detail .other:before{display:none;}
		.product-wrap.detail .other .item{display:block;width:auto; min-height:auto;}
		.product-wrap.detail .other .item:nth-child(n+2){border-top:1px solid #ebebeb}
		.product-wrap.detail .other .cons .mg25t{margin-top:15px;}

		.product-wrap.detail .other .tits .page-top{width:70px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap.detail .other .item{padding:15px;}
	}


/*장바구니*/
.div-cont .cartTable {box-sizing:border-box; padding:10px 10px;
	color:#111; font-size: 14px;}

.div-cont .cartTable thead {background-color: #f3f3f3;border-top:1px solid #999 ;}
.div-cont .cartTable thead td:nth-child(1) {border-left:none;}
.div-cont .cartTable thead td:nth-child(6) {border-right:none;}

.div-cont .cartTable td {text-align:center; padding: 10px; border:1px solid #ddd ;}

.div-cont .cartTable tbody td:nth-child(3) {text-align:left;}
.div-cont .cartTable tbody td:nth-child(1) {border-left:none;}
.div-cont .cartTable tbody td:nth-child(6) {border-right:none;}


.div-cont .cartTable img {width:50px; height: 50px; border:1px solid #ddd ;box-sizing:border-box; }

.div-cont .cartTable input[type="checkbox"] {width:18px;height:18px;box-sizing:border-box; }
.div-cont .cartTable input[type="text"] {width:60px;height:24px; text-align: center; background-color: #f3f3f3; border:1px solid #dfdfdf;box-sizing:border-box; }
.div-cont .cartTable input[type="button"] {width:80px;height:34px; text-align: center; background-color: #fff; border:1px solid #999;box-sizing:border-box; }


.div-cont .CartFooter { text-align: center;}
.div-cont .CartFooter .allprice {border-bottom:1px solid #ddd;  box-sizing: border-box; margin-top: 0; text-align: right; color:3888; padding: 15px 0;}
.div-cont .CartFooter .allprice span {color:#FF0004; font-weight: bold; }


.div-cont .CartFooter .btns01,.btns02 { padding:30px  0 0 0 ;}
.div-cont .CartFooter .btns01 input[type="button"]{width:80px;height:27px; text-align: center; background-color: #fff; border:1px solid #999;box-sizing:border-box; margin-right: 10px;} 
.div-cont .CartFooter .btns01 input[type="button"]:last-child { margin-right:0;} 

.div-cont .CartFooter .btns02 .btnOrder{width:30%;height:45px; text-align: center; background-color: #262c2f; border:1px solid #0c0f10;box-sizing:border-box; color:#fff; cursor: pointer;  margin-right: 10px;} 



.div-cont .CartFooter .btns02 .btnAddOrder {width:30%;height:45px; text-align: center; background-color: #fff; border:1px solid #dfdfdf;box-sizing:border-box; color:#333; cursor: pointer;} 


.div-cont .CartGuide {border:1px solid #ddd; padding:0; box-sizing: border-box; margin-top: 20px; font-size: 13px;}
.div-cont .CartGuide h1 { border-bottom:1px solid #ddd; font-weight: bold; padding:10px;}
.div-cont .CartGuide p { font-weight: bold; padding:10px;}
.div-cont .CartGuide ul { padding:10px;}
.div-cont .CartGuide li { background: url("../_Img/Icon/blit_01.gif"); background-repeat: no-repeat; background-position: 4px 9px;  padding-left: 16px; color: #888;}

/*주문하기 - Start*/
.div-cont .orderTable {box-sizing:border-box; padding:10px 10px;
	color:#111; font-size: 14px;}

.div-cont .orderTable thead {background-color: #f3f3f3;border-top:1px solid #999 ;}
.div-cont .orderTable thead td:nth-child(1) {border-left:none;}
.div-cont .orderTable thead td:nth-child(2) {border-right:none;}
.div-cont .orderTable td {text-align:center; padding: 10px; border:1px solid #ddd ;}
.div-cont .orderTable tbody td:nth-child(3) {text-align:left;}
.div-cont .orderTable tbody td:nth-child(1) {border-left:none;}
.div-cont .orderTable tbody td:nth-child(2) {border-right:none;}
.div-cont .orderTable img {width:50px; height: 50px; border:1px solid #ddd ;box-sizing:border-box; }
.div-cont .orderTable input[type="checkbox"] {width:18px;height:18px;box-sizing:border-box; }
.div-cont .orderTable input[type="text"] {width:60px;height:24px; text-align: center; background-color: #f3f3f3; border:1px solid #dfdfdf;box-sizing:border-box; }
.div-cont .orderTable input[type="button"] {width:80px;height:34px; text-align: center; background-color: #fff; border:1px solid #999;box-sizing:border-box; }


/*결제정보 - Start*/
.div-cont .payTable {box-sizing:border-box; padding:10px 10px;
	color:#111; font-size: 14px;}

.div-cont .payTable thead {background-color: #f3f3f3;border-top:1px solid #999 ;}
.div-cont .payTable thead td:nth-child(1) {border-left:none;}
.div-cont .payTable thead td:nth-child(2) {border-right:none;}
.div-cont .payTable td {text-align:center; padding: 10px; border:1px solid #ddd ;}
.div-cont .payTable tbody td:nth-child(3) {text-align:left;}
.div-cont .payTable tbody td:nth-child(1) {border-left:none;}
.div-cont .payTable tbody td:nth-child(2) {border-right:none;}
.div-cont .payTable tbody td:nth-child(6) {border-right:none;}
.div-cont .payTable img {width:50px; height: 50px; border:1px solid #ddd ;box-sizing:border-box; }
.div-cont .payTable input[type="checkbox"] {width:18px;height:18px;box-sizing:border-box; }
.div-cont .payTable input[type="text"] {width:60px;height:24px; text-align: center; background-color: #f3f3f3; border:1px solid #dfdfdf;box-sizing:border-box; }
.div-cont .payTable input[type="button"] {width:80px;height:34px; text-align: center; background-color: #fff; border:1px solid #999;box-sizing:border-box; }




@media only screen and (max-width:999px){
	.div-cont .cartTable input[type="text"] {width:45px;}
	.div-cont .cartTable td {padding: 3px; }
	.div-cont .cartTable {font-size: 12px;}
	.div-cont .orderTable input[type="text"] {width:45px;}
	.div-cont .orderTable td {padding: 3px; }
	.div-cont .orderTable {font-size: 12px;}
	.div-cont .payTable input[type="text"] {width:45px;}
	.div-cont .payTable td {padding: 3px; }
	.div-cont .payTable {font-size: 12px;}
	
	.div-cont .CartFooter .btns02 .btnOrder{width:50%; } 
	.div-cont .CartFooter .btns02 .btnAddOrder {width:49%;  } 
	.div-cont .CartFooter .btns01,.btns02 { padding:20px  0 0 0 ;}
	.div-cont .CartFooter .btns01 input[type="button"]{width:20%; height: 35px; margin-top: 0;} 
	.div-cont .CartFooter .btns02 .btnOrder{margin-right:2px;} 
	

}


/* 로그인 영역 */
.loginBox { display: block; position: relative;width:460px;   padding:20px 0 30px 0; text-align: center; box-sizing: border-box; border:1px solid #c6c6c6;  background: #fff; margin: 0 auto; 
box-shadow: 2px 3px 2px rgba(220, 220, 220, .2) }
.loginBox .size{ width:360px !important; margin:0 auto; text-align: left; position: relative;}
	
.loginBox .size p {color:#3e3e3e; font-size: 14px ; padding: 15px 0 7px 0; }
.loginBox .size input[type="text"]{ display: inline-block; clear: both; width:100%;height:35px;  box-sizing: border-box; background: #fff;  padding:5px; border: 1px solid #d3d3d3;} 
.loginBox .size input[type="password"]{ display: inline-block;  clear: both;width:100%;height:35px;  box-sizing: border-box; background: #fff;  padding:5px; border: 1px solid #d3d3d3;} 

.loginBox .size input[type="button"]{ display: block; margin-top: 20px; width:100%; height: 45px;line-height: 45px;   box-sizing: border-box; background-color: #490da3;  padding:0; border: 1px solid #490da3; text-align: center; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center; } 
 


.loginBox .size span {display:inline-block; padding-top: 10px; padding-bottom: 15px;}
.loginBox .size span a { display: inline-block; font-size:13px; color:#7f7f7f; background-image: url("../_Img/Icon/btn_row_gr.png"); background-repeat: no-repeat; background-position: 90% center; padding:0 20px 0 0; margin-right: 10px;}




.loginBox .btnJoin {display: block; margin-top: 30px; width:100%; height: 45px; line-height: 45px;  box-sizing: border-box; background-color: #140841;  padding:0; border: 1px solid #140841; text-align: center !important; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center;}
.btnJoin {display: block; margin-top: 30px; width:100px; height: 45px; line-height: 45px;  box-sizing: border-box; background-color: #140841;  padding:0; border: 1px solid #140841; text-align: center !important; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center;}

.loginBox .jointxt { display: block; text-align: center; color:#777; font-size: 13px; padding: 20px; box-sizing: border-box;margin: 0 auto}


@media only screen and (max-width:600px){
	.loginBox  {width:90%; margin: 0 auto;}
	.loginBox .size {width:90% !important; margin: 0 auto;}
	.loginBox .size p { font-size: 13px ; padding: 8px 0 3px 0; }
	.loginBox .size input[type="text"]{height:30px; line-height:30px;}
	.loginBox .size input[type="password"]{ height:30px; line-height:30px;}
	.loginBox .size input[type="button"]{margin-top: 15px; font-size:13px;height:40px; line-height: 40px;  }
		
	.loginBox .btnJoin { margin-top: 15px; font-size:13px;height:40px; line-height: 40px; width:100% !important;  }

	
}

/*회원가입 영역*/
.MemberTap { display: block; width: 100%; position: relative; height: 50px; box-sizing: border-box;border-right:1px solid #c6c6c6;}


.MemberTap a {font-size:16px; font-weight: normal; color:#999; display: inline-block;
position: relative; background-color: #f3f3f3; border:1px solid #c6c6c6; border-right:none; border-bottom: 1px solid #c6c6c6; width:50%;height: 50px; line-height: 50px; box-sizing: border-box; text-align: center;}

.MemberTap a.select {font-size:16px; font-weight: normal; color:#111; display: inline-block;
position: relative; background-color: #fff; border:1px solid #c6c6c6; border-bottom: none;border-right:none; width:50%;height: 50px; line-height: 50px; box-sizing: border-box; text-align: center;}



/*커뮤티티 영역*/
.communityWrap {box-sizing: border-box; border:1px solid #c6c6c6; border-top:none;  background: #fff; margin: 0 auto; padding:30px 90px; 
box-shadow: 2px 3px 2px rgba(220, 220, 220, .2) ;display: block; position: relative;width:100%; margin-bottom: 100px; }

.communityWrap .con { padding:10px 0; width: 900px; line-height: 200%;}
.communityWrap .smalltxt { display:inline-block ; margin-left:4px; font-size:12px; line-height: 120%; color:#888; padding-top:0;}
.communityWrap .space {width:100%; height: 1px; background: #ddd; margin-top:20px; margin-bottom: 20px;}
@media only screen and (max-width:999px){
	.communityWrap {padding:15px; }
	.communityWrap .con {width:100%; box-sizing: border-box;}
	/*.communityWrap .con input{  padding:.4em .6em; width:100%; }*/
	.communityWrap .con input[type="button"] {  padding:.4em .60em .4em 1.0em; width:40.5%; margin-left: 0;margin-top: 5px; }
	.communityWrap .con label {display: block !important;padding:0 10px 0 8px;}
	.communityWrap .con .in2 {margin-left:0; margin-top:5px; width:100%;}
	.communityWrap .con .in1 {margin-left:0; margin-top:5px; width:58%;max-width: 260px;}
	.communityWrap .con .context1 {margin-left:0; margin-top:5px; width:1%;max-width: 260px;}
	
    .communityWrap .smalltxt { display: block;clear:both;}
	.communityWrap .smalltxt {padding-top:10px;}
	.communityWrap .pointtxt {padding-top:10px;color:#ff3}
	
	
	.communityWrap .conTel {width:100%; box-sizing: border-box;}
	.communityWrap .conTel label {display: block !important;padding:0 10px 0 8px;}
	.communityWrap .conTel input[type="checkbox"] { margin-left:0;}
	.communityWrap .exptxt {margin-left:0;}
	.communityWrap .conTel select {display:block; clear:both; margin-top: 5px; width:97% !important; max-width: 260px;	}
	.communityWrap .conTel .tel1 {width:60px;}
	.communityWrap .conTel .tel2 {width:80px;}
	.communityWrap .con-none {padding:0 10px 0 8px; display:block; clear:both;}


}



.JoinWrap {box-sizing: border-box; border:1px solid #c6c6c6;   background: #fff; margin: 0 auto; padding:30px 90px; 
box-shadow: 2px 3px 2px rgba(220, 220, 220, .2) ;display: block; position: relative;width:100%; margin-bottom: 10px; }

.joinselect {border-top:1px  solid #c6c6c6 !important;padding-top:40px;}


.JoinWrap .space {width:100%; height: 1px; background: #ddd; margin-top:20px; margin-bottom: 20px;}
.JoinWrap .tit { background-image: url("../_Img/Icon/ico-bp.png"); background-position: left center; background-repeat: no-repeat;
						font-size:14px; color:#111; text-align: left; padding-left:17px; }

.JoinWrap .con { padding:10px 0; width: 900px; line-height: 200%;}
.JoinWrap .con label { display: inline-block; background-image: url("../_Img/Icon/ico-bp.png"); background-position: left center; background-repeat: no-repeat; color:#111; text-align: left;
						font-size:14px; padding:0 10px 0 17px; width:90px;}
.JoinWrap .con input{ height:auto; line-height: normal; padding:.4em .9em; border:1px solid #ddd !important; background-color: #f6f6f6;  box-sizing: border-box; display: inline-block;}
.JoinWrap .con input[type="button"] {  height:auto; line-height: normal; padding:.4em .60em .4em 1.6em;display: inline-block;
	                  border:1px solid #ddd !important; background-color: #fff;  box-sizing: border-box;background-image: url("../_Img/Icon/btn_row_gr.png"); background-position: 5px center; background-repeat: no-repeat;}

.JoinWrap .con input[type="checkbox"] { margin-right: 3px;vertical-align: top;padding:0; margin-top: 6px; }
.JoinWrap .con input[type="file"] {  height:auto; line-height: normal; padding:.4em .60em .4em 1.6em;display: inline-block;}
.JoinWrap .con input[type="select"] {background:#ff7f2a}
.JoinWrap .con .btnpoint {  height:auto; line-height: normal; padding:.4em .60em .4em 1.6em;display: inline-block;
	                  border:1px solid #ddd !important; background-color: #ccc;  box-sizing: border-box;background-image: url("../_Img/Icon/btn_row_gr.png"); background-position: 5px center; background-repeat: no-repeat;}

	
.JoinWrap .con .in1 {width:80px;}
.JoinWrap .con .in2 {width:400px; margin-left: 120px; margin-top: 10px;}
.JoinWrap .con .in3 {width:400px; margin-left: 120px; margin-top: 10px;}

.JoinWrap .con .in4 {width:55px;}
.JoinWrap .con .in5 {width:67px; margin-left: 0px; margin-top: 10px;}
.JoinWrap .con .in6 {width:67px; margin-left: 0; margin-top: 10px;}

.JoinWrap .conscroll {border:1px solid #ddd; background-color: #f9f9f9; padding:15px; height:180px; overflow:auto; font-size:12px; line-height: 160%; }

.JoinWrap .conTel { padding:10px 0; width: 900px; line-height: 200%;}
.JoinWrap .conTel input {width:120px; height:auto; line-height: normal; padding:.4em .9em; border:1px solid #ddd !important; background-color: #f6f6f6;  box-sizing: border-box;display: inline-block;}
.JoinWrap .conTel input[type="checkbox"] { margin-right: 3px;vertical-align: top;padding:0; margin-top: 6px; margin-left: 121px;}
.JoinWrap .conTel label { display: inline-block; background-image: url("../_Img/Icon/ico-bp.png"); background-position: left center; background-repeat: no-repeat; color:#111; text-align: left; font-size:14px; padding:0 10px 0 17px; width:90px; }
.JoinWrap .conTel select {width:120px !important;}
.JoinWrap .conTel .tel1 {width:70px;}
.JoinWrap .conTel .tel2 {width:90px;}

.JoinWrap .con-none {background-image:url("../_Img/Icon/ico-bp.png");background-position:left center;background-repeat:no-repeat;
color:#111; text-align: left;font-size:14px; padding:0 10px 0 17px; width: 90px; margin-top: 10px; display: inline-block;}


.JoinWrap .btnJoin {display: block; margin: 0 auto; margin-top: 30px; width:200px; height: 45px;line-height: 45px; box-sizing: border-box; background-color: #666; border:none;  padding:0;  text-align: center; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center;  }

.JoinWrap .btnJoin-normal   {display: inline-block; margin: 0 auto; margin-top: 30px;  padding:0;  width:49.5%; height: 45px;line-height: 45px; box-sizing: border-box;word-break:break-all;white-space:normal;
							background-color: #490da3; border: 1px solid #490da3; text-align: center; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center;  }

.JoinWrap .btnJoin-business {display: inline-block;  margin: 0 auto; margin-top: 30px;  padding:0;  width:49.5%; height: 45px;line-height: 45px; box-sizing: border-box;word-break:break-all;white-space:normal;
							background-color: #0d5aa3; border: 1px solid #0d5aa3; text-align: center; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center;  }



.JoinWrap .exptxt { display:block ; margin-left:121px; font-size:12px; line-height: 120%;}
.JoinWrap .smalltxt { display:inline-block ; margin-left:4px; font-size:12px; line-height: 120%; color:#888; padding-top:0;}
.JoinWrap .pointtxt { display:inline-block ; margin-left:4px; font-size:12px; line-height: 120%;  padding-top:0;color:#ff3}


@media only screen and (max-width:999px){
	.JoinWrap {padding:15px; }
	.JoinWrap .con {width:100%; box-sizing: border-box;}
	/*.JoinWrap .con input{  padding:.4em .6em; width:100%; }*/
	.JoinWrap .con input[type="button"] {  padding:.4em .60em .4em 1.0em; width:40.5%; margin-left: 0;margin-top: 5px; }
	.JoinWrap .con label {display: block !important;padding:0 10px 0 8px;}
	.JoinWrap .con .in2 {margin-left:0; margin-top:5px; width:100%;}
	.JoinWrap .con .in1 {margin-left:0; margin-top:5px; width:58%;max-width: 260px;}
	.JoinWrap .con .context1 {margin-left:0; margin-top:5px; width:1%;max-width: 260px;}
	
    .JoinWrap .smalltxt { display: block;clear:both;}
	.JoinWrap .smalltxt {padding-top:10px;}
	.JoinWrap .pointtxt {padding-top:10px;color:#ff3}
	
	
	.JoinWrap .conTel {width:100%; box-sizing: border-box;}
	.JoinWrap .conTel label {display: block !important;padding:0 10px 0 8px;}
	.JoinWrap .conTel input[type="checkbox"] { margin-left:0;}
	.JoinWrap .exptxt {margin-left:0;}
	.JoinWrap .conTel select {display:block; clear:both; margin-top: 5px; width:97% !important; max-width: 260px;	}
	.JoinWrap .conTel .tel1 {width:60px;}
	.JoinWrap .conTel .tel2 {width:80px;}
	.JoinWrap .con-none {padding:0 10px 0 8px; display:block; clear:both;}
}


.MypageWrap {box-sizing: border-box; border:1px solid #c6c6c6;  background: #fff; margin: 0 auto; padding:10px 20px; 
box-shadow: 2px 3px 2px rgba(220, 220, 220, .2) ;display: block; position: relative;width:100%; margin-bottom: 100px; }
.MypageWrap .listimg img{width:100px;border:1px solid #c6c6c6;margin:2px}

@media only screen and (max-width:999px){
	.MypageWrap {padding:15px; }
	.MypageWrap .listimg img{width:50px}
}




@media only screen and (max-width:500px){
	.JoinWrap .btnJoin-normal   {  display: block; width:100%;}

	.JoinWrap .btnJoin-business {  display: block; width:100%; float: none; margin-top: 5px; margin-bottom: 20px;}
	
}





@media only screen and (max-width:360px){
	
}


.OrderWrap .btnOrder {display: block; margin: 0 auto; margin-top: 30px; width:200px; height: 45px;line-height: 45px; box-sizing: border-box; background-color: #490da3;  padding:0; border: 1px solid #490da3; text-align: center; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center; float:center  }
.OrderWrap .btnCansel {display: block; margin: 0 auto; margin-top: 30px; width:200px; height: 45px;line-height: 45px; box-sizing: border-box; background-color: #ffffff;  padding:0; border: 1px solid #000000; text-align: center; color:#000000; font-size:15px;background-image:url(../_Img/Icon/btn_row.png); background-repeat:  no-repeat; background-position: 90%  center; float:center  }


/*마이페이지 */
.Wrap_Left {float: left; width:200px;  background: #efefef; box-sizing:border-box; }
.Wrap_Left ul li.title {width: 100%; height: 50px;}
.Wrap_Left ul li.title a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 18px; font-weight: 700; color: #2f2f2f;text-indent: 0; line-height: 50px; text-align: center;}
.Wrap_Left ul li {height: 40px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; position: relative;}
.Wrap_Left ul li a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 14px; color: #4f4f4f; line-height: 40px; text-align: left; text-indent: 62px; }
.Wrap_Left ul li a:after {content: ""; width: 30px; height: 30px; border-radius: 50%; display: inline-block; position: absolute; top: 5px; left: 12px;}
.Wrap_Left ul li:nth-child(1) a:after {display: none;}
.Wrap_Left ul li:nth-child(2) a:after {background:url("/_Img/Icon/icon-mp01.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(3) a:after {background:url("/_Img/Icon/icon-mp02.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(4) a:after {background:url("/_Img/Icon/icon-mp03.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(5) a:after {background:url("/_Img/Icon/icon-mp04.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(6) a:after {background:url("/_Img/Icon/icon-mp05.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(7) a:after {background:url("/_Img/Icon/icon-mp06.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(8) a:after {background:url("/_Img/Icon/icon-mp07.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(9) a:after {background:url("/_Img/Icon/icon-mp08.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(10) a:after {background:url("/_Img/Icon/icon-mp09.png") no-repeat center center #fff;}
.Wrap_Left ul li:nth-child(11) a:after {background:url("/_Img/Icon/icon-mp10.png") no-repeat center center #fff;}

.Wrap_Left ul li:hover {background:#d8d8d9;}
.Wrap_Left ul li:hover a {color: #000;}
.Wrap_Left ul li:nth-child(2):hover a:after {background:url("/_Img/Icon/icon-mp01-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(3):hover a:after {background:url("/_Img/Icon/icon-mp02-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(4):hover a:after {background:url("/_Img/Icon/icon-mp03-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(5):hover a:after {background:url("/_Img/Icon/icon-mp04-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(6):hover a:after {background:url("/_Img/Icon/icon-mp05-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(7):hover a:after {background:url("/_Img/Icon/icon-mp06-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(8):hover a:after {background:url("/_Img/Icon/icon-mp07-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(9):hover a:after {background:url("/_Img/Icon/icon-mp08-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(10):hover a:after {background:url("/_Img/Icon/icon-mp09-o.png") no-repeat center center #9166d3;}
.Wrap_Left ul li:nth-child(11):hover a:after {background:url("/_Img/Icon/icon-mp10-o.png") no-repeat center center #9166d3;}



.Wrap_Right {margin-left: 260px;}
.Wrap_Right .my-title {font-size: 18px; color: #000; line-height: 12px;}
.Wrap_Right .my-title:before {content: ""; display: inline-block; width: 5px; height: 18px; background:#490da3; margin-right: 10px; position: relative; top: 2px;}
.Wrap_Right .myTable1 {margin-top: 15px;}
.Wrap_Right .myTable1 li {display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px;line-height: 15px;}
.Wrap_Right .myTable1 li:first-child {background:#f2f2f2; margin-bottom: 0; height: 40px; border-bottom: none;}
.Wrap_Right .myTable1 li span {display: inline-block; text-align: center;}
.Wrap_Right .myTable1 li span:nth-child(1) {width: 12%;}
.Wrap_Right .myTable1 li span:nth-child(1) img {width: 100%;}
.Wrap_Right .myTable1 li span:nth-child(2) {width: 30%;}
.Wrap_Right .myTable1 li span:nth-child(3) {width: 12%;}
.Wrap_Right .myTable1 li span:nth-child(4) {width: 7%;}
.Wrap_Right .myTable1 li span:nth-child(5) {width: 15%; color: #6104ee; font-weight: 600; }
.Wrap_Right .myTable1 li span:nth-child(6) {width: 10%;}
.Wrap_Right .myTable1 li span:nth-child(7) {width: 14%; display: flex; flex-direction: column; padding: 0 25px; box-sizing: border-box;}
.Wrap_Right .myTable1 li span:nth-child(7) input {margin-bottom: 2px; padding: 3px; background:#fff; color: #262c2f; border: 1px solid #262c2f;}
.Wrap_Right .myTable1 li span:nth-child(7) input:last-child {margin-bottom: 0; background:#262c2f; color: #fff;}

.Wrap_Right .myTable2 {margin-top: 15px;}
.Wrap_Right .myTable2 li {display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px;}
.Wrap_Right .myTable2 li:first-child {background:#f2f2f2; margin-bottom: 0; height: 40px; border-bottom: none;}
.Wrap_Right .myTable2 li span {display: inline-block; text-align: center;}
.Wrap_Right .myTable2 li span:nth-child(1) {width: 12%;}
.Wrap_Right .myTable2 li span:nth-child(1) img {width: 100%;}
.Wrap_Right .myTable2 li span:nth-child(2) {width: 30%;}
.Wrap_Right .myTable2 li span:nth-child(3) {width: 12%;}
.Wrap_Right .myTable2 li span:nth-child(4) {width: 7%;}
.Wrap_Right .myTable2 li span:nth-child(5) {width: 15%; }
.Wrap_Right .myTable2 li span:nth-child(6) {width: 10%;}
.Wrap_Right .myTable2 li span:nth-child(7) {width: 14%; display: flex; flex-direction: column; padding: 0 25px; box-sizing: border-box;}
.Wrap_Right .myTable2 li span:nth-child(7) input {margin-bottom: 2px; padding: 3px; background:#fff; color: #262c2f; border: 1px solid #262c2f;}
.Wrap_Right .myTable2 li span:nth-child(7) input:last-child {margin-bottom: 0; background:#262c2f; color: #fff;}


.Wrap_Right .myTable {margin-top: 15px;}
.Wrap_Right .myTable:last-child {margin-bottom: 100px;}
.Wrap_Right .myTable tr {display: flex; min-height: 40px; line-height: 40px;}
.Wrap_Right .myTable tr:first-child {background:#f2f2f2; border-top: 1px solid #ddd;}
.Wrap_Right .myTable tr:first-child td:nth-child(2){text-align: center; padding-right: 0;}
.Wrap_Right .myTable tr td {text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-right: none; border-top: none;}
.Wrap_Right .myTable tr td:nth-child(1) {width: 20%;}
.Wrap_Right .myTable tr td:nth-child(2) {width: 23%; text-align: right; padding-right: 10px;}
.Wrap_Right .myTable tr td:nth-child(3) {width: 17%;}
.Wrap_Right .myTable tr td:nth-child(4) {width: 40%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable tr span.point_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable tr span.point_icon img {width: 100%;}
.Wrap_Right .myTable tr span.cash_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable tr span.cash_icon img {width: 100%;}


.Wrap_Right .myTable03 {margin-top: 15px;}
.Wrap_Right .myTable03:last-child {margin-bottom: 100px;}
.Wrap_Right .myTable03 tr {display: flex; min-height: 40px; line-height: 40px;}
.Wrap_Right .myTable03 tr:first-child {background:#f2f2f2; border-top: 1px solid #ddd;}
.Wrap_Right .myTable03 tr:first-child td:nth-child(2){text-align: center; padding-right: 0;}
.Wrap_Right .myTable03 tr td {text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-right: none; border-top: none;}
.Wrap_Right .myTable03 tr td:nth-child(1) {width: 10%;}
.Wrap_Right .myTable03 tr td:nth-child(2) {width: 25%; text-align: left; padding-left: 10px;}
.Wrap_Right .myTable03 tr td:nth-child(3) {width: 15%;}
.Wrap_Right .myTable03 tr td:nth-child(4) {width: 15%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable03 tr td:nth-child(5) {width: 20%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable03 tr td:nth-child(6) {width: 15%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable03 tr span.point_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable03 tr span.point_icon img {width: 100%;}
.Wrap_Right .myTable03 tr span.cash_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable03 tr span.cash_icon img {width: 100%;}


.Wrap_Right .myTable04 {margin-top: 15px;}
.Wrap_Right .myTable04:last-child {margin-bottom: 100px;}
.Wrap_Right .myTable04 tr {display: flex; min-height: 40px; line-height: 20px;}
.Wrap_Right .myTable04 tr:first-child {background:#f2f2f2; border-top: 1px solid #ddd;}
.Wrap_Right .myTable04 tr:first-child td:nth-child(2){text-align: center; padding-right: 0;}
.Wrap_Right .myTable04 tr td {text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-right: none; border-top: none;}
.Wrap_Right .myTable04 tr td:nth-child(1) {width: 15%;}
.Wrap_Right .myTable04 tr td:nth-child(2) {width: 45%; text-align: left; padding-left: 10px;}
.Wrap_Right .myTable04 tr td:nth-child(3) {width: 15%;}
.Wrap_Right .myTable04 tr td:nth-child(4) {width: 15%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable04 tr td:nth-child(5) {width: 10%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable04 tr span.point_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable04 tr span.point_icon img {width: 100%;}
.Wrap_Right .myTable04 tr span.cash_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}


.Wrap_Right .myTable05 {margin-top: 15px;}
.Wrap_Right .myTable05:last-child {margin-bottom: 100px;}
.Wrap_Right .myTable05 tr {display: flex; min-height: 40px; line-height: 20px;}
.Wrap_Right .myTable05 tr:first-child {background:#f2f2f2; border-top: 1px solid #ddd;}
.Wrap_Right .myTable05 tr:first-child td:nth-child(2){text-align: center; padding-right: 0;}
.Wrap_Right .myTable05 tr td {text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-right: none; border-top: none;}
.Wrap_Right .myTable05 tr td:nth-child(1) {width: 15%;}
.Wrap_Right .myTable05 tr td:nth-child(2) {width: 45%; text-align: left; padding-left: 10px;}
.Wrap_Right .myTable05 tr td:nth-child(3) {width: 15%;}
.Wrap_Right .myTable05 tr td:nth-child(4) {width: 15%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable05 tr td:nth-child(5) {width: 10%; border-right: 1px solid #ddd;}
.Wrap_Right .myTable05 tr span.point_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}
.Wrap_Right .myTable05 tr span.point_icon img {width: 100%;}
.Wrap_Right .myTable05 tr span.cash_icon {border: none; width: 22px; margin-left: 7px; display: inline-block;}


#ordercnt{width: 90%;border:1px solid #e4e4e4;text-align:center}




@media only screen and (max-width:1240px){
	.Wrap_Left  {float:none; width: 100%; position: relative; display: inline-block;  margin-top: 20px; min-height: 0; height:auto; background:none; }
	.Wrap_Left ul li {float:left; width: calc(100% / 4); height: 60px; border-right: 1px solid #dfdfdf;}
	.Wrap_Left ul li:nth-child(1) {border-right:none; padding: 0;}
	.Wrap_Left ul li:nth-child(4n-2) {border-left: 1px solid #dfdfdf;}
	.Wrap_Left ul li.title a {padding-top: 0; line-height: 40px;}
	.Wrap_Left ul li a {text-indent: 0; padding-top: 25px; box-sizing: border-box; text-align: center;}
	.Wrap_Left ul li a:after {display: block; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); }
	
	.Wrap_Right {margin-left: 0;  position: relative;  }	
	}

@media only screen and (max-width:999px){
	.Wrap_Left  {margin-top: 15px; }
	
	.Wrap_Right { }
	.Wrap_Right .myTable1 li {display: flex; flex-wrap: wrap; position: relative;  align-items: flex-start; padding: 0;}
	.Wrap_Right .myTable1 li:first-child {background:#f2f2f2; margin-bottom: 0; height: 40px; border-bottom: none; }
	.Wrap_Right .myTable1 li:first-child span {display: none;}
	.Wrap_Right .myTable1 li:first-child span:nth-child(1) {position: absolute; top: 0; left: 0; display: block; height: 100%; line-height: 40px;}
	.Wrap_Right .myTable1 li:first-child span:nth-child(1):after {content: "주문정보"; display: block; width: 233%; height: 100%; position: absolute; top: 0; left: 100%;}
	.Wrap_Right .myTable1 li:first-child span:nth-child(7) {display: none;}
	.Wrap_Right .myTable1 li span {display: inline-block; text-align: center;}
	.Wrap_Right .myTable1 li span:nth-child(1) {width: 25%;}
	.Wrap_Right .myTable1 li span:nth-child(1) img {width: 100%;}
	.Wrap_Right .myTable1 li span:nth-child(2) {width: 75%; text-align: left; margin-top: 5%; text-indent: 50px; }
	.Wrap_Right .myTable1 li span:nth-child(3) {position: absolute; top: 40%; left: calc(25% + 50px); text-align: left; width: 150px;}
	.Wrap_Right .myTable1 li span:nth-child(3):before {content:"단가"; margin-right: 20px; }
	.Wrap_Right .myTable1 li span:nth-child(4) {position: absolute; top: 40%; left: calc(25% + 200px); text-align: left; width: 100px;}
	.Wrap_Right .myTable1 li span:nth-child(4):before {content:"수량"; margin-right: 20px;}
	.Wrap_Right .myTable1 li span:nth-child(5) {position: absolute; top: 50%; left: calc(25% + 50px); text-align: left; width: 200px;}
	.Wrap_Right .myTable1 li span:nth-child(5):before {content: "금액"; margin-right: 20px;}
	.Wrap_Right .myTable1 li span:nth-child(6) {width: 25%; border-top: 1px solid #ddd; box-sizing: border-box; height: 30px; line-height: 30px;}
	.Wrap_Right .myTable1 li span:nth-child(7) {width: 75%; display: flex; flex-direction: row; padding: 0; box-sizing: border-box; height: 30px;}
	.Wrap_Right .myTable1 li span:nth-child(7) input {width: calc(100% / 3); margin-bottom: 0; padding: 0; border: 1px solid #ddd; border-bottom:none; border-right: none;}
	.Wrap_Right .myTable1 li span:nth-child(7) input:last-child {border:1px solid #262c2f;}

	.Wrap_Right .myTable2 li {display: flex; flex-wrap: wrap; position: relative;  align-items: flex-start; padding: 0;}
	.Wrap_Right .myTable2 li:first-child {background:#f2f2f2; margin-bottom: 0; height: 40px; border-bottom: none; }
	.Wrap_Right .myTable2 li:first-child span {display: none;}
	.Wrap_Right .myTable2 li:first-child span:nth-child(1) {position: absolute; top: 0; left: 0; display: block; height: 100%; line-height: 40px;}
	.Wrap_Right .myTable2 li:first-child span:nth-child(1):after {content: "주문정보"; display: block; width: 233%; height: 100%; position: absolute; top: 0; left: 100%;}
	.Wrap_Right .myTable2 li:first-child span:nth-child(7) {display: none;}
	.Wrap_Right .myTable2 li span {display: inline-block; text-align: center;}
	.Wrap_Right .myTable2 li span:nth-child(1) {width: 25%;}
	.Wrap_Right .myTable2 li span:nth-child(1) img {width: 100%;}
	.Wrap_Right .myTable2 li span:nth-child(2) {width: 75%; text-align: left; margin-top: 5%; text-indent: 50px; }
	.Wrap_Right .myTable2 li span:nth-child(3) {position: absolute; top: 40%; left: calc(25% + 50px); text-align: left; width: 150px;}
	.Wrap_Right .myTable2 li span:nth-child(3):before {content:"단가"; margin-right: 20px; }
	.Wrap_Right .myTable2 li span:nth-child(4) {position: absolute; top: 40%; left: calc(25% + 200px); text-align: left; width: 100px;}
	.Wrap_Right .myTable2 li span:nth-child(4):before {content:"수량"; margin-right: 20px;}
	.Wrap_Right .myTable2 li span:nth-child(5) {position: absolute; top: 50%; left: calc(25% + 50px); text-align: left; width: 200px;}
	.Wrap_Right .myTable2 li span:nth-child(5):before {content: "금액"; margin-right: 20px;}
	.Wrap_Right .myTable2 li span:nth-child(6) {width: 25%; border-top: 1px solid #ddd; box-sizing: border-box; height: 30px; line-height: 30px;}
	.Wrap_Right .myTable2 li span:nth-child(7) {width: 75%; display: flex; flex-direction: row; padding: 0; box-sizing: border-box; height: 30px;}
	.Wrap_Right .myTable2 li span:nth-child(7) input {width: calc(100% / 3); margin-bottom: 0; padding: 0; border: 1px solid #ddd; border-bottom:none; border-right: none;}
	.Wrap_Right .myTable2 li span:nth-child(7) input:last-child {border:1px solid #262c2f;}
	
	}
@media only screen and (max-width:480px){
	.Wrap_Left  {margin-top: 10px; }
	.Wrap_Left ul li a {font-size: 12px;}
	
	.Wrap_Right { }
	.Wrap_Right .my-title {font-size: 16px; line-height: 16px;}
	.Wrap_Right .my-title:before { width: 4px; height: 16px;  margin-right: 8px;}
	.Wrap_Right .myTable tr {font-size: 12px;}
	.Wrap_Right .myTable tr span.point_icon {border: none; width: 18px; margin-left: 4px;}
	.Wrap_Right .myTable tr span.cash_icon {border: none; width: 18px; margin-left: 4px;}

	.Wrap_Right .myTable03 tr {font-size: 12px;}
	.Wrap_Right .myTable03 tr span.point_icon {border: none; width: 18px; margin-left: 4px;}
	.Wrap_Right .myTable03 tr span.cash_icon {border: none; width: 18px; margin-left: 4px;}

	.Wrap_Right .myTable04 tr {font-size: 12px;}
	.Wrap_Right .myTable04 tr span.point_icon {border: none; width: 18px; margin-left: 4px;}
	.Wrap_Right .myTable04 tr span.cash_icon {border: none; width: 18px; margin-left: 4px;}

	.Wrap_Right .myTable05 tr {font-size: 12px;}
	.Wrap_Right .myTable05 tr span.point_icon {border: none; width: 18px; margin-left: 4px;}
	.Wrap_Right .myTable05 tr span.cash_icon {border: none; width: 18px; margin-left: 4px;}
	
	.Wrap_Right .myTable1 li {font-size: 12px;}
	.Wrap_Right .myTable1 li input {font-size: 12px;}
	.Wrap_Right .myTable1 li span:nth-child(2) {width: 75%; text-align: left; margin-top: 3%; text-indent: 10px; }
	.Wrap_Right .myTable1 li span:nth-child(3) {position: absolute; top: 34%; left: calc(25% + 10px); text-align: left; width: 110px;}
	.Wrap_Right .myTable1 li span:nth-child(4) {position: absolute; top: 34%; left: calc(25% + 120px); text-align: left; width: 100px;}
	.Wrap_Right .myTable1 li span:nth-child(5) {position: absolute; top: 50%; left: calc(25% + 10px); text-align: left; width: 200px;}

	.Wrap_Right .myTable2 li {font-size: 12px;}
	.Wrap_Right .myTable2 li input {font-size: 12px;}
	.Wrap_Right .myTable2 li span:nth-child(2) {width: 75%; text-align: left; margin-top: 3%; text-indent: 10px; }
	.Wrap_Right .myTable2 li span:nth-child(3) {position: absolute; top: 34%; left: calc(25% + 10px); text-align: left; width: 110px;}
	.Wrap_Right .myTable2 li span:nth-child(4) {position: absolute; top: 34%; left: calc(25% + 120px); text-align: left; width: 100px;}
	.Wrap_Right .myTable2 li span:nth-child(5) {position: absolute; top: 50%; left: calc(25% + 10px); text-align: left; width: 200px;}
	
	}

/*주문내역*/
.Wrap_Right .order-date {line-height: 20px;  display: flex; align-items: center;}
.Wrap_Right .order-date:before {content: ""; display: inline-block; width: 3px; height: 16px; background:#410da3; position: relative;margin-right: 10px;}
.Wrap_Right .order-date input {padding: 2px 5px; margin-left: 5px; border: 1px solid #555; color: #000; background: #fff;}
.Wrap_Right .order-date input:nth-child(1) {margin-left: 632px; }
.Wrap_Right .order-date input:nth-child(2) {}
.Wrap_Right .order-date input:nth-child(3) {background: #262c2f; color: #fff;}
.Wrap_Right .order-head {display: flex; padding: 0 10px ;text-align: center; background:#ddd; margin-top: 10px; height: 30px; line-height: 30px;}
.Wrap_Right .order-head span {display: inline-block;}

.Wrap_Right .my-order {border: 1px solid #ddd; margin-bottom: 30px;}
.Wrap_Right .my-order li {display: flex; align-items: center; text-align: center; min-height: 100px; padding: 10px; box-sizing: border-box; position: relative;}
.Wrap_Right .my-order li span {display: inline-block;}
.Wrap_Right .my-order li span:nth-child(1) {width: 10%;}
.Wrap_Right .my-order li span:nth-child(1) img {height: 100%; max-height: 100px;}
.Wrap_Right .my-order li span:nth-child(2) {width: 37%; text-align: left; padding-left: 70px; box-sizing: border-box; word-break: keep-all; }
.Wrap_Right .my-order li span:nth-child(3) {width: 10%;}
.Wrap_Right .my-order li span:nth-child(4) {width: 7%; }
.Wrap_Right .my-order li span:nth-child(5) {width: 13%; }
.Wrap_Right .my-order li span:nth-child(6) {width: 13%; }
.Wrap_Right .my-order li span:nth-child(7) {width: 10%; }
.Wrap_Right .my-order li span:nth-child(7) input {border: none; background: #470da3;color: #fff; padding: 10px 20px;}

/*배송지관리*/
.Wrap_Right .my-delivery_li {border: 1px solid #ddd; padding: 10px ;margin-bottom: 10px; position: relative;}
.Wrap_Right .my-delivery_li li {line-height: 24px; word-break: keep-all; }
.Wrap_Right .my-delivery_li li:last-child {text-align: right;}
.Wrap_Right .my-delivery_li li .deli-name {}
.Wrap_Right .my-delivery_li li .deli-mp {}
.Wrap_Right .my-delivery_li li .deli-add {}
.Wrap_Right .my-delivery_li li .deli-msg {}
.Wrap_Right .my-delivery_li li .deli-edit {}
.Wrap_Right .my-delivery_li li .deli-edit input {padding: 10px 20px; border: none; background:#490da3; color: #fff; }

/*관심상품*/
.Wrap_Right .product-wrap.list .wishlist ul li {width: 23%; position: relative;}
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn {display:flex; box-sizing: border-box; margin-top: 5px; align-items: center; justify-content: center; position: relative;}
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn:before {content: ""; background:url("/_Img/Layout/remove.png") no-repeat center center; width: 11px; height: 11px; position: absolute; left: 3%; }
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn:after {content: ""; background:url("/_Img/Layout/order.png") no-repeat center center; width: 7px; height: 12px; position: absolute; top: 10px; left: 93%; }
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn input {cursor: pointer;}
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn input.wish-remove {width: 50%; padding: 5px; box-sizing: border-box; margin-right: 5px;  border: 1px solid #ddd;  background:#fff; color: #555;}
.Wrap_Right .product-wrap.list .wishlist ul li .wish-btn input.wish-order {width: 50%; padding: 5px; box-sizing: border-box; background: #262c2f; color: #fff; border: none;}


/*문의내역*/
.Wrap_Right .my-qna {}
.Wrap_Right .my-qna li {padding: 10px; box-sizing: border-box; display: flex; border: 1px solid #ddd; border-top: none;}
.Wrap_Right .my-qna li:nth-child(1) {background:#ddd;}
.Wrap_Right .my-qna li:nth-child(1) span:nth-child(2) {text-align: center;}
.Wrap_Right .my-qna li span {display: inline-block;}
.Wrap_Right .my-qna li span:nth-child(1) {width: 10%;}
.Wrap_Right .my-qna li span:nth-child(2) {width: 65%; text-align: left; padding-left: 50px; box-sizing: border-box; }
.Wrap_Right .my-qna li span:nth-child(3) {width: 10%;}
.Wrap_Right .my-qna li span:nth-child(4) {width: 15%;}
.Wrap_Right .qna-edit {padding: 5px 10px; background: #490da3; color: #fff; border: none; margin-top: 10px;}



/*상품평관리*/
.Wrap_Right .my-review_li {}
.Wrap_Right .my-review_li li {padding: 10px;  margin-bottom: 10px; border: 1px solid #ddd; position: relative; box-sizing: border-box; display: flex;}
.Wrap_Right .my-review_li li span {display: inline-block;}
.Wrap_Right .my-review_li li span:nth-child(1) {width: 25%; height: 100%;}
.Wrap_Right .my-review_li li span:nth-child(1) img {height: 100%; max-height: 170px; width: 100%; object-fit: contain;}
.Wrap_Right .my-review_li li span:nth-child(2) {width: 75%;}
.Wrap_Right .my-review_li li span .review-star {}
.Wrap_Right .my-review_li li span .title {font-size: 18px; font-weight: 500; padding: 0; position: absolute; top: 35px; word-break: keep-all; text-align: left;}
.Wrap_Right .my-review_li li span .review-cont {width: 90%; min-height: 60%; position: relative; top: 20px; padding-top: 5px; box-sizing: border-box; word-break: break-all;}
.Wrap_Right .my-review_li li span .review-date {display: inline-block; position: absolute; right: 0; margin-right: 10px; top: 35px;}
.Wrap_Right .my-review_li li span .review-edit {position: absolute; bottom: 10px; right: 10px; padding: 10px 20px; border: none; background:#490da3; color: #fff; }


@media only screen and (max-width:1240px){
/*주문내역*/
.Wrap_Right .order-date input {margin-left: 0;position: absolute; right: 0; font-size: 12px; }
.Wrap_Right .order-date input:nth-child(1) {margin-right: 130px;}
.Wrap_Right .order-date input:nth-child(2) {margin-right: 65px;}
.Wrap_Right .order-date input:nth-child(3) {}
.Wrap_Right .my-order li span:nth-child(2) { padding-left:50px;}	
	

/*배송지*/
	
	
/*관심상품*/
	
	
/*문의내역*/
	
	
/*상품평*/
	
}
@media only screen and (max-width:999px){
/*주문내역*/
	
	
/*배송지*/
	
	
/*관심상품*/
.Wrap_Right .product-wrap.list .wishlist ul li {width: 48%;}

	
/*문의내역*/
	
	
/*상품평*/

	
}
@media only screen and (max-width:830px){
/*주문내역*/
.Wrap_Right .order-head {display: none;}
.Wrap_Right .my-order {margin-top: 10px;}
.Wrap_Right .my-order li {flex-wrap: wrap; text-align: left; align-items: flex-start; border-bottom: 1px solid #ddd; font-size: 12px;}
.Wrap_Right .my-order li:last-child { border-bottom:none;}
.Wrap_Right .my-order li span {display: inline-block;}
.Wrap_Right .my-order li span:nth-child(1) {width: 20%;}
.Wrap_Right .my-order li span:nth-child(1) img {height: 100%; max-height: 100px;}
.Wrap_Right .my-order li span:nth-child(2) {width: 80%;padding-left: 0;padding-bottom: 65px; }
.Wrap_Right .my-order li span:nth-child(3) {width: 30%; margin-left: 20%; position: relative; top: -50px;}
.Wrap_Right .my-order li span:nth-child(3):before {content: "단가"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(4) {width: 30%;  position: relative; top: -50px;}
.Wrap_Right .my-order li span:nth-child(4):before {content: "수량"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(5) {width: 30%; margin-left: 20%; position: relative; top: -50px;}
.Wrap_Right .my-order li span:nth-child(5):before {content: "금액"; margin-right: 10px;} 
.Wrap_Right .my-order li span:nth-child(6) {width: 30%;  position: relative; top: -50px;}
.Wrap_Right .my-order li span:nth-child(6):before {content: "상태"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(7) {width: auto; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.Wrap_Right .my-order li span:nth-child(7) input {border: none; background: #470da3;color: #fff; padding: 5px 20px; font-size: 12px;}
	
}
	
	
	
	
@media only screen and (max-width:680px){
/*주문내역*/
.Wrap_Right .my-order li span:nth-child(1) {width: 30%;}
.Wrap_Right .my-order li span:nth-child(1) img {height: 100%; max-height: 100px;}
.Wrap_Right .my-order li span:nth-child(2) {width: 70%;padding-left: 10px ;padding-bottom: 0; padding-top: 10px; box-sizing: border-box;}
.Wrap_Right .my-order li span:nth-child(3) {width: 40%; margin-left: 0; position: relative; top: 10px;}
.Wrap_Right .my-order li span:nth-child(3):before {content: "단가"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(4) {width: 40%;  position: relative; top: 10px;}
.Wrap_Right .my-order li span:nth-child(4):before {content: "수량"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(5) {width: 40%; margin-left: 0; position: relative; top: 10px;}
.Wrap_Right .my-order li span:nth-child(5):before {content: "금액"; margin-right: 10px;} 
.Wrap_Right .my-order li span:nth-child(6) {width: 40%;  position: relative; top: 10px;}
.Wrap_Right .my-order li span:nth-child(6):before {content: "상태"; margin-right: 10px;}
.Wrap_Right .my-order li span:nth-child(7) {width: 20%; position: relative; bottom: 0; right: 10px; transform:none;}

	
/*배송지*/
	
	
/*관심상품*/
	
	
/*문의내역*/
.Wrap_Right .my-qna li {font-size: 12px;}
.Wrap_Right .my-qna li span:nth-child(1) {width: 10%;}
.Wrap_Right .my-qna li span:nth-child(2) {width: 55%;padding-left: 0;}
.Wrap_Right .my-qna li span:nth-child(3) {width: 15%;}
.Wrap_Right .my-qna li span:nth-child(4) {width: 20%;}
	
	
/*상품평*/	
.Wrap_Right .my-review_li {}
.Wrap_Right .my-review_li li {padding: 10px;  margin-bottom: 10px; border: 1px solid #ddd; position: relative; box-sizing: border-box; display: flex;}
.Wrap_Right .my-review_li li span {display: inline-block;}
.Wrap_Right .my-review_li li span:nth-child(1) {width: 25%; height: 100%;}
.Wrap_Right .my-review_li li span:nth-child(1) img {width: 100%; min-width: 100px;}
.Wrap_Right .my-review_li li span:nth-child(2) {padding-left: 25px; position: relative}
.Wrap_Right .my-review_li li span .review-star {}
.Wrap_Right .my-review_li li span .title {position: relative; top: 0; font-size: 16px;}
.Wrap_Right .my-review_li li span .review-cont { top: 0; padding-bottom: 20px; font-size: 14px; }
.Wrap_Right .my-review_li li span .review-date {top: auto; bottom: 0; left: 25px;}
.Wrap_Right .my-review_li li span .review-edit { bottom: 0; right: 0; padding: 5px 20px; }
}

@media only screen and (max-width:480px){
	.Wrap_Right .my-title {font-size: 18px; color: #000; line-height: 12px;}

}


/*----------------사은품------------------*/
/*=======================================================
    .product-wrap.detail
=========================================================*/
.gift-wrap.detail{position:relative; padding-top:40px;}
.gift-wrap.detail .u-tab01{margin-bottom:0;margin-top:0;}
.gift-wrap.detail .gap100{height:100px;}
.gift-wrap.detail .gap110{height:110px;}
	@media only screen and (max-width:1240px){
		.gift-wrap.detail .gap100{height:90px;}
		.gift-wrap.detail .gap110{height:90px;}
		.gift-wrap.detail .gap80{height:70px;}
	}
	@media only screen and (max-width:999px){
		.gift-wrap.detail .gap100{height:70px;}
		.gift-wrap.detail .gap110{height:70px;}
		.gift-wrap.detail .gap80{height:50px;}
	}
	@media only screen and (max-width:680px){
		.gift-wrap.detail{padding-top:30px}
		.gift-wrap.detail .gap100{height:50px;}
		.gift-wrap.detail .gap110{height:50px;}
		.gift-wrap.detail .gap80{height:30px;}
	}
	@media only screen and (max-width:480px){
		
		.gift-wrap.detail .gap80{height:20px;}
	}
.gift-wrap.detail .choice .tits{text-align:center; padding:0 0}
.gift-wrap.detail .choice .tits h3{font-family:"Mont";position:relative;}
.gift-wrap.detail .choice .tits h3 span{background:#353535;font-size:24px; color:#fff; line-height:36px;height:35px; display:inline-block;vertical-align:top;font-weight:700; padding:0 25px;}
.gift-wrap.detail .choice .tits h3:after{background:#353535; width:100%;height:1px; position:absolute; left:0; top:50%;display:block; content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%); z-index:-1;}
.gift-wrap.detail .choice .tits p{color:#b8b8b8; font-size:15px; line-height:1.2em;letter-spacing:-0.03em; font-weight:300; text-align:center; margin-top:10px;}

.gift-wrap.detail .choice .list{margin-top:45px;}
.gift-wrap.detail .choice .list ul{ margin:0 -1.5%; font-size:0;}
.gift-wrap.detail .choice .list ul:after{display:block ;content:"";clear:both;}
.gift-wrap.detail .choice .list li{display:inline-block;vertical-align:top;width:13.666666%; margin:0 1.5%;}
.gift-wrap.detail .choice .list li:nth-child(n+7){margin-top:20px;}
.gift-wrap.detail .choice .list li .img{border:1px solid #ddd;}
.gift-wrap.detail .choice .list li .img img{width:100%;}
.gift-wrap.detail .choice .list li .txt{margin-top:12px; text-align:center;}

.gift-wrap.detail .choice .list li .chk-check{display:inline-block;vertical-align:top; text-align:left;  height:auto; min-height:24px; padding:0; margin: 0;}

.gift-wrap.detail .choice .list li .chk-check input[type="checkbox"]{display:inline-block;width:18px; height:18px;  border-radius:3px; left:0; top:0 ; background:#f2f2f2;border:1px solid #ccc; box-sizing:border-box; }
.gift-wrap.detail .choice .list li .chk-check label{position:relative;display:block;padding-left:2px !important; font-size:13px ;font-weight:400; letter-spacing:-0.01em;color:#4a4a4a; line-height:18px; word-break: keep-all; }/*  */

.gift-wrap.detail .choice .list li .chk-check label span{font-family:"Mont";color:#006699;font-weight:400;margin-right:3px; letter-spacing:0;} 
/*
.gift-wrap.detail .choice .list li .chk-check label:after{width:18px; height:18px; position:absolute; border-radius:3px; left:0; top:0 ; display:block; content:""; background:#f2f2f2;border:1px solid #ccc; box-sizing:border-box;display:block; content:""; z-index:1;}
.gift-wrap.detail .choice .list li .chk-check input[type="checkbox"]:checked +  label:after{background:url(../_Img/Sub/check-on.png) no-repeat center center #f2f2f2; background-size:12px auto; z-index:3;}
*/

.gift-wrap.detail .choice .list li .ctrl{margin-top:5px; position:relative; font-size:0; padding-right:17px; display:inline-block;vertical-align:top; padding-left:15px;background:url(../_Img/Sub/num-arrow.jpg) no-repeat 1px 6px;}
.gift-wrap.detail .choice .list li .ctrl .btxt{line-height:22px; font-size:13px; color:#414141; letter-spacing:-0.03em; display:inline-block;vertical-align:top;}
.gift-wrap.detail .choice .list li .ctrl .chk-input{display:inline-block;vertical-align:top; width:36px; margin:0 7px;}
.gift-wrap.detail .choice .list li .ctrl .chk-input input{border:1px solid #ddd; text-align:center; padding:0 2px;background:#f2f2f2; width:100%; box-sizing:border-box; height:24px;}
.gift-wrap.detail .choice .list li .ctrl .plus{border:none;width:13px;height:10px;background:url(../_Img/Sub/num-plus.jpg) no-repeat center center; position:absolute; right:0; top:0;}
.gift-wrap.detail .choice .list li .ctrl .minus{border:none;width:13px;height:10px;background:url(../_Img/Sub/num-minus.jpg) no-repeat center center; position:absolute; right:0; top:14px;}

.gift-wrap.detail .choice .list .soldout {color:#ff6600;padding:0;margin:0;width: 100%; margin: 0 auto; height:30px;display: inline-block;position:relative;font-size: 14px;padding-top:8px; margin-top: 4px; box-sizing: border-box;  text-align: center; background-color: #fff;} 

.gift-wrap.detail .choice .list li .btxt{font-size:13px; color:#666; font-weight:100; letter-spacing:-0.03em; line-height:1.2em;}
.gift-wrap.detail .choice .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.gift-wrap.detail .choice .list li .ctxt{margin-top:12px;font-size:18px; color:#111; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.gift-wrap.detail .choice .list li .ctxt span{font-size:14px; font-weight:400;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }



	@media only screen and (max-width:1240px){
		.gift-wrap.detail .choice .tits h3 span{font-size:21px; padding:0 20px;}
		.gift-wrap.detail .choice .tits p{font-size:14px; margin-top:9px;}
		
		.gift-wrap.detail .choice .list ul{ margin:0 -1%;}
		.gift-wrap.detail .choice .list li{margin:0 1%; width:14.66666666%}
		.gift-wrap.detail .choice .list li .txt{margin-top:7px;}
		.gift-wrap.detail .choice .list li .chk-check{min-height:35px;}
		.gift-wrap.detail .choice .list li .chk-check label{font-size:12px;padding-left:24px;}
		.gift-wrap.detail .choice .list li .chk-check label:after{width:16px; height:16px; top:1px; }

		.gift-wrap.detail .choice .list li .ctrl .btxt{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.gift-wrap.detail .choice .list{margin-top:35px;}
		.gift-wrap.detail .choice .list ul{}
		.gift-wrap.detail .choice .list li{ width:23%}
		.gift-wrap.detail .choice .list li:nth-child(n+5){margin-top:20px;}
		.gift-wrap.detail .choice .tits h3 span{font-size:19px; padding:0 17px;}
		.gift-wrap.detail .choice .tits p{font-size:13px;}
	}
	@media only screen and (max-width:780px){
		.gift-wrap.detail .choice .list li{ width:23%}
		.gift-wrap.detail .choice .list li:nth-child(n+5){margin-top:20px;}
	}
	@media only screen and (max-width:680px){
		.gift-wrap.detail .choice .tits h3 span{font-size:17px;}
		
		.gift-wrap.detail .choice .list{margin-top:25px;}
		.gift-wrap.detail .choice .list li{ width:31.333333333%}
		.gift-wrap.detail .choice .list li:nth-child(n+4){margin-top:20px;}
	}
	@media only screen and (max-width:480px){
		.gift-wrap.detail .choice .list li{ width:48%}
		.gift-wrap.detail .choice .list li:nth-child(n+3){margin-top:20px;}
		
	}

.searharea{margin-top:15px;}
searharea tr td:nth-child(1){width:50%}
searharea tr td:nth-child(2){width:50%;text-align:right;}
.commonBtn1 {display: block; margin-top: 0px; width:80px; height: 25px; line-height: 25px;  
			box-sizing: border-box; background-color: #140841;  padding:0; border: 1px solid #140841; 
			text-align: center !important; color:#fff; font-size:12px;background-image:url(../_Img/Icon/btn_row.png);
			background-repeat:  no-repeat; background-position: 90%  center;
		}
.commonBtn2 {display: block; margin-top: 0px; width:130px; height: 25px; line-height: 25px;  
			box-sizing: border-box; background-color: #140841;  padding:0; border: 1px solid #140841; 
			text-align: center !important; color:#fff; font-size:15px;background-image:url(../_Img/Icon/btn_row.png);
			background-repeat:  no-repeat; background-position: 90%  center;float:right
		}
.searchtext{width:100px;float:left;height:25px}
.optionBtn{color:#fff; font-size:12px; background-color: #140841;background-repeat:  no-repeat; background-position: 90%; padding:0; border: 1px solid #140841;}










