@charset "utf-8";
@media screen and  (min-width:1025px){
	.m_Allmnu{display: none !important;}
	.m_bnr{display: none !important;}
}

@media screen and (max-width:1024px) and (min-width:481px){/*테블릿*/
	.h_top{display: none;}

	.h_center{width: 90%;height: 60px;margin: 0 auto;}
	.h_center>div{height: 60px;width: 100%;min-width: 100%;}
	.h_center>div>.m_mnu{display: block;float: left;margin-top: 9px;margin-right: 13px;font-size: 28px;}
	.h_center>div>h1{width: 93px;margin-top: 20px;}
	.h_center>div>h1>a{height: 22px;}
	.h_center>div>.search{    width: 55%;height: 53px;margin-left: 32px;}
	.h_center>div>.search>input{margin-top: 16px;height: 27px;border: 2px solid #eb180e;}
	.h_center>div>.search>input::placeholder{text-indent: -9999px;}
	.h_center>div>.search>.searchBtn{top: 21px;right: 14px;width: 18px;height: 15px;}
	.h_center>div>.search>.tag{display: none;}
	.h_center>div>.h_banner{display: none;}
	.h_center>div>.m_cart{display: block;float: right;width: 24px;height: 28px;margin-top: 13px;
	/*background-image: url(/common/img/bag_ico.jpg);*/
	background-repeat: no-repeat;-webkit-background-size: cover;
	background-size: cover;}

	.gnb{display: none;}

	.m_gnb{overflow: hidden;
			/*display: block;*/
			height: 50px;
			border-top: 1px solid #ddd;
		}
	.m_gnb>ul{/* width: 90%; */width: 400%; /* margin: 0 auto; */ padding-left: 11px;}
	.m_gnb>ul>li{float: left;position: relative;padding: 0 10px;}
	.m_gnb>ul>li::after{position: absolute;top: 19px;left: 0;display: block;width: 1px;height: 12px;content: '';border-right: 1px solid #ddd;}
	.m_gnb>ul>li:first-child::after{border: none;}
	.m_gnb>ul>li>a{display: block;font-size: 1.4em;text-align: center;line-height: 50px;letter-spacing: -1px;}

	.m_Allmnu{position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 1000;background-color: #5a616a;}
	.m_Allmnu>.Allmnu_top{position: relative;background-color: #eb180e;}
	.Allmnu_top>p{color: #fff;font-size:1.6em;line-height: 2.7em;text-align: center;}
	.Allmnu_top>button{position: absolute;top: 50%;right: 10px;margin-top: -12px;border: none;background-color: transparent !important;} 
	
	.m_Allmnu>.All_list{}
	.All_list>ul{}
	.All_list>ul>li{}
	.All_list>ul>li>a{display: block;height: 45px;padding-left: 17px;font-weight: 300;color: #f2f3f3;line-height: 45px;font-size: 1.2em;letter-spacing: -1px;background-image: url(/common/img/m_more_ico.jpg);background-repeat: no-repeat;background-position: 95% 50%;border-bottom: 1px solid #777f89;}
	.All_list>ul>li>a.act{background-image: url(/common/img/m_minus_ico.jpg);}
	.All_list>ul>li:nth-of-type(2)>a{background: none;}

	.All_list>ul>li>.m_subMnu{display: none;background-color: #434851;}
	.m_subMnu>li{float: left;width: 49%;border-bottom: 1px solid #343940;background-image: url(/common/img/arrow_ico.png);background-repeat: no-repeat;background-position: 96% 50%;}
	.m_subMnu>li:nth-child(odd){border-right: 1px solid #343940;}
	.m_subMnu>li:nth-child(even){border-left: 1px solid #777f89;}
	.m_subMnu>li:last-child{border-bottom: none;}
	.m_subMnu>li>a{display: block;position: relative;height: 45px; padding-left: 16px;  color: #f2f3f3;line-height: 45px;font-weight: 300;letter-spacing: -1px;}
	.m_subMnu>li>a>span.new{position: absolute;top: 23%;left: 79px;display: inline-block;width: 13px;height: 14px;min-width: inherit;background-image: url(/common/img/m_new_ico.png);background-repeat: no-repeat;}

	.m_Allmnu>.All_nav{display: flex;justify-content: space-around;padding: 20px 0 0 0;}
	.All_nav>a{display: block;width: 19%;text-align: center;}
	.All_nav>a>img{display: block;/* width: 100%; */margin: 0 auto 10px;text-align: center;}
	.All_nav>a>p{text-align: center;color: #fff;font-weight: 300;font-size: 1.2em;}




	.slideWrap{display: none;}

	.m_slideWrap{overflow: hidden;position: relative;display: block;width: 100%;height: auto;margin-bottom: 15px;}
	.m_slideWrap>.m_slides{display: block;width: 2000%;}
	.m_slides>li{float: left;width: 10%;}
	.m_slides>li>a{display: block;/* height: 274px; */}
	.m_slides>li>a>img{display: block;width: 100%;}
	.m_slideWrap>.page{position: absolute;bottom: 12px;right: 52px; font-size: 1.7em;color: #555; letter-spacing: -1px;}
	.m_slideWrap>.page>p{display: inline-block;margin-right: 10px;}
	.m_slideWrap>button{display: inline-block;position: absolute;bottom: 11px;right: 11px;width: 2.5em;height: 2.5em;padding: 0;text-indent: -9999px;vertical-align: middle;background: url(/common/img/ico_plus.png) no-repeat center right;background-size: contain;border: 0;;z-index: 1;}
	
	.main_bnr1>div{width: 100%;min-width: 100%;margin: 0;}
	.main_bnr1>div>a{display: none;width: 100%;height: auto;}
	.main_bnr1>div>a.m_bnr{display: block;}

	.new{width: 90%; min-width: 310px;}
	.new>h3 {margin-top: 30px;font-weight: 400;}
	.new>ul {/* flex-wrap: wrap; */}
	.new>ul>li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.new>ul>li:nth-child(odd){margin-left: 0;}

	.weekly{width: 90%; min-width: 310px;}
	.weekly>h3 {margin-top: 30px;font-weight: 400;}
	.weekly>ul {/* flex-wrap: wrap; */}
	.weekly>ul>li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.weekly>ul>li:nth-child(odd){margin-left: 0;}

	.main_bnr2{padding-top: 25px;width: 100%;min-width: 100%;}
	.main_bnr2>img{display: none;}
	.main_bnr2>img.m_bnr{display: block;}

	.recommend{display: none;}

	.m_recommend{display: block;margin-bottom: 50px;/**/height: auto;}
	.m_recommend>p{margin-top: 35px;font-size: 18px;color: #585858;text-align: center;letter-spacing: -1px;font-weight: 300;}
	.m_recommend>h3{font-size: 26px;color: #333;text-align: center;letter-spacing: -1px;font-weight: 400;font-family: 'Montserrat',"NotoSansKR", sans-serif; ;}
	.m_reco_tabWrap{border-bottom: 1px solid #eaeaea;}
	.m_reco_tab{display: flex;width: 90%;min-width: 310px;margin: 30px auto 0;}
	.m_reco_tab>li{/* float: left; */width: 50%;height: 45px;color: #999;line-height: 45px;text-align: center;background-color: #fafafa;border-right: 1px solid #eaeaea;border-left: 1px solid #eaeaea;border-top: 1px solid #eaeaea;cursor: pointer;}
	.m_reco_tab>li:first-child{border-right: none;}
	.m_reco_tab>li.over{color: #111;background-color: #fff;border-top: 1px solid #111;}

	.m_reco_goodsWrap{width: 100%;min-width: 310px;margin-top: 30px;/* border-top: 1px solid #eaeaea; */}
	.m_reco_goodsWrap>div{display: none; width: 90%;min-width: 310px;margin: 0 auto;}
	.m_reco_goodsWrap>div.m_goodsContainer1{display: block;}
	.m_reco_goodsWrap>div>ul{/* display: flex; justify-content: space-between;flex-wrap: wrap; */}
	.m_reco_goodsWrap>div>ul>li{width: 48%;float: left;margin-left: 4%;margin-bottom: 20px;}
	.m_reco_goodsWrap>div>ul>li:nth-child(odd){margin-left: 0;}
	.m_reco_goodsWrap>div>ul>li>a{display: block;}
	.m_reco_goodsWrap>div>ul>li>a>img{display: block;width: 100%;}
	.m_reco_goodsWrap>div>ul>li>a>p{margin-top: 28px;font-size: 15px;color: #1c1c1c;letter-spacing: -1px;}
	.m_reco_goodsWrap>div>ul>li>a>span{display: block;padding-bottom: 10px; font-size: 15px;color: #656565; letter-spacing: -1px;border-bottom: 1px solid #ededed;}
	.m_reco_goodsWrap>div>ul>li>a>strong{display: block; margin-top: 8px; padding-right: 12px;font-size: 18px;font-weight: 500;color: #1c1c1c;text-align: right; font-weight: 600; letter-spacing: -1px; font-family: 'Montserrat',"NotoSansKR", sans-serif;}

	footer{border-top: none;}
	/*
	footer>div{display: none;}
	*/

	div.m_footer{display: block;width: 100%;min-width: 310px;}
	div.m_footer>ol{padding: 20px 0;text-align: center;background: #bbb;}
	div.m_footer>ol>li{float: left;width: 24%;border-left: 1px solid #d0d0d0;}
	div.m_footer>ol>li>a{color: #fff;font-size: 1.2em;}
	div.m_footer>ul{    width: 283px;height: 55px;margin: 0 auto;}
	div.m_footer>ul>li{margin: 19px 0;padding: 0 15px;border-left: 1px solid #e1e1e1;}
	div.m_footer>ul>li:first-child{    margin-left: 0;border-left: none;}
	div.m_footer>ul>li>a{ color: #222;font-weight: 300;line-height: normal;font-size: 12px;font-family: 'Noto Sans KR','sans-serif','Arial';}

	div.m_footer>.address{width: 90%;min-width: 310px;margin: 0 auto;text-align: center;color: #999;font-size: 1em;font-weight: 300;line-height: 1.5em;clear: both;}
	div.m_footer>.address>a{color: #999;}

	div.m_footer>.m_scrollMnu{position: fixed;bottom: 0;left: 0;width: 100%; padding: 0.75rem 0 .6rem;background-color: #fff; border-top: 1px solid #cfcfcf;}
	div.m_footer>.m_scrollMnu>ul{}
	div.m_footer>.m_scrollMnu>ul>li{float: left;width: 20%;}
	div.m_footer>.m_scrollMnu>ul>li>a{display: block;text-align: center;}
	div.m_footer>.m_scrollMnu>ul>li>a>img{display: inline-block;width: 2.5rem;height: 1.9rem;vertical-align: middle;}
	div.m_footer>.m_scrollMnu>ul>li>a>p{color: #444;font-size: 1.1em;font-weight: 400;letter-spacing: -1px;}


}
@media screen and (max-width:480px){/*모바일*/
	header{position: relative;}

	.h_top{display: none;}
	.h_center>div .search{margin-left:60px;}
	.logo_hide{display: none;}
	.h_center>div .search>.tag{display: none;}

	.h_center{width: 90%;height: 53px;margin: 0 auto;}
	.h_center>div{height: 53px;width: 100%;min-width: 100%;}
	.h_center>div>.m_mnu{display: block;float: left;margin-top: 5px;margin-right: 13px;font-size: 28px;}
	.h_center>div>h1{width: 93px;margin-top: 16px;}
	.h_center>div>h1>a{height: 22px;}
	.h_center>div>.search{width: 38%;height: 53px;margin-left: 16px;}
	.h_center>div>.search>input{margin-top: 12px;height: 27px;border: 2px solid #eb180e;}
	.h_center>div>.search>input::placeholder{text-indent: -9999px;}
	.h_center>div>.search>.searchBtn{top: 17px;right: 14px;width: 18px;height: 15px;}
	.h_center>div>.search>.tag{display: none;}
	.h_center>div>.h_banner{display: none;}
	.h_center>div>.m_cart{display: block;float: right;width: 24px;height: 28px;margin-top: 9px;
	/*background-image: url(/common/img/bag_ico.jpg);*/
	background-repeat: no-repeat;-webkit-background-size: cover;
	background-size: cover;}

	.gnb{display: none;}

	.m_gnb{overflow: hidden;/*display: block;*/height: 50px;border-top: 1px solid #ddd;}
	.m_gnb>ul{/* width: 90%; */width: 400%; /* margin: 0 auto; */ padding-left: 11px;}
	.m_gnb>ul>li{float: left;position: relative;padding: 0 10px;}
	.m_gnb>ul>li::after{position: absolute;top: 19px;left: 0;display: block;width: 1px;height: 12px;content: '';border-right: 1px solid #ddd;}
	.m_gnb>ul>li:first-child::after{border: none;}
	.m_gnb>ul>li>a{display: block;text-align: center;font-size: 1.4em;line-height: 50px;letter-spacing: -1px;}


	.m_Allmnu{position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 1000;background-color: #5a616a;}
	.m_Allmnu>.Allmnu_top{position: relative;background-color: #eb180e;}
	.Allmnu_top>p{color: #fff;font-size:1.6em;line-height: 2.7em;text-align: center;}
	.Allmnu_top>button{position: absolute;top: 50%;right: 10px;margin-top: -12px;border: none;background-color: transparent !important;} 
	
	.m_Allmnu>.All_list{}
	.All_list>ul{}
	.All_list>ul>li{}
	.All_list>ul>li>a{display: block;height: 45px;padding-left: 17px;font-weight: 300;color: #f2f3f3;line-height: 45px;font-size: 1.2em;letter-spacing: -1px;background-image: url(/common/img/m_more_ico.jpg);background-repeat: no-repeat;background-position: 95% 50%;border-bottom: 1px solid #777f89;}
	.All_list>ul>li>a.act{background-image: url(/common/img/m_minus_ico.jpg);}
	.All_list>ul>li:nth-of-type(2)>a{background: none;}

	.All_list>ul>li>.m_subMnu{display: none;background-color: #434851;}
	.m_subMnu>li{float: left;width: 49%;border-bottom: 1px solid #343940;background-image: url(/common/img/arrow_ico.png);background-repeat: no-repeat;background-position: 96% 50%;}
	.m_subMnu>li:nth-child(odd){border-right: 1px solid #343940;}
	.m_subMnu>li:nth-child(even){border-left: 1px solid #777f89;}
	.m_subMnu>li:last-child{border-bottom: none;}
	.m_subMnu>li>a{display: block;position: relative;height: 45px; padding-left: 16px;  color: #f2f3f3;line-height: 45px;font-weight: 300;letter-spacing: -1px;}
	.m_subMnu>li>a>span.new{position: absolute;top: 23%;left: 79px;display: inline-block;width: 13px;height: 14px;min-width: inherit;background-image: url(/common/img/m_new_ico.png);background-repeat: no-repeat;}

	.m_Allmnu>.All_nav{display: flex;justify-content: space-around;padding: 20px 0 0 0;}
	.All_nav>a{display: block;width: 19%;text-align: center;}
	.All_nav>a>img{display: block;/* width: 100%; */margin: 0 auto 10px;text-align: center;}
	.All_nav>a>p{text-align: center;color: #fff;font-weight: 300;font-size: 1.2em;}



	.slideWrap{display: none;}

	.m_slideWrap{overflow: hidden;position: relative;display: block;width: 100%;height: auto;margin-bottom: 15px;}
	.m_slideWrap>.m_slides{position: relative;top: 0; left: 0;display: block;width: 2000%;}
	.m_slides>li{float: left;width: 10%;}
	.m_slides>li>a{display: block;/* height: 274px; */}
	.m_slides>li>a>img{display: block;width: 100%;}
	.m_slideWrap>.page{position: absolute;bottom: 17px;right: 52px;font-size: 1.3em;color: #555; letter-spacing: -1px;}
	.m_slideWrap>.page>p{display: inline-block;margin-right: 10px;}
	.m_slideWrap>button{position: absolute;bottom: 11px;right: 11px;display: inline-block;width: 2.5em;height: 2.5em;padding: 0;text-indent: -2000px;vertical-align: middle;background: url(/common/img/ico_plus.png) no-repeat center right;background-size: contain;border: 0;;z-index: 1;}
	
	.main_bnr1>div{width: 100%;min-width: 100%;margin: 0;}
	.main_bnr1>div>a{display: none;width: 100%;height: auto;}
	.main_bnr1>div>a.m_bnr{display: block;}

	.new{width: 90%; min-width: 310px;}
	.new>h3 {margin-top: 30px;font-weight: 400;}
	.new>ul {/* flex-wrap: wrap; */}
	.new>ul>li{float: left;width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.new>ul>li:nth-child(odd){margin-left: 0;}

	.weekly{width: 90%; min-width: 310px;}
	.weekly>h3 {margin-top: 30px;font-weight: 400;}
	.weekly>ul {/* flex-wrap: wrap; */}
	.weekly>ul>li{float: left;width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.weekly>ul>li:nth-child(odd){margin-left: 0;}

	.main_bnr2{padding-top: 25px;width: 100%;min-width: 100%;}
	.main_bnr2>img{display: none;}
	.main_bnr2>img.m_bnr{display: block;}

	.recommend{display: none;}

	.m_recommend{display: block;margin-bottom: 50px;/**/height: auto;}
	.m_recommend>p{margin-top: 35px;font-size: 18px;color: #585858;text-align: center;letter-spacing: -1px;font-weight: 300;}
	.m_recommend>h3{font-size: 26px;color: #333;text-align: center;letter-spacing: -1px;font-weight: 400;font-family: 'Montserrat',"NotoSansKR", sans-serif; ;}
	.m_reco_tabWrap{border-bottom: 1px solid #eaeaea;}
	.m_reco_tab{display: flex;width: 90%;min-width: 310px;margin: 30px auto 0;}
	.m_reco_tab>li{/* float: left; */width: 50%;height: 45px;color: #999;line-height: 45px;text-align: center;background-color: #fafafa;border-right: 1px solid #eaeaea;border-left: 1px solid #eaeaea;border-top: 1px solid #eaeaea;cursor: pointer;}
	.m_reco_tab>li:first-child{border-right: none;}
	.m_reco_tab>li.over{color: #111;background-color: #fff;border-top: 1px solid #111;}

	.m_reco_goodsWrap{width: 100%;min-width: 310px;margin-top: 30px;/* border-top: 1px solid #eaeaea; */}
	.m_reco_goodsWrap>div{display: none; width: 90%;min-width: 310px;margin: 0 auto;}
	.m_reco_goodsWrap>div.m_goodsContainer1{display: block;}
	.m_reco_goodsWrap>div>ul{/* display: flex; justify-content: space-between;flex-wrap: wrap; */}
	.m_reco_goodsWrap>div>ul>li{float: left;width: 48%;margin-left: 4%;margin-bottom: 20px;}
	.m_reco_goodsWrap>div>ul>li:nth-child(odd){margin-left: 0;}
	.m_reco_goodsWrap>div>ul>li>a{display: block;}
	.m_reco_goodsWrap>div>ul>li>a>img{display: block;width: 100%;}
	.m_reco_goodsWrap>div>ul>li>a>p{margin-top: 28px;font-size: 15px;color: #1c1c1c;letter-spacing: -1px;}
	.m_reco_goodsWrap>div>ul>li>a>span{display: block;padding-bottom: 10px; font-size: 15px;color: #656565; letter-spacing: -1px;border-bottom: 1px solid #ededed;}
	.m_reco_goodsWrap>div>ul>li>a>strong{display: block; margin-top: 8px; padding-right: 12px;font-size: 18px;font-weight: 500;color: #1c1c1c;text-align: right; font-weight: 600; letter-spacing: -1px; font-family: 'Montserrat',"NotoSansKR", sans-serif;}

	footer{border-top: none;}
	/*	footer>div{display: none;}  */


	div.m_footer{position: relative;display: block;width: 100%;min-width: 310px;}
	div.m_footer>ol{padding: 20px 0;text-align: center;background: #bbb;}
	div.m_footer>ol>li{float: left;width: 24%;border-left: 1px solid #d0d0d0;}
	div.m_footer>ol>li>a{color: #fff;font-size: 1.2em;}
	div.m_footer>ul{    width: 283px;height: 55px;margin: 0 auto;}
	div.m_footer>ul>li{margin: 19px 0;padding: 0 15px;border-left: 1px solid #e1e1e1;}
	div.m_footer>ul>li:first-child{    margin-left: 0;border-left: none;}
	div.m_footer>ul>li>a{ color: #222;font-weight: 300;line-height: normal;font-size: 12px;font-family: 'Noto Sans KR','sans-serif','Arial';}

	div.m_footer>.address{width: 90%;min-width: 310px;margin: 0 auto;text-align: center;color: #999;font-size: 1em;font-weight: 300;line-height: 1.5em;clear: both;}
	div.m_footer>.address>a{color: #999;}

	div.m_footer>.m_scrollMnu{position: fixed;bottom: 0;left: 0;width: 100%; padding: 0.75rem 0 .6rem;background-color: #fff; border-top: 1px solid #cfcfcf;}
	div.m_footer>.m_scrollMnu>ul{}
	div.m_footer>.m_scrollMnu>ul>li{float: left;width: 20%;}
	div.m_footer>.m_scrollMnu>ul>li>a{display: block;text-align: center;}
	div.m_footer>.m_scrollMnu>ul>li>a>img{display: inline-block;width: 2.5rem;height: 1.9rem;vertical-align: middle;}
	div.m_footer>.m_scrollMnu>ul>li>a>p{color: #444;font-size: 1.1em;font-weight: 400;letter-spacing: -1px;}



}




/*----------------------------------------------------------------------------------*/

@media screen and (min-width:2000px){
	.recommend{padding-bottom: 300px;}
}

@media screen and (max-width:1891px) and (min-width:1025px){
	.gnb>div>ul>li>a{font-size: 14px;letter-spacing: -1px;}
}
@media screen and (max-width:1750px) and (min-width:1025px){
	.footerWrap2 {margin-left: 32px;/* transition: all 0.4s; */}
}
@media screen and (max-width:1024px) and (min-width:800px){
	.h_center>div>.search{width: 69%;}
}
@media screen and (max-width:480px) and (min-width:420px){
	.h_center>div>.search{width: 54%;}
}
@media screen and (max-width:419px) and (min-width:370px){
	.h_center>div>.search{width: 48%;}
}