@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 }
 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
html { font-family:"Nanum Gothic"; }

#main_wrap {width:100%;padding-top:5px;padding-bottom:20px;background:#eee;}
#main_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#main_wrap .main_block {width:1000px;margin:40px auto;padding-top:20px;}
#main_wrap .main_block h1 {display:block;padding:10px 0;font-size:24px;color:#007237;text-align:center;}
#main_wrap .main_block ul:after {display:block;visibility:hidden;clear:both;content:""}

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

.main_img_area {position:relative;width:100%;background:url('../img/main_bg.jpg') no-repeat;height:417px;}
.main_img_area .mleft {position:absolute;top:0;left:0;}
.main_img_area .mright {position:absolute;top:0;right:0;}
.main_img_area .main_img_inner {position:relative;width:800px;height:417px;margin:0 auto;}
.main_img_area .main_img_inner .mtext {position:absolute;top:100px;left:0;}
.main_img_area .main_img_inner .mphone {position:absolute;bottom:0;right:0;}

/* 오늘의 추천 상점 */
.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_shop .today_shop_content .bg_img {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:5px;z-index:-1;background:#000;}
.today_shop .today_shop_content .bg_img img {width:100%;margin-top:-25%;border-radius:0px;
											-webkit-filter: blur(10px) opacity(0.7);
											-moz-filter: blur(10px) opacity(0.7);
											filter:blur(10px) opacity(0.7);}
 */
/* 오늘의 인기 아이템 */
.today_item {}
.today_item ul {margin:0;padding:0;}
.today_item li {display:inline-block;margin:20px 20px 0 0;text-align:center;}
.today_item li.row-end {margin:20px 0 0 0;}
.today_item li a {background:#fff;display:block;width:180px;border-radius:5px;position:relative;}
.today_item li .product_img {position:relative;}
.today_item li .product_img .today_plus {position:absolute;top:0;left:0;border-top-left-radius:5px;}
.today_item li .product_img img {border-top-left-radius:5px;border-top-right-radius:5px;}
.today_item li .txt_info {padding:10px 5px;text-align:center;}
.today_item li .txt_info span {display:block;font-size:14px;padding:5px 0;}
.today_item li .txt_info .pname {width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.today_item li .txt_info .pprice {font-size:18px;font-weight:bold;color:#ea4b4b;}
.today_item li .txt_info2 {padding-bottom:10px;position:relative;height:10px;font-size:14px;}
.today_item li .txt_info2 .zzim {position:absolute;bottom:10px;left:10px;color:#ea4b4b;}
.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;}
.today_item li .soldout {position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border-radius:5px;background:rgba(254,114,55,0.3);}
.today_item li .soldout img {margin-top:50px;}

@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_img .black {height:20px;}
	.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_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;}
	.today_item li.row-end {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;}
}