@charset "UTF-8";

/*검색완료*/
.search{ padding: 2em 0;  }
.search h2{ padding:0 0 1em 0; text-align: center; font-weight: 500; }
.search_form{ padding: 2em; border-radius: 10px; background: #f7f7f7; box-shadow: -1px 1px 5px #e0e0e0; }
.search_form table{ width: 60%; margin: 0 auto; }
.search_form td{ padding: 0 0.3em; }
.search_form table select { padding: 0 20px;  border: 2px solid #0d569b; border-radius: 40px; }
.search_form table input[type="text"]{width: 80%; float: left; padding: 0 20px; border-radius: 40px 0 0 40px; border-top: 2px solid #0d569b; border-right: 0 solid #fff; border-bottom: 2px solid #0d569b; border-left: 2px solid #0d569b; }
.search_form table input[type="submit"]{width: 20%; float: left; border-radius: 0 40px 40px 0; border-top: 2px solid #0d569b; border-right: 2px solid #0d569b; border-bottom: 2px solid #0d569b; border-left: 0px solid #fff; text-indent: -99999px; background: url(../../img/common/search_bg.png) 70% -3px no-repeat, #fff; }
.search_form p{ text-align: center; }

@media (max-width:991px) {
	.search_form{ padding: 1.5em 0.5em; }
	.search_form table{ width: 100%; }
}

.list_wrap{ padding: 0 0 5px 0; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2; }

/*데이터없음*/
.no_data_wrap{ width: 100% !important; }
.no_data{ width: 100% !important; padding: 5em 0 !important; text-align: center; border:0 !important; background:#fff !important; box-shadow: none !important; }
.no_data i{ font-size: 2em !important; border-bottom: 0 !important; font-size: 2em; }
.no_data p{ padding: 20px 10px; font-size: 1.2em; font-weight: 500; }

.title { font-weight: 700; padding:0 0 15px 0 ; line-height: 1.7em; }
.title i{ vertical-align: top; }
.title a{ float: right; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 50px; background: #0d569b; }

/* 스토리 리스트 */
.story_list { font-size: 0; text-align: center; }
.story_list li{ display: inline-block; width: 25%; padding:10px; font-size: 16px; vertical-align: top; }
.story_list li > div{ position: relative; padding: 10px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: -1px 1px 5px #e0e0e0; }
.story_list .img{ position: relative; margin: -10px; padding-top: 110%; overflow: hidden; }
.story_list .img img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.story_list .img i{ position: absolute; right: 10px; bottom: 10px; z-index: 10; width:35px; height: 35px; background: url(../../img/common/good_off.png) center center no-repeat; cursor: pointer; }
.story_list .img i.on{ background: url(../../img/common/good_on.png) center center no-repeat; }
.story_list .date{ padding: 15px 0; text-align: left; }
.story_list .date:hover p{ border-bottom: 1px solid #000; }
.story_list .date p{ line-height: 1.7em; font-weight: 500; color: #222; border-bottom: 1px solid #fff; }
.story_list .date h6{padding: 5px 0 0 0; }
.story_list .tag{ text-align: left; }
.story_list .tag a{ display: block; float: left; padding: 0 5px 0 0; border-bottom: 1px solid #fff; } 
.story_list .tag a:hover { border-bottom: 1px solid #000; }

@media (max-width:991px) {
	.story_list li{ width: 100%; }
/* 	.story_list li > div { padding: 10px; border-radius: 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); background: #fff; overflow: hidden; } */
	.story_list .img{ float: left; width: 40%; margin: 0; padding-top: 40%; border-radius: 10px; }
	.story_list .img img{ border-radius: 10px; }
	.story_list .img i{ right: 5px; bottom: 5px; }
	.story_list .date{ float: left; width: 60%; padding: 0 0 0 10px; }
	.story_list .tag{ float: left; width: 60%; padding: 20px 0 0 10px; }
}

/* 상품리스트 */
.product_list li{ float: left; width: 33.3%; padding: 10px; }
.product_list a{ display: block; padding:10px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: -1px 1px 5px #e0e0e0; }
.product_list .img{ position: relative; margin: -10px; padding-top: 70%; overflow: hidden; }
.product_list .img img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.product_list .text{ padding: 15px 0 0 0; }
.product_list i{ display: inline-block; margin: 0 0 5px 0; padding: 0 10px; font-size: 11px; letter-spacing: -1px; border-radius:20px; }
.product_list .no_icon{ padding:0; border:0; }
.product_list .area{ font-weight: 700; line-height: 1.5em; }
.product_list .title{font-weight: 500; letter-spacing: -1px; line-height: 1.5em; color: #000; }
/* .product_list .name{ margin: 0 0 5px 0; } */
.product_list h6 { display: none; }
.product_list .price{ padding: 10px 0 0 0; }
.product_list .price th{ width: 30%; }
.product_list .price td{ width: 70%; text-align: right; }
.product_list .price p b{ font-size:2em; }
.product_list .price .tt{ display: inline-block; padding: 0 5px 0 0; font-size:12px; font-weight: 800; color:#afafaf; }
.product_list .price .sale{ font-size:12px; text-decoration:line-through; color:#afafaf; }
.product_list .price .pay{ padding: 5px 0 2px 0; line-height: 1em; color:#e72d18; }
.product_list .price .pay span{ font-size:1.3em; font-weight: 500; }

.no_data{ width: 100% !important; text-align: center; background: #fff; }
.no_data i{ font-size: 2em !important; border-bottom: 0 !important; font-size: 2em; }
.no_data p{ padding: 20px 10px; font-size: 1.2em; font-weight: 500; }


@media (max-width:991px) {
	.product_list li{ width: 100%; }
	.product_list a{ position: relative; padding:10px; border-radius: 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); }
	.product_list .img{ float: left; width: 55%; margin: 0; padding-top: 36%; border-radius: 0; }
	.product_list .img img{ border-radius: 10px; }
	.product_list .icon i{ padding: 0 5px; }
	.product_list .text{ float: left; width: 45%; padding: 0 0 0 10px; }
	.product_list .price{ padding: 0; }
}

/*쿠폰*/
.coupon_list li > div { border-radius: 10px; overflow: hidden; background: #0d569b; box-shadow: -1px 1px 5px #e0e0e0; }
.coupon_list .coupon{ position: relative; }
.coupon_list .coupon .cupon_on{ display: block; }
.coupon_list .coupon .cupon_off{ display: none; }
.coupon_list li { float: left; width: 25%; padding: 10px; }
.coupon_list .img{ position: relative; margin: 0; padding-top: 100%; overflow: hidden; }
.coupon_list .img img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.coupon_list .coupon .coupon_info{ position: absolute; top:50%; left: 0; transform: translate(0, -50%); width: 85%; padding: 5% 7%; text-align: center; }
.coupon h6{ padding: 0 0 4% 0; text-align: left; font-size: 14px; color: #0081ca; text-align: left; }
.coupon a{ display: inline-block; padding:0 0 1% 0; line-height: 1.5em; border-bottom: 1px solid #fff; }
.coupon a:hover{ border-bottom: 1px solid #e5e5e5; }
.coupon p{ text-align: center; font-weight: 500; font-size:14px; }
.coupon strong{ font-size: 0.8em; font-weight: 300; }
.coupon span{ display: inline-block; padding: 5% 0 0 0; text-align: center; color: #0d569b; line-height: 1em; border-bottom: 1px solid #fff; cursor: pointer; }
.coupon span:hover{ border-bottom: 1px solid #e5e5e5; }

.coupon_list .on h6{ color: #ccc; }
.coupon_list .on p{ color: #ccc; }
.coupon_list .on span{ color: #ccc; }
.coupon_list .on a{ color: #ccc; }
.coupon_list .on .cupon_on{ display: none; }
.coupon_list .on .cupon_off{ display: block; }

@media (max-width:991px) {
	.coupon_list li{ width: 100%; }
	.coupon_list li > div{ padding:0; }
	.coupon_list .img{ float: left; width: 35%; padding-top: 35%; }
	.coupon_list .coupon{ float: left; width: 65%; }
	.coupon h6{ padding: 0; }
	.coupon span{ padding: 0; }
}