/* 공통 */
.centerBtn{ text-align: center; margin: 50px 0;}
.centerBtn button{border:0; padding: 10px 20px; border: 1px solid #ddd; background: #fff;font-weight:500; margin: 0 5px;}
.centerBtn button:hover{ border: 1px solid #888;}
/*.centerBtn button.delet2{background:#c60f0f}취소 - 레드 */
.btn{border:none; background:none;}
.txt_center{ text-align: center;}
input[type="checkbox" i]{width:16px;}
.account_price b{color:#ca2424; font-size:20px}
.m_on{display:none}
.mobile_on{display:none}
.btn_s{ border: 1px solid #444; background: #fff; color: #000;}
/* 상품 리스트 */

/* 상세 상품리스트 */
.cate_best_pro_wrap{position:relative;}
.cate_best_pro_wrap .swiper-button-prev, .cate_best_pro_wrap .swiper-button-next{width:auto; height:auto; color:#555;}
.cate_best_pro_wrap .swiper-button-prev:after, .cate_best_pro_wrap .swiper-button-next:after{font-size:39px;}
.cate_best_pro_wrap .swiper-button-prev{left:-65px; transform:translate(0, -65px);}
.cate_best_pro_wrap .swiper-button-next{right:-65px; transform:translate(0, -65px);}

.main_product_wp{}
.main_product_wp .product_list{display:flex; flex-wrap:wrap;}
.main_product_wp .product_list .basic_goods{float:left; width:19%; margin-right: 1%; margin-bottom: 30px;}

/* 상세 뷰페이지 */
.noData{ text-align:center; font:normal 18px/20px Malgun Gothic; color:#666; padding:60px 0; letter-spacing:-1px; }
.noData.noCart{ padding:50px 0px;  }
.noData.noCart i{ display:block; padding-bottom:10px; font-size:60px; color:#c0cb34;}
div.noDataCart{ background-image:url(/img/icon_sold.png); background-size:90px; background-position:center 30px; background-repeat:no-repeat;
text-align:center;color:#333; padding:150px 0 60px; letter-spacing:-1px; }
/* 공통 수량 박스 >메인,상세, 장바구니 */
.main_product_wp .quantity{max-width: 100%;}/* 메인만 */
.quantity{ display: inline-block; box-sizing: border-box;text-align: center; border:1px solid #ddd; width: auto; overflow:hidden;vertical-align: middle; margin:6px 0;}
.quantity a{ float: left; height: 30px; box-sizing: border-box; line-height: 32px; cursor: pointer; background: #fff; font-weight: bold; font-size: 30px; padding: 0 15px; line-height: 30px;}
.quantity a img{}
.quantity button{float:left; border:0; height:30px; box-sizing:border-box; cursor:pointer; background:#fff; font-size:13px;  line-height:30px;}
.quantity select{border:none;}

.quantity .minus{}
.quantity .plus{}
.option_box.option_box_down{border-right: 0;}
.option_box.option_box_up{ border-left: 0;}
.option_box.option_box_up i{font-size:;}

.quantity input{height:30px; width:40px; border:0; text-align:center; padding:0; float:left; box-sizing:border-box; font-size:14px; font-weight:500;}
.del_btn{position:absolute; right: 20px; top: 20px; cursor: pointer;}
.del_btn img{width:20px}

/* 공통 하단 버튼 >바로구매, 장바구니 */
.proBut{ width: 100%; overflow: hidden; margin: 10px 0;}
.proBut button{float: left; text-align: center; width: 48%; display: inline-block; border:1px solid #dcdcdc; box-sizing: border-box; padding: 5px 0; font-size:13px; transition: all .5s; background:#fff; margin-right: 4%;}
.proBut button:last-child{margin:0}
.proBut button.cart:hover{background:#000; color:#fff ; border:1px solid #000}
.proBut button.order:hover{background:#ca2424; color:#fff ; border:1px solid #ca2424}

/* 상세 세부 이미지 */
.title_popup{ position:relative;  color:#fff; display:block; text-align:center; font:bold 18px/22px Malgun Gothic; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#3f3f3f; margin:0; }
.goods_title_img{ width:100%; }
.goods_title_img ul li img{ width:100%; }
.goodsList{ clear:both; position:relative; width:100%; padding:0;  }
.goodsList:after{ content:""; display:block; clear:both; }


/* 리뷰 */
.star_05{background:url(/img/icon_star05.png) no-repeat;}
.star_04{background:url(/img/icon_star04.png) no-repeat;}
.star_03{background:url(/img/icon_star03.png) no-repeat;}
.star_02{background:url(/img/icon_star02.png) no-repeat;}
.star_01{background:url(/img/icon_star01.png) no-repeat;}
.proImg{position: relative; box-sizing: border-box; border:1px solid #eee; }
.proImg span.main_img{overflow:hidden; display: block;}
.proImg span.main_img img{width:100%}
.proImg.on{ border: 2px solid #c0cb34;}
.proImg.on .pro_in_icon{ display:none !important;} /*마우스오버시 아이콘 가려놨음
.pro_in_icon{position: absolute; bottom: 10px; width: 100%; text-align: center; display:none}
.pro_in_icon span{ background: rgba(0,0,0,.5); border-radius: 50px; padding: 10px 9px; box-sizing: border-box;}
.pro_in_icon span:hover{background:rgba(195,204,53,.8);}
.proImg_wish_img.on{background:rgba(244,67,54,.8)}*/

.review_wrap{text-align:left; font-size:14px;}
.review_wrap > li{display:flex; padding:10px 0; border-top:1px solid #eee; }
.review_wrap > li .review_con_wp{ display: flex; justify-content: space-between; width: 100%;}
.review_wrap .review_info_wp{ width: 20%;}
.review_wrap .review_txt_wp{ width: 70%;}

.review_wrap .date{color:#999; font-size:12px; line-height:30px}
.review_wrap .review-point{display:flex; margin: 0;  font-weight:400;height:30px; color:#828383;}
.review_wrap .review-point span{width:100px; height:revert; display:block;}
.review_wrap .review-point span.star_05{background:url(/img/review-star05.jpg)no-repeat center/contain;}
.review_wrap .review-point span.star_04{background:url(/img/review-star04.jpg)no-repeat center/contain;}
.review_wrap .review-point span.star_03{background:url(/img/review-star03.jpg)no-repeat center/contain;}
.review_wrap .review-point span.star_02{background:url(/img/review-star02.jpg)no-repeat center/contain;}
.review_wrap .review-point span.star_01{background:url(/img/review-star01.jpg)no-repeat center/contain;}
.review_wrap .review_img {display:flex; padding:10px 0;}
.review_wrap .review_img li{width:110px; margin:0 10px 0 0;}
.review_wrap .review_img li:last-of-type{margin:0;}
.review_wrap .review_img li a{width:100%; position:relative; display:block; padding-top:100%; overflow:hidden;}
.review_wrap .review_img li a img{width:110px; height:110px;}
.review_wrap .review_img li a img:hover{opacity:90%}
.review_wrap .review_img li a div{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.review_wrap .review_name{line-height:1.8em; color:#999; margin:0 0 10px;}
.review_wrap .review_name b{color:#333}
.review_wrap .naverpay_logo{display:inline-block}
.review-modify textarea {width:100%; height:100px; padding:10px; margin-top:5px; background:#f9f9f9; box-sizing:border-box}
.no_search_txt{ text-align: center; padding: 100px 0; margin-bottom: 20px; border-bottom: 1px solid #eee;}

/* 처음에 안 보이게 */
.review_reply_top{ display: flex; align-items: center; margin: 10px 5px;}
.review_reply_top.on:after{transform: rotateX(180deg);    transition: all 0.2s  ease-out;}
.review_reply_top:after{background:url('/img/main_notice_icon02.png') no-repeat center; background-size: 100%; content:""; display:inline-block; width:20px; height:20px; margin-left: 10px;}
.review_reply_wp{background: #f8f8f8; padding: 20px; border-radius: 10px;}


/*가격공통*/
.proPrice_wp{min-height: 65px;}
.proPrice_wp .discount{color:#dc4b4b; font-size:18px; font-weight:bold}
.proPrice_wp .discount_price{font-size:18px; font-weight:700; padding-left: 10px;}
.proPrice_wp .proPrice_s{display:block; font-size:14px; color:#aaa}
.proPrice{font-weight:bold; font-size: 24px; }
.proName{display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: normal; line-height: 1.2; height: 38px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 5px 0;}
.sale_price{color:#dc4b4b; font-weight:bold;}
.account_price{ font-weight:bold;}
.pr_icon_wp{ position: absolute; top: 0; left: 0; z-index: 10; } /* 디자인이 달라서 가려둠*/
.pr_icon_wp img{ display: block; /*margin-top: 5px;  margin-left: 5px;*/ width: 60px;}
.pr_icon_wp .best_num{ background: #5e5e5e; display: block;  width: 43px; height: 43px; color: #fff; text-align: center; line-height: 43px; font-size: 20px; font-weight: bold;}


/* 상세 페이지 탑 */
.sub_link_list{width: 100%; overflow: hidden;}
.sub_link_list li a{float: left;}
.sub_link_list li a:hover{ text-decoration: underline;}
.sub_link_list li a:after{content:" > "; display:inline-block; padding: 0 10px;}
.sub_link_list li:last-child a:after{display:none}
.view_top{display:flex; flex-wrap:wrap; align-items:flex-start; margin:50px auto; width: 100%;;}
.view_top .leftWrap_01{width:45%; display: inline-block; vertical-align: middle;}
.view_top .rightWrap_01_wrap{}
.view_top .rightWrap_01{width:51%; display: inline-block; vertical-align: middle; margin-left: 4%;}
.view_top .rightWrap_01 .normal{width: 100%; border-top: 1px solid #ddd; margin: 10px 0; }
.view_top .rightWrap_01 .normal tr{ }
.view_top .rightWrap_01 .normal tr th{text-align:left; color:#858585; width:100px; padding:10px 0; font-size:15px; font-weight:500;}
.view_top .rightWrap_01 .normal tr td{padding: 10px 0; color:#555;}
.view_top .rightWrap_01 .normal tr td.account_price b{ color:#0b0e13; font-size:30px;}
.view_top .rightWrap_01 .normal tr td.account_price{text-align:right;}
.view_top .rightWrap_01 .normal tr td.text{line-height:20px;  background:#fbfbfb;}
.view_top .rightWrap_01 .normal tr td.sub_price_wp{  font-size: 24px; letter-spacing: -1px;}s
.view_top .rightWrap_01 .normal tr.total_proce{ border-top: 1px solid #ddd;}
.view_top .rightWrap_01 .goods_tit_name{font-size: 30px;}
.sub_price_wp{padding: 10px 0;}
.sub_price_wp .sale_price{ display: inline-block; font-size: 30px; padding-right: 10px;}
.sub_price_wp .dis_price{display: inline-block;}
.sub_price_wp b{ display: inline-block; font-size: 30px;}
.sub_price_wp s{color: #a4a4a4; font-size: 20px;}
.sub_delivery_info{font-size:15px;}
.sub_delivery_info .delivery_price_n{ font-weight: bold; color: #000;}
.sub_delivery_info .delivery_price_y{ font-weight: bold; color: #000;}
.sub_delivery_info span{display:block; color:#555; margin-bottom:2px;}
.sp_info_wp{ position: absolute; display: inline; padding-left: 5px;}
.sp_info_wp .sp_info{cursor: pointer;}
.sp_info_wp:hover .sp_info_pop{display:block; font-weight: normal;}
.sp_info_wp .sp_info_pop{display:none;position:relative; top:2px; width: 100%; background: #fff; border: 1px solid #ddd; padding: 10px; color: #555; box-shadow: 6px 6px 7px rgba(0,0,0,0.2)}
.view_reviw_count{padding:10px 0}
.view_reviw_count span{ width: 80px; height: 14px; display: inline-block; background-size: 100%; font-weight:bold}

@media (min-width:521px) {
#payQuantity-layer .modal-dialog{width:420px;}
}
@media (max-width:520px) {
#payQuantity-layer .modal-dialog{width:96%;}	
}

@media (max-width:768px) {
#recent_add_layer .modal-dialog{width:96%!important;}	
}



/* 상세 페이지 옵션 */
.option_add_box{width:100%;}
.view_top .rightWrap_01 .normal tr .option_add_list{ position: relative; background: #f7f7f7; padding:15px 20px; margin-bottom: 10px;}
.view_top .rightWrap_01 .normal tr .option_add_list .quantity{margin:0;}
.view_top .rightWrap_01 .normal tr .option_add_list .quantity a{ font-weight: bold; font-size: 20px; padding: 0 15px;  line-height: 30px;}
.view_top .rightWrap_01 .normal tr .option_add_list .del_btn{position: absolute; right: 20px; top: 20px;}
.view_top .rightWrap_01 .normal tr .option_add_list .txt{margin-bottom:10px;}
.view_top .rightWrap_01 .normal tr .option_add_list:first-child{margin-top:10px}


.dropdown_pro{position: relative;}
.dropdown_pro .option_tit{border: 1px solid #ddd; padding:12px 15px; cursor: pointer; background: url(/img/main_notice_icon02.png) no-repeat right 20px center; background-size:20px; color:#656565; font-weight:500; font-size:15px;}
.dropdown_pro .option_list{padding: 15px 10px; border: 1px solid #ddd; border-top: 0; margin-top: -7px; position: absolute; z-index: 300; width: 100%; box-sizing: border-box; background: #fff; }
.dropdown_pro .option_list li{ padding-bottom: 10px; cursor:pointer}
.dropdown_pro .option_list li:last-child{padding-bottom:0;}

/* 상품 상단 옵션*/


/* 상품 하단 옵션*/
.price_del_wp{}
.option_btm_box{ margin: 5px 0;overflow-y: scroll; max-height: 150px;}
.option_btm_box ul{position: relative;  margin: 10px 0; display: block; box-sizing: border-box; background: #fafafa;  padding: 10px; border-radius: 5px; width: 98%;}
.option_btm_box{}
.option_btm_box .price{ padding-left: 10px;}
  .option_btm_box::-webkit-scrollbar {
    width: 5px;
  }
  .option_btm_box::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 10px;
  }
  .option_btm_box::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;}
.sub_view_tab_wp .sub_view_qk{display:none}
.sub_view_tab_wp.on .sub_view_qk{display:block; width:1200px; margin:0 auto}
.sub_view_tab_wp.on .sub_view_tab{display:block; }
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info{overflow:hidden; margin: 15px 0;}
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info span{float:left}
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info span.check{float:right; background: #000; width: 200px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; height: 62px; padding: 0; line-height: 62px; cursor: pointer;}
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info span.check.active{ background: url(/img/icon_close.png) no-repeat right center; font-size: 0;}
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info span.txt{padding-left: 20px;}
.sub_view_tab_wp .sub_view_qk .sub_view_qk_info img{width: 80px; border: 1px solid #ddd;}
.tab_con_op{ width: 100%; display:none;}
.tab_con_op.active{display:block}
.tab_con_op .goods_view_detail_wp{ text-align: left; width: 54%; display: inline-block; box-sizing: border-box; vertical-align: top;}
.tab_con_op .goods_view_detail_wp .goods_view_detail_info{width: 90%;}
.tab_con_op .buy_btn.ft{width: 40%; display: inline-block; padding-left:5%; border-left: 1px solid #ddd;}



.goods_view_detail_list2{overflow:hidden}
.goods_view_detail_list2 li{float:left; width: 20%; text-align:center; border-left: 1px solid #ddd;box-sizing: border-box;}
.goods_view_detail_list2 li:first-child{border-left:0}

.buy_btn{width:100%; overflow:hidden}
.buy_btn button{border:1px solid #ddd; font-size:15px; float:left; width:28%; padding:0; margin:20px 0; color:#fff; font-weight:bold; height:60px; vertical-align:middle; margin-right:2%; letter-spacing:-0.05em; white-space:nowrap;}
.buy_btn button:hover{ border: 1px solid #0b0e13;}
.buy_btn button:last-child{margin-right:0}
.buy_btn button.cart{background:#fff; color:#333}
.buy_btn button.wish{width:10%; background:#fff;}
.buy_btn button.wish span{width:23px; height:23px; background:url(/img/goods_view_heart.svg)no-repeat center; display:block; margin:auto;}
.buy_btn button.wish.on span{background:url(/img/goods_view_gift_on.svg)no-repeat center;}
.buy_btn button.wish:hover span{background:url(/img/goods_view_gift_on.svg)no-repeat center;}
.buy_btn button.gift{width:28%; display:inline-flex; justify-content:center; align-items:center; background:#fff; color:#333;}
.buy_btn button.gift span{width:22px; height:22px; background:url(/img/goods_view_gift.svg)no-repeat center; display:block; margin:0 6px 0 0;}
.btn-right button{background:#fff; border:1px solid #ccc; font-size:13px; color:#333; padding:6px 10px;}




button.white{background: #fff; border:1px solid #ddd;box-sizing: border-box; color: #555; padding: 9px 20px;}
button.back{;} /* 쇼핑계속*/
button.check{background:#d31e1e; color:#fff;} /* 주문, 구매 */
button.reserve{background:#d31e1e; color:#fff;} /* 주문, 구매 */

 /* button.cart{background: #636363;}장바구니 */
button.wish{background:#ddd; color:#333; border: 1px solid #ccc; box-sizing: border-box;} /* 관심상품 */
button.del{background: #fbfbfb; color:#333;} /* 삭제 */
button.del2{background: #000;} /* 삭제 */
button.btn{background: #fbfbfb;color: #333;border: 1px solid #ddd}
button.red{background: #df241b; color:#fff; border:1px solid #df241b }

/* 관련상품 */
.add_price_wp{position:relative; width: 100%;overflow: hidden; border-top: 2px solid #555; box-sizing: border-box; }
.add_price_wp h3{padding-bottom:20px; padding-top:20px; font-size: 25px;}
.add_price_wp ul{padding-bottom: 50px;}
.add_price_wp ul li{ float:left;width:20%; cursor: pointer;}
.swiper-pagination.add-pag{}
.related_price_wp{position:relative; width: 100%; overflow: hidden;}


/* 다른옵션 추가 */
.choice_price_wp{width:1200px; margin:0 auto 50px; border-bottom:1px solid #666;}
/*
.choice_price_wp h3{background:url(/img/main_notice_icon02.png) no-repeat left 170px center; background-size:20px;}
.choice_price_wp h3.open{padding:20px; background:url(/img/main_notice_icon01.png) no-repeat left 170px center;  background-size: 20px;}
*/
.choice_price_wp_title{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.choice_price_wp h3{font-size:20px; cursor:pointer; padding:10px; box-sizing:border-box;}
.choice_price_wp h3 i{font-size:18px;}
.choice_price_wp h3.open{}
.choice_price_wp h3.open i{}
.choice_price_wp h3.open i:before{content:"\f106";}
.choice_price_wp select{height:32px; border:1px solid #ccc; box-sizing:border-box;}

.choice_price_wp .choice_price_list{display:none}
.choice_price_wp .choice_price_list table tr th{ border-top: 1px solid #000; background:#f3f3f3; padding: 10px 0;}
.choice_price_wp .choice_price_list .quantity{display:flex; border:1px solid #dddfe1; margin:0;}
.choice_price_wp .choice_price_list .quantity button img{width:32px}
.choice_price_wp .choice_price_list .quantity input{width:40px}
.choice_price_wp table{width:100%; }
.choice_price_wp table colgroup col.choice-table-col-1{width:80px;}
.choice_price_wp table colgroup col.choice-table-col-5{width:100px;}
.choice_price_wp table colgroup col.choice-table-col-6{width:182px;}
.choice_price_wp table tr td{padding:6px 4px; text-align:center; border-bottom:1px solid #eee;}
.choice_price_wp table tr td .choice_name{display:block; text-align:left;}
.choice_price_wp table tr td .choice_standard{font-size:13px; line-height:1.6; text-align:left; white-space:nowrap;}
.choice_price_wp table tr td .choice_price{font-size:16px; color:#d31e1e; white-space:nowrap;}
.choice_price_wp table tr td .img{ width: 40px; overflow: hidden;border: 1px solid #ddd; display: block; margin: 0 auto;}
.choice_price_wp table tr td .img img{width:100%; }

.choice_price_wp table tr td .proBut{display:flex; justify-content:center; padding:0; margin:0;}
.choice_price_wp table tr td .proBut button{width:85px; padding:8px 0; margin:0 4px 0 0;}
.choice_price_wp table tr td .proBut button:last-of-type{margin:0;}

#scroll_box{position:relative; overflow:auto;}
#scroll_box:after{content:""; display:block; clear:both;}
#scroll_box .scroll_icon{width:100px; height:100px; border-radius:10px; background:rgba(0,0,0,0.75) url(/pnshop/img/scroll.png)no-repeat;
position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; display:none;}

/* 다른옵션
.choice_price_wp{ padding: 20px 0 30px; border-top: 2px solid #555; }
.choice_price_wp h3{padding-bottom:20px;}
.choice_price_wp ul{overflow:hidden}
.choice_price_wp ul li{width:12.555555555%; float:left; margin: 0 2% 0 0; box-sizing: border-box;}
.choice_price_wp ul li:last-child{margin:0}
.choice_price_wp ul li a img{width:100%}
 */

/* 상세 페이지 내용 하단 */
.sub_view_tab_wp{ width: 100%; background: #fff; }
.sub_view_tab_wp.on{position:fixed; top: 0; z-index: 100; border-bottom:1px solid #555}
.sub_view_tab{width:1200px; margin:0 auto; border-left:none; background:#fff; overflow:hidden; }
.sub_view_tab li{float:left; width:33.33%; text-align:center; box-sizing:border-box; display:inline-block; padding:20px 5px; cursor:pointer; background: #f7f7f7; font-size: 15px;}

.sub_view_tab li b{}
.sub_view_tab li.on {font-weight:bold }

.tab_con { width:1200px; margin:0 auto; clear:both; overflow:hidden; min-height: 500px; box-sizing: border-box;    position: relative; }
.tab_con .tab_con_in { display:none; float:left; width:100%; text-align:center; box-sizing: border-box; }
.tab_con .tab_con_in img{max-width:900px; margin: 0 auto;} /*  상품 상세페이지 이미지사이즈*/
.tab_con .goods_view_detail_info{width: 90%; margin:0 auto; text-align: left;}
.goods_tit_name{ font-size: 20px;}
.ft_view_info{width:900px; margin:0 auto;  box-sizing: border-box;}
.ft_view_info h3{text-align: left; font-size: 30px; padding-bottom:20px}
.ft_view_info .ft_view_table{width:100%; text-align: left;background: #f4f4f4; padding:80px 50px; box-sizing: border-box;}
.ft_view_info table{width:100%;}
.ft_view_info table tr th{padding:6px 4px; font-size:15px; width:200px; word-break:keep-all;}
.ft_view_info table tr td{padding:6px 4px; font-size:15px; color:#666}
.ft_view_caution{padding:80px 50px;}
.ft_view_caution ul{}
.ft_view_caution ul li{text-align: left; margin-bottom: 10px; font-size: 15px;}
.ft_view_caution ul li span{width:5px; display: inline-block; height: 5px; vertical-align: top; margin-top: 8px; margin-right: 5px; background:#555; border-radius: 50px;}
.ft_view_caution ul li p{display: inline-block; width:calc(100% - 10px);}

.as_wp{ background: #1e93e1; padding: 20px 6% 60px; text-align: left; color: #fff;} /* 교환/반품/AS */
.as_wp p{ margin-bottom: 30px;}
.as_wp b{ font-size: 18px; padding-bottom: 5px; display: inline-block;}

.qnaList{width:100%;}
.qnaList tr{}
.qnaList tr th{ padding: 20px 0px 10px;border-bottom: 1px solid #ddd;}
.qnaList tr th:nth-child(1){width:5%}
.qnaList tr th:nth-child(2){width:30%}
.qnaList tr th:nth-child(3){}
.qnaList tr th:nth-child(4){}
.qnaList tr th:nth-child(5){}
.qna_sort_wrap{ overflow: hidden; margin:30px 0 10px;}
.qnaList .review_ft_bt{margin: 10px 0;}
.qnaList .review_ft_bt button{}
.qnaList .review_ft_bt .red{background: #df2c2c; color: #fff; border: 1px solid #df2c2c;}
/*
.qna_sort_wrap .qna_search p{display:inline-block}
.qna_sort_wrap .qna_search p.l_s_btn{ background: #555;}
.qna_sort_wrap .qna_search p.l_s_input input{height:40px}
.qna_sort_wrap .qna_search p.l_s_btn img{width:43px}*/

/* 서브 카테고리 옵션 */
.category_wp{width:100%; border-top:1px solid #000;}
.category_wp tr{}
.category_wp tr th{ border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; background:#f9f9f9; position: relative; padding:10px; min-width: 120px; text-align: center;}
.category_wp tr td{ border-bottom:1px solid #ebebeb;transition:inherit;box-sizing:border-box; /*cursor:pointer*/}
.category_wp tr:last-child td,.category_wp tr:last-child th{border-bottom:1px solid #000;}
.category_wp tr td.on .category-list-best{background: #f7fafc;}
.category_wp tr td.on .category-list-in{background: #e5eaed;}
.category_wp tr.choice_wp td{border:0}
.category_wp tr th span{/*position: absolute; top: 10px; left: 10px;cursor:pointer;*/width: 100%;}
/* 잠시 가려둠
.category_wp tr th span:before{display:inline-block;content:"";position:absolute;top:3px;right:27px;width:2px;height:12px;background:#172538;transition:.3s}
.category_wp tr th span:after{display:inline-block;content:"";position:absolute;top:8px;right:22px;width:12px;height:2px;background:#172538}
.category_wp tr th span.active:before{transform:rotate(90deg);background:#3db0e6}
.category_wp tr th span.active:after{background:#1db7be;transition:.3s}
*/
/*.category_wp tr th.active{  color: #3db0e6;}*/

.full_con_wp .title_1{padding:62px 0 56px; text-align:center; font-size:30px; line-height:1;}/*상품카테고리 타이틀 사용*/
.category_wp .cate_search{background:#888; display: inline-block;}
.category_wp .cate_search img{ width: 32px;}

.category_wp ul{overflow:hidden; padding:5px;border-bottom:1px solid #ebebeb}
.category_wp ul:last-child{border-bottom:0}
.category_wp ul li{float:left; font-size: 14px;    padding: 0 10px;   border-radius: 50px; background: #fff; box-sizing:border-box; height:30px; line-height:25px; color:#999}

.category_wp ul.category-list-sub{}
.category_wp ul.category-list-sub.sub1 li{line-height:27px; letter-spacing:-0.05em}
.category_wp ul.category-list-sub.sub1 li a{ font-size:13px}
.category_wp ul.category-list-sub.sub1 li.on{}
.category_wp ul.category-list-sub.sub2 li {padding:1px 10px 0; height:25px; line-height:25px; }
.category_wp ul.category-list-sub.sub2 li a{ font-size:12px}
.category_wp ul.category-list-sub.sub2 li.on{background: #b0b0b0; border: 1px solid #b0b0b0;}
.category_wp ul.category-list-sub.sub3 li,.category_wp ul.category-list-sub.sub4 li{ padding: 0px 10px; border:0; background:none;}
.category_wp ul.category-list-sub.sub3 li a,.category_wp ul.category-list-sub.sub4 li a{  font-size:12px;}
.category_wp ul.category-list-sub.sub3 li.on a,.category_wp ul.category-list-sub.sub4 li.on a{color: #d5366a; font-weight: bold; text-decoration: underline;}

.category_wp ul li.on{font-weight: bold; color: #000;}
.category_wp ul li.on a{ color: #000;}
.category_wp ul li.on a span{color: #fffa54;}
.category_wp ul li a{display:block; color: #999; }
.category_wp ul li{cursor: pointer;}
.category_wp ul li a span{ font-weight: bold;color: #c0cb34;border-radius: 50px;margin-left: 4px;}

.category-list-in{display:none}

.category_wp ul.choice_list{width:100%; overflow:hidden ; border-bottom:1px solid #000; padding: 0;}
.category_wp ul.choice_list li{background:#555; color:#fff;border-radius: 50px; float:left; margin: 5px;border: 1px solid #555;}
.category_wp ul.choice_list li span{padding-left: 10px;}

.sort_btn button{border: 0; background: #fff; color:#999; padding:5px}
.sort_btn button.on{ font-weight:bold; color:#555}
.filter_table_txt{float: left; position: relative; font-size:20px; height:30px; cursor: pointer;}
.filter_table_txt .icon{  position: absolute; width: 16px; height: 16px; left: 50px; top: 6px;}

.filter_table_txt .icon:before, .filter_table_txt .icon:after{ content: ""; position: absolute; background-color: black; transition: transform 0.25s ease-out;}
.filter_table_txt.open .icon:before{ top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px;}
.filter_table_txt .icon:after{ top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px;}




/* 기획전 tabmenu */
.promotion-tab{width:100%; display:flex; border:1px solid #ddd; border-width:1px 0 0 1px; margin:20px auto 0; box-sizing:border-box;}
.promotion-tab li{flex:1; border:1px solid #ddd; border-width:0 1px 1px 0; box-sizing:border-box;}
.promotion-tab li.active{}
.promotion-tab li a{font-size:13px; display:block; padding:8px 4px; text-align:center; box-sizing:border-box; letter-spacing:-0.05em;}
.promotion-tab li.active a{background:#d31e1e; color:#fff;}

.promotion-container{width:100%;}
.promotion-box{width:100%; display:none; box-sizing:border-box;}
@media (max-width:768px) {
.promotion-tab{flex-wrap:wrap;}
.promotion-tab li{flex:0 1 33.33%;}
}




/* 서브 상단 배너 */
.pro_top_ban_wp{width:100%; overflow: hidden;text-align: center;}
.pro_top_ban_wp .pro_top_img{display: flex; justify-content: center;}
.pro_top_ban_wp .pro_top_img img{height:100%; display:block;}

.pro_top_ban_wp .pro_top_img.search{position: relative;}
.pro_top_ban_wp .pro_top_img.search p{position: absolute; line-height: 250px; color:#fff; font-size: 30px;}

/* 장바구니 */
.cartlist_wp{}
.cartlist{ width: 100%; margin:50px 0 0; border-bottom: 1px solid #888;}
.cartlist tr{}
.cartlist tr td{border-bottom: 1px solid #ddd;text-align: center;}
.cartlist tr th{border-bottom:1px solid #ddd;border-top:1px solid #666;padding:5px 0}
.cartlist tr td.cart_img img{width:110px; border: 1px solid #ddd; }
.cartlist tr td.cart_img{ padding: 10px 0;}
.cartlist tr td.product_name{ text-align: left;}
.cartlist tr td.product_name p{ margin-bottom: 10px; font-size: 13px; color:#555}
.cartlist tr td.product_name p a{display:block; margin-bottom: 5px; font-size: 15px;}
.cartlist tr td.product_name p b{}
.cartlist tr td.product_name p span{ padding-left: 10px;}
.cartlist tr td.product_name p span.pricem_wp_min{padding-left:0;display: block;}
.cartlist tr td.del_btn{ position: relative; top: 0; left: 0;}
.cartlist tr td.pricem_wp{}
.cartlist tr td.pricem_wp s{display:block;color: #aaa;}
.cartlist tr td.pricem_wp b{font-size: 18px;}
.cart_total_wp{overflow:hidden; width: 80%; margin: 10px auto}
.cart_total_wp p{float:left; text-align: center;width:25%}
.cart_total_wp p.min{width:10%; font-size: 40px; color: #aaa;}
.cart_total_wp p span{color: #aaa;}
.cart_total_wp p b{font-size:20px; display:block; }
.cart_total_color{color:#ca2424}
.cart_total_color2{color:#2485ca}
.cartlist tr td.cart_img input{position:absolute; height:12px; line-height:12px; padding:0 }
.cartlist tr td.m_product {text-align:left}




.giftLine{width:100%; display:flex; background:#eee;}
.giftLine li{padding:22px; box-sizing:border-box;}
.giftLine li:first-of-type{padding:22px 20px 22px 80px;}
.giftLine li .lowLine-icon{width:1px; height:20px; background:#888; position:relative;}
.giftLine li .lowLine-icon:after{content:""; width:20px; height:1px; background:#888; position:absolute; top:19px; left:0px;}
.giftLine li .thumb-li{width:60px; display:block; position:relative;}
.giftLine li .thumb-li:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);}
.giftLine li .thumb-li img{width:100%; display:block;}
.giftLine li strong{font-size:12px; font-weight:500; line-height:1; color:#d31e1e; display:block; margin:0 0 2px;}
.giftLine li p{font-size:13px; font-weight:400; color:#333;}




.naverPay{text-align:center;} /* 네이버 페이 오른쪽*/
.naverPay .npay_type_A_1{width: 400px !important;}
.naverPay .npay_type_A_1 .npay_button_box, .npay_button_box2{border-top:0 !important}


/*주문내역*/
.cartlist2{margin:0 0 20px;}
.cartlist2 .cartlist2-t{display:flex; justify-content:space-between; align-items:center; background:#eee; padding:7px 40px;}
.cartlist2 .cartlist2-t .cartlist2-t-l{display:flex; align-items:center;}
.cartlist2 .cartlist2-t .cartlist2-t-l li{font-size:14px; font-weight:500; color:#555;}
.cartlist2 .cartlist2-t .cartlist2-t-l li:after{content:""; display:inline-block; width:1px; height:12px; background:#ccc; margin:0 24px;}
.cartlist2 .cartlist2-t .cartlist2-t-l li:last-of-type:after{content:""; display:none;}
.cartlist2 .cartlist2-t .cartlist2-t-l li span{color:#991111;}
.cartlist2 .cartlist2-t .cartlist2-t-l li a{font-size:14px; color:#991111;}
.cartlist2 .cartlist2-t .cartlist2-t-l li a:hover{text-decoration:underline;}
.cartlist2 .cartlist2-t .cartlist2-t-r{display:flex;}
.cartlist2 .cartlist2-t .cartlist2-t-r li{margin:0 2% 0 0;}
.cartlist2 .cartlist2-t .cartlist2-t-r li:last-of-type{margin:0;}
.cartlist2 .cartlist2-t .cartlist2-t-r a{font-size:12px; line-height:1; color:#333; white-space:nowrap; border:1px solid #555; padding:8px 12px; display:block; box-sizing:border-box;}
.cartlist2 .cartlist2-t .cartlist2-t-r a:hover{background:#fff; color:#980d0d;}

.cartlist2 .cartlist2-table{width:100%; border:1px solid #eee; box-sizing:border-box;}
.cartlist2 .cartlist2-table dl{width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-bottom:1px solid #eee;}
.cartlist2 .cartlist2-table dl:last-of-type{border-bottom:none;}
.cartlist2 .cartlist2-table dl dt{}
.cartlist2 .cartlist2-table dl dd{padding:22px 22px; float: left;}
.cartlist2 .cartlist2-table dl dd:nth-of-type(1){padding:22px 0 22px 40px;}
.cartlist2 .cartlist2-table dl dd:nth-of-type(2){flex-grow:1;}
.cartlist2 .cartlist2-table dl dd:nth-of-type(4){padding:22px 40px 22px 0;}
.cartlist2 .cartlist2-table dl dd.total{font-size:14px; font-weight:500; text-align:center;}
.cartlist2 .cartlist2-table dl dd.total del{font-size:13px; font-weight:400; color:#888; text-decoration:line-through; display:block;}
.cartlist2 .cartlist2-table dl dd.thumb-dd{width:80px;}
.cartlist2 .cartlist2-table dl dd.thumb-dd a{display:block; position:relative;}
.cartlist2 .cartlist2-table dl dd.thumb-dd a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);}
.cartlist2 .cartlist2-table dl dd.thumb-dd a img{width:100%; display:block;}
.cartlist2 .cartlist2-table dl dd .cartlist2-name{}
.cartlist2 .cartlist2-table dl dd .cartlist2-name .badge-gift{display:block;}
.cartlist2 .cartlist2-table dl dd .cartlist2-name .badge-gift .badge-gift-box{display:inline-flex; border:1px solid #1593dd; padding:3px 4px;}
.cartlist2 .cartlist2-table dl dd .cartlist2-name .badge-gift .badge-gift-box span{font-size:12px; font-weight:400; line-height:1; color:#1593dd;}
.coupon-table .badge-gift-box{display:inline-flex; border:1px solid #1593dd; padding:3px 4px;}
.coupon-table .badge-gift-box span{font-size:12px; font-weight:400; line-height:1; color:#1593dd;}
.cartlist2 .cartlist2-table dl dd .cartlist2-name a{font-size:13px; font-weight:700; color:#000;}
.cartlist2 .cartlist2-table dl dd .cartlist2-state{font-size:13px; font-weight:500; color:#991111; text-align:center;}
.cartlist2 .cartlist2-table dl dd .cartlist2-option{font-size:12px; font-weight:200; color:#777;}
.cartlist2 .cartlist2-table dl dd .cartlist2-point{font-size:12px; font-weight:400; color:#555;}
.cartlist2 .cartlist2-table dl dd .cartlist2-qty{font-size:13px; font-weight:400; color:#333;}
.cartlist2 .cartlist2-table dl dd .cartlist2-price{font-size:13px; font-weight:500; color:#000;}
.cartlist2 .cartlist2-table dl dd ul{}
.cartlist2 .cartlist2-table dl dd ul li{border:1px solid #333; margin:0 0 2px;}
.cartlist2 .cartlist2-table dl dd ul li:last-of-type{margin:0;}
.cartlist2 .cartlist2-table dl dd ul li a{font-size:12px; color:#333; display:block; padding:6px 10px;}

.cartlist2.cart-table{margin:0;}
.cartlist2.cart-table .cartlist2-table{margin:50px 0 0; border-top:1px solid #aaa;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(1){}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(2){flex-grow:0;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(3){flex-grow:1;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(4){padding:22px 22px;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(5){padding:22px 40px 22px 0;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(5) a{display:block;}
.cartlist2.cart-table .cartlist2-table dl dd:nth-of-type(5) a img{width:20px; display:block;}
.cartlist2.cart-table .cartlist2-table dl dd .cartlist2-state{font-size:16px;}

/*반품채팅*/
.return_msg{}
.return_msg span{cursor:pointer; padding: 10px; width: 100%; display: inline-block;}
.return_msg span:hover{background: #eee;}
/* ------------------------- 마이페이지 영역 -------------------------  */
.sub_title .title_1{padding:62px 0 56px; text-align:center; font-size:30px; line-height:1;}
.subContentBox{min-height:500px; padding-bottom: 50px;}


.step{overflow:hidden; margin:20px 0; text-align:center}
.step li{width: 24%; float:left; margin-right: 1.2222%; border: 1px solid #ddd; display:inline-block; cursor: pointer; box-sizing: border-box;}
.step.two li{width:49%; margin-right:2%;}
.step.three li{width:32%; margin-right:2%;}
.step.five li{width:19%;}
.step li:last-child{margin-right:0}
.step li:hover{ border: 1px solid #000; }
.step li a{width:100%; padding:8px 4px; font-size:15px; text-align:center; box-sizing:border-box; display:block;}
.step li a.on{background:#d31e1e; color:#fff}



.progress-tab{border-bottom:1px solid #eee; margin:40px auto 0; text-align:center;}
.progress-tab:after{content:''; display:block; clear:both;}
.progress-tab li{display:inline-block; margin:0 32px 0 0;}
.progress-tab li:last-of-type{margin:0;}
.progress-tab li a{display:block; position:relative; text-align:center; font-size:14px; line-height:34px; color:#888;}
.progress-tab li a:after{content:''; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#333; transition:width .2s ease; transform:translateX(-50%);}
.progress-tab li a:hover,
.progress-tab li.on a{font-weight:700; color:#333;}
.progress-tab li a:hover:after,
.progress-tab li.on a:after{width:100%;}


/*로그인레이어*/
.layerWrap{display:none; width:620px; padding:0; border:1px solid #eee; box-sizing:border-box; z-index:1001;
position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);}
.layerClose{font-size:24px; line-height:1; display:inline-block; position:absolute; top:10px; right:10px; padding:0; vertical-align:top; color:#333; cursor:pointer; z-index:2;}
.layerClose:hover{ color:#e51827; }

/* 오시는 길 */
.contact_map{}
.contact_map dt{}
.contact_map dt h2{font-size:22px; margin:0 0 6px;}
.contact_map dd{margin:10px 0 50px 0}
.contact_map dd ul li{padding:5px 20px;}
.contact_map dd ul li b{display: inline-block; color: #991111; width: 80px; text-align: center;}


/* 로그인 */
.loginbox{background:#fff; padding:40px 46px;}
.loginbox h2{font-size:30px; font-weight:500; line-height:1; color:#333; text-align:center; border-bottom:1px solid #ccc; padding:0 0 40px; margin:0 0 24px;}

.loginbox .formLogin{display:flex; padding:0; margin:0;}
.loginbox .formLogin .formLogin-l{flex-grow:1;}
.loginbox .formLogin .formLogin-l dl{display:flex; align-items:center; margin:0 0 6px;}
.loginbox .formLogin .formLogin-l dl:last-of-type{margin:0;}
.loginbox .formLogin .formLogin-l dt{width:80px; font-size:14px;}
.loginbox .formLogin .formLogin-l dd{flex-grow:1;}
.loginbox .formLogin .formLogin-l dd input{width:100%; height:44px; background:#f5f5f5; padding:0 0 0 14px; margin:0; box-sizing:border-box;}
.loginbox .formLogin .formLogin-l dd input:-webkit-autofill,
.loginbox .formLogin .formLogin-l dd input:-webkit-autofill:hover,
.loginbox .formLogin .formLogin-l dd input:-webkit-autofill:focus,
.loginbox .formLogin .formLogin-l dd input:-webkit-autofill:active{
	transition:background-color 5s ease-in-out 0s;
	-webkit-transition:background-color 9999s ease-out;
	outline:none;
}

.loginbox .formLogin .formLogin-r{width:110px; margin:0 0 0 6px;}
.loginbox .formLogin .formLogin-r button{width:100%; height:100%; font-size:16px; background:#333; color:#fff; border:none;}
.loginbox .formLogin .formLogin-r button:hover{background:#d31e1e;}

.loginbox .loginbox-find{display:flex; justify-content:center; align-items:center; padding:12px 0 24px; border-bottom:1px solid #ddd;}
.loginbox .loginbox-find li{display:inline-flex; align-items:center;}
.loginbox .loginbox-find li:after{content:""; display:inline-block; width:1px; height:12px; background:#ddd; margin:0 20px;}
.loginbox .loginbox-find li:last-of-type:after{display:none;}
.loginbox .loginbox-find li a{font-size:13px; line-height:1; color:#555; display:block; text-align:center;}
.loginbox .loginbox-find li input[type="checkbox"]{width:14px; height:14px; margin:1px 2px 0 0;}
.loginbox .loginbox-find li label{font-size:13px; line-height:1; color:#555;}

.loginbox .loginbox-sns{padding:24px 0; text-align:center; border-bottom:1px solid #ddd;}
.loginbox .loginbox-sns h3{font-size:16px; font-weight:500; line-height:1; color:#333;}
.loginbox .loginbox-sns ul{width:60%; display:inline-flex; justify-content:center; margin:10px 0 0;align-items:center;}
.loginbox .loginbox-sns ul li{width:50px; margin:0 8px 0 0;}
.loginbox .loginbox-sns ul li:last-of-type{margin:0;}
.loginbox .loginbox-sns ul li a{width:50px; height:50px; display:flex; justify-content:center; align-items:center; margin:auto; border-radius:50%; }
.loginbox .loginbox-sns ul li a.icon-n{background:#03cf5d;}
.loginbox .loginbox-sns ul li a.icon-n img{height:15px;}
.loginbox .loginbox-sns ul li a.icon-k{background:#f9e000;}
.loginbox .loginbox-sns ul li a.icon-f{background:#3d5a98;}
.loginbox .loginbox-sns ul li a.icon-g{background:#e5e5e5;}
.loginbox .loginbox-sns ul li a img{height:18px; display:block;}

.loginbox .loginbox-join{padding:24px 0; text-align:center; border-bottom:1px solid #ddd;}
.loginbox .loginbox-join h3{font-size:16px; font-weight:500; line-height:1; color:#333;}
.loginbox .loginbox-join p{font-size:13px; line-height:1; color:#555; margin:2px 0 10px;}
.loginbox .loginbox-join button{font-size:13px; line-height:1; padding:10px 24px; background:none; border:1px solid #ccc;}
.loginbox .loginbox-join .loginbox-orderlist{margin:0 0 18px;}
.loginbox .loginbox-join .loginbox-orderlist a{font-size:13px; color:#555; padding:0; border-bottom:1px solid #aaa; display:inline-block;}

/*회원가입*/
.join-confirm{min-height:324px; display:flex; flex-direction:column; justify-content:center; align-items:center; word-break:keep-all; background:#f7f7f7; padding:2%; box-sizing:border-box;}
.join-confirm p{font-size:16px; font-weight:; color:#333; text-align:center;}
.join-confirm button{width:180px; height:42px; font-size:15px; background:#d31e1e; border:none; color:#fff; margin:20px 0 0;}
.join-confirm a{font-size:14px; color:#555; display:block; border-bottom:1px solid #888; margin:40px 0 0;}

.join-type{}
.join-type ul.join-type01{display:flex; justify-content:center;}
.join-type ul.join-type01 li{border:1px solid #ddd; border-radius:20px; box-sizing:border-box; margin:0 18px 0 0; overflow:hidden;}
.join-type ul.join-type01 li:last-of-type{margin:0;}
.join-type ul.join-type01 li a{width:172px; height:180px; display:flex; flex-direction:column; justify-content:center;}
.join-type ul.join-type01 li a:hover{background:#f3f3f3;}
.join-type ul.join-type01 li a img{height:34px; display:block; margin:0 auto 18px;}
.join-type ul.join-type01 li a p{font-size:18px; font-weight:400; line-height:1.2; color:#333; text-align:center;}

.join-type h4{font-size:16px; font-weight:500; color:#333; text-align:center; margin:80px auto 22px;}
.join-type ul.join-type02{display:flex; justify-content:center;}
.join-type ul.join-type02 li{margin:0 40px 0 0;}
.join-type ul.join-type02 li:last-of-type{margin:0;}
.join-type ul.join-type02 li a{display:flex; flex-direction:column;}
.join-type ul.join-type02 li a .join-icon-box{width:50px; height:50px; display:flex; justify-content:center; align-items:center; border-radius:50px; margin:0 0 8px;}
.join-type ul.join-type02 li a.icon-n .join-icon-box{background:#03cf5d;}
.join-type ul.join-type02 li a.icon-k .join-icon-box{background:#f9e000;}
.join-type ul.join-type02 li a.icon-f .join-icon-box{background:#3d5a98;}
.join-type ul.join-type02 li a.icon-g .join-icon-box{background:#e5e5e5;}
.join-type ul.join-type02 li a img{height:24px; display:block;}
.join-type ul.join-type02 li a.icon-n img{height:20px;}
.join-type ul.join-type02 li a.icon-k img{height:26px;}
.join-type ul.join-type02 li a p{font-size:14px; font-weight:500; line-height:1; color:#454545; text-align:center;}

.joinWrap{ position:relative; width:100%; max-width:420px; margin:auto;}
.joinWrap dl{margin:0 0 40px;}
.joinWrap dl:last-of-type{margin:0;}
.joinWrap dl dt,
.joinWrap dl dd{}
.joinWrap dl dt{font-size:15px; font-weight:500; line-height:1; margin:0 0 10px;}
.joinWrap dl dd{margin:0 0 10px;}
.joinWrap dl dd:last-of-type{margin:0;}
.joinWrap dl dd label{display:flex; flex-wrap:wrap;}
.joinWrap dl dd label input[type="text"],
.joinWrap dl dd label input[type="password"]{width:100%; height:48px; font-size:15px; color:#808080;
border:1px solid #d9d9d9; border-radius:6px; box-sizing:border-box; text-indent:18px;}
.joinWrap dl dd label textarea{width:100%; height:148px; font-size:15px; color:#808080;
border:1px solid #d9d9d9; border-radius:6px; box-sizing:border-box;}
.joinWrap dl dd label.pwChange input[type="checkbox"]{width:22px; height:22px; margin:0; outline:none;}
.joinWrap dl dd label input.post-input{width:calc(100% - 106px); margin:0 6px 0 0;}
.joinWrap dl dd label button.post-bt{width:100px; height:48px; font-size:; border-radius:6px; box-sizing:border-box;}
.joinWrap dl dd p{font-size:13px; margin:2px 0 0; word-break:keep-all;}

.joinWrap ul.ad-agree{display:flex; justify-content:space-evenly; border:1px solid #d9d9d9; padding:10px 12px; box-sizing:border-box;}
.joinWrap ul.ad-agree li{margin:0;}
.joinWrap ul.ad-agree li label{line-height:1;}
.joinWrap ul.ad-agree li label input[type="checkbox"]{width:18px; height:18px; line-height:1; margin:0 4px 0 0; outline:none;}


.terms-tab{}
.terms-tab .terms-head{
    width:100%; display:flex; justify-content:space-between; align-items:center; font-size:15px; color:#333;
	border-bottom:1px solid #eee; box-sizing:border-box;
	padding:10px 5px; margin:0 0; outline:none; transition:0.4s;
}
.terms-tab:first-of-type .terms-head{border-top:1px solid #333;}
.terms-tab .terms-head .form-check{}
.terms-tab .terms-head .form-check input{height:16px; cursor:pointer;}
.terms-tab .terms-head .form-check label{display:inline-flex; cursor:pointer;}
.terms-tab .terms-head .form-check label h2{font-size:18px; font-weight:500;}
.terms-tab .terms-head .form-check label h3{font-size:16px; font-weight:400;}
.terms-tab .terms-head i{font-size:16px; color:#000; cursor:pointer;}
.terms-tab .terms-head i.collapsed:before{content:"\f107";}

.terms-tab .collapse:not(.in){display:none;}
.terms-tab .terms{
	max-height:200px;
    background:#eee;
    padding:0 10px;
    overflow:hidden;
    box-sizing:border-box;
    transition:all 0.2s ease-out;
    overflow-y:auto;
}



/* 주문결제 */
table.info{width:100%; border-spacing : 0; margin-bottom:20px}
table.info.small{  border:solid 1px #b1c5d1; width:70%; min-width:780px; margin:1px 0 10px 3px;  }
table.info.bold{  border:solid 1px #666;  }
table.info.bold.grn{ border: none;}
table.info.bold.grn .title a{ }
table.info.bold.grn .policy2 a{border: 1px solid #ddd; padding: 5px; display: inline-block; vertical-align: middle; margin: 5px;}
table.info.bold.grn textarea.wide100{ height: 100px; border: 1px solid #ddd; width: 95%;}

table.info caption{text-align: left; font-size: 18px; font-weight: bold; padding: 10px 0;}
table.info.small caption{ font:bold 14px/16px "Noto Sans KR"; padding:7px 0 0 0; background:#5ab1e3; color:#fff; text-align:center; vertical-align:middle; } 
table.info caption.co_regi:before{ content:")"; font:normal 24px 'icon',Arial; color:#ff932a; }
table.info caption b.glasses:before{ display:inline-block;  padding:0px 8px 0px 0px; content:"s";  font:normal 24px 'icon',Arial; color:#ff932a; }
table.info th{ padding:10px 0px 10px 20px; vertical-align:middle; text-align:left; border-bottom:solid 1px #e0e0e0; }
table.info th.must:after{ content:"*"; color:#e01e27; font:bold 14px/18px Arial; padding:0px 0px 0px 3px; }
table.info td{ padding:7px 0px 7px 20px;border-bottom:solid 1px #e0e0e0; vertical-align:middle }
table.info.small th{ width:130px; padding:7px 0px 5px 10px; border:solid 1px #b1c5d1; border-width:1px 0 0 0;  background:#f0f9ff; color:#4f6584; font-weight:normal; }
table.info.small td{ padding:7px 0px 5px 5px; background:#f9fdff; border-left:solid 1px #c2d2db;  border-top:solid 1px #c2d2db;}
table.info.small td div{ font:normal 11px/14px Dotum; color:#648cb5; }
table.info .none th,table.info .none td{ border-bottom:none; }
table.info td.top{ background:#f3fafe; border-bottom:solid 1px #666; font:bold 14px/30px Malgun Gothic; color:#1a55c1; }
table.info td.noData.company{ padding-bottom:20px; }
table.info td.noData.company:before{ content:"s" }
table.info td input[type=text],table.info td input[type=password]{ box-sizing: border-box; min-width:50px;width:100px; height:28px; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:1px 0px 1px 5px; font:normal 12px/30px Dotum; color:#333;  }
table.info td input[type=text].wide60{ width:60%;  }
table.info td select{height: 32px; padding: 0 20px;}
table.info td textarea.wide62{ width:80%; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/30px Dotum; color:#333; }
table.info td input[type=text].wide80{ width:80%; }
table.info td input[type=text].wide20,table.info td input[type=password].wide20{ width:20%; }
table.info td .tip input[type=text].wide20{ width:30%; margin:-2px 0px;   }
table.info td.pageNum a{ color:#494949; }
table.info td.pageNum a:hover{ color:#1487e8; }
table.info tr:first-child th{border-top:solid 1px #666;}
table.info tr:first-child td{border-top:solid 1px #666;}

label.check1{ display:block; }


/* 회원가입 로그인 */
/*
.join_intro{width:80%;margin:50px auto}
.join_sns{ overflow:hidden; width:100%}
.join_sns li{width:25%; float:left; padding: 10px 20px; box-sizing: border-box;}
.join_sns li img{ width: 30px; padding-right: 20px;}
.join_sns li a{color:#fff; display: block;}

.login_sns{}
.login_sns.join_sns li{width:50%;}
.join_sns li:nth-child(1){background:#03cf5d}
.join_sns li:nth-child(2){background:#fae301}
.join_sns li:nth-child(3){background:#465993}
.join_sns li:nth-child(4){background:#fafafa}
.join_sns li:nth-child(2) a{ color: #311720}
.join_sns li:nth-child(4) a{ color: #311720}
.join_normal{overflow:hidden}
.join_normal li{float: left; width: 49%; text-align: center;  box-sizing: border-box; border: 1px solid #ddd; margin: 0 2% 20px 0;}
.join_normal li:hover{border:1px solid #c0cb34}
.join_normal li:last-child{margin:0}
.join_normal li a{display:block;padding: 50px;}
*/



/* 상품후기 관리 */
/* 후기작성 */
.my-review-wrap{}
.my-review-wrap dl.my-review-list{width:100%; display:flex; align-items:center; flex-wrap:wrap; border:1px solid #eee; border-width:0 1px 1px;}
.my-review-wrap dl.my-review-list:first-of-type{border-top:1px solid #eee;}
.my-review-wrap dl.my-review-list dd{padding:22px;}
.my-review-wrap dl.my-review-list dd:first-of-type{padding:22px 0 22px 40px;}
.my-review-wrap dl.my-review-list dd:nth-of-type(2){flex-grow:1;}
.my-review-wrap dl.my-review-list dd:last-of-type{padding:22px 40px 22px 0;}
.my-review-wrap dl.my-review-list dd.review-thumb{width:100px;}
.my-review-wrap dl.my-review-list dd.review-thumb a{display:block; position:relative;}
.my-review-wrap dl.my-review-list dd.review-thumb a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);}
.my-review-wrap dl.my-review-list dd.review-thumb a img{width:100%; display:block;}
.my-review-wrap dl.my-review-list dd p.review-name{font-size:13px; font-weight:700; color:#000;}
.my-review-wrap dl.my-review-list dd p.review-option{font-size:12px; font-weight:200; color:#777;}
.my-review-wrap dl.my-review-list dd p.review-date{font-size:12px; font-weight:200; color:#aaa; margin:24px 0 0;}
.my-review-wrap dl.my-review-list dd button.review-bt{font-size:12px; line-height:1; color:#333; display:block; padding:8px 10px; border:1px solid #333; background:none;}

/* 작성페이지 */
.review-write-wrap{}
.review-write-wrap .review-write-t{width:100%; display:flex; align-items:center; border-top:1px solid #ddd;}
.review-write-wrap .review-write-t .write-thumb{width:100px; padding:22px;}
.review-write-wrap .review-write-t .write-thumb a{display:block; position:relative;}
.review-write-wrap .review-write-t .write-thumb a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);}
.review-write-wrap .review-write-t .write-thumb a img{width:100%; display:block;}
.review-write-wrap .review-write-t .write-name{flex-grow:1; padding:22px 22px 22px 0;}
.review-write-wrap .review-write-t .write-name p{font-size:18px; line-height:1.4; color:#222;}
.review-write-wrap .review-write-b{border:1px solid #ddd; border-width:1px 0; box-sizing:border-box;}
.review-write-wrap .review-write-b dl{display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:22px; box-sizing:border-box;}
.review-write-wrap .review-write-b dl:last-of-type{border-bottom:none;}
.review-write-wrap .review-write-b dl dt,
.review-write-wrap .review-write-b dl dd{box-sizing:border-box; word-break:keep-all;}
.review-write-wrap .review-write-b dl dt{flex-basis:136px; flex-shrink:0; font-size:14px; font-weight:500; line-height:1; color:#000;}
.review-write-wrap .review-write-b dl dd{flex-grow:1;}
.review-write-wrap .review-write-b dl dd textarea{width:100%; font-size:12px; padding:8px; border:1px solid #eee; outline:none; resize:none; box-sizing:border-box;}
.write-upload{}
.write-upload .file-upload-bt{}
.write-upload .file-upload-bt label{display:inline-block; padding:6px 12px; border:1px solid #d31e1e; color:#d31e1e; cursor:pointer; box-sizing:border-box;}
.write-upload .file-upload-bt label:hover{background:#d31e1e; color:#fff;}
.write-upload .file-upload-bt span{font-size:12px; color:#777; margin:0 0 0 8px;}
.write-upload .file-upload-bt input{position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.write-upload ul{margin:8px 0 0;}
.write-upload ul li{margin:0 0 2px;}
.write-upload ul li p{font-size:12px; line-height:1.2; color:#555; word-break:break-all; margin:0 12px 0 0; display:inline-block;}
.write-upload ul li p img{width:60px; border:1px solid #ddd;}
.write-upload ul li p span{margin:0 0 0 4px;}
.write-upload ul li button{font-size:12px; color:#d31e1e; padding:0; background:none; border:none;}
/*
.review-write-wrap .review-write-b dl dd .write-upload ul{}
.review-write-wrap .review-write-b dl dd .write-upload ul li{}
.review-write-wrap .review-write-b dl dd .write-upload ul li input[type="file"]{}
.review-write-wrap .review-write-b dl dd .write-upload ul li p{font-size:14px; display:inline-block;}
.review-write-wrap .review-write-b dl dd .write-upload ul li p span{font-size:12px; color:#1e34d3;}
*/

.rating-wrap{display:flex; align-items:center;}
.review-rating{
	position:relative;
	display:-webkit-box;
	display:flex;
	margin:10px 0 10px;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	flex-direction:row-reverse;
	-webkit-box-pack:end;
	justify-content:flex-end
}
.review-rating input[type=radio]{display:none; box-sizing:border-box; padding:0;}
.review-rating input[type=radio]:checked~label{color:#ffb136;}
.review-rating label:focus,
.review-rating label:focus~label,
.review-rating label:hover,
.review-rating label:hover~label{color:#ffb136}
.review-rating label{margin-bottom:0; color:#a6a6a6; cursor:pointer; -webkit-transition:.15s ease-in-out; transition:.15s ease-in-out}
.review-rating label i{font-size:20px; line-height:20px;}
.rating-wrap span{font-size:13px; line-height:1; color:#333; margin:0 0 0 4px;}


/* 작성한 후기 */
.wrote-review-list{}
.wrote-review-list > li{border:1px solid #eee; margin:0 0 8px;}
.wrote-review-list > li .wrote-review-t{display:flex; justify-content:space-between; align-items:center; background:#f5f5f5; border-bottom:1px solid #eee; padding:8px; box-sizing:border-box;}
.wrote-review-list > li .wrote-review-t .wrote-thumb{width:52px; margin:0;}
.wrote-review-list > li .wrote-review-t .wrote-thumb a{display:block; position:relative;}
.wrote-review-list > li .wrote-review-t .wrote-thumb a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.02);}
.wrote-review-list > li .wrote-review-t .wrote-thumb a img{width:100%; display:block;}
.wrote-review-list > li .wrote-review-t .wrote-name{flex-grow:1; font-size:15px; font-weight:400; color:#333; padding:0 8px;}
.wrote-review-list > li .wrote-review-t .wrote-bt{display:flex;}
.wrote-review-list > li .wrote-review-t .wrote-bt button{font-size:12px; line-height:1; color:#333; display:block; padding:8px 10px; margin:0 4px 0 0; border:1px solid #333; background:none;}
.wrote-review-list > li .wrote-review-t .wrote-bt button:last-of-type{margin:0;}
.wrote-review-list > li .wrote-review-m{padding:8px;}
.wrote-review-list > li .wrote-review-m .star{}
.wrote-review-list > li .wrote-review-m ul{display:flex; flex-wrap:wrap;}
/*
.wrote-review-list > li .wrote-review-m ul li{width:80px; margin:0 4px 4px 0;}
.wrote-review-list > li .wrote-review-m ul li img{width:100%; display:block;}
*/
.wrote-review-list > li .wrote-review-m ul li{width:80px; height:80px; border:1px solid #dcdcdc; border-radius:8px; margin:0 4px 4px 0; outline:none!important; position:relative; overflow:hidden; box-sizing:border-box;}
.wrote-review-list > li .wrote-review-m ul li span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.wrote-review-list > li .wrote-review-b{padding:8px;}
.wrote-review-list > li .wrote-review-b p{font-size:14px; font-weight:400; color:#333;}
.wrote-review-list > li .wrote-review-b span{font-size:12px; font-weight:300; line-height:1; color:#888; display:block; margin:18px 0 4px;}

.reviewsStar{width:100%; display:flex; align-items:center; margin:10px 0 10px;}
.reviewsStar .back-stars{position:relative; display:-webkit-box; display:flex;}
.reviewsStar .back-stars>i{font-size:24px; line-height:24px; margin-right:1px; color:#a6a6a6;}
.reviewsStar .back-stars>i:last-child{margin-right:0;}
.reviewsStar .front-stars{position:absolute; left:0; top:0; display:-webkit-box; display:flex; color:#ffb136; overflow:hidden;}
.reviewsStar .front-stars>i{font-size:24px; line-height:24px; margin-right:1px;}
.reviewsStar .front-stars>i:last-child{margin-right:0;}
.reviewsStar .rating-count{font-size:13px; line-height:1; margin:0 0 0 4px; color:#333;}







/* 선물함 */
.gift-wrap{border:10px solid #f7f7f7; padding:20px; box-sizing:border-box;}
.gift-wrap .gift-t{display:flex;}
.gift-wrap .gift-t .gift-t-l{width:212px; height:212px; margin:0 20px 0 0;}
.gift-wrap .gift-t .gift-t-l a{display:block;}
.gift-wrap .gift-t .gift-t-l a img{width:100%; display:block;}
.gift-wrap .gift-t .gift-t-r{flex-grow:1; padding:10px 0 0;}
.gift-wrap .gift-t .gift-t-r h2{font-size:15px; font-weight:700; line-height:1; color:#222;}
.gift-wrap .gift-t .gift-t-r h2 span{color:#d31e1e;}
.gift-wrap .gift-t .gift-t-r h3{font-size:20px; font-weight:300; line-height:1.2; color:#454545; margin:6px 0 10px;}
.gift-wrap .gift-t .gift-t-r table{width:100%;}
.gift-wrap .gift-t .gift-t-r table tr{}
.gift-wrap .gift-t .gift-t-r table tr th,
.gift-wrap .gift-t .gift-t-r table tr td{padding:6px; border:1px solid #e5e5e5;}
.gift-wrap .gift-t .gift-t-r table tr th{font-size:12px; font-weight:400; color:#555; text-align:center; vertical-align:middle; background:#f5f5f5;}
.gift-wrap .gift-t .gift-t-r table tr td{font-size:12px; font-weight:500; color:#333;}
.gift-wrap .gift-t .gift-t-r table tr td input{width:150px; height:28px;}
.gift-wrap .gift-t .gift-t-r table tr td p{}
.gift-wrap .gift-t .gift-t-r table tr td.gift-address{}
.gift-wrap .gift-t .gift-t-r table tr td.gift-address button{font-size:12px; vertical-align:top;}
.gift-wrap .gift-t .gift-t-r table tr td.gift-address input{width:100%; margin:0 0 2px; font-size:12px; }
.gift-wrap .gift-t .gift-t-r table tr td.gift-address input#ZipCode{width:150px;}
.gift-wrap .gift-d{border-top:1px solid #ddd; margin:20px 0 0; padding:20px 0 0;}
.gift-wrap .gift-d p{font-size:16px; font-weight:400; color:#333;}

.gift-info-b{display:flex; flex-direction:column; border-top:1px solid #eee; padding:0 22px 0 40px; box-sizing:border-box;}
.gift-info-b table{}
.gift-info-b table tr th,
.gift-info-b table tr td{padding:10px 0 0;}
.gift-info-b table tr:last-of-type th,
.gift-info-b table tr:last-of-type td{padding:10px 0 10px;}
.gift-info-b table th{font-size:13px; font-weight:700; line-height:1; color:#222; text-align:left;}
.gift-info-b table td{font-size:13px; font-weight:500; line-height:1; color:#222;}
.gift-info-b table td span{color:#d31e1e;}
.gift-info-b table td p{font-size:13px; font-weight:400; line-height:1.4; color:#555;}




/* 적립금 */
.pointlist{ width: 100%;}
.pointlist tr{}
.pointlist tr th{text-align:center;background:#eee;border-top:2px solid #000; padding: 15px 0;}
.pointlist tr td{border-bottom:1px solid #ddd; padding:15px 4px}
.pointlist tr td button.btn{margin:0 0 2px;}
.point_list_box{background:#f7f7f7; padding:2% 2%; box-sizing:border-box;}
.point_list_box ul{width:80%; margin:0 auto; overflow:hidden}
.point_list_box ul li{float:left; text-align:center; width: 33.3%; color: #555; font-size:17px; line-height:1.4; letter-spacing: -0.5px;}
.point_list_box ul li:first-child{text-align:; color: #000; font-weight: bold;}
.point_list_box ul li span{display:block}
.point_list_box .smallBlue{font-weight: bold; color: #c81647;}


.coupon-table{width:100%; border:1px solid #eee; margin:6px auto 0;}
.coupon-table tr{border-bottom:1px solid #eee;}
.coupon-table tr th,
.coupon-table tr td{padding:15px 10px;}
.coupon-table tr td .tit,.coupon-table tr td a{}
.coupon-table tr td .txt{color:#555}
.coupon-table tr th{text-align:center; background:#eee; border-top:2px solid #000;}
.coupon-table tr td{text-align:center;}
.coupon-table tr td.coupon-name{padding-left:40px;}
.coupon-table tr td h4.coupon-table-p{color:#991111; }




/* 관심상품 */
.cartlist tr td.img img{width:120px; border: 1px solid #ddd;}
.wishlist tr td{ border-bottom: 1px solid #ddd; padding:15px 0}

/* id pw 찾기 */
.id_pw_find{overflow:hidden}
.id_pw_find li{float:left; width:47%; margin-right:6%; padding: 50px 20px; margin-bottom: 70px; box-sizing: border-box; border:1px solid #ddd; min-height: 320px;}
.id_pw_find li:last-child{margin-right:0}
.id_pw_find li div label{display:block; margin-bottom:10px;overflow: hidden;}
.id_pw_find li div label b{float:left; width: 30%; display: inline-block;}
.id_pw_find li div label input{float:left; width:60%; }
.id_pw_find li div button{width:100%; padding:10px; color:#fff; background:#555;}
.id_pw_find li p{margin-bottom:20px; min-height: 40px;}

textarea.wide200{height:400px; border: 1px solid #eee; width: 95%; margin: 0 auto;}/* 취급, 약관 */

/* 고객센터 공지사항 faq */
.center_info_wp{width:100%; background: #fafafa; border:1px solid #ddd; padding:2% 4%; margin:auto; box-sizing:border-box;}
.center_info_tit{ text-align: center; font-size: 20px; letter-spacing: -0.8px; color: #a6b306;}

.faq-info{display:flex; justify-content:space-around; margin:40px 0 0;}
.faq-info-l{}
.faq-info-l dl{display:flex; margin:0 0 24px;}
.faq-info-l dl:last-of-type{margin:0;}
.faq-info-l dl dt{width:152px; font-size:22px; text-align:right; margin:0 32px 0 0; padding:0 32px 0 0; border-right:1px solid #ddd; box-sizing:border-box;}
.faq-info-l dl dt span{font-size:12px; font-family:'IBM Plex Sans KR', sans-serif; color:#c5c5c5; display:none;}
.faq-info-l dl dd{}
.faq-info-l dl.faq-info-l-call dd{font-size:56px; font-family:'Lato', sans-serif; line-height:1;}
.faq-info-l dl dd span{display:block; font-size:14px; color:#727272;}
.faq-info-l dl dd div{font-size:22px; line-height:1; color:#0b0e13; margin:0 0 10px;}

.faq-info-c{border-right:6px solid #eee;}

.faq-info-r{}
.faq-info-r li{margin:0 0 12px;}
.faq-info-r li:last-of-type{margin:0;}
.faq-info-r li a{background:#222; font-size:16px; font-weight:300; color:#fff; text-align:center; padding:12px 60px; display:block; box-sizing:border-box;}


.faq-search-wrap{padding:2% 4%; background:#eee; margin:40px auto 0;}
.faq-search{display:flex; justify-content:center; align-items:center;}
.faq-search h4{font-size:15px; font-weight:500; color:#333; margin:0 20px 0 0;}
.faq-search input{width:320px; height:40px; padding:0 0 0 12px; border:1px solid #ddd; box-sizing:border-box;}
.faq-search button{width:80px; height:40px; background:#333; color:#fff; border:none; box-sizing:border-box;}


/* ------------------------- 새로운 마이페이지 영역 -------------------------  */
.mypage_wp{overflow:hidden; width:1200px; min-height:560px; margin:0 auto; display:flex; flex-wrap:wrap;}
.mypage_menu{width:200px; margin:70px 0 0;}
.mypage_con_wp{width:1000px; padding: 30px;box-sizing: border-box;}
.mypage_con_wp .centerWrap{width:100%}
.mypage_menu{}
.mypage_menu ul{padding:0 0 6px;}
.mypage_menu ul > li {}
.mypage_menu ul li a.tit{background: #eee;width: 100%;display: block;text-align: center;padding: 5px 0; border: 1px solid #ddd;box-sizing: border-box;border-bottom: 0;}
.mypage_menu ul li ul.mypage_menu_in{ border: 1px solid #ddd;margin-bottom: 10px;}
.mypage_menu ul li ul.mypage_menu_in li a{ display: block; padding: 5px 10px;}
.mypage_menu ul li ul.mypage_menu_in li a.on{ color: #c0cb34; font-weight: bold; }
.mypage_menu ul li ul.mypage_menu_in li a:hover{ font-weight:bold}

.my-tab{width: 100%; height:43px; line-height:1; display:flex; align-items:center; background:none; color: #333; border: none; box-sizing: border-box;	cursor: pointer;	padding:0 10px;margin:0;font-size: 15px;text-align: left;outline: none;}
.my-tab span.form-check{}
.my-tab h2{flex-grow:1; display:inline; font-size:16px; font-weight:500; color:#333;  font-family: 'Noto Sans KR';}
.my-tab:after {content:""; flex-grow:1; max-width:0; border:solid #555; border-width:0 2px 2px 0;display: inline-block; padding:3px; margin-top:4px; float:right; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.my-open, .my-tab:hover {	}
.my-open:after{margin-top:-2px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.my-list{max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border-bottom:1px solid #ddd;}
.my-list li{margin:0 0 12px; padding:0 16px;}
.my-list li:first-of-type{margin:12px 0 12px;}
.my-list li a{font-size:13px; font-weight:400; line-height:1; color:#888; display:block;}
.my-list li a.on{color:#333; font-weight:500;}






/*마이페이지 메인*/
.my_main_pg{}
.my_con{margin-bottom:50px}
.my_top_con{background:#f7f7f7; padding:25px; display:flex; justify-content:space-around; align-items:center;}
.my_con .my_con_tit{padding: 0 0 16px; color:#888; line-height:1;}
.my_con .my_con_tit h2{font-size: 18px; display: inline-block; padding-right: 10px; color: #000; }
.my_top_con .my_top_con_l{display:flex; align-items:center; margin:0 56px 0 0;}
.my_top_con .my-level{margin:0 24px 0 0;}
.my_top_con .my-level h2{font-size:12px; font-weight:500; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.2);position:relative; z-index:1; transform:rotate(-22.5deg);}
.my-level-outter { width:60px; height:60px; float: left; position: relative; transform:rotate(22.5deg);	display: flex; justify-content: center; align-items: center;}
.my-level-inner {position: absolute;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;}
.my-level-inner:before {content: '';	position: absolute;	top: 0; right: 0; bottom: 0; left: 0;	transform: rotate(45deg);	background: #765ab1;}

.my_top_con .my_top_member{}
.my_top_con .my_top_member p{font-size:18px; font-weight:300; color:#555;}
.my_top_con .my_top_member p b{font-weight:500; color:#333;}
.my_top_con .my_top_member div{display:flex; margin:12px 0 0;}
.my_top_con .my_top_member div button{background:none; border:1px solid #555; font-size:12px; font-weight:400; line-height:1; color:#333; padding:8px 8px; margin:0 6px 0 0;}
.my_top_con .my_top_member div button:last-of-type{margin:0;}
.my_top_con ul{display:flex; justify-content:center;}
.my_top_con ul li{width:168px; text-align:center; border-left:1px solid #ddd;}
.my_top_con ul li a .my-icon-circle{width:52px; height:52px; display:flex; justify-content:center; align-items:center; border:2px solid #eee; border-radius:50px; margin:auto;}
.my_top_con ul li a img{}
.my_top_con ul li p span{font-size:13px; display:block; padding-top: 5px;}
.my_top_con ul li p b{font-size:15px;}
.my_top_con ul li p b font{color:#991111;}
.my_order_con ul {display:flex; justify-content:space-around; align-items:center; border:4px solid #eee; padding:40px; box-sizing:border-box;}
.my_order_con ul li{text-align:center;}
.my_order_con ul li .my-order-icon-wrap{height:auto; position:relative;}
.my_order_con ul li .my-order-icon-wrap img{height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.my_order_con ul li:nth-of-type(1) .my-order-icon-wrap{height:49px;}
.my_order_con ul li:nth-of-type(3) .my-order-icon-wrap{height:47px;}
.my_order_con ul li:nth-of-type(5) .my-order-icon-wrap{height:48px;}
.my_order_con ul li:nth-of-type(7) .my-order-icon-wrap{height:42px;}
.my_order_con ul li:nth-of-type(9) .my-order-icon-wrap{height:50px;}
.my_order_con ul li img{display:block;}
.my_order_con ul li p{}
.my_order_con ul li p span{font-size:14px; line-height:1; color:#343434; display:block; margin:12px 0 10px; }
.my_order_con ul li p b{font-size:15px; font-weight:500; line-height:1; display:block; color:#991111}
.my_order_con2 .cartlist {margin:0}
.my_order_con2 .cartlist tr th{border-top:0}
.my_order_con2 center{margin:20px 0}
.my_order_con2 center .btn{padding: 5px 20px; box-sizing: border-box; border: 1px solid #ddd;}
.my_order_con2 center .btn:hover{ background: #c0cb34; color: #fff;border: 1px solid #c0cb34;}
/* 배송지 관리 */
.tit_img_layer.my_add_pop{}
.tit_img_layer.my_add_pop .layer_area{background: #fff; height: 500px; padding: 20px; box-sizing: border-box;}
.tit_img_layer.my_add_pop .layer_area h2{}
.tit_img_layer.my_add_pop .layer_area .layer_close img{width:100%; display:block;}
table.info td input[type=text].address-input,
table.info td input[type=password].address-input{width:300px;}

/* 회원탈퇴 */
.unregister_info{ border: 1px solid #ddd;padding: 20px; margin-bottom: 30px;}
.unregister_info h2{font-size:16px; font-weight:500; color:#000; margin:0 0 8px;}
.unregister_info h3{font-size:15px; font-weight:500; color:#333; margin:0 0 8px;}
.unregister_info p{font-size:14px; font-weight:400; color:#555; margin:0 0 1px;}
.unregister_info a{font-size:14px; font-weight:400; color:blue;}

.hack_out_list{width:500px}
.hack_out_list li{float:left; width:50%; padding: 10px 0;}

.unregister_type{}
.unregister_type textarea{border:1px solid #ddd; outline:none;}


/* 회원등급 */
.my_level_wp .my_level_top{width: 100%; padding: 30px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom:20px; overflow:hidden}
.my_level_wp .my_level_top .my_level_user{float:left}
.my_level_wp .my_level_top .my_level_user p{ display: inline-block; vertical-align: middle; padding-left: 20px;}
.my_level_wp .my_level_top ul{float:left; border-left: 1px solid #ddd; margin-left: 30px;  padding:7px 30px;}
.my_level_wp .my_level_list{width:100%;}
.my_level_wp .my_level_list tr{}
.my_level_wp .my_level_list tr th{background: #fbfbfb;border: 1px solid #ddd;} 
.my_level_wp .my_level_list tr td{border: 1px solid #ddd; padding: 10px; text-align: center;} 
.my_level_wp .my_level_list tr td.bakg{ font-weight: bold;}
.my_level_wp .my_level_list tr td.bakg img{display:block; margin: 0 auto;}
.my_level_wp .my_level_list tr.my_level_coupon td {vertical-align: top;}
.my_level_wp .my_level_list tr.my_level_coupon td span{ display: block; text-align: left;}
.my_level_wp .my_level_list tr.my_level_coupon td span:before{content:""; display: inline-block; background: #a5ab4e; border-top: 8px solid #c2cb33; border-left: 8px solid transparent; margin-right: 5px;}

.level-table{width:100%;}
.level-table tr{}
.level-table tr.level-table-t-th{}
.level-table tr.level-table-t-th th{font-size:14px; line-height:1; background:#333; color:#fff; padding:11px 12px;}
.level-table tr.level-table-t-th th span{font-size:11px; font-weight:200;}
.level-table tr th,
.level-table tr td{font-size:12px; font-weight:500; color:#333; border:1px solid #ddd; padding:12px 8px; word-break:keep-all;}
.level-table tr th{background:#f0f0f0;}
.level-table tr td{text-align:center;}
.level-table tr td.level-table-colspan{padding:3px 8px;}

.level-con{}
.level-con ul{}
.level-con ul li{}
.level-con ul li p{font-size:13px;}
.level-con ul li p a{font-weight:500; color:#0000ff;}
.level-con ul li p a:hover{color:#ff2222;}
.level-con ul.level-red-font li p{color:#ff2222;}


/* 최근 본 상품 */
.my-latest{}
.my-latest ul{display:flex; flex-wrap:wrap;}
.my-latest ul li{width:23.5%; margin:0 2% 2% 0; cursor:pointer}
.my-latest ul li:nth-of-type(4n+0){margin:0 0 2%;}
.my-latest ul li a{display:block; border:1px solid #eee; box-sizing:border-box;}
.my-latest ul li a img{width:100%; display:block;}




/* 거래원장 */
.trading_wp{}
.trading_wp .pring_btn{}
.trading_wp table{width:100%;}
.trading_wp table tr{}
.trading_wp table tr th{background: #fbfbfb; padding: 10px; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd;}
.trading_wp table tr td{border-bottom: 1px solid #ddd;padding: 10px; text-align: center;}
/* 상단날짜 */
.my_top_date_wp{ margin-bottom: 5px;}
.my_top_date_wp .order_search{height: 32px; background: #c0cb34; display: inline-block; vertical-align: middle; width: 32px; cursor: pointer;}
.my_top_date_wp .order_search img{width:100%;}
.my_top_date_wp .top_date_bt{ border: 1px solid #ddd; display: inline-block; padding:4px 10px; vertical-align: middle; font-size: 12px; border-radius: 5px;margin-left:10px}
.my_top_date_wp .top_date_bt button{border: 0; font-size: 12px; padding: 4px 10px; background: #f6f6f6; margin: 0 0 0 5px;}
.my_top_date_wp .top_date_bt button:hover{background:#eee}
.loan_total_t{display:inline-block}
/* 여신내역
.my_marg_table{margin: 15px 0;}
.loan_table.pointlist tr td{padding: 10px 0;}
.loan_top_pay{overflow: hidden; border: 1px solid #eee; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.loan_top_pay li{float:left; width: 33.3%;height: 32px; line-height: 32px;}
.loan_top_pay li div{display: inline-block;}
.loan_top_pay li div input[type="radio"]{    padding: 0;    margin: 0;    width: auto;    height: auto;    box-sizing: border-box;    margin-right: 5px;    vertical-align: middle;}
.loan_top_pay li div label{ vertical-align: middle;}
.loan_top_pay li b{vertical-align: middle; margin-right: 10px;}
.loan_top_pay .total{ vertical-align: middle;}
p .sech-recvb{padding-right: 15px; color: #ca2e39;}
.memo-recv_wp{background:#f6f6f6}
.centerBtn.loan_bt{margin: 15px 0 30px;} */

/* 쿠폰 페이지 */
.comm_coupon_wp{}
.comm_coupon_wp .coupon_tit{margin-bottom: 20px; border-bottom: 1px solid; padding: 18px;}
.comm_coupon_wp .coupon_tit .coupon_name{font-size: 24px;display:block; margin-bottom: 10px;}
.comm_coupon_wp .coupon_tit .d-day{ background: #000; color: #fff; padding: 3px 8px; margin-right: 10px; box-sizing: border-box;; font-weight: bold;}
.comm_coupon_wp .coupon_con{ text-align: center;}
.comm_coupon_wp .coupon_con button{ margin: 100px 0; padding: 19px 60px; border: 0; background: #000; color: #fff; font-size: 20px; box-sizing: border-box;}

/* 세금계산서 */
.coupon_cateWrap .layerClose{color:#fff; top:6px; right:6px;}
.popup_wrap{width:100%; position:relative; margin:0; background:#fff;}
.popup_wrap .popup_title{background:#991111; width:100%; padding:6px; margin:0; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; z-index:1;}
.popup_wrap .popup_contents{background:#fff;}
.popup_wrap .list_coupon_cate{}
.popup_wrap .list_coupon_cate li{padding:0 10px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; align-items:center;}
.popup_wrap .list_coupon_cate li img{width:180px; border:2px solid #eee; margin:10px;}
.popup_wrap .popup_contents .p_name_pro{padding:10px 0 0; line-height:32px; font-size:27px; font-weight:; color:#4784ff}
.popup_wrap .popup_title .print_btn{ border: 1px solid #fff; color: #fff; padding: 2px 10px; margin: 0 5px; display: inline;}



/* 팝업 */
.popup_wrap2{width:100%; position:relative; margin-bottom:0; padding:2%; box-sizing:border-box;}





/* ------------------------- 상품상세 영역 -------------------------  */
/* 상세 뷰페이지 */
.noData{ text-align:center; font:normal 18px/20px Malgun Gothic; color:#666; padding:60px 0; letter-spacing:-1px; }
.noData.noCart{ padding:50px 0px;  }
.noData.noCart i{ display:block; padding-bottom:10px; font-size:60px; color: #c0cb34;;}
div.noDataCart{ background-image:url(http://demo1.shop.ofgod.com/img/icon_sold.png); background-size:90px; background-position:center 30px; background-repeat:no-repeat;
text-align:center; font:normal 18px/20px Malgun Gothic; color:#333; padding:150px 0 60px; letter-spacing:-1px; }
/* 상세 세부 이미지 */

.title_popup{ position:relative;  color:#fff; display:block; text-align:center; font:bold 18px/22px Malgun Gothic; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#3f3f3f; margin:0; }

.goods_title_img{ position:relative; width:100%; margin:0 auto; overflow: hidden;}
.goods_title_img dt{ position:relative; width:100%; min-height:308px; padding:0px 0px; overflow:hidden;  cursor:pointer; border:solid 1px #ddd;  text-align:center; box-sizing:border-box; }
.goods_title_img dt img{  position:relative; width: 100%; text-align:center; }
.goods_title_img dt:after{  position:absolute; bottom:0px; right:0px; padding:6px 5px 3px 5px; content:"확대보기"; font:bold 12px/18px Gulim; color:#fff; /*background:url(http://demo1.shop.ofgod.com/shop1/img/black_20.png);*/  } 
.goods_title_img dt:hover{ border-color:#777; }
.goods_title_img dt:hover:after{ background:#333; }
.goods_title_img dd{ text-align:left; }
.goods_title_img dd a{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; margin:15px 5px; vertical-align:top; text-align:left; }
.goods_title_img dd a:hover{ border-color:#1b6ce5; }
.goods_title_img dd a img{ width:100%; height:100%;  }

.goods_title_img .item-slick.slick-slide.slick-current.slick-active{}
.goods_title_img .slider-for{margin-bottom:10px;}
.goods_title_img .slider-for a{border:1px solid #ddd;}
.goods_title_img .slider-for a:hover{}
.goods_title_img .slider-for img{width:100%; min-height:100%;}

.goods_title_img .slider-for .slick-prev,
.goods_title_img .slider-for .slick-next{z-index:100;}
.goods_title_img .slider-for .slick-prev{left:10px;}
.goods_title_img .slider-for .slick-next{right:10px;}
.goods_title_img .slider-for .slick-prev:before,
.goods_title_img .slider-for .slick-next:before{font-size:16px; color:#555;}

.goods_title_img .slider-for .slick-dots{bottom:10px;}
.goods_title_img .slider-for .slick-dots li{width:16px; height:16px; margin:0 2px;}
.goods_title_img .slider-for .slick-dots li button{width:16px; height:16px;}
.goods_title_img .slider-for .slick-dots li button:before{content:""; top:50%; left:50%; transform:translate(-50%, -50%);
width:6px; height:6px; background:#000; border-radius:50%;}

.goods_title_img .slider-nav{margin:0 10px 0 20px;}
.goods_title_img .slider-nav .item-slick{height:100%; float:left; margin:0 10px 0 0; border:1px solid #ddd; cursor:pointer; box-sizing:border-box;}
.goods_title_img .slider-nav .item-slick:last-of-type{margin-right:0;}
.goods_title_img .slider-nav .item-slick.slick-current.slick-active{border:1px solid #d31e1e;}
.goods_title_img .slider-nav .item-slick img{width:100%; background-size:cover; background-position:center;}

.goods_title_img .slider-nav .slick-arrow{width:19px; height:100%; background:#fff;}
.goods_title_img .slider-nav .slick-prev{left:-19px;}
.goods_title_img .slider-nav .slick-next{right:-9px;}
.goods_title_img .slider-nav .slick-prev:before,
.goods_title_img .slider-nav .slick-next:before{font-size:14px; color:#555;}
.goods_title_img .slider-nav .slick-prev:hover:before,
.goods_title_img .slider-nav .slick-prev:focus:before,
.goods_title_img .slider-nav .slick-next:hover:before,
.goods_title_img .slider-nav .slick-next:focus:before{color:#d31e1e;}



.zoom{ position:relative; width:100%; margin:0 auto; max-width:850px; padding:0; }
.zoom .goods_title_img{ position:relative; width:750px; margin:0 auto; }
.zoom .goods_title_img dt{ position:relative; width:100%; height:auto;  border:none; overflow:hidden; }
.zoom .goods_title_img dt:after{ content:"";  padding:0px; cursor:pointer; }
.zoom .goods_title_img dt img{  position:relative; width:auto; max-width:100%; height:auto; border:solid 0px #ddd; }
.zoom .goods_title_img dd a{ display:inline-block; width:62px; height:62px; border:solid 1px #ddd; margin:5px 5px ; ; vertical-align:top; text-align:left;  }
.zoom .goods_title_img dd:after{ content:""; display:block; clear:both; }

.goods_title_img a.on{}
.tit_img_layer{position:fixed; left:0; top:0; z-index:9995; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background:rgba(0,0,0,0.5); display:none;}
.tit_img_layer .layer_area{width:600px; height:600px; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9997;}
.tit_img_layer .pimg{width:600px; height:600px;}
.tit_img_layer .layer_close{width:20px; height:20px; box-sizing:border-box; display:block; position:absolute; right:2%; top:2%; z-index:9998;}

.goodsList{ clear:both; position:relative; width:100%; padding:0; min-height: 500px;  }
.goodsList:after{ content:""; display:block; clear:both; }

/* 상품 상세 정보 4개 탭 */
.originT{ display:none; position:relative; width:100%; overflow:hidden; }
.originT:after{ content:""; display:block; clear:both; }

.tab_product4{ position:relative; width:100%; margin:0px auto; text-align:center; font:bold 13px/18px Malgun Gothic;  background:#f8f8f8 url(http://demo1.shop.ofgod.com/shop1/img/gradation_top.png) repeat-x top; overflow:hidden; }
.tab_product4:after{ content:""; display:block; clear:both; }
.tab_product4 li{ display:inline-block; float:left; width:20%; border:solid 1px #999; border-width:1px 0px; padding:2px 0;  /*border-bottom:solid 3px #0d953d;*/ }
.tab_product4 li a{display:inline-block; width:100%; padding:10px 0px; color:#444; letter-spacing:-0.5px; }
.tab_product4 li.on{ position:relative; width:19.5%; border:solid 1px #484848; border-width:3px 0px 0px 0px; border-bottom:solid 1px #fff; border-left:solid 1px #484848; 
			border-right:solid 1px #484848;  font:bold 13px/16px Malgun Gothic;  background:#fff; }
.tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#484848; height:3px; }
.tab_product4 li.on a{  color:#484848;  }
.tab_product4 li a:hover{  color:#111;  background:#fff; }
.tab_product4 li.on a:hover{ color:#8b8b8b; }
.tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; }

.Tdata{ position:relative; width:100%;font:normal 12px/18px Dotum; padding:40px 0 40px 0; min-height:130px; overflow:hidden; text-align:center; }
.Tdata:after{ content:""; display:block; clear:both; }
.Tdata h3{ display:none; font:bold 16px/18px Malgun Gothic; color:#579407; text-indent:4%; text-align:left; }
.Tdata h3:before{ content:""; font:normal 16px 'icon',Arial; color:#134ccf; }
.product_info_1{ clear:both; min-height:200px; /*text-align:center; */ text-align: }
.product_info_1 img{ width:100%; height:auto; margin-left:0px; }
.Tdata.product_info_5{ width:98% ; /* border-bottom:dotted 1px #ddd;  */padding:40px 1% 0; margin-bottom:20px;}

.goods_view_detail_list{overflow:hidden}
.goods_view_detail_list li{float:left; width: 25%; text-align:center; border-left: 1px solid #eee;box-sizing: border-box;}

/* 상품후기 작성 폼 */
.reviewList{ position:relative; width:100%; overflow:hidden; background:#f9f9f9; }
.reviewList:after{ content:""; display:block; clear:both; }
.reviewList li{ position:relative;  border-bottom:solid 1px #ddd;  font:normal 12px/18px Malgun Gothic; padding:10px 1% 5px 1%; background:#fff; }
.reviewList li:first-child{  border-top:none; }
.reviewList li:after{ content:""; display:block; clear:both; } 
.reviewList li:nth-child(even){ background:#fff; }
.reviewList li .no_data{ text-align:center; font:normal 14px/30px Malgun Gothic; color:#777; min-height:100px;  }
.reviewList li .no_data:before{ display:block; content:"="; font:normal 50px/30px 'icon',Arial; color:#d4d7da; text-align:center;  margin:50px 0 0 0;}
.reviewList li strong{ display:inline-block; background:url(http://demo1.shop.ofgod.com/img/arrow_sb.png) no-repeat 0px 6px; padding:0px 0px 0px 8px; color:#286cc0; float:left; }
.reviewList li strong i{ display:inline-block; padding-right:5px; }
.reviewList li button{ float:right; border-color:#96c882; background:#f4ffef url(http://demo1.shop.ofgod.com/shop1/img/gradation_top.png) repeat-x top; color:#419c3e; padding:3px 6px; margin-bottom:2px; }
.reviewList li .Rememo{clear:both; float:left; display:block; width:98%; font:normal 12px/18px Malgun Gothic; text-align:left; padding:5px 8px 8px 8px; margin-top:8px; color:#777;  word-break:break-all}
.reviewList li .date{ float:left; color:#999;  display:inline-block;  padding:0px 2px;   }
.reviewList li span{ float:left; color:#999;  display:inline-block;  padding:0px 3px;   }
.reviewList li.admin_re{ padding-left:50px; }
.reviewList li.admin_re strong{ padding-left:16px; background:url(http://demo1.shop.ofgod.com/img/green_arrow.png) no-repeat center left; color:#7ba433; }
.reviewList li.admin_re .Rememo{ margin-top:8px; background:#f6f9ee; }
/* 상품후기, 상품qna 검색*/
.qna_sort_wrap .qna_search{display:flex; justify-content:flex-end; position:relative;}
.qna_sort_wrap .qna_search .txt{float: left; padding-top: 10px; }
.qna_sort_wrap .qna_search .l_s_input{flex-grow:1; float:right; position:relative; padding:0 10px;border:1px solid #ccc;background:#fff;}
.qna_sort_wrap .qna_search input{position:relative;width:100%;height:40px;padding:0;border:none;background:none;text-align:left;line-height:1}
.qna_sort_wrap .qna_search .l_s_btn{width:42px; height:42px; margin:0; background: #fff;border: 1px solid #ccc;display: flex;align-items: center;justify-content: center;border-left: 0;}

.qna_sort_wrap .qna_search .l_s_btn img{padding: 4px; width: 100%; box-sizing: border-box;}
@media (min-width:1200px) {
.qna_sort_wrap .qna_search .l_s_input{flex-basis:210px; flex-grow:0;}
}

.qnaList{position:relative; width:100%; margin:0 auto 20px;  border-top:2px solid #666;  }
.qnaList thead th{padding:10px; border-bottom:1px solid #ddd; background:#f4f4f4;}
.qnaList .qna_cont_th{width:50%; max-width:400px; text-align:left; word-wrap: break-word;}
.qnaList td{height:30px; padding:10px; border-bottom:1px dotted #ccc; text-align:center}
.qnaList td.review_title{ text-align:left}
.qnaList td.Rememo{text-align:left; padding-left:10px; vertical-align:middle}
.qnaList td.Rememo img{18px; vertical-align:middle; margin: 0 5px 0 0;}
.qnaList td.answer_logo img{height:21px}
.qnaList td.answer_q{width:100%; padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(http://demo1.shop.ofgod.com/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left}
.qnaList td .star_wp span{width:80px; height:28px; display:block;background-size: 80px; background-repeat: no-repeat;}
.qnaList tr:hover td.answer_q{width:100%; padding:10px 1% 10px 48px; line-height:18px; background:#f9f9f9 url(http://demo1.shop.ofgod.com/img/board/icon_qna_answer.png)no-repeat 20px 13px; box-sizing: border-box; text-align:left}
.goodsWriteForm {float:right; padding:5px}
.qnaList td textarea{width:98%; min-height:120px; text-align:left; padding:10px; border:1px solid #ddd}
.qnaList select {min-width:160px; height:30px; margin:0 0 3px; padding:3px; font-size:16px; line-height:28px;  color:#df1e94}
table.qnaList td span.option_name{ display:block; color:#999; font:normal 12px/15px Malgun Gothic }
table.qnaList td span.option_name:before{ content:"옵션"; font:normal 11px/15px Malgun Gothic;  color:#fff; background:#2cbfb5; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; border-radius:3px;}    
table.qnaList td span.option_name b{ font-weight:normal; color:red; padding:0px 5px 0px 1px; }

.review_file_wp{text-align: left; margin-top: 10px;}
.review_file_wp li{ padding-bottom: 2px}
.review_file_wp li input[type="file"]{}
.review_file_wp li button{}
.review_up_img{overflow:hidden}
.review_up_img li{width: 10%; float: left; width: 70px; height: 70px; margin: 5px 10px 0;    border: 1px solid #ddd;}
.review_up_img li img{ width: 100%;}
.qnaList .naverpay_logo img{width: 40px; display: block; margin: 0 auto;}



.float_right{float:right}
.float_left{float:left}

button.gray{ }
button.gray.print{ min-width:118px; padding:1px 0px 3px 0px; margin-top:3px;  font:normal 12px/18px Malgun Gothic; background:#e9ecef url(http://demo1.shop.ofgod.com/shop1/img/gradation_top.png) repeat-x top; color:#3d586f; border-color:#a5b5c3; }
button.gray.print:hover{ background:#e6f4ff; color:#2c8ad9; }
button.gray.w50{ min-width:13%;  font:bold 13px/27px Malgun Gothic; background:#399216; color:#fff;  }
button.gray:hover{ background:#fff; color:#333; }
button.blue2{    padding: 10px 20px; border: 1px solid #ddd; background: #fff; font-weight: bold; margin: 0 5px; }
button.blue2:hover{border:1px solid #ccc;}

button.red{ border: 0; background: #d93440; color: #fff; padding:10px 20px;}
button.block{ display:block; margin:2px auto}

/* 기획전 */
.sub_title{width:100%; margin:0 auto}
.plan_tit_img{width: 1200px; margin: 0 auto;}
.plan_tit_img img{width:100%;}

/* 공통 상품후기 */
.allreview_wp{}
.allreview_wp ul{width:1200px; margin:auto; position:relative; display:flex; flex-wrap:wrap;}
.allreview_wp ul li{width:24.25%; display:flex; flex-direction:column; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box; margin:0 1% 1% 0;}
.allreview_wp ul li:nth-of-type(4n+0){margin:0 0 1%;}
.allreview_wp ul li .review-top{position:relative; display:block; padding-top:100%; overflow:hidden;}
.allreview_wp ul li .review-top img{width:100%; display:block;}
.allreview_wp ul li .review-top span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.allreview_wp ul li .review-bot{}
.allreview_wp ul li .review-bot .review-bot-t{padding:36px 22px 0; box-sizing:border-box;}
.allreview_wp ul li .review-bot .review-bot-t h3{height:48px; font-size:20px; font-weight:500; color:#0b0e13; line-height:1.2; margin:0;
overflow:hidden; text-overflow:ellipsis;
white-space:normal;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.allreview_wp ul li .review-bot .review-bot-t p{font-size:14px; color:#828383; line-height:1; margin:15px 0 0;}

.allreview_wp ul li .review-bot .review-bot-b{margin:30px 0 0; padding:0 22px 26px; box-sizing:border-box;}
.allreview_wp ul li .review-bot .review-bot-b a{display:flex; align-items:center;}
.allreview_wp ul li .review-bot .review-thumb{flex-grow:1; flex-shrink:0; width:60px; max-width:60px; height:60px; border:1px solid #f7f7f7;
margin:0 16px 0 0; box-sizing:border-box; position:relative; display:block; overflow:hidden;}
.allreview_wp ul li .review-bot .review-thumb img{width:100%; display:block;}
.allreview_wp ul li .review-bot .review-thumb span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.allreview_wp ul li .review-bot .review-product{flex-grow:1; flex-shrink:0; width:calc(100% - 76px);}
.allreview_wp ul li .review-bot .review-product h2{width:100%; font-size:16px; font-weight:500; color:#0b0e13; line-height:1;
display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.allreview_wp ul li .review-bot .review-product .review-point{display:flex; margin:8px 0 0;}
.allreview_wp ul li .review-bot .review-product .review-point p{font-size:14px; font-weight:400; color:#828383; margin:0 10px 0 0;}
.allreview_wp ul li .review-bot .review-product .review-point span{width:75px; height:revert; display:block;}
.allreview_wp ul li .review-bot .review-product .review-point span.star_05{background:url(/img/review-star05.jpg)no-repeat center/contain;}
.allreview_wp ul li .review-bot .review-product .review-point span.star_04{background:url(/img/review-star04.jpg)no-repeat center/contain;}
.allreview_wp ul li .review-bot .review-product .review-point span.star_03{background:url(/img/review-star03.jpg)no-repeat center/contain;}
.allreview_wp ul li .review-bot .review-product .review-point span.star_02{background:url(/img/review-star02.jpg)no-repeat center/contain;}
.allreview_wp ul li .review-bot .review-product .review-point span.star_01{background:url(/img/review-star01.jpg)no-repeat center/contain;}








.allreview_list .allreview_timg{ border: 1px solid #ddd;overflow: hidden; text-align: center;}
.allreview_list .allreview_txt_date{color:#888; min-height: 23px;}
.allreview_list .allreview_txt_date span:after{display:inline-block; content:""; margin-left: 10px; margin-right: 10px;width: 1px; height: 10px; background: #888;}
.allreview_list .allreview_txt_date span:last-child:after{display:none}
.allreview_list .allreview_txt_tit_wp .allreview_txt_tit{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block;}
.allreview_list .allreview_txt_tit_wp {padding: 10px 0; }
.allreview_list .allreview_txt_tit_wp img{margin-left: 5px; vertical-align: baseline;}
.review_star{width: ; height: 18px; display: block; background-size: 80px; background-repeat: no-repeat;}
.allreview_view_top{border-top:1px solid #888; border-bottom:1px solid #eee}
.allreview_view_top ul{overflow:hidden}
.allreview_view_top ul li{float:left; height:80px; line-height:80px;text-align: center;}
.allreview_view_top ul li:nth-child(1){width:10%;}
.allreview_view_top ul li:nth-child(2){width:60%;text-align: left;}
.allreview_view_top ul li:nth-child(3){width:10%; }
.allreview_view_top ul li:nth-child(4){width:10%; }
.allreview_view_top ul li:nth-child(5){width:10%;}
.allreview_view_top ul li img{width: 80px}
.allreview_view_top ul li a{ border: 1px solid #ddd; background: #eee; font-size: 12px; padding: 2px 10px; margin-left: 5px; vertical-align: middle;}

/* 상품평 2022.06.14*/
.allreview_ft_wp{width:90%;margin: 0 auto; }
.allreview_ft_wp .allreview_txt_tit{margin: 0 auto; display: block; font-size: 18px; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.allreview_ft_wp .allreview_pro_wp{margin:20px auto 0; overflow:hidden}
.allreview_ft_wp .allreview_pro_wp .allreview_pro_img{float:left; width: 20%;}
.allreview_ft_wp .allreview_pro_wp .allreview_pro_txt{float:left; width: 75%; padding-left: 5%;}
.allreview_ft_wp .allreview_pro_wp .allreview_pro_txt p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}
.allreview_ft_wp .gray_color{ color: #555; display: inline-block; vertical-align: middle;}
.allreview_ft_wp .review_star{  display: inline-block; width: 80px; height: 15px; margin-left: 10px; vertical-align: middle;}



/* 상품후기 */
.R_star_wrap label span{ width: 100px; height: 20px; display: inline-block; background-size: 100px; vertical-align: middle;;}

    
/* 재검색 */
.sub_title.search{width: 40%; float: left;}
.sub_title.search .title_2{ margin-top: 20px;}
.reSearch{overflow: hidden; margin: 10px 0}
.reSearch input{float:left; width: 90%; height: 50px; border: 0; border-bottom: 2px solid #555; box-sizing: border-box;padding-left: 20px;;}
.reSearch span{ width: 10%; float: left; padding: 10px; box-sizing: border-box; border: 0; border-bottom: 2px solid #555; height: 50px; text-align: center;}
.reSearch img{ width: 75%;}

/* 연관카테고리 */
.search_category_wp{overflow:hidden}
.search_category_wp b{ color: #282828; float: left; border-right: 1px solid #ddd; padding-right: 20px; margin: 20px 0 20px 20px;}
.search_category_wp ul{float:left; padding: 20px;}
.search_category_wp ul li{display: inline-block; margin-right: 20px; text-decoration: underline; color: #555;}


/* ------------------------- 주문 영역 -------------------------  */

/* 주문/배송조회 */
.order-total{text-align:right; margin:0 0 8px;}
.order-total h2{display:block; font-size:14px;}
.order-total h2 span{color:#991111;}

.cartlist.order{}
.cartlist.order tr{}

.cartlist.order tr th{}
.cartlist.order tr td{border:1px solid #eee;}
.cartlist.order tr td:last-child{ border-right: 0;}
.cartlist.order tr td:first-child{ border-left: 0;}
.cartlist.order tr td .pay{display:block}
.cartlist.order tr td .pay strong{color:#ca2424}
.cartlist.order tr td button.btn.order{ display: block; margin: 5px auto 0; border: 1px solid #ddd;}
.cartlist.order tr td.order_img_box_wrap{}
.cartlist.order tr td.border_no{border-width: 0 0 1px 0;}
.cartlist.order tr td u{font-size:12px; display:block}
.order_img_box_wrap{width:50%;}
.order_img_box_wrap img{width:100px}
.order_img_box_wrap{overflow:hidden}
.order_img_box_wrap dt{float:left; width:20%;}
.order_img_box_wrap dt img{width:95%; margin: 5%; border: 1px solid #eee; box-sizing: border-box;}
.order_img_box_wrap dd{float:right; width:75%;}
.order_img_box_wrap .option_name{ text-align: left; padding: 15px 0 5px;}
.order_img_box_wrap .option_box{ text-align: left;}
.order_pa button.order_bt{ background: #fbfbfb; border: 1px solid #ddd; color: #333; margin: 2px;}
.order_btn_wrap button{ background: #fbfbfb; border: 1px solid #ddd; color: #333; margin: 2px;}


.tace-list{}
.tace-list dl{display:flex; justify-content:space-between; align-items:center; border-bottom:1px dashed #dee2e6; padding:10px 0; box-sizing:border-box;}
.tace-list dl:last-of-type{border-bottom:none;}
.tace-list dl dt{width:calc(100% - 100px); flex-grow:1; display:flex;}
.tace-list dl dd{font-size:15px; font-weight:500; color:#70657b;}
.tace-list dl dd a{background:#222; font-size:12px; font-weight:300; color:#fff; text-align:center; padding:6px 10px; display:block; box-sizing:border-box;}





/*
.order_pa button.order_bt.deliver{background: url(/img/order_deliver.png)no-repeat 5px center; padding: 6px 5px 5px 40px; vertical-align: middle;}
.order_pa button.order_bt.deliver:hover{background-color:#fbfbfb}
.order_pa button.order_bt.review{background: url(/img/order_review.png)no-repeat 5px center; padding: 6px 5px 5px 40px; vertical-align: middle;}
.order_pa button.order_bt.review:hover{background-color:#fbfbfb}*/
/* 상세보기 */
.cartlist.order.view tr td{border-width:0 0 1px 0}
.cartlist.order.view caption{text-align: left; font-size: 18px; font-weight: bold;}
.cartlist.order.view caption:before{ content: ""; display: inline-block; width: 10px; height: 10px; background: #c0cb34; vertical-align: inherit; margin-right: 10px;}
.cartlist.order.view .border_no{border:0;text-align: left; padding: 10px 25px;}
.cartlist.order.view .border_no span{display:block}
.cartlist.order.view .border_no span i{color:#c0cb34}
.cartlist.order.view .order_img_box_wrap{ width: 15%;}
.cartlist.order.view .order_img_box_wrap img{ border: 1px solid #eee; margin: 10px; box-sizing: border-box;}

/* 주문 결제 */
.cart_total_wp.coupon{width:90%; text-align:center;margin:0 auto 40px}
.cart_total_wp.coupon p{ width: auto; float: none;  display: inline-block;}
.cart_total_wp.coupon p.min{margin:0 20px;}
.order2  .order_img_box_wrap{ padding: 10px; width: 160px;}
.order2 tr th{text-align:center;}
.order2 tr td.name{ text-align: left;}
.total{color:#ca2424}
.p_right{text-align:left;}
.order_text{padding: 50px 60px; line-height: 22px; margin:10px 0; border: 1px solid #ddd; border-radius: 5px;overflow:hidden; box-sizing: border-box;}
.order_text img{margin:24px 0 0;}
.order_text .float_lf b{border-bottom:1px solid #ddd; font-size:18px; line-height:1; padding:0 0 10px; margin:0 0 8px; display:block;}
.order_text .float_lf p{line-height:1.4;}
.order_text .float_lf strong{display:block; line-height:1.4; color:#d31e1e; margin:4px 0 0;}


.cart_total_wp2{background:#f7f7f7; border:1px solid #eee; padding:2%; margin:0 0 40px; box-sizing:border-box;}
.cart_total_wp2 h3{font-size:18px; font-weight:500;}
.cart_total_wp2 dl{display:flex; justify-content:space-between; align-items:center; margin:0 0 6px;}
.cart_total_wp2 dl dt{font-size:14px; font-weight:400; color:#555;}
.cart_total_wp2 dl dd{font-size:14px; font-weight:500; color:#333;}
.cart_total_wp2 dl.cart_total_minus{}
.cart_total_wp2 dl.cart_total_minus dt{}
.cart_total_wp2 dl.cart_total_minus dd{color:#257cff;}
.cart_total_wp2 dl.cart_total_total{border-top:1px solid #ddd; margin:2% 0 0; padding:2% 0 0;}
.cart_total_wp2 dl.cart_total_total dt{font-size:16px; font-weight:500; color:#333;}
.cart_total_wp2 dl.cart_total_total dd{font-size:20px; font-weight:500; color:#d31e1e;}


.pay-table{width:100%; border:1px solid #eee;}
.pay-table tr{}
.pay-table tr th,
.pay-table tr td{border:1px solid #eee; box-sizing:border-box; word-break:keep-all;}
.pay-table tr th{width:136px; font-size:13px; font-weight:400; line-height:1.2; color:#444; padding:12px 4px; background:#f7f7f7;}
.pay-table tr td{padding:10px;}
.pay-table tr td input[type=text],
.pay-table tr td input[type=password]{min-width:50px; width:100px; height:40px; font-size:12px; line-height:40px; color:#333; text-indent:10px; outline:none;
border:solid 1px #e0e0e0; border-radius:5px; margin:3px 0px 5px 0px; box-sizing:border-box;}
.pay-table tr td input[type=text].wide20,
.pay-table tr td input[type=password].wide20{width:20%;}
.pay-table tr td input[type=text].wide60{width:60%;}
.pay-table tr td input[type=text].wide80{width:80%;}
.pay-table tr td textarea{border:1px solid #e0e0e0; outline:none;}
.pay-table tr td textarea.wide62{width:80%; border:solid 1px #e0e0e0; border-radius:5px; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font-size:12px; line-height:1.4; color:#333;}
.pay-table tr td button{height:40px; font-size:13px; border-radius:5px; vertical-align: baseline; border:1px solid #e0e0e0; background:#fff;}
.pay-table tr td select{height:40px; border-radius:5px; padding:0 10px;}


.coupon-box{}
.coupon-box .coupon-box-t{display:flex; align-items:center; flex-wrap:wrap;}
.coupon-box .coupon-box-t select{}
.coupon-box .coupon-box-t .nice-select.coupon-sel{min-width:40%;}
.coupon-box .coupon-box-t p{font-size:13px; color:#555; margin:0 0 0 6px;}
.coupon-box .coupon-box-t p strong{font-weight:500;}
.coupon-box .coupon-box-t .coupon-sel{background:#f5f5f5;}

.coupon-box .coupon-box-b{width:100%; margin:8px 0 0;}
.coupon-box .coupon-box-b p{font-size:14px; color:#ca2424;}
.coupon-box .coupon-box-b strong{font-size:14px; color:#333;}


.point-box{}
.point-box input:not(input[type="checkbox"]){min-width:20%!important;}
.point-box .all-point{width:100%; display:inline;}
.point-box .all-point input[type="checkbox"]{}
.point-box .all-point label{font-size:13px; color:#555;}


.recent-box-wrap{}
.recent-box{border:1px solid #ddd; border-radius:6px; padding:2%; margin:0 0 2%;}
.recent-box:last-of-type{margin:0;}
.recent-box-t{margin:0 0 6px;}
.recent-box-t .recent-date{font-size:15px; font-weight:400; color:#333;}
.recent-box-t .recent-name{font-size:15px; font-weight:500; color:#333;}
.recent-box-m{font-size:13px; font-weight:400; color:#555; margin:0 0 6px;}
.recent-box-b{font-size:12px; font-weight:; color:#888; margin:0 0 6px;}
.recent-box-bt{}
.recent-box-bt button{}


.freeGift{width:100%; display:flex; flex-wrap:wrap; background:#f7f7f7; border:1px solid #eee; padding:2%; box-sizing:border-box;}
.freeGift li{flex-basis:16.6666%; padding:0 7px; margin:0 0 15px; box-sizing:border-box;}
.freeGift li label{display:block; background:#fff; padding:14px; border:1px solid #e9e9e9; box-sizing:border-box;}
.freeGift li label .freeGift-t{}
.freeGift li label .freeGift-t img{width:100%; display:block;}
.freeGift li label .freeGift-b{text-align:center;}
.freeGift li label .freeGift-b strong{height:2.4em; font-size:12px; font-weight:500; line-height:1.2; color:#d31e1e; margin:10px 0 6px;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.freeGift li label .freeGift-b p{font-size:13px; font-weight:400; line-height:1; color:#333;}
.freeGift li label .freeGift-b input[type="radio"]{height:auto; line-height:0; margin:2px 0 0;}





/* 선물 내역 */
.order_gift_info{padding:50px 60px; border: 1px solid #ddd; border-radius:6px; margin:0 0 50px;}
.order_gift_info h2{font-size:18px; line-height:1; border-bottom:1px solid #ddd; padding:0 0 10px; box-sizing:border-box;}
.order_gift_info h2 span{font-size:12px; font-weight:300; line-height:1; color:#888; margin:0 0 0 10px;}
.order_gift_input{position:relative; margin:10px 0 0;}

.order_gift_input table{width:100%; margin:10px 0;}
.order_gift_input table tr{}
.order_gift_input table tr th,
.order_gift_input table tr td{padding:6px; border:1px solid #e5e5e5;}
.order_gift_input table tr th{font-size:12px; font-weight:400; color:#555; text-align:center; vertical-align:middle; background:#f5f5f5;}
.order_gift_input table tr td{font-size:12px; font-weight:500; color:#333; white-space:nowrap;}
.order_gift_input table tr td input{margin:0 0 2px;}
.order_gift_input table tr td input.wide60{width:60%;}
.order_gift_input table tr td button.gray{vertical-align:top; margin:0 0 2px;}


.order_gift_table{width:100%; margin:10px 0 40px;}
.order_gift_table tr{}
.order_gift_table tr th,
.order_gift_table tr td{border:1px solid #eee; box-sizing:border-box; word-break:keep-all;}
.order_gift_table tr th{width:136px; font-size:13px; font-weight:400; line-height:1.2; color:#444; padding:12px 4px; background:#f7f7f7; word-break:keep-all; text-align:center;}
.order_gift_table tr td{padding:10px;}
.order_gift_table tr td input{
    width:20%;
    height:40px;
    font-size:12px;
    line-height:40px;
    color:#333;
    text-indent:10px;
    border:solid 1px #e0e0e0;
    border-radius:5px;
    box-sizing:border-box;
}
.order_gift_table tr td input.order_gift_call{width:100%; max-width:300px;}
.order_gift_input textarea{ border: 1px solid #ddd; height: 100px;}
.info.marg_bott{margin-bottom:50px}/*주문상세 내역*/
.limitNumber{ position: absolute;  bottom: 5px; right: 25px; color: #888;}

.order_gift_txt{ padding: 10px 10px 50px 10px;}
.order_gift_img{display:flex; justify-content:center; margin:10px 0 0;}
.order_gift_img a{display:block;}
.order_gift_img a img{width:360px; display:block;}
.order_gift_img a span{font-size:16px; font-weight:500; display:block; text-align:center;}
.order_gift_address{padding:10px 0 50px}
.order_gift_address input{}
.order_gift_address .wide60{width:60%; margin: 5px 0;}


/* 반품요청 */
.return-guide{}
.return-guide h4{font-size:14px; font-weight:500; display:block; margin:0 0 6px;}
.return-guide p{font-size:12px; line-height:1.4; color:#333;}


/*출척체크*/
.attendance{ padding-bottom:50px}
.attendance .attendance_top{ padding:0px 0}
.attendance .button_style{height:60px; margin:0 auto ; padding-top:20px; text-align:center}
.attendance .button_style button{padding:6px 55px; background:#444; color:#fff; font-weight:bold; line-height:40px;  border-radius:38px; border:1px solid #444;  font-size:24px}
.attendance .button_style button:hover{ background:#000; border:1px solid #000;  }
.attendance .calendar_check{ margin: 0 auto; width: 90%; background: #fff; border-radius: 50px; padding:50px 20px; box-sizing: border-box; }
.attendance .month_top{font-size:42px; color:#222; letter-spacing:-0.05em; line-height:48px; text-align:center; font-weight:bold; margin-bottom: 20px;}
.attendance .month_top strong{color:#222;  }
.attendance .calendar_check table{background:#fff; width: 90%; margin: 0 auto; }
.attendance .calendar_check table th{ text-align: center; ; background:#f3f3f3; font-weight:normal; font-size:16px; line-height:28px; padding:4px 0; }
.attendance .calendar_check table th.sun{color:#e31431; border-radius: 50px 0 0 50px;}
.attendance .calendar_check table th.sat{color:#3c57ff; border-radius: 0 50px 50px 0;}
.attendance .calendar_check table td{width:14.2%; text-align: center; line-height: 99px;  }
.attendance .calendar_check table td.today{background:#f5f5f5;  }
.attendance .calendar_check table td .date_wrap{width:100%; height:100%; min-height:100px; vertical-align:top ;background-image:url(/img/attendance_icon_ing.png); background-repeat:no-repeat; background-position:center;  }
.attendance .calendar_check table td.today .date_wrap{background-image:url(/img/attendance_icon_end.png); }
.attendance .calendar_check table td.today .date_wrap span{color:#999 }
.attendance .calendar_check table td .date_wrap.check{background-image:url(/img/attendance_icon_check.png);}
.attendance .calendar_check table td .date_wrap.check .date{ color: #f6044d}

.attendance .calendar_check table td .date_wrap .date{ color: #ddd; font-size: 20px;}
.attendance .calendar_check table td .date_wrap a{}



/* 룰렛 */
.roulette_box{margin-bottom:20px}
.roulette_bottom{ position: relative;}
.win_layer{position: absolute; top: 210px; left: 50%; margin-left: -243px;}
.review_5000{margin-bottom:50px}

.win{ position: absolute; top: 150px; width: 100%; text-align: center; font-size: 15px; color: #fff;}
.win .win_txt{color: #fff;}
.win .win_txt strong{ font-size: 20px; display: block; margin-bottom: 20px;}
.win .win_txt strong label{font-size: 20px; color: #ee4242;}
.win .write_5000{width: 80%; margin: 30px auto; text-align: left;}
.win .write_5000 h3{color: #f8c91b;}
.win .write_5000 .inputb{overflow:hidden; }
.win .write_5000 .inputb textarea{ width: 80%; float: left; height: 90px; padding-bottom: 20px;}
.win .write_5000 .inputb button{width: 19%; float: right; height: 112px; border: 0; }
.win .write_5000 .inputb .byte{ width: 80%; background: #fff; display: block; text-align: right;font-size: 12px;  color: #999;}
.win .write_5000 .inputb .byte input{background: none; border: 0; height: 20px;  color: #999;}
.win .roul_btn button{width: 50%; border: 0; padding: 10px; display: block; margin: 0 auto; background: #222; color: #fff; border-radius: 5px;}
/* 리뷰 별점png 사용해야함
.star_05{background:url(/img/review-star05.jpg)no-repeat center/contain;}
.star_04{background:url(/img/review-star04.jpg)no-repeat center/contain;}
.star_03{background:url(/img/review-star03.jpg)no-repeat center/contain;}
.star_02{background:url(/img/review-star02.jpg)no-repeat center/contain;}
.star_01{background:url(/img/review-star01.jpg)no-repeat center/contain;}
*/





/* 부품 */
.component-search{display:flex; justify-content:center; align-items:center; margin:12px auto 0;}
.component-search input{width:420px; height:40px; padding:0 0 0 12px; border:1px solid #ddd; box-sizing:border-box;}
.component-search button{width:80px; height:40px; background:#333; color:#fff; border:none; box-sizing:border-box;}

.component-check{width:100%; display:flex; justify-content:flex-end; align-items:center; margin:10px auto 0;}
.component-check button{padding:6px 12px; border:1px solid #888; background:none; font-size:13px; color:#454545; box-sizing:border-box;}
.component-check button:hover{border:1px solid #555; background:#555; color:#fff;}
.component-check .component-check-l{}
.component-check .component-check-l button{margin:0 8px 0 0;}
.component-check .component-check-r{}


.all-cooker{background:#f5f5f5; overflow:hidden; margin:62px 0 0;}
.all-cooker .title_1{}
.all-cooker .title_1 span{color:#d31e1e;}
.all-cooker p.all-cooker-total{font-size:14px; font-weight:400; color:#333; text-align:right; margin:0 20px 14px;}
.all-cooker p.all-cooker-total span{font-weight:500; color:#d31e1e;}
.all-cooker ul{display:flex; flex-wrap:wrap; background:#fff; padding:20px; margin:0 20px 20px; box-sizing:border-box;}
.all-cooker ul li{flex-basis:24.25%; margin:0 1% 5% 0;}
.all-cooker ul li:nth-of-type(4n+0){margin:0 0 5%;}
.all-cooker ul li a{display:block;}
.all-cooker ul li a img{width:100%; display:block;}
.all-cooker ul li a h4{padding:12px 10px 0; font-size:16px; font-weight:500; color:#333; text-align:center; box-sizing:border-box;}


.component-best-wrap{position:relative;}
.component-best-wrap .swiper-button-prev, .cate_best_pro_wrap .swiper-button-next{width:auto; height:auto; color:#555;}
.component-best-wrap .swiper-button-prev:after, .cate_best_pro_wrap .swiper-button-next:after{font-size:39px;}
.component-best-wrap .swiper-button-prev{left:-65px; transform:translate(0, -65px);}
.component-best-wrap .swiper-button-next{right:-65px; transform:translate(0, -65px);}

.component-used-wrap{position:relative;}
.component-used-wrap .swiper-button-prev, .cate_best_pro_wrap .swiper-button-next{width:auto; height:auto; color:#555;}
.component-used-wrap .swiper-button-prev:after, .cate_best_pro_wrap .swiper-button-next:after{font-size:39px;}
.component-used-wrap .swiper-button-prev{left:-65px; transform:translate(0, 0);}
.component-used-wrap .swiper-button-next{right:-65px; transform:translate(0, 0);}
.component-used-box{border:1px solid #eee; padding:32px 10px; text-align:center; box-sizing:border-box;}
.component-used-box img{width:80px; display:block; margin:0 auto 14px;}
.component-used-box h4{font-size:18px; font-weight:700;}
.component-used-box p{font-size:14px; font-weight:400; color:#aaa; margin:2px 0 0;}


.component-select-wrap{text-align:center;}
.component-select{width:100%; display:inline-flex; justify-content:; align-items:center;
background:#fafafa; border:1px solid #ddd; padding:2% 4%; box-sizing:border-box;}
.component-select .component-select-l{position:relative; margin:0 20px 0 0;}
.component-select .component-select-l:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.04);}
.component-select .component-select-l img{width:100%; max-width:500px; display:block;}
.component-select .component-select-r{}
.component-select .component-select-r dl{display:flex; margin:0 0 8px;}
.component-select .component-select-r dl dt{font-size:20px; font-weight:500; color:#333;}
.component-select .component-select-r dl dd{}
.component-select .component-select-r dl dd p{font-size:20px; font-weight:400; color:#333;}
.component-select .component-select-r dl dd select{min-width:120px; height:30px; }

.component-table{margin:40px auto 0;}
.component-table table{}
.component-table table{width:100%; }
.component-table table colgroup col.choice-table-col-1{width:80px;}
.component-table table colgroup col.choice-table-col-5{width:100px;}
.component-table table colgroup col.choice-table-col-6{width:182px;}
.component-table table tr th{ border-top: 1px solid #000; background:#f3f3f3; padding: 10px 0;}
.component-table table tr td{padding:6px 4px; text-align:center; border-bottom:1px solid #eee;}
.component-table table tr td .choice_name{display:block; text-align:left;}
.component-table table tr td .choice_standard{font-size:13px; line-height:1.6; text-align:left; white-space:nowrap;}
.component-table table tr td .choice_price{font-size:16px; color:#d31e1e; white-space:nowrap;}
.component-table table tr td .img{ width: 40px; overflow: hidden;border: 1px solid #ddd; display: block; margin: 0 auto;}
.component-table table tr td .img img{width:100%; }
.component-table table tr td .proBut{display:flex; justify-content:center; padding:0; margin:0;}
.component-table table tr td .proBut button{width:85px; padding:8px 0; margin:0 4px 0 0;}
.component-table table tr td .proBut button:last-of-type{margin:0;}
.component-table .component-table-text{margin:8px 0 0;}
.component-table .component-table-text h4{font-size:14px; font-weight:500; color:#d31e1e;}
.component-table .component-table-text p{font-size:13px; font-weight:400; color:#333;}

.component-info{}
.component-info table{width:100%; border-top:2px solid #333;}
.component-info table tr{}
.component-info table tr th{width:200px; font-size:14px; background:#f5f5f5; border:1px solid #d5d5d5; border-width:0 1px 1px 0; padding:8px; text-align:center; vertical-align:middle;}
.component-info table tr td{font-size:14px; border:1px solid #d5d5d5; border-width:0 1px 1px 0; padding:8px; vertical-align:middle;}
.component-info table tr td p{font-size:13px; color:#333;}
.component-info table tr td p strong{font-weight:400; color:#d31e1e;}

@media (max-width:1200px) {
.component-check{width:96%;}


.component-select{width:auto; flex-direction:column; padding:2% 2%;}
.component-select .component-select-l{margin:auto;}
.component-select .component-select-r{margin:14px auto 0;}

.component-table{width:96%;}
}

@media (max-width:768px) {
.center_info_wp.center_info_wp2{padding:3% 2%;}
	
.component-check{justify-content:space-between;}
.component-check .component-check-l,
.component-check .component-check-r{flex-basis:49%;}
.component-check button{width:100%;}

.all-cooker{}
.all-cooker ul li{flex-basis:49%; margin:0 2% 5% 0;}
.all-cooker ul li:nth-of-type(even){margin:0 0 5%;}

.component-best-wrap{width:96%; margin:auto;}
.component-best-wrap .swiper-button-next{right:0;}
.component-best-wrap .swiper-button-prev{left:0}

.component-used-wrap{width:96%; margin:auto;}
.component-used-wrap .swiper-button-next{right:0;}
.component-used-wrap .swiper-button-prev{left:0}
.component-used-box img{width:56px; margin:0 auto 14px;}
.component-used-box h4{font-size:16px;}
.component-used-box p{font-size:12px;}


.component-select{width:96%;}
.component-select .component-select-l{width:100%;}
.component-select .component-select-l img{max-width:inherit;}
.component-select .component-select-r{width:100%;}
.component-select .component-select-r dl{flex-direction:column; margin:0 0 16px;}
.component-select .component-select-r dl:last-of-type{margin:0;}
.component-select .component-select-r dl dt{font-size:16px; text-align:left;}
.component-select .component-select-r dl dd{text-align:left;}
.component-select .component-select-r dl dd p{font-size:16px;}
.component-select .component-select-r dl dd select{width:100%;}

.component-info table tr th{width:80px; font-size:12px;}
.component-info table tr td{font-size:12px;}
}




/* 타임딜 */
.hotdeal-list{}
.hotdeal-list .title_2{font-size:26px; line-height:1; text-align:center; margin:80px 0 20px;}
.hotdeal-list .proImg{}
.hotdeal-list .proImg .coming-date{font-size:15px; font-weight:300; line-height:1; color:#fff; white-space:nowrap;
border-radius:50px; background:rgba(0,0,0,0.9); padding:8px 20px 10px;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:100;}
.hotdeal-list .proImg .main_img{}
.hotdeal-list .proImg .main_img:before{content:""; width:100%; height:100%; display:block; background:rgba(255,255,255,0.5);  position:absolute;}

@media (max-width:768px) {
	.hotdeal-list{width:96%; margin:auto;}
}


/* 쿠폰페이지 */
.couponPage-wrap{}
.couponPage-title{}
.couponPage-title img{width:100%; display:block;}
.couponPage-title.couponPage-title-pc{display:block;}
.couponPage-title.couponPage-title-m{display:none;}

.couponPage-box{background:;}
.couponPage-box .couponPage-navbar{display:flex; flex-wrap:wrap;}
.couponPage-box .couponPage-navbar li{flex-grow:1; flex-shrink:0; background:#333;}
.couponPage-box .couponPage-navbar li+li{border-left:1px solid #676767; box-sizing:border-box;}
.couponPage-box .couponPage-navbar li a{display:flex; justify-content:center; align-items:center; font-size:17px; font-weight:500; color:#bbb; padding:14px 10px; box-sizing:border-box;}
.couponPage-box .couponPage-navbar li a i{font-size:16px; margin:0 0 0 10px;}
.couponPage-box .couponPage-navbar li.active{background:transparent;}
.couponPage-box .couponPage-navbar li.active a{color:#fff;}

.couponPage-box .couponPage-con{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:80px;}
.couponPage-box .couponPage-con h1{display:block; font-size:32px; font-weight:500; line-height:1.25; color:#fff; text-align:center; text-shadow:0px 2px 4px rgba(0,0,0,0.1);}
.couponPage-box .couponPage-con h1 strong{display:block; font-size:48px; font-weight:700;}
.couponPage-box .couponPage-con .coupon-Shape{width:520px; height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center;
background:#fff; border-radius:24px; box-shadow:0 8px 10px rgba(0,0,0,0.1); position:relative; margin:30px auto 40px; box-sizing:border-box;}
.couponPage-box .couponPage-con .coupon-Shape:before{content:""; width:50px; height:50px; display:block; background:; border-radius:50px; position:absolute; top:50%; left:0; transform:translate(-50%, -50%);}
.couponPage-box .couponPage-con .coupon-Shape:after{content:""; width:50px; height:50px; display:block; background:; border-radius:50px; position:absolute; top:50%; right:0; transform:translate(50%, -50%);}
.couponPage-box .couponPage-con .coupon-Shape h2{font-size:28px; font-weight:400; line-height:1;}
.couponPage-box .couponPage-con .coupon-Shape .discount{font-size:120px; font-weight:700; line-height:1; margin:2px auto 10px;}
.couponPage-box .couponPage-con .coupon-Shape .discount small{font-size:50%; font-family:'IBM Plex Sans KR', sans-serif;}
.couponPage-box .couponPage-con .coupon-Shape .subtitle{font-size:20px; font-weight:300; color:#676767;}

.couponPage-box .couponPage-con .couponPage-down{width:480px; height:72px; display:block; font-size:24px; color:#fff; background:#222; border:none; border-radius:8px; box-sizing:border-box;}
.couponPage-box .couponPage-con .couponPage-down i{}
@media (max-width:768px) {
	.couponPage-title.couponPage-title-pc{display:none;}
	.couponPage-title.couponPage-title-m{display:block;}
	
	.couponPage-box .couponPage-navbar li{flex-basis:50%;}
	.couponPage-box .couponPage-navbar li+li{border-top:1px solid #676767;}
	.couponPage-box .couponPage-navbar li a{font-size:15px;}
	.couponPage-box .couponPage-navbar li a i{font-size:14px;}
	
	.couponPage-box .couponPage-con{padding:54px 4%;}
	.couponPage-box .couponPage-con h1{font-size:20px;}
	.couponPage-box .couponPage-con h1 strong{font-size:32px;}
	.couponPage-box .couponPage-con .coupon-Shape{width:92%; height:auto; padding:20px; margin:20px auto 28px;}
	.couponPage-box .couponPage-con .coupon-Shape h2{font-size:20px;}
	.couponPage-box .couponPage-con .coupon-Shape .discount{font-size:80px;}
	.couponPage-box .couponPage-con .coupon-Shape .subtitle{font-size:15px;}
	
	.couponPage-box .couponPage-con .couponPage-down{width:100%; height:55px; font-size:19px;}
}