
/* ****************** 2칸 레이아웃(상단고정)  ****************** */

 .layout_190115_ {z-index:1000; position:fixed; top:0; clear:both; width:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
.layout_190115_.fixed {position:fixed; top:0; z-index:2000; background:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,0.3);box-shadow: 0px 0px 20px #ccc;}  
[id^=div_user_list] .layout_190115_ {position:static;top:auto;}
  
  
.layout_190115_ {clear:both;width: 100%;}
.layout_190115_ > div {margin-left:-30px; min-width:320px; max-width:1400px; margin:0 auto;}
.layout_190115_ > div:after {content:''; display:block; clear:both;}
.layout_190115_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:30px; box-sizing:border-box;}
.layout_190115_ > div > .container_1 {width:20%;}
.layout_190115_ > div > .container_2 {width:80%;}

@media (max-width:1023px){
	.layout_190115_ > div > .container_1 { width:100%; }
	.layout_190115_ > div > .container_2 {clear:both; width:100%; padding-top:30px;}
}

@media \0screen{
	.layout_190115_ {min-width:1400px;}
}

/* ****************** 공백  ****************** */

.empty_line_473751_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_473751_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473751_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 로고 + 토글(오버)  ****************** */

@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_237871_ {position:relative; padding:0 10px; border-bottom:0px solid #000000;}
.logo_237871_ * {box-sizing:border-box;}
.logo_237871_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:left; table-layout:fixed; }
.logo_237871_ h1 a {display:table-cell; height:100%; vertical-align:middle;}
.logo_237871_ h1 img {max-width:100%; max-height:100%;  vertical-align:bottom;}
.logo_237871_ .logo2 {display:none;}
.logo_237871_.fixed .logo1 {display:none;}
.logo_237871_.fixed .logo2 {display:inline;}

.toggle_237871_ {
	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_237871_.use {display:block;}
.toggle_237871_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_237871_.on:before {color:#000000;}

.tel_237871_ {display:block; left:10px;}
.tel_237871_:before {content:'\e604'; color:#000000;}
#farmBoxTel {display:none;}

.toggleSearch_237871_ {left:45px;}
.toggleSearch_237871_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_237871_ {right:45px;}
.toggleGnb_237871_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_237871_ {right:10px;}
.toggleLnb_237871_:before {content:'\e601';}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_237871_ {display:block;}

@media (min-width:1024px){
  .logo_237871_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:center; table-layout:fixed; }
.logo_237871_ h1 a {display:table-cell; height:100%; vertical-align:middle;}
.logo_237871_ h1 img {max-width:100%; max-height:100%;  vertical-align:bottom;}
	.logo_237871_ {padding:0; border-bottom:none;}
	.toggle_237871_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
  .logo_237871_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:center; table-layout:fixed; }
.logo_237871_ h1 a {display:table-cell; height:100%; vertical-align:middle;}
.logo_237871_ h1 img {max-width:100%; max-height:100%;  vertical-align:bottom;}
	.logo_237871_ {padding:0; border-bottom:none;}
	.toggle_237871_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 공백  ****************** */

.empty_line_474011_ {display:block; width:100%; height:5px; line-height:5px;}

[id^=div_user_list] .empty_line_474011_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_474011_:before {content:'공백 : 5px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 네비게이션 (비율형 A)  ****************** */

 
.lnb_473761_ {font-size:0; transition:all 0.5s;}
.lnb_473761_ * {box-sizing:border-box; transition:all 0.5s;}
.lnb_473761_ ul {margin:0; padding:0; list-style:none; transition:all 0.5s;}
.lnb_473761_ a {
	display:block; position:relative; height:40px; line-height:40px;text-align:left; text-decoration:none;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s;
}
.lnb_473761_ .dep1 > li > a {
	padding:0 15px 0 30px; background-color: rgba( 0, 0, 0, 0.8 );  font-size:22px; color:#000000; transition:all 0.5s;font-weight:bold;
}
.lnb_473761_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background-color: rgba( 0, 0, 0, 0.6 ); transition:all 0.5s;
}
.lnb_473761_ .dep2 > li > a {
	padding:0 15px 0 45px; background-color: rgba( 0, 0, 0, 0.6 );  font-size:15px; color:#393939;  transition:all 0.5s;
}
.lnb_473761_ .dep3_li > a:before {content:'- '; padding-left:15px; transition:all 0.5s;}

.lnb_473761_.fixed .dep1 > li > a {color:#000000;}

@media (min-width:1024px){
	/* dep1 */
	.lnb_473761_ .dep1:after {content:''; display:block; clear:both;  transition:all 0.5s;}
	.lnb_473761_ .dep1 > li {float:left; position:relative; z-index:600; width:20%;  transition:all 0.5s;}
	.lnb_473761_ .dep1 > li:hover {z-index:610;  transition:all 0.5s;}
	.lnb_473761_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:0;
		 transition:all 0.5s;
	}
	.lnb_473761_ .dep1 > li:hover > div {display:block; transition:all 0.5s;}
	.lnb_473761_ .dep1 > li > a {
		z-index:620; height:60px; line-height:60px; padding:0 20px;
		border-bottom:none; background:none; color:#393939; text-align:center; transition:all 0.5s;
	}
  .lnb_473761_ .dep1 > li.on > a, { transition:all 0.5s;}
	.lnb_473761_ .dep1 > li:hover > a {color:#fff; background-color: #0d4070; transition:all 0.5s; }
	.lnb_473761_ .dep1 > li > a:before {display:none;color:#78dea9; transition:all 0.5s;}

	/* dep2 */
	.lnb_473761_ .dep2 > li > a {
		height:40px; line-height:30px; padding:5px; text-align:center;
		border-bottom:none; background-color: rgba( 0, 0, 0, 0.6 ); color:#fff; transition:all 0.5s;
	}
	.lnb_473761_ .dep2 > li.on > a,{ background-color: rgba( 0, 0, 0, 0.6 ); transition:all 0.5s;}
	.lnb_473761_ .dep2 > li:hover > a {background-color: #0d4070; color:#fff;transition:all 0.5s; }

	
}

@media \0screen{
	/* dep1 */
	.lnb_473761_ .dep1:after {content:''; display:block; clear:both; transition:all 0.5s;}
	.lnb_473761_ .dep1 > li {float:left; position:relative; z-index:600; width:20%; transition:all 0.5s;}
	.lnb_473761_ .dep1 > li:hover {z-index:610; transition:all 0.5s;}
	.lnb_473761_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:0;
		border:3px solid #000000; background:##78dea9; transition:all 0.5s;
	}
	.lnb_473761_ .dep1 > li:hover > div {display:block; transition:all 0.5s;}
	.lnb_473761_ .dep1 > li > a {
		z-index:620; height:60px; line-height:60px; padding:20px;
		border-bottom:none; background-color: rgba( 0, 0, 0, 0.6 );  color:#393939; text-align:center;  transition:all 0.5s;
	}
	.lnb_473761_ .dep1 > li.on > a,
	.lnb_473761_ .dep1 > li:hover > a {color:#fff; background-color: rgba( 236, 9, 40, 0.6 ); transition:all 0.5s;}
	.lnb_473761_ .dep1 > li > a:before {display:none; transition:all 0.5s;}

	/* dep2 */
	.lnb_473761_ .dep2 > li > a {
		height:40px; line-height:30px; padding:5px; text-align:center;
		border-bottom:none; background-color: rgba( 0, 0, 0, 0.6 ); color:#fff; transition:all 0.5s; }
	}
	.lnb_473761_ .dep2 > li.on > a,{ transition:all 0.5s;}
	.lnb_473761_ .dep2 > li:hover > a {background-color:#0d4070; color:#fff; transition:all 0.5s;}

	
}

/* ****************** 2칸 레이아웃  ****************** */

.layout_473781_ {clear:both; min-width:320px;  margin:0 auto;}
.layout_473781_ > div {}
.layout_473781_ > div:after {content:''; display:block; clear:both;}
.layout_473781_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_473781_ > div > .container_1 {width:25%;}
.layout_473781_ > div > .container_2 {width:75%;}

@media (max-width:1023px){
	.layout_473781_ > div > .container_1 { width:100%; }
	.layout_473781_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_473781_ {}
}

/* ****************** 네비게이션 (비율형 A)  ****************** */

.lnb_473801_ {font-size:0;}
.lnb_473801_ * {box-sizing:border-box;}
.lnb_473801_ ul {margin:0; padding:0; list-style:none;}
.lnb_473801_ a {
	display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-align:left; text-decoration:none; text-align:;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_473801_ .dep1 > li > a {
	padding:0 15px 0 30px; border-bottom:1px solid #dcdcdc; background:#ececec; font-size:14px; color:#000000;
}
.lnb_473801_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#000000;
}
.lnb_473801_ .dep2 > li > a {
	padding:0 15px 0 45px; border-bottom:1px solid #e1e2e3; background:#ffffff; font-size:13px; color:#393939;
}
.lnb_473801_ .dep3_li > a:before {content:'- '; padding-left:15px;}

@media (min-width:1024px){
	/* dep1 */
	.lnb_473801_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_473801_ .dep1 > li {float:left; position:relative; z-index:600; width:20%;}
	.lnb_473801_ .dep1 > li:hover {z-index:610;}
	.lnb_473801_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #000000; background:#ffffff;
	}
	.lnb_473801_ .dep1 > li:hover > div {display:block;}
	.lnb_473801_ .dep1 > li > a {
		z-index:620; height:50px; line-height:50px; padding:0 20px;
		border-bottom:none; background:none; color:#393939; text-align:center;
	}
	.lnb_473801_ .dep1 > li.on > a,
	.lnb_473801_ .dep1 > li:hover > a {color:#000000;}
	.lnb_473801_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_473801_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_473801_ .dep2 > li.on > a,
	.lnb_473801_ .dep2 > li:hover > a {background:#ececec; color:#000000;}

	/* dep1 triangle */
	.lnb_473801_ .dep1 > li.has_sub:before,
	.lnb_473801_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_473801_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #000000;}
	.lnb_473801_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_473801_ .dep1 > li.has_sub:hover:before,
	.lnb_473801_ .dep1 > li.has_sub:hover:after {display:block;}
}

@media \0screen{
	/* dep1 */
	.lnb_473801_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_473801_ .dep1 > li {float:left; position:relative; z-index:600; width:20%;}
	.lnb_473801_ .dep1 > li:hover {z-index:610;}
	.lnb_473801_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #000000; background:#ffffff;
	}
	.lnb_473801_ .dep1 > li:hover > div {display:block;}
	.lnb_473801_ .dep1 > li > a {
		z-index:620; height:50px; line-height:50px; padding:0 20px;
		border-bottom:none; background:none; color:#393939; text-align:center;
	}
	.lnb_473801_ .dep1 > li.on > a,
	.lnb_473801_ .dep1 > li:hover > a {color:#000000;}
	.lnb_473801_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_473801_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_473801_ .dep2 > li.on > a,
	.lnb_473801_ .dep2 > li:hover > a {background:#ececec; color:#000000;}

	/* dep1 triangle */
	.lnb_473801_ .dep1 > li.has_sub:before,
	.lnb_473801_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_473801_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #000000;}
	.lnb_473801_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_473801_ .dep1 > li.has_sub:hover:before,
	.lnb_473801_ .dep1 > li.has_sub:hover:after {display:block;}
}

/* ****************** 1칸 레이아웃  ****************** */

.layout_473841_ {clear:both; min-width:320px; max-width:3840px; margin:0 auto;}
.layout_473841_ > div:after {content:''; display:block; clear:both;}
.layout_473841_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_473841_ {min-width:3840px;}
}

/* ****************** 공백  ****************** */

.empty_line_473881_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_473881_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473881_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 2칸 레이아웃  ****************** */

.layout_473891_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;}
.layout_473891_ > div {}
.layout_473891_ > div:after {content:''; display:block; clear:both;}
.layout_473891_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_473891_ > div > .container_1 {width:50%;}
.layout_473891_ > div > .container_2 {width:50%;}

@media (max-width:1023px){
	.layout_473891_ > div > .container_1 { width:100%; }
	.layout_473891_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_473891_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_473921_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_473921_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473921_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 하단 네비게이션  ****************** */

.fnb_473911_ {padding:10px 0;}
.fnb_473911_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.fnb_473911_ li {position:relative; display:inline-block; font-size:16px;}
.fnb_473911_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#ffffff; opacity:.5;}
.fnb_473911_ li:first-child:before {display:none;}
.fnb_473911_ li a {display:block; height:30px; margin:0; padding:0 .8em; font-size:14px;  color:#ffffff; line-height:30px; text-decoration:none;}
.fnb_473911_ li a:hover {text-decoration:underline;}

/* ****************** 공백  ****************** */

.empty_line_473901_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_473901_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473901_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 2칸 레이아웃  ****************** */

.layout_473931_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;}
.layout_473931_ > div {}
.layout_473931_ > div:after {content:''; display:block; clear:both;}
.layout_473931_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_473931_ > div > .container_1 {width:50%;}
.layout_473931_ > div > .container_2 {width:50%;}

@media (max-width:1023px){
	.layout_473931_ > div > .container_1 { width:100%; }
	.layout_473931_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_473931_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_474001_ {display:block; width:100%; height:50px; line-height:50px;}

[id^=div_user_list] .empty_line_474001_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_474001_:before {content:'공백 : 50px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 이미지  ****************** */

.img_473961_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_473961_ * {box-sizing:border-box;}
.img_473961_ a {display:block; text-decoration:none;}
.img_473961_ img {max-width:100%; vertical-align:top;}

/* ****************** 하단 정보  ****************** */

.footer_info_473951_ {padding:0 10px 15px;}
.footer_info_473951_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_473951_ li {position:relative; display:inline-block; height:22px; padding:0 .8em; font-size:16px;  color:#fff; line-height:22px;}
.footer_info_473951_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#fff; opacity:.5;}
.footer_info_473951_ li:first-child {padding-left:0;}
.footer_info_473951_ li:first-child:before {display:none;}
.footer_info_473951_ li a {display:inline-block; height:20px; margin-left:.8em; padding:0 .5em; border-radius:2px; background:#666666; font-size:12px; color:#fff; line-height:20px; text-decoration:none;}

/* ****************** 공백  ****************** */

.empty_line_473941_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_473941_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473941_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 타이틀 텍스트  ****************** */

.title_473981_ {font-size:0;}
.title_473981_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em;
}
.title_473981_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_473981_.style_top p {padding-top:10px;}
.title_473981_.style_top p:before {left:0; top:0; width:20px; height:4px;}

.title_473981_.style_right p {padding-right:14px;}
.title_473981_.style_right p:before {right:0; top:4px; width:4px; height:20px;}

.title_473981_.style_bottom p {padding-bottom:12px;}
.title_473981_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;}

.title_473981_.style_left p {padding-left:14px;}
.title_473981_.style_left p:before {left:0; top:4px; width:4px; height:20px;}

.title_473981_.style_circle1 p {padding-left:20px;}
.title_473981_.style_circle1 p:before {
	left:0; top:8px; width:12px; height:12px;
	border-radius:12px;
}

.title_473981_.style_circle2 p {padding-left:20px;}
.title_473981_.style_circle2 p:before {
	left:0; top:8px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}

/* ****************** 타이틀 텍스트  ****************** */

.title_473971_ {font-size:0;}
.title_473971_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:30px; letter-spacing:-1px; font-weight:bold; color:#e1dba3; line-height:1.4em;
}
.title_473971_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_473971_.style_top p {padding-top:10px;}
.title_473971_.style_top p:before {left:0; top:0; width:30px; height:4px;}

.title_473971_.style_right p {padding-right:14px;}
.title_473971_.style_right p:before {right:0; top:6px; width:4px; height:30px;}

.title_473971_.style_bottom p {padding-bottom:12px;}
.title_473971_.style_bottom p:before {left:0; bottom:0; width:30px; height:4px;}

.title_473971_.style_left p {padding-left:14px;}
.title_473971_.style_left p:before {left:0; top:6px; width:4px; height:30px;}

.title_473971_.style_circle1 p {padding-left:20px;}
.title_473971_.style_circle1 p:before {
	left:0; top:15px; width:12px; height:12px;
	border-radius:12px;
}

.title_473971_.style_circle2 p {padding-left:20px;}
.title_473971_.style_circle2 p:before {
	left:0; top:15px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}

/* ****************** 공백  ****************** */

.empty_line_473991_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_473991_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_473991_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}
