@import url(/user/hsc/style/css/NotoSans.css);
@import url(/user/hsc/style/css/NanumSquare.css);

* {font-family:NanumSquare !important;letter-spacing:-0.8px;} 

body{background-color: transparent !important;}
.category{padding:0;;text-align: center;margin: 50px auto 0;;width: 310px;}
.category li{list-style: none;display: inline-block;;margin: 8px 2px;;border-radius: 10px;border: 2px solid #75b22d;background: #fff;}								
.category li a{display: block;padding: 14px 0;line-height: .9;color: #373737;min-width: 90px;font-size: 16px;;font-weight: bold;}	

h2.title{font-size: 28px;text-align: center;margin:60px 0 40px;width: 100% !important;display:none}								
h2.title a{line-height: .9;color: #333;font-weight: normal;position: relative;}
h2.title a:after{content:"";position:absolute;bottom:-10px;;left:0;right:0;height:6px;background:#75b22d}

#wrap-container{background: #fff;min-width: 360px;}
#footer{background-color: transparent !important;text-align: center;color: #fff;z-index: 1;position: relative;font-weight: 100;font-size: 14px;padding-top: 56px}
.mobile-edit{margin: 0 auto 90px;max-width: 420px;}
#footer-container{position: relative;height:260px}
#footer-container:after{content:"";background:url(/user/nongwoocatalog/mycodyimages/bg-bottom.png) no-repeat center  bottom;background-size: contain;z-index: 0;width:360px;height:100%;position: absolute;bottom: 62px;left: 50%;margin-left: -180px;}
#footer-container:before{content:"";background:url(/user/nongwoocatalog/mycodyimages/bg-bottom-x.png) repeat-x center  bottom;background-size: contain;z-index: 0;width:100%;height:100%;position: absolute;bottom: 0}
#header{height:90px !important}
#header h1:before{display:none}								
#header h1:after,.page-navigation,.shopping-mobile-login{display:none}
#header h1 a{padding: 20px 0 10px 0px !important;}
#header h1 a img{height: 36px !important;}
.footer-logo{margin:20px 0 20px} 								
#footer p{line-height: 24px;font-weight: normal;}
	
#content-container{max-width: 700px;margin: 0 auto;overflow: visible !important;}
#content-container:after{content:"";position:absolute;top:0;width:2000px;height:66px;background:#eee;left:50%;margin-left:-1000px}		
#content-container .content-path{display:none}
#content-container .content-header{border-top: 1px solid #dadada;}	
			
#content-container .content-primary{margin-bottom: 90px;}
.introduce_date,.introduce_hit{display:none}
#album-container .weekviewdata dt{font-size: 32px !important;color: #6b0404 !important;letter-spacing:-1px;}		
#album-container .weekView{font-size: 15px;;}	
#album-container .weekviewdata dt .categoryTitle{font-size:13px !important;display: inline-block;vertical-align: middle;}				
#album-container .weekviewdata dt .categoryTitle .configName{background: #149f6c}
#album-container .weekviewdata dt .categoryTitle .newProductIcon{background: #FDB930;}
#album-container .weekviewdata dt .categoryTitle span	{display: inline-block;padding: 8px 6px 0 6px;height: 18px;color: #fff;line-height: .9;letter-spacing: -1px;border-radius: 4px;font-weight: normal}						
#album-container .weekviewdata dt .categoryTitle span +span{margin-left: 4px;}
								
.introConTitle_div{position: relative;left:0;;text-align:center;margin: 14px 0 10px 0;}
.introConTitle_div:after{content:"";position:absolute;absolute;left:0;right:0;border-bottom:1px solid #000;width: 700px;}
.introConTitle_div .introConTitle_span{width:74px;display:block;background:#000;color:#fff;border:1px solid #000;letter-spacing: -1px;line-height:120%;height:19px;}
.introImgTitle_div{position: relative;left:0;width:60px;;text-align:center;margin: 14px 0 10px 0;}
.introImgTitle_div:after{content:"";position:absolute;absolute;left:0;right:0;border-bottom:1px solid #000;width: 700px;}
.introImgTitle_div .introImgTitle_span{width:74px;display:block;background:#000;color:#fff;border:1px solid #000;letter-spacing: -1px;line-height:120%;height:19px;}
.introContents_div{margin:10px 0 25px 10px; line-height:180%}

.introImg_div .introImg_span{display:block}
.introImg_div .introImg_span img{width: 90% !important;}								
.contents_div{}
.contents_div p{line-height: 24px;margin-bottom:10px}
.contents_div p img{height: auto !important}								
.contents_div video{width: 100% !important;height: auto !important}
								
#album-container div.list ul.list li div.thumb a{text-align: center;}		
#album-container div.list ul.list li div.thumb a img{width:100%}				
#album-container div.list ul.list li dl dt a strong{font-size:22px;color:#000000 !important;}
#album-container div.list ul.list li dl dd.contents{font-size:14px !important;margin-top: 0px !important;color:#000 !important;;}
#album-container > form div.list ul.list li dl dt span{display: inline-block;padding: 6px 6px 0 6px;height: 16px;color: #fff;line-height: .9;letter-spacing: -1px;border-radius: 4px;font-weight: normal;}
#album-container > form div.list ul.list li dl dt >.newProductIcon{font-size: 12px;background: #FDB930;vertical-align: bottom;margin-bottom:2px;}
#album-container div.list ul.list li div.thumb a{border:1px solid #dddddd;overflow:visible !important;}
#album-container div.list ul.list li div.thumb{overflow:visible !important;}
#album-container div.list ul.list li {border-bottom-width:0px !important;}
#album-container div.list {border-top:none !important;}
#album-container .write, #album-container .view, #album-container .listTb{border-color:#ffffff !important;}

#gtb_navi #gtbnIn ul li{width: 10% !important;}

/* 서브페이지 탭 */	
.sub-category-wrap{background:#0f9638;padding: 0 10px 14px 10px;}
.sub-category{display: table;width:100%;;border-left: 1px solid #fff;max-width:1000px;margin:0 auto}		
.sub-category + .sub-category{border-color: #fff;border-style: solid;border-width: 0 0 1px 1px}
.sub-category li{display: table-cell;text-align: center;border-color: #fff;border-style: solid;border-width: 1px 1px 0 0;}	
.sub-category li.active{background:#fff;color:#75b22d}				
.sub-category li a{display: inline-table;width: 38px;font-size: 14px;padding: 4px 0;color: #fff;}
								
#header-container{background-color: #0f9638}
								
#album-container .weekFarmBtn{margin-top: 0 !important;}
#album-container .weekFarmBtn span{position: absolute;top: -2px;right: 0;margin-right:0 !important}
						
#content-container .content-header .btn.history-back{}
#content-container .content-header{border-top: none;border-bottom: 1px solid transparent;background-color: transparent;}
#content-container .content-header h2{font-size: 30px !important;padding-top: 16px;color:#000 !important;background-color:#eee;}
#content-container .content-header h2{height:50px !important;}						
#album-container div.list ul.list li dl{margin-right: 0 !important;position: relative;margin-top:-10px;}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li p img{max-width: 400px;border:1px solid #ddd;}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li p{width:95% !important; margin:0 auto !important;}

/* 상세보기 버튼 */
.weekFarmBtn .wizbtnNhsmall.wizbtnNhsmallGray{background:none}								
.weekFarmBtn .wizbtnNhsmall.wizbtnNhsmallGray a{position: relative;color: #000;width: 55px;padding:3px 7px 2px 7px !important;height: 18px;font-size: 12px;line-height: 18px;text-align: left;border-radius:7px;;}
.weekFarmBtn .wizbtnNhsmall.wizbtnNhsmallGray a:after{content:"+";width:10px;height:16px;position:absolute;top:2px;right:5px;font-size: 14px;}								


								
@media all and (min-width:700px){
#content-container{}
#album-container{}
#album-container .list{}
#album-container .list ul.list li{float:left;width:45%;height:385px}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li p img{max-width:70% !important}
#album-container div.list ul.list li div.thumb a img{height:295px}
}
								
@media all and (min-width:1200px){
#content-container{max-width:1000px}
#album-container{}
#album-container .list{}
#album-container .list ul.list li{float:left;width:30%;height: 385px;}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li p img{max-width:50% !important}
#album-container div.list{position: relative;border-bottom:0 !important}
#album-container div.list:after{content:"";width:100%;height: 1px;background: rgb(221, 221, 221);position: absolute;bottom: 5px;}
#album-container div.list ul.list li div.thumb a img{height:295px}

}
	
/*  검색기능 */
#album-container{margin-top:20px !important}
#album-container .listTop .listTopSearch{display:block !important;width: 100%;text-align: center;}		
#album-container .listTop .listTopSearch input.inp {width:50%;border-radius: 8px;}	
#album-container .listTop .listTopSearch input[type="image"]	{border-radius: 8px}			
#album-container .listTop .listTopSearch form fieldset{display:block}