@charset "utf-8";

/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video { display: block }

#main_wrap {width:100%;padding-bottom:20px;}
#main_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#main_wrap .main_block {width:1200px;margin:40px auto;padding-top:20px;}
#main_wrap .main_block .empty_list {display:block;padding:62px 0 !important;float:none;width:auto;margin:0px;font-size:14px;border:1px solid #ddd;}
.bg_gray{background:#f5f5f5;width:100%;}

/* 메인이미지 */
.main_img {position:relative;width:100%;overflow:hidden;}
.main_img .btn_app_wrap {position:absolute;bottom:100px;left:0;width:100%;text-align:center;}
.main_img .btn_app_wrap .btn_app {display:inline-block;margin:0 auto;}

/* 오늘의 추천 상점 */
.today_shop {z-index:1;}
.today_shop .today_shop_content {position:relative;padding:20px 0;color:#fff;text-align:center;border-radius:5px;z-index:1;/*background:url('../img/store_bg.jpg');*/}
.today_shop .today_shop_content a {display:block;z-index:9;}
.today_shop .today_shop_content .shop_logo {display:inline-block;width:180px;height:180px;border-radius:50%;z-index:9;vertical-align:top;}

.today_shop .today_shop_content .right_content {display:inline-block;margin-left:100px;padding-top:30px;}
.today_shop .today_shop_content .right_content img {}
.today_shop .today_shop_content .right_content span {display:block;margin:20px;font-size:16px;color:#fff;z-index:9;font-weight:bold;}
.today_shop .today_shop_content .right_content .shop_name {font-size:28px;}
.today_shop .today_shop_content .right_content .shop_time {font-size:18px;}

/* 오늘의 인기 아이템 */
.today_item ul {margin:0 -9px;padding:0;}
.today_item li {display:inline-block;vertical-align:top;margin:18px 9px 0;text-align:center;border:1px solid #ddd;}
.today_item li a {background:#fff;display:block;width:220px;position:relative;}
.today_item li .product_img {position:relative;}
.today_item li .product_img .today_plus {position:absolute;top:0;left:0;}
.today_item li .product_img img {}
.today_item li .txt_info2 .date {position:absolute;bottom:10px;right:10px;color:#aaa}
.today_item li .txt_info2 .date img {width: 20px;height: 20px;vertical-align: top;}

@media all and (min-width:995px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
	
}

@media (max-width:1300px) {  /* 이 코드는 1300px 이하의 해상도에서 해석 됩니다 */
	.main_img_area .mleft {display:none;}
	.main_img_area .mright {display:none;}
}

@media (max-width:995px) {  /* 이 코드는 995px 이하의 해상도에서 해석 됩니다 */
	#main_wrap {margin-top: 50px;}
	.main_img_area {/* height:507px; */}
	.main_img_area .main_img_inner {width:100%;/* height:507px; */}
	.main_img_area .main_img_inner .mtext {top:20px;left:20px;height:70px;}
	.main_img_area .main_img_inner .mphone {height:300px;}
	.main_img_area {margin-top: 0;}
	#main_wrap .main_block {width:100%;padding-top:10px;margin:20px auto;}

	.today_shop .today_shop_content {padding:10px 0;}
	.today_shop .today_shop_content .shop_logo {width:100px;height:100px;}
	.today_shop .today_shop_content .right_content {display:block;margin:0 auto;padding-top:10px;}
	.today_shop .today_shop_content .right_content img {height:25px;}
	.today_shop .today_shop_content .right_content span {margin:5px auto;}
	.today_shop .today_shop_content .right_content .shop_name {font-size:16px;}
	.today_shop .today_shop_content .right_content .shop_time {font-size:16px;}

	.today_item ul {text-align:center;}
	.today_item li {margin:20px 10px 0 10px;}
} 

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	.main01 .button_area .search_area {width:380px;}
	.main01 .button_area .search_area .txt_keyword {margin-left:8px;width:290px;}
	.main01 .button_area .btn_add {display:block;width:380px;margin:10px auto;}

	.today_item li {width:44%;margin:5px 5px;}
	.today_item li a {width:100%;}
	.today_item li .product_img img {width:100%;}
	.today_item li .txt_info span {font-size:12px;}
	.today_item li .txt_info .pprice {font-size:14px;}
	.today_item li .txt_info2 .date {font-size:12px;}
}

@media (max-width:420px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	.main01 .button_area .search_area {width:350px;}
	.main01 .button_area .search_area .txt_keyword {margin-left:8px;width:260px;}
	.main01 .button_area .btn_add {width:350px;}
}