.index_wrap { width:100%; max-width:1200px; margin:0 auto; }
#main_contents {width:976px; margin-left:224px; height:auto; overflow:hidden; box-sizing:border-box;}
	/* member banner + notice */
	.member_area {float:right; width:100%; height:auto; margin-top:10px;}
	.member_area > p {float:left; width:786px; height:auto; overflow:hidden;}

	.member_area .main_notice {float:right; width:180px; height:280px; padding:30px 14px 0; box-sizing:border-box; position:relative; background:#69b73d; }
	.member_area .main_notice h3 {font-size:0; text-indent:-9999px; width:100%; height:18px; background:url(../image/main/bg_notice_tit.png) center no-repeat;}
	.member_area .main_notice ul {width:100%; height:auto; border-top:1px solid #87c564; padding-top:8px; margin-top:20px;}
	.member_area .main_notice ul li {width:100%; height:auto; position:relative;}
	
	.member_area .main_notice ul li a {display:block; padding:10px 18px; font-size:13px; color:#fff; font-weight:600; text-decoration:none;}
	.member_area .main_notice ul li a:hover {color:#fff;}
	.member_area .main_notice ul li a:before {content:''; display:inline-block; width:28px; height:28px; margin-right:8px; background-color:#69b73d; vertical-align:middle;}

	.member_area .main_notice ul li.quick_btn_01 a:before {background:url(../image/main/ico_notice_01.jpg) center no-repeat;}
	.member_area .main_notice ul li.quick_btn_02 a:before {background:url(../image/main/ico_notice_02.jpg) center no-repeat;}
	.member_area .main_notice ul li.quick_btn_03 a:before {background:url(../image/main/ico_notice_03.jpg) center no-repeat;}
	.member_area .main_notice ul li.quick_btn_04 a:before {background:url(../image/main/ico_notice_04.jpg) center no-repeat;}

	/* main banner */
	.main_banner {float:left; width:100%; height:auto; margin:10px 0 20px;}
	.main_banner p {float:left; width:318px; height:auto;}
	.main_banner p:nth-child(2) {margin:0 11px;}
	.main_banner p img {max-width:100%;}

	/* mobile main banner */
	.mobile_banner {overflow:hidden; position:relative; width:100%; margin-top:10px; display:none;}
	.vi_img {width:100%; height:auto; overflow:hidden; position:relative; }
	.vi_img li {position:absolute; top:0; left:0; width:100%; height:auto; padding:25% 0; background-repeat:no-repeat; background-position:center; background-size:100%;}
	.vi_img li a { width:100%; height:auto; display:block; font-size:0;}

	.mobile_banner .bt_num_area {width:100%; height:auto; margin:0 auto; position:absolute; bottom:8px; left:0; z-index:1;}
	.mobile_banner .bt_num_area .vi_bt {overflow:hidden; width:100%; height:auto; text-align:center;}
	.mobile_banner .bt_num_area .vi_bt li {display:inline-block; padding:0 3px;}

	/* category items */
	.category_items {float:left; width:100%; height:auto; margin-top:10px;}
	.category_items h3 {width:100%; height:auto; text-align:center; position:relative;}
	.category_items h3:before {content:''; display:block; width:100%; height:3px; background:url("../image/common/bg_bar.gif"); position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:-1;}
	.category_items h3 span {display:inline-block; background-color:#fff; font-size:22px; font-weight:bold; color:#000; letter-spacing:-0.06em; padding:0 12px;}

	.category_items .product_area {}
	.category_items .product_area h4 { font-size:1.25em; font-weight:600; padding:1em 0; }
	.category_items .product_area ul { display:block; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; position:relative; overflow:hidden;}
	.category_items .product_area ul li { width:16.6666%; border:1px solid #ebebeb; box-sizing: border-box; text-align: center; position:relative; border-left:0; border-top:0; float:left; padding-bottom:1em; }
	.category_items .product_area ul li a {display:block; width:100%; height:100%; padding:1em 1em 0; box-sizing:border-box;}
	.category_items .product_area ul li a span { display:block; width:100%; height:0; padding-bottom:100%; overflow:hidden; }
	.category_items .product_area ul li a img { width:100%; }
	.category_items .product_area ul li a strong {display: block; padding-top: 1em; text-align: center; font-weight: normal; height:3.6em; line-height:1.2em;}
	.category_items .product_area ul li a em { display: block; font-weight: bold; color: #ff6600; font-size: 1.125em; margin-top: 0.25em; }
	.category_items .product_area ul li a:hover {text-decoration:none;}
	.category_items .product_area ul li a:hover strong {color:#c30604;}
	
	.max_del_won {display:block;}

@media screen and (max-width: 900px) {
	.index_wrap {padding:0 20px; box-sizing:border-box;}
	#main_contents {width:100%; margin-left:0;}
	.member_area {float:none; margin-top:20px;}
	.member_area > p {float:none; width:100%;}
	.member_area > p img {width:100%;}
	.member_area .main_notice {float:none; width:100%; height:auto; padding:24px 14px 14px; margin-top:10px;}
	.member_area .main_notice ul {display:flex; flex-wrap:wrap;}
	.member_area .main_notice ul li {width:25%;}
	.member_area .main_notice ul li a {padding:10px;}
	/* main banner */
	.main_banner p {width:32.33%; margin:0 .5% !important;}
	/* category items */
	.category_items .product_area ul li {width:33.33%;}
	
}
@media screen and (max-width: 568px) {
	.member_area .main_notice ul li {width:50%;}
	/* main banner */
	.main_banner {display:none;}
	/* mobile main banner */
	.mobile_banner {display:block;}
	/* category items */
	.category_items .product_area ul li a strong {height:5em; font-size:.857em;}
	.category_items .product_area ul li a em {font-size:.857em;}
	
}