
/* ****************** 1칸 레이아웃  ****************** */

.layout_164726_ {clear:both; min-width:320px; max-width:1100px; margin:0 auto;}
.layout_164726_ > div:after {content:''; display:block; clear:both;}
.layout_164726_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_164726_ {min-width:1100px;}
}

/* ****************** 상단 로그인  ****************** */

.gnb_165307_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.gnb_165307_ li {position:relative; display:inline-block; font-size:16px;}
.gnb_165307_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#777777; opacity:.5;}
.gnb_165307_ li:first-child:before {display:none;}
.gnb_165307_ li a {display:block; height:20px; line-height:20px; margin:2px 0; padding:0 .8em; font-size:11px; font-family:Arial; color:#777777; text-decoration:none;}
.gnb_165307_ li a:hover {text-decoration:underline;}

/* ****************** 2칸 레이아웃  ****************** */

.layoutwrap_164717_ {clear:both; background:rgba(255,255,255,0.7); border-bottom:4px solid #009e21;}
.layout_164717_ { min-width:320px; max-width:1100px; margin:0 auto;}
.layout_164717_ > div {}
.layout_164717_ > div:after {content:''; display:block; clear:both;}
.layout_164717_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_164717_ > div > .container_1 {width:25%;}
.layout_164717_ > div > .container_2 {width:75%;}

@media (max-width:1023px){
	.layout_164717_ > div > .container_1 { width:100%; }
	.layout_164717_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_164717_ {min-width:1100px;}
}

/* ****************** 이미지  ****************** */

.img_164718_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_164718_ * {box-sizing:border-box;}
.img_164718_ a {display:block; text-decoration:none;}
.img_164718_ img {max-width:100%; vertical-align:top;}

/* ****************** 네비게이션 - 가로형 C (전체보기)  ****************** */

#pm2-_164727_ {position:relative; z-index:10; background:#fff;}
#pm2-_164727_ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#pm2-_164727_ ul {margin:0; padding:0; list-style:none;}
#pm2-_164727_ a {display:block; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#pm2-_164727_ a > img {max-width:100%; vertical-align:top;}

#pm2-_164727_ .dep1 {position:relative;}
#pm2-_164727_ .dep1 {display:table; width:100%; table-layout:fixed;}
#pm2-_164727_ .dep1 > li {display:table-cell; background:#0e492f;}
#pm2-_164727_ .dep1 > li:hover { background:#3e5f23; }
#pm2-_164727_ .dep1 > li > a { padding:0px; height:70px; line-height:70px; background:#fff; font-size:14px; color:#333; text-align:center;  font-weight:bold; letter-spacing:-.5px; }
#pm2-_164727_ .dep1 > li > a.bt_img {padding:0;}
#pm2-_164727_ .dep1 > li.on > a,
#pm2-_164727_ .dep1 > li:hover > a {background:#ffde00; color:#207000; font-weight:bold;}
#pm2-_164727_ .dep1 > li > div {display:none; position:relative;}

#pm2-_164727_ .dep2 {padding:8px 0;}
#pm2-_164727_ .dep2 > li > a {padding:6px 20px; font-size:12px; color:#fff; letter-spacing:-.5px;}
#pm2-_164727_ .dep2 > li > a.bt_img {padding:0;}
#pm2-_164727_ .dep2 > li.on > a,
#pm2-_164727_ .dep2 > li:hover > a {font-weight:bold; color:#fff600;}

/* layer navigation */
#pm2-_164727_.layer {height:70px;}
#pm2-_164727_.layer .dep1 {position:absolute; top:0; right:0; left:0;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_165306_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_165306_ > div:after {content:''; display:block; clear:both;}
.layout_165306_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_165306_ {min-width:1000px;}
}

/* ****************** 상단 로그인  ****************** */

.gnb_164720_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.gnb_164720_ li {position:relative; display:inline-block; font-size:16px;}
.gnb_164720_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#777777; opacity:.5;}
.gnb_164720_ li:first-child:before {display:none;}
.gnb_164720_ li a {display:block; height:20px; line-height:20px; margin:2px 0; padding:0 .8em; font-size:11px; font-family:Arial; color:#777777; text-decoration:none;}
.gnb_164720_ li a:hover {text-decoration:underline;}

/* ****************** 로고 + 토글  ****************** */

@font-face {
	font-family: 'icomoon_header';
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot');
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.svg#icomoon_header') format('svg');
	font-weight: normal;
	font-style: normal;
}

.logo_165308_ {position:relative; padding:0 80px;/* border-bottom:2px solid #e66d1e; */}
.logo_165308_ * {box-sizing:border-box;}
.logo_165308_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:center; table-layout:fixed;}
.logo_165308_ h1 a {display:table-cell; height:100px; vertical-align:middle;}
.logo_165308_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;}

