@charset "utf-8";
@import url(/Web-home/frame/css/layout_mall.css);
@import url('fonts.css');
#content-container																{margin: 0 auto; overflow: visible !important; width: 1100px; height: auto !important; min-height: auto !important;}

/********************** header **********************/
/* logo */
body {font-family:"s-core-dream-regular" !important}
#header{padding-top:0 !important}
#header .util{display:none}
#header:before{display:none}
#header .logo																	{display: block !important;float: none !important;margin-top:35px;height:80px}
#header .logo h1																{display: block !important;}

/* secondary-navi */
#header .secondary-navi															{position: absolute; top: 64px; right: 0;}
#header .secondary-navi h2														{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .secondary-navi ul														{list-style: none; margin: 0; padding: 0;}
#header .secondary-navi ul:after												{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#header .secondary-navi ul li													{float: left; font-weight: bold; font-size: 14px; color: #333333;}
#header .secondary-navi ul li+li												{position: relative; margin-left: 8px; padding-left: 9px;}
#header .secondary-navi ul li+li:after											{content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -3px; width: 1px; height: 7px; border-left: 1px dotted #515151;}
#header .secondary-navi ul li a													{display: block; padding-top: 3px; height: 17px; line-height: .9; color: inherit; text-decoration: none;}
#header .secondary-navi ul li a strong											{color: #32a03f; text-decoration: inherit;}
#header .secondary-navi ul li a:focus,
#header .secondary-navi ul li a:hover											{text-decoration: underline;}

/* item-search */
#header .item-search															{display:none !important;position: absolute; top: 100px; right: 0;}
#header .item-search .form-item .form-head										{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .item-search .form-item .form-body .form-area							{position: relative; padding: 8px 36px 8px 8px; border: 2px solid #32a13c; border-radius: 5px;}
#header .item-search .form-item .form-body .form-area:after						{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#header .item-search .form-item .form-body .form-area .form						{float: left; overflow: visible; width: 360px; max-width: 360px; font-size: 12px; height: 20px; line-height: 20px; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;color: #666666; background-color: transparent;}
#header .item-search .form-item .form-body .form-area .btn						{position: absolute; top: 0; right: 0;}
#header .item-search .form-item .form-body .form-area .btn span					{width: 36px; height: 36px; overflow: hidden; text-indent: -999em; background: url(./../../mycodyimages/c_btn_item_search.png) no-repeat 0 0;}

/* nav-container */
#header .nav-container															{position: relative;width: 1100px;}
#header .nav-container:before													{content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 50%;margin-left:-1000px;width: 2200px; height: 55px; background-color: #67625d;}


/* all-categories */
#header .nav-container .all-categories											{position: absolute; left: 0; top: 0; z-index: 999; width: 190px;}
#header .nav-container .all-categories .goto-category							{display: block; color: #ffffff;}
#header .nav-container .all-categories .goto-category span						{display: block; padding: 20px 0 0 60px; height: 35px; line-height: .9; font-size: 16px; color: inherit; background: #3d4933 url(./../../mycodyimages/c_all_categories.png) no-repeat 10px 0;}
#header .nav-container .all-categories .category-list							{border-top-color: #b6cc00; border-bottom-color: #b6cc00; background-color: #4b6735;}
#header .nav-container .all-categories .category-list>ul>li+li					{border-top-color: #c0bfa8;}
#header .nav-container .all-categories .category-list>ul>li>a					{color: #f9cb15;}
#header .nav-container .all-categories .category-list>ul>li>a:before			{background-image: url(./../../mycodyimages/c_category.png);}
#header .nav-container .all-categories .category-list>ul>li>ul>li:before		{background-color: #fae0cb;}
#header .nav-container .all-categories .category-list>ul>li>ul>li>a				{color: #fff5b2;}

.shortcutch{display:none;position:absolute;top:10px;left:0}
.shortcutch h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.shortcutch ul{}
.shortcutch ul li{}
.shortcutch ul li span{display:inline-block;margin-right:10px;position: relative;top: -5px;}
.shortcutch ul li a{display:inline-block}
.shortcutch ul li a + a{margin-left:8px}
.shortcutch-r{position:absolute;top:-25px;right:0}
.shortcutch-r h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.shortcutch-r ul{}
.shortcutch-r ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.shortcutch-r ul li{float:left;margin-left:10px}
.shortcutch-r ul li.item-02{}
.shortcutch-r ul li a{display: block;}

