
/* ****************** 1칸 레이아웃  ****************** */

.layout_316386_wrap {margin:0 auto; padding:0;}
.layout_316386_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;  }
.layout_316386_ > div:after {content:''; display:block; clear:both;}
.layout_316386_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_316386_ {min-width:1200px;}
}

/* ****************** 로고 + 토글  ****************** */

@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_316388_ {position:relative; padding:0 80px; border-bottom:2px solid #d00000;}
.logo_316388_ * {box-sizing:border-box;}
.logo_316388_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:center; table-layout:fixed;}
.logo_316388_ h1 a {display:table-cell; height:60px; vertical-align:middle;}
.logo_316388_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;}

.toggle_316388_ {
	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_316388_.use {display:block;}
.toggle_316388_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_316388_.on:before {color:#d00000;}

.tel_316388_ {display:block; left:10px;}
.tel_316388_:before {content:'\e604'; color:#d00000;}
#farmBoxTel {display:none;}

.toggleSearch_316388_ {left:45px;}
.toggleSearch_316388_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_316388_ {right:45px;}
.toggleGnb_316388_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_316388_ {right:10px;}
.toggleLnb_316388_:before {content:'\e601';}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_316388_ {display:block;}

@media (min-width:1024px){
	.logo_316388_ {padding:0; border-bottom:none;}
	.toggle_316388_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
	.logo_316388_ {padding:0; border-bottom:none;}
	.toggle_316388_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 실선  ****************** */

.solid_line_316387_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_316387_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 네비게이션 - 가로형 C (전체보기)  ****************** */

  @font-face {
    font-family: 'NanumSquare';
    src: url('/img_up/shop_pds/ehompy0201/design/2021/font/nanumsquarer.woff');
    font-weight: normal;
    font-style: normal;
}

  
#pm2-_316389_ {position:relative; z-index:10; }
/* 전체적인 네비 1dep 배경 */
#pm2-_316389_ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#pm2-_316389_ ul {margin:0; padding:0; list-style:none;}
#pm2-_316389_ a {display:block; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-family:NanumSquare, 'Malgun Gothic','돋움', 'dotum';}
#pm2-_316389_ a > img {max-width:100%; vertical-align:top;}

#pm2-_316389_ .dep1 {position:relative;}
#pm2-_316389_ .dep1 {display:table; width:100%; table-layout:fixed;}
#pm2-_316389_ .dep1 > li {display:table-cell;  background:#fff; text-align:center;}
/*  */
#pm2-_316389_ .dep1 > li:hover {background:#dbe6fc; }
#pm2-_316389_ .dep1 > li > a {padding:16px 20px; background:#fff; font-weight:bold; font-size:17px; color:#333; text-align:center; letter-spacing:-1px; }


#pm2-_316389_ .dep1 > li > a.bt_img {padding:0;}
#pm2-_316389_ .dep1 > li.on > a,
#pm2-_316389_ .dep1 > li:hover > a {background:#fff; color:#0256d0; font-weight:bold; } 
#pm2-_316389_ .dep1 > li > div {display:none; position:relative;}

#pm2-_316389_ .dep2 { padding:8px 0;}
#pm2-_316389_ .dep2:nth-of-child(1) { border-top:1px solid #dedede; }
#pm2-_316389_ .dep2 > li > a {padding:10px 20px; font-size:17px; color:#333; letter-spacing:-1px;}
#pm2-_316389_ .dep2 > li > a.bt_img {padding:0;}
#pm2-_316389_ .dep2 > li.on > a,
#pm2-_316389_ .dep2 > li:hover > a {font-weight:bold; color:#000;}

/* layer navigation */
#pm2-_316389_.layer {height:50px;}
#pm2-_316389_.layer .dep1 {position:absolute; top:0; right:0; left:0;}

/* ****************** 실선  ****************** */

.solid_line_315886_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_315886_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 2칸 레이아웃  ****************** */

  .bd-bt {border-bottom:1px solid #e2e2e2;}
.layout_264213_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_264213_ > div {}
.layout_264213_ > div:after {content:''; display:block; clear:both;}
.layout_264213_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_264213_ > div > .container_1 {width:20%;}
.layout_264213_ > div > .container_2 {width:80%;}

@media (max-width:1023px){
	.layout_264213_ > div > .container_1 { width:100%; }
	.layout_264213_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_264213_ {min-width:1000px;}
}

/* ****************** 로고 + 토글  ****************** */

@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_264210_ {position:relative; padding:0 80px; /*border-bottom:2px solid #0256d0;*/}
.logo_264210_ * {box-sizing:border-box;}
.logo_264210_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:center; table-layout:fixed;}
.logo_264210_ h1 a {display:table-cell; height:80px; vertical-align:middle;}
.logo_264210_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;}

.toggle_264210_ {
	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_264210_.use {display:block;}
.toggle_264210_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_264210_.on:before {color:#0256d0;}

.tel_264210_ {display:block; left:10px;}
.tel_264210_:before {content:'\e604'; color:#0256d0;}
#farmBoxTel {display:none;}

.toggleSearch_264210_ {left:45px;}
.toggleSearch_264210_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_264210_ {right:45px;}
.toggleGnb_264210_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_264210_ {right:10px;}
.toggleLnb_264210_:before {content:'\e601';}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_264210_ {display:block;}

@media (min-width:1024px){
	.logo_264210_ {padding:0; border-bottom:none;}
	.toggle_264210_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
	.logo_264210_ {padding:0; border-bottom:none;}
	.toggle_264210_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 네비게이션 A  ****************** */

  @import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
.lnb_264220_ * {box-sizing:border-box;}
.lnb_264220_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.lnb_264220_ a {font-family:NanumSquare, 'Malgun Gothic','돋움', 'dotum';
	display:block; position:relative; height:50px; line-height:50px; font-weight:bold; text-decoration:none;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_264220_ .dep1 > li > a {
border-bottom:1px solid #cedef7; background:#e7eefb; font-size:17px; color:#0256d0;
}
.lnb_264220_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; 
}
.lnb_264220_ .dep2 > li > a {
border-bottom:1px solid #e1e2e3; background:#ffffff; font-size:17px; color:#393939;
}

@media (min-width:1024px){
	/* dep1 */
	.lnb_264220_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_264220_ .dep1 > li {float:left; position:relative; z-index:600; width:14.285714285714%;}
	.lnb_264220_ .dep1 > li:hover {z-index:610;}
	.lnb_264220_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:0px 0;
		border-top:3px solid #3389c1; background:#ffffff;
	}
	.lnb_264220_ .dep1 > li:hover > div {display:block;}
	.lnb_264220_ .dep1 > li > a {
		height:80px; line-height:80px; padding:0 5px;
		border-bottom:none; background:none; color:#393939; text-align:center;
	}
	.lnb_264220_ .dep1 > li.on > a,
	.lnb_264220_ .dep1 > li:hover > a {color:#5d4713;}
	.lnb_264220_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_264220_ .dep2 > li > a {
		height:35px; line-height:35px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_264220_ .dep2 > li.on > a,
	.lnb_264220_ .dep2 > li:hover > a {background:#e7eefb; color:#0256d0;}

	/* dep1 triangle */
	/*.lnb_264220_ .dep1 > li.has_sub:before,
	.lnb_264220_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}*/

   


	.lnb_264220_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #0256d0;}
	.lnb_264220_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_264220_ .dep1 > li.has_sub:hover:before,
	.lnb_264220_ .dep1 > li.has_sub:hover:after {display:block;}
}

@media \0screen{
	/* dep1 */
	.lnb_264220_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_264220_ .dep1 > li {float:left; position:relative; z-index:600; width:14.285714285714%;}
	.lnb_264220_ .dep1 > li:hover {z-index:610;}
	.lnb_264220_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border-top:3px solid #5da02c; background:#ffffff;
	}
	.lnb_264220_ .dep1 > li:hover > div {display:block;}
	.lnb_264220_ .dep1 > li > a {
		height:80px; line-height:80px; padding:0 20px;
		border-bottom:none; background:none; color:/*#393939*/white; text-align:center;
	}
	.lnb_264220_ .dep1 > li.on > a,
	.lnb_264220_ .dep1 > li:hover > a {color:#0256d0;}
	.lnb_264220_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_264220_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_264220_ .dep2 > li.on > a,
	.lnb_264220_ .dep2 > li:hover > a {background:#e7eefb; color:#0256d0;}

	/* dep1 triangle */
	.lnb_264220_ .dep1 > li.has_sub:before,
	.lnb_264220_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_264220_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #0256d0;}
	.lnb_264220_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_264220_ .dep1 > li.has_sub:hover:before,
	.lnb_264220_ .dep1 > li.has_sub:hover:after {display:block;}
}

/* ****************** 공백  ****************** */

.empty_line_264247_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_264247_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_264247_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_315838_ {clear:both; min-width:320px; max-width:1920px; margin:0 auto;}
.layout_315838_ > div:after {content:''; display:block; clear:both;}
.layout_315838_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_315838_ {min-width:1920px;}
}

/* ****************** 배너관리 - 슬라이드 CSS 3 (반응형) - 방향조절  ****************** */

	@font-face {
		font-family:'icomoon_slider';
		src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot');
		src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'),
			url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	@keyframes slideMobile__315839_ {
		from {left:0}
		to {left:-350%}
	}
	@keyframes slideTablet__315839_ {
		from {left:0}
		to {left:-175%}
	}
	@keyframes slidePc__315839_ {
		from {left:0}
		to {left:-87.5%}
	}

	.pm-banner_slide_css3__315839_ {overflow:hidden;position:relative;width:100%;margin:0 auto;font-size:0;white-space:nowrap}
	.pm-banner_slide_css3__315839_ a {display:block;text-decoration:none}
	.pm-banner_slide_css3__315839_ a img {vertical-align:bottom}
	.pm-banner_slide_css3__315839_ .box_wrap {
		position:relative;top:0;margin:0;padding:0;list-style:none;
		/*animation-delay:2s;*/
		animation-duration:5.25s;
		animation-timing-function:linear;
		animation-iteration-count:infinite;
		animation-fill-mode: backwards;
		animation-direction:normal;
	}
	.pm-banner_slide_css3__315839_ .box_wrap.paused {
		animation-play-state:paused;
	}
	.pm-banner_slide_css3__315839_ .box_wrap.running {
		animation-play-state:running;
	}
	.pm-banner_slide_css3__315839_ .box {
		position:relative;top:0;margin:0;padding:0;list-style:none;
		/*animation-delay:2s;*/
		animation-duration:10.5s;
		animation-timing-function:linear;
		animation-iteration-count:infinite;
		animation-fill-mode: backwards;
		animation-play-state:running;
		animation-direction:alternate;
	}
	.pm-banner_slide_css3__315839_:hover .box_wrap {animation-play-state:paused !important}
	.pm-banner_slide_css3__315839_:hover .box {animation-play-state:paused !important}
	.pm-banner_slide_css3__315839_ .item {display:inline-block;padding-left:10px;text-align:center;vertical-align:top;box-sizing:border-box}

	/* responsive */
	.pm-banner_slide_css3__315839_ .box_wrap {animation-name:slideMobile__315839_}
	.pm-banner_slide_css3__315839_ .box {animation-name:slideMobile__315839_}
	.pm-banner_slide_css3__315839_ .item {width:50%}

	.pm-banner_wrap_css3__315839_ {position:relative;width:100%;max-width:1300px;margin:0 auto;padding:0 40px;font-size:0;white-space:nowrap;box-sizing:border-box;}
	.pm-banner_wrap_css3__315839_ .css-nav {-webkit-tap-highlight-color:transparent}
	.pm-banner_wrap_css3__315839_ .css-nav [class*='css-'] {position:absolute;top:50%;z-index:2;width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:0;text-align:center;cursor:pointer;opacity:0.7}
	.pm-banner_wrap_css3__315839_ .css-nav [class*='css-']:before{font-family:'icomoon_slider';font-size:25px;font-weight:bold;color:#bbbbbb;}
	.pm-banner_wrap_css3__315839_ .css-nav [class*='css-']:hover {opacity:1}
	.pm-banner_wrap_css3__315839_ .css-nav .css-left {left:0}
	.pm-banner_wrap_css3__315839_ .css-nav .css-right {right:0}
	.pm-banner_wrap_css3__315839_ .css-nav .css-left:before {content:'\e600'}
	.pm-banner_wrap_css3__315839_ .css-nav .css-right:before {content:'\e601'}
	.pm-banner_wrap_css3__315839_ .css-nav .disabled {opacity:0.5;cursor:default}

	@media (min-width:768px){
		.pm-banner_slide_css3__315839_ .box_wrap {animation-name:slideTablet__315839_}
		.pm-banner_slide_css3__315839_ .box {animation-name:slideTablet__315839_}
		.pm-banner_slide_css3__315839_ .item {width:25%}
	}

	@media (min-width:1024px){
		.pm-banner_slide_css3__315839_ .box_wrap {animation-name:slidePc__315839_}
		.pm-banner_slide_css3__315839_ .box {animation-name:slidePc__315839_}
		.pm-banner_slide_css3__315839_ .item {width:12.5%}
	}

/* ****************** 실선  ****************** */

.solid_line_264250_ {display:block; position:relative; width:100%; height:1px;}
.solid_line_264250_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_264248_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_264248_ > div:after {content:''; display:block; clear:both;}
.layout_264248_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_264248_ {min-width:1000px;}
}

/* ****************** 하단 정보  ****************** */

@font-face {
    font-family: 'NanumSquare';
    src: url('/img_up/shop_pds/ehompy0201/design/2021/font/nanumsquarer.woff');
    font-weight: normal;
    font-style: normal;
}

.footer_info_264249_ {padding:0 10px;}
.footer_info_264249_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_264249_ li {position:relative; display:inline-block; padding:0 .8em; font-size:13px; font-family:Arial; color:#777777; line-height:22px; font-family:NanumSquare, 'Malgun Gothic','돋움', 'dotum';
}
.footer_info_264249_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#777777; opacity:.5;}
.footer_info_264249_ li:first-child {padding-left:0;}
.footer_info_264249_ li:first-child:before {display:none;}
.footer_info_264249_ li .bizinfo {display:inline-block; margin-left:.8em; padding:0 .5em; border-radius:2px; background:#666; font-size:12px; color:#fff; line-height:20px; text-decoration:none;}