.toggle_165308_ {
	display:none; overflow:hidden; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; padding:4px; font-size:0;
	border:1px solid #ddd; border-radius:2px; font-size:0; text-decoration:none;
}
.toggle_165308_.use {display:block;}
.toggle_165308_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_165308_.on:before {color:#e66d1e;}

.tel_165308_ {display:block; left:10px;}
.tel_165308_:before {content:'\e604'; color:#e66d1e;}
#farmBoxTel {display:none;}

.toggleSearch_165308_ {left:45px;}
.toggleSearch_165308_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_165308_ {right:45px;}
.toggleGnb_165308_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_165308_ {right:10px; border:none;
background:url(/img_up/shop_pds/ehompy0247/design/img/m_btntn.gif) no-repeat; width:30px; height:30px;} 
/* .toggleLnb_165308_:before {content:'\e601';} */
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_165308_ {display:block;}

@media (min-width:1024px){
	.logo_165308_ {padding:0; border-bottom:none;}
	.toggle_165308_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
	.logo_165308_ {padding:0; border-bottom:none;}
	.toggle_165308_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 네비게이션 (확장형)  ****************** */

.lnb_165311_ {min-width:320px;}
.lnb_165311_ {max-width:1000px; margin:0 auto;}
@media \0screen{
	.lnb_165311_ {min-width:1000px;}
}

.lnb_165311_ * {box-sizing:border-box;}
.lnb_165311_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.lnb_165311_ a {
	display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-align:left; text-decoration:none;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_165311_ .dep1 > li > a {
	padding:0 15px 0 30px; border-bottom:1px solid #dfecd4; background:#eff5e8; font-size:14px; color:#5da02c;
}
.lnb_165311_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#5da02c;
}
.lnb_165311_ .dep2 > li > a {
	padding:0 15px 0 45px; border-bottom:1px solid #e1e2e3; background:#ffffff; font-size:13px; color:#393939;
}
.lnb_165311_ .dep3_li > a:before {content:'- '; padding-left:15px;}

@media (min-width:1024px){
	.lnb_box_165311_ {position:relative; background:#313131;}
	.lnb_box_165311_:after {content:''; display:none; position:absolute; left:0; top:0; width:100%; height:50px; background:#77b200;}
	.lnb_box_165311_.type_all:after {display:block;}
	.lnb_box_165311_.type_left:after {display:block; left:0; width:50%;}
	.lnb_box_165311_.type_right:after {display:block; left:50%; width:50%;}

	.lnb_165311_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_165311_ .dep1 > li {float:left; position:relative; width:20%; z-index:600;}
	.lnb_165311_ .dep1 > li:hover {z-index:610;}
	.lnb_165311_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #313131; border-top:none; background:#ffffff;
	}
	.lnb_165311_ .dep1 > li:hover > div {display:block;}
	.lnb_165311_ .dep1 > li > a {
		height:50px; line-height:50px; padding:0 20px; text-align:center;
		border-bottom:none; background:#313131; color:#ffffff;
	}
	.lnb_165311_ .dep1 > li.on > a,
	.lnb_165311_ .dep1 > li:hover > a {color:#77b200;}
	.lnb_165311_ .dep1 > li > a:before {display:none;}
	.lnb_165311_ .dep1 > li.has_sub > a:after {
		content:''; display:none; position:absolute; left:50%; bottom:0; margin-left:-8px;
		border-bottom:8px solid #ffffff; border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_165311_ .dep1 > li.has_sub:hover > a:after {display:block;}
	.lnb_165311_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 15px; text-align:left;
		border-bottom:none; background:#ffffff; color:#666666;
	}
	.lnb_165311_ .dep2 > li.on > a,
	.lnb_165311_ .dep2 > li:hover > a {background:#e1e2e3; color:#111111;}

	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li.on > a,
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li:hover > a {color:#fff200;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li.on > a,
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}

	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first.on > a,
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first:hover > a {color:#fff200;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li.on > a,
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}

	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last.on > a,
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last:hover > a {color:#fff200;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li.on > a,
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}
}

@media \0screen{
	.lnb_box_165311_ {position:relative; background:#313131;}
	.lnb_box_165311_:after {content:''; display:none; position:absolute; left:0; top:0; width:100%; height:50px; background:#77b200;}
	.lnb_box_165311_.type_all:after {display:block;}
	.lnb_box_165311_.type_left:after {display:block; left:0; width:50%;}
	.lnb_box_165311_.type_right:after {display:block; left:50%; width:50%;}

	.lnb_165311_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_165311_ .dep1 > li {float:left; position:relative; width:20%; z-index:600;}
	.lnb_165311_ .dep1 > li:hover {z-index:610;}
	.lnb_165311_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #313131; border-top:none; background:#ffffff;
	}
	.lnb_165311_ .dep1 > li:hover > div {display:block;}
	.lnb_165311_ .dep1 > li > a {
		height:50px; line-height:50px; padding:0 20px; text-align:center;
		border-bottom:none; background:#313131; color:#ffffff;
	}
	.lnb_165311_ .dep1 > li.on > a,
	.lnb_165311_ .dep1 > li:hover > a {color:#77b200;}
	.lnb_165311_ .dep1 > li > a:before {display:none;}
	.lnb_165311_ .dep1 > li.has_sub > a:after {
		content:''; display:none; position:absolute; left:50%; bottom:0; margin-left:-8px;
		border-bottom:8px solid #ffffff; border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_165311_ .dep1 > li.has_sub:hover > a:after {display:block;}
	.lnb_165311_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 15px; text-align:left;
		border-bottom:none; background:#ffffff; color:#666666;
	}
	.lnb_165311_ .dep2 > li.on > a,
	.lnb_165311_ .dep2 > li:hover > a {background:#e1e2e3; color:#111111;}

	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li.on > a,
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li:hover > a {color:#fff200;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li.on > a,
	.lnb_box_165311_.type_all .lnb_165311_ .dep1 > li .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}

	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first.on > a,
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first:hover > a {color:#fff200;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li.on > a,
	.lnb_box_165311_.type_left .lnb_165311_ .dep1 > li.first .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}

	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last > div {border-color:#77b200; background:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last > a {background:#77b200; color:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last.on > a,
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last:hover > a {color:#fff200;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last.has_sub:hover > a:after {border-bottom-color:#ffffff;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li > a {background:#ffffff; color:#393939;}
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li.on > a,
	.lnb_box_165311_.type_right .lnb_165311_ .dep1 > li.last .dep2 > li:hover > a {background:#eff5e8; color:#5da02c;}
}