/* lnb */
#header .nav-container .lnb														{position: relative; z-index: 100;}
#header .nav-container .lnb #menuTopUI #top_div>ul>li>a.active					{background: url(./../../mycodyimages/c_lnb_1depth_active.png) no-repeat 50% 100%;}
#header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a			{letter-spacing: -1px;}
#header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a:focus,
#header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a:hover,
#header .nav-container .lnb #menuTopUI #top_div>ul>li .div_2>ul>li a.active		{text-decoration: underline;}



#header .nav-container .all-categories .category-list>ul>li>ul>li>a:focus,
#header .nav-container .all-categories .category-list>ul>li>ul>li>a:hover,
#header .nav-container .all-categories .category-list>ul>li>ul>li>a.active		{font-weight: bold; text-decoration: underline;}

/* phone-oders */
#header .nav-container .phone-oders												{float: right; margin: 0; width: 190px; padding-left: 45px; background: url(./../../mycodyimages/c_phone_oders.png) no-repeat 0 0;}
#header .nav-container .phone-oders span										{display: inline-block; height: 55px; line-height: 55px; font-size: 13px; color: #ffffff; vertical-align: top;}
#header .nav-container .phone-oders strong										{display: inline-block; height: 55px; line-height: 55px; font-size: 16px; color: #f6ff00; vertical-align: top;}

/********************** mid-container **********************/
/* snb */
#header-container{width:1100px !important}
#mid-container{width:1100px !important}
#mid-container #left-container #menuSubUI .div_2>ul li a:before					{border-top-color: #018323; border-left-color: #018323; background-color: #08ad51;}
#mid-container #left-container #menuSubUI .div_2>ul li a.active,
#mid-container #left-container #menuSubUI .div_2>ul li a:focus,
#mid-container #left-container #menuSubUI .div_2>ul li a:hover					{color: #609737;}

/* call-center */
#mid-container #left-container .call-center										{margin-top: 20px; padding: 10px; border-top: 4px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
#mid-container #left-container .call-center h2									{margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;}
#mid-container #left-container .call-center .phone-number .head					{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .call-center .phone-number .number				{display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 0;}
#mid-container #left-container .call-center .fax-number .head					{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .call-center .fax-number .number					{display: inline-block; vertical-align: top; padding-left: 28px; font-size: 20px; line-height: 28px; color: #74a01c; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -28px;}
#mid-container #left-container .call-center .business-hours						{margin-top: 4px; line-height: 18px; font-size: 12px; color: #666666;}

/* account-number */
#mid-container #left-container .account-guide									{margin-top: -1px; padding: 10px; border: 1px solid #e7e7e7;}
#mid-container #left-container .account-guide h2								{margin-bottom: 8px; line-height: 22px; font-size: 14px; font-weight: bold; color: #333333;}
#mid-container #left-container .account-guide .account-number 					{list-style: none;}
#mid-container #left-container .account-guide .account-number .head				{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .account-guide .account-number .bank				{display: block; overflow: hidden; height: 28px; line-height: 28px; font-size: 20px; text-indent: -999em; background: url(./../../mycodyimages/c_left_guide.png) no-repeat 0 -56px;}
#mid-container #left-container .account-guide .account-number .number			{display: block; font-size: 20px; line-height: 28px; color: #74a01c;}
#mid-container #left-container .account-guide .account-holder					{margin-top: 4px; line-height: 18px; font-weight: bold; font-size: 12px; color: #666666;}
#mid-container #left-container .account-guide .account-holder .head:after		{content: ' : ';}

/********************** content-container **********************/
#sQuickMenu																		{margin-top: 280px;}

/********************** footer-container **********************/
#footer .secure-service															{}
#footer .site-info																{    margin-top: 32px;}
#footer .site-info:before														{}
#footer .copyright																{;}
#footer-container{background: #2f2c28 !important;}
	
						

	
#header .lnb #menuTopUI #top_div>ul>li .div_2>ul>li								{display: block !important;  float: none !important; }	
#header .lnb #menuTopUI #top_div{width: 1100px !important;}	
#menuTopUI div#top_div{position: relative;}



								
#top_div>ul>li .div_2:after{display:none}
								
#footer{width:1100px !important}
#header .logo h1 a{display: inline-block !important;}		
#top_k2wiz_GNB{z-index: 1;}
#top_div>ul>li .div_2:before{content:"";display:block;position:absolute;top:0;height:370px;left:0;width:2000px;margin-left:-500px;background-color:#fff;z-index:-1;box-shadow: 6px 0px 8px -2px;}
#top_div>ul>li{position: inherit !important;}						


/* banner-zone */
#bannerZone{position: relative;padding: 17px 0 ;}
#bannerZone:after{content:"";position: absolute;left:50%;width:2000px;top:0;bottom:0;background-color: #efefef;z-index: -1;margin-left: -1000px;}
.banner-zone																	{position: relative;width: 1100px;margin: auto;;}
.banner-zone:after																{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.banner-zone h2																	{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.banner-zone .bx-wrapper														{float: left;padding-left:160px}
.bx-wrapper .bx-viewport ul{background-color: transparent !important;}
.banner-zone .bx-wrapper .bx-viewport ul										{margin: 0; padding: 0; width: 100%; height: 100%;}
.banner-zone .bx-wrapper .bx-viewport ul:after									{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.banner-zone .bx-wrapper .bx-viewport ul li a									{display: block;}
.banner-zone .bx-wrapper .bx-viewport ul li a img								{vertical-align: top; border: 0 none;}

.banner-zone .banner-zone-panels												{position: absolute; bottom: 14px; left: 16px; padding: 0 24px;}
.banner-zone .banner-zone-panels button											{display: block; position: relative; overflow: visible; width: 25px; height: 23px; margin: 0; padding: 0; border: 0; font-size: 11px; text-indent: -999em; font-family: "Nanum Gothic", sans-serif; background-color: transparent; background-image: url(/user/nhfood/mycodyimages/bannerzone_panel.png); background-repeat: 0 0;}
.banner-zone .banner-zone-panels button:focus									{z-index: 1;}
.banner-zone .banner-zone-panels .prev											{position: absolute; top: 0; left: 0; background-position: 0 0;}
.banner-zone .banner-zone-panels .next											{position: absolute; top: 0; right: 0; background-position: -25px 0;}
.banner-zone .banner-zone-panels .stop											{display: none; background-position: -50px 0;}
.banner-zone .banner-zone-panels .stop.active									{display: block;}
.banner-zone .banner-zone-panels .start											{display: none; background-position: -75px 0;}
.banner-zone .banner-zone-panels .start.active									{display: block;}
.banner-zone .banner-zone-panels.disabled .prev									{background-position: 0 100%;}
.banner-zone .banner-zone-panels.disabled .next									{background-position: -25px 100%;}
.banner-zone .banner-zone-panels.disabled .stop									{background-position: -50px 100%;}
.banner-zone .banner-zone-panels.disabled .start								{background-position: -75px 100%;}


#footer .site-policy{border-bottom:1px solid #4e4b48;padding-top: 22px;height: 32px;}								
#footer .site-info .info-list{font-size: 16px;color: #b7ac9e;line-height: 24px;}
#footer .goto-top a{background-image: url(/user/nhfood/mycodyimages/bg_layout.png);width: 60px;height:35px;background-position: 0 0;color:transparent}								
#footer .goto-top{top:10px}
#footer{padding-bottom: 40px;}								

#footer .site-policy > ul li+li:before{display:none}
#footer .site-policy > ul li a{padding-top: 0;color:#dadada!important;font-size:14px;font-weight:normal}
.visitors{position: absolute;;right:0px;top:10px}
#statsWrap{padding:10px;border:1px solid #464543}
#statsWrap ul{}	
#statsWrap ul li{font-size:13px !important;color:#8e8273;line-height: .9;}	
#footer .site-policy ul li+li:before{content: '/';background-color: transparent;}

#menuTopUI ul.ul_1 li.li_1 a.a_1{padding-top:15px !important;height: 40px; font-family: 's-core-dream-regular' !important;}
#top_div>ul>li>div{top:55px !important;background-color: transparent;border-left:1px solid #ddd}

/* 쇼핑몰 카테고리 탭*/
#shopping_Tab{;text-align:center;background:none !important;border-bottom:none !important;}

#shopping_Tab li{display: inline-block !important;float: inherit !important;}
#shopping_Tab li a{font-size:20px !important;margin-top:10px;}
#shopping_Search{margin-top:80px}
#shopping_Search .searchWrap label, #shopping_monthSearch .searchWrap label{display:none;}
#shopping_Search .searchWrap span.button {margint:0px !important;}
#shopping_Search {border:none !important;}
#shopping_Search .searchWrap input.inputText{background-color:#eee;}
#shopping_Tab li.on a {background-color:#fff !important;text-decoration:underline;}
#shopping_Tab li a{ border:none !important;padding:0 10px 0 10px !important;}







/* 쇼핑몰 전체상품검색*/
#siteFunction_top_1578275299691101{display:none}
#shoppingWrap  {font-size:17px !important;border:none !important;margin-top:140px}
#shoppingWrap .tabWrap > ul > li.on .tabContents{top:-21px;background:#fff}
#shopping_list .listHeader p{font-size:17px !important;}
input, button, select {font-size:17px !important;}
#shopping_Search .searchWrap input.inputText {height:34px !important;}
#shopping_list .listContents ul li a dl dt {font-size:17px !important;text-overflow: ellipsis; white-space: nowrap;}
#shopping_list .listContents.typeA ul li a dl {min-height:auto !important;}
.preparation{display:none}
#shopping_list .listContents.typeA ul li a .img{text-align:center;}
#shopping_list .listContents.typeA ul li a .img img{min-width:auto  !important;width:auto !important;height:330px !important;}

/* 쇼핑몰 상품 상세화면*/
#shopping_view .product_img .product_slider.imgSmall{width:530px;float:left;height:528px;}
#shopping_view .product_img .product_slider.imgBig .slick-slide{text-align: left !important;}
#shopping_view .product_img .product_slider.imgBig .slick-slide img{ height:500px !important;width:500px !important;max-height:500px !important;max-width:500px !important;}
#shopping_view .product_img .product_slider.imgBig button{;}
#shopping_view .product_img .product_slider.imgBig .slick-track{;}
#shopping_view .product_img .product_slider.imgBig{margin:25px 0 !important;width:550px;float:left;}
#shopping_view .product_overview .viewTitle{color:#84a725 !important; font-size:36px !important;padding-top:18px;}
#shopping_view .product_img p.note {width:50%;font-size:17px !important;}
#shopping_view .product_overview .viewTitle{ position: absolute;    top: 0;width:530px;padding-left:0 !important;border:none !important;}
#shoppingWrap .tabWrap > ul > li > a.tabMenu{display:none !important;}
#shoppingWrap .tabWrap {text-align:center;}
.product_slider.imgSmall .slick-slide{width:30% !important;}
 .product_slider.imgSmall .slick-slide img{max-height:none !important; border:0 !important;}
 .product_slider.imgSmall .slick-track {width:auto !important;margin-top:280px}
.listHeader > ul {display:none;}

/* 쇼핑몰 상품 상세화면-상품코드테이블*/
.g_code{margin-bottom:30px;border:1px solid #999;text-align:center; font-size:17px;line-height:2;}
.g_code th{background-color:#ddd;border-collapse:collapse;clear:both;color:#222;border: 1px solid #999;}

/* 컨텐츠 전체영역*/
#content-container{width:1100px !important;}
#left-container{display:none}
.product_overview{}
.product_overview ul{display: none;}
#shopping_view{position: relative; background-color: transparent !important;border:none !important;height:600px}
#shopping_view .product_overview{}
#shopping_view .product_img{width: 100% !important;}
#shopping_view .product_img .product_slider{}



/* 서브이미지 */
#mid-container{padding-top:194px}
#mid-container:before{content:"";position: absolute;top: 0;left: 50%;margin-left: -950px;width: 2000px;min-width: 1100px;height: 194px;background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
								
.sub-item-wrap{position: absolute;right: 0px;top: 132px;width: 83px;}
.sub-item-wrap ul{}
.sub-item-wrap ul li{}
.sub-item-wrap ul li a{display:block}
.sub-item-wrap ul li a img{width:100%}
.sub-item-wrap .bx-wrapper{}
.sub-item-wrap .bx-wrapper .bx-viewport{}
.sub-item-wrap .bx-wrapper .bx-controls{display:none}


/* 컨텐츠 디자인 수정 */
#content-container .content-header h2{text-align: center;font-size:40px !important;;font-family: 's-core-dream-medium';margin: 80px 0 40px 0 !important;line-height: 1;width: 1100px;}


						
.history_tbl {background:url(/user/nhfood/mycodyimages/historyTitleline.png)left top no-repeat !important;padding-top:4px !important;font-size:17px !important;}
.hisTle {font-size:32px !important;color:#84a725 !important;}								
#pageNavi .pLocation strong {color:#999999 !important;}
#pageNavi .pLocation{font-size:15px !important}							

.htmlWrap .title1st {font-size:30px !important;;color:#84a725 !important;padding-left:65px !important;}
.htmlWrap .title1st	 {background:url("/user/nhfood/mycodyimages/h1.png") 0 7px no-repeat !important;}						
.htmlWrap .k2conWrap .conbuilContent {font-size:17px !important;}
.htmlWrap .k2conWrap ul li, conbuilContent {line-height:2 !important;;}
#board-container, #album-container, #movie-container, #homework-container	 {font-family:"s-core-dream-regular" !important;font-size:17px !important;}							

#board-container col {width:auto !important;}
.wizUser .view dl.viewdata dt {font-size:24px }							
#album-container div.list dt strong {font-size:24px;font-weight:normal  }	
#movie-container div.list dt strong {font-size:24px;font-weight:normal  }									
#album-container div.list ul.list li dl dd {font-size:17px !important;margin:10px 0px 10px 20px !important;color:#666 !important;}	
#movie-container div.list ul.list li dl dd {font-size:17px !important;margin:10px 0px 10px 20px !important;color:#666 !important;}									

.wizUser .viewTop .no{display:none;}								

#movie-container .view dl.viewdata dt {font-size:24px !important;}			

#album-container div.list ul.gallery li dl dt a{width:90% !important;font-size:17px !important;font-weight:normal !important;}								

#album-container div.list ul.gallery li dl dt, #album-container div.list ul.list li dl dt {font-size:auto !important;font-weight:normal !important}								

.htmlWrap .title2nd  {font-size:22px !important;;margin:22px 0 !important;background-position-y:14px !important;}							
#board-container .write table th, #board-container .view table th{padding:14px 0 !important;}
#board-container  #contents{width:98%}		


					

/* 맛있는 요리비법 */
#movie-container div.list ul.list li dl dd{ width:150px; overflow:hidden;}	

/* 퀵메뉴 */
#shopping_quickMenu {background-color:rgba(255, 255, 255, 0) !important;margin-top:600px !important;}
#shopping_quickMenu .q-title {display:none}							
#shopping_quickMenu .s-title {display:none !important;}
#shopping_quickMenu .quick_img {display:none}
#shopping_quickMenu #mTop	{background:url("/user/nhfood/mycodyimages/gotop.png")no-repeat ;background-color:rgba(255, 255, 255, 0) !important;width:60px;height:100px;}						
#shopping_quickMenu #mTop span{display:none;}								
#sQuickMenu {margin-right:-652px !important;}
								

								
								
/*back-top */
#back-top {position: fixed;bottom: 30px;right: 50%;margin-right: -630px !important;z-index: 10;}
#back-top a {width: 60px;height:100px;display: block;background: url(/user/nhfood/mycodyimages/gotop.png)no-repeat;;}
#back-top a span{display: block;overflow: hidden;width: 0;height: 0;line-height: 0;padding: 0;margin: 0;}
								
.m_contents{display:none;}
								
.menu_3_1_0_0_0_0, .menu_3_2_0_0_0_0, .menu_3_3_0_0_0_0, .menu_3_4_0_0_0_0,.menu_3_6_0_0_0_0{text-indent:-9999px;}
								
/* 농협소개 - 윤리경영 */
.sub-content-style01{padding: 70px 60px 40px;;border-style: solid;border-width: 4px 1px 1px 1px;border-color: #84a725;}
.sub-content-style01 ul{}								
.sub-content-style01 ul li{margin-bottom: 20px;padding-left: 75px !important;;text-indent: -65px;word-break: keep-all;background: none !important;}	
.sub-content-style01 ul li strong{font-size: 20px;}					


#sopmalLeftMenuWrap{width:1100px}
#sopmalLeftMenu{display: block !important;width: 850px;}
#sopmalLeftMenu>ul>li>a{padding: 16px 28px !important;letter-spacing:-1px;}								
#shopping_view .product_overview .category{position:absolute;top:0px;}
								

								
@media screen and (max-width : 1024px) {
    #wrap-container {
        width: 1240px !important;
    }
}