@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 인기상품 노출 설정 */
#wrap .popular-wrap{position:relative; left:0; top:0; width:220px;}
#wrap .popular-line .rank_top_box{width:100px;}

/*메인 배너 사이드 버튼 때문에 재정의 */
.main_visual{overflow:hidden; width:auto;}

/*tuning*/
.list_rental_wrap .item_cont {padding: 0 20px;text-align: center}
.list_rental_wrap .price_wrap {text-align: left;font-size:0}
.list_rental_wrap .price_wrap dt{display:inline-block;width:30%;font-size:14px;padding:5px 0px;box-sizing: border-box}
.list_rental_wrap .price_wrap  dd{display:inline-block;width:70%;font-size:14px;font-weight: bold;text-align: right;padding:5px 0px;box-sizing: border-box}
.list_rental_wrap .price_wrap .item_price {font-size:14px;}
.list_rental_wrap .item_tit_box .item_name {text-align: left}

.rental_price_view {padding:10px 0px;border-bottom:1px solid #dbdbdb}
.rental_price_view dl {font-size:0;}
.rental_price_view dl dt{display:inline-block;width:40%;font-size:20px;font-weight: bold;padding:5px 0px;box-sizing: border-box;position:relative;}
.rental_price_view dl dd{display:inline-block;width:60%;font-size:18px;font-weight: bold;text-align: right;padding:5px 0px;box-sizing: border-box}
.rental_price_view dl dd strong{font-size:32px; color:#d4202b;}
.rental_price_view dl dt select {position:absolute;top:0px;}

.rental_month, .rental_card{margin:10px 0 15px;}
.rental_month select, .rental_card select{width:100%; font-size:14px;}


.item_photo_info_sec { width: 1200px; }
.item_photo_info_sec .color {display:block;}
.item_photo_slide .slider_goods_nav { display:block;}
	
	/* ========== 튜닝 ========== */
	/* 상품 상세페이지 맴버쉽 할인 버튼 */
	.item_detail_list { border-color: #ddd; }
	.item_detail_list dd { position: relative; top: -2px; } 
	.item_detail_list > dl.memberShip { display: block; }
	.item_detail_list > dl.memberShip dd { color: #26317a; font-size: 16px; }
	.item_detail_list > dl.memberShip dd small { font-size: 14px; font-weight: bold; }
	.item_detail_list > dl.memberShip a { display: inline-block; background: #26317a; width: 210px; height: 38px; line-height: 38px; color: #fff; font-weight: bold; font-size: 14px; border-radius: 6px; text-align: center; letter-spacing: -1px; margin: 10px 0 20px 0; border-color: #26317a;  cursor: pointer; }
	.item_detail_list > dl:nth-child(2) { margin-bottom: 0; } 

	/* 상품 상세페이지에서 누하스 파트너스 링크 생성하기 버튼  */
	.urlLink { padding: 0; margin: 35px 0 20px 0; text-align: center; }
	.urlLink h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal; text-align: center; padding: 30px 0 20px 0; color: #26317a; }
	.urlLink h1 b { text-decoration: underline;  font-weight: bold; }
	.urlLink .descArea { padding: 20px 40px; display: inline-block; background: #26317a;  text-align: center; border-radius: 5px; cursor: pointer; }
	.urlLink .descArea h2 { font-size: 26px; font-weight: bold; letter-spacing: -1px; color: #fff; }
	.urlLink .descArea p { font-size: 13px; color: #9498b3; padding-top: 2px; letter-spacing: -1px; }
	.urlLink .descArea p b { color: #fff;  }
	.urlLink .btnArea { font-size: 0; opacity: 0; visibility: hidden; padding: 15px 0 0 0; }
	.urlLink .btnArea.on { opacity: 1; visibility: visible; }
	.urlLink .btnArea input { border: 1px solid #26317a; padding: 10px; height: 55px; line-height: 55px; font-size: 16px; width: 360px; border-radius: 5px;  } 
	.urlLink .btnArea button { width: 110px; border: 1px solid #26317a; background: #26317a; color: #fff; height: 55px; line-height: 55px; padding: 0 20px; margin-left: 10px; border-radius: 5px;  }
	.urlLink .btnArea button em { font-size: 16px; }



	/* 주문서 페이지에서 파트너스 링크 확인 */
	.recommId { margin: 20px auto; padding: 20px 50px; border-radius: 40px; background: #26317a; }
	.recommId table { width: 100%; border-collapse: collapse; }
	.recommId table a { color: #fff; text-decoration: underline; }
	.recommId table small { position: relative; top: -2px; left: 3px; }
	.recommId table th { background: none; font-size: 16px;  }
	.recommId table th, .recommId table td { padding: 10px; border: none; text-align: left; color: #fff; font-size: 17px; }


	/* 하단 원클릭 렌탈 신청하기 플로팅 배너 */
    #wrap .layer_wrap.coupon_apply_layer .layer_wrap_cont { top: 40px !important; bottom: 40px !important; overflow-y: auto; border: none; }
    #fixedCs { position: fixed; bottom: 0; left: 0; width: 100%; background: #222; transition: bottom  300ms; z-index: 200; }
    #fixedCs.on { bottom: -151px; }
    #fixedCs .in { position: relative; width: 600px; margin: 0 auto; text-align: center; padding: 15px 0 2px 0 ; }
    #fixedCs .in .close { position: absolute; top: -34px; right: 0; text-align: center; padding: 6px 30px; font-size: 17px; cursor: pointer; color: #aaa; display: block; }
    #fixedCs .in .close:hover { color: #000; }
    #fixedCs.on .close { display: none; }
    #fixedCs ul { display: inline-block; }
    #fixedCs ul:after { display: block; clear: both; content: ''; }
    #fixedCs ul li { position: relative; float: left; margin: 0 4px; }
    #fixedCs ul li label.error { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; color: red; background: #fff; text-align: left; text-indent: 10px; font-size: 14px; white-space: nowrap;  line-height: 43px;}
    #fixedCs ul li input { border: none; background: #fff; padding: 6px 10px; height: auto; font-size: 14px; width: 230px; }
    #fixedCs ul li input::-webkit-input-placeholder { color: #000; }
    #fixedCs ul li select { background: #fff; border: none; height: 43px; font-size: 14px; width: 230px; text-indent: 10px; color: #000; }
    #fixedCs ul li button[type="submit"] { position: relative; width: 230px; display: inline-block; height: 43px; text-align: center; text-indent: 0; background: #26317a; font-weight: bold; color: #fff; border-radius: 6px; }
    #fixedCs ul li button[type="submit"] em { position: absolute; right: 15px; top: 50%; margin-top: -10px; height: 20px; }
    #fixedCs .chk { text-align: center; width: 600px; margin: 0 auto; padding: 5px 0 10px 0; color: #999; font-size: 12px; }
    #fixedCs .chk a { color: #aaa; text-decoration: underline; }  
    #fixedCs .chk label.error { position: absolute; background: #222; color: red; padding: 0; }

    #fixedCs .text { text-align: center; padding: 10px 0 5px 0; }
    #fixedCs .text p { color: #aaa;  font-size: 15px; }
    #fixedCs .text b { color: #fff; }
    #fixedCs .text.goods { padding: 10px 0; }
    #fixedCs .text.goods p.color {  color: #fff; font-size: 17px; font-weight: bold; letter-spacing: 1px; padding-top: 2px; }
    #fixedCs .text.goods a { display: inline-block; margin: 10px auto 15px auto; width: 220px; height: 40px; line-height: 40px; color: #000; text-align: center; border-radius: 6px; background: #fff; font-size: 15px; font-weight: bold; }

	.mypage_lately_info.membershipArea { padding: 40px; margin-bottom: 40px; border-radius: 20px; background: #eee; position: relative; } 
	.mypage_lately_info.membershipArea .notice { position: absolute; bottom: 10px; right: 40px; color: #aaa; font-size: 11px;  }
	.mypage_lately_info.membershipArea .mypage_zone_tit { padding: 0 0 20px 0; text-align: center; }
	#wrap .mypage_lately_info.membershipArea .no_data {  padding: 0; color: #aaa; font-size: 12px; }
	.mypage_lately_info.membershipArea .mypage_table_type { background: #fff; margin: 0 !important; }
	.mypage_lately_info.membershipArea .mypage_table_type th { background: #26317a; color: #fff; padding: 16px; }
	.mypage_lately_info.membershipArea .mypage_table_type .order_num_link { color: #26317a; border-color: #26317a; }
	.mypage_zone_tit .membership { color: #26317a; font-weight: bold; font-size: 17px;  }
	.mypage_zone_tit .membership a { text-decoration: underline;   text-underline-position: under; color: #26317a; }

	body .nounhous-nav { left: 240px; top: 40px; right: 200px; padding: 0; text-align: center; }
	body .nounhous-nav a { display: inline-block; padding: 5px; letter-spacing: -1px; }
	body .nounhous-nav .m.on { font-weight: normal; }


	.item_detail_list > dl.nouhausMember { display: block; }
	.item_detail_list > dl.nouhausMember dd { color: #26317a; font-size: 16px; }
	.item_detail_list > dl.nouhausMember dd small { font-size: 14px; font-weight: bold; }
	.item_detail_list > dl.nouhausMember h3 { font-size: 15px; } 
	.item_detail_list > dl.nouhausMember a { position: relative; display: inline-block; background: #26317a; width: 220px; height: 38px; line-height: 38px; color: #fff; font-weight: bold; font-size: 14px; border-radius: 6px; text-align: center; letter-spacing: -1px; margin: 10px 0 20px 0; border-color: #26317a;  cursor: pointer; }
	.item_detail_list > dl.nouhausMember a.disabled { background: #ccc; cursor: default; }
	.item_detail_list > dl.nouhausMember a.load { color: transparent; cursor: default; }
	.item_detail_list > dl.nouhausMember a.load:before { display: block; content: '멤버십 구매페이지로 이동중'; width: 100%; height: 100%; font-size: 14px; color: #959abb; }
	.item_detail_list > dl.nouhausMember a.load:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 12px; border: solid 3px #fff; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; -webkit-transition: all 1000ms ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count:  infinite; -webkit-animation-timing-function: linear; transition: all 100ms ease-in; animation-name: rotate; animation-duration: 1000ms; animation-iteration-count:  infinite; animation-timing-function: linear; }
	@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }