
/* ****************** 1칸 레이아웃  ****************** */

.layout_12015_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_12015_ > div:after {content:''; display:block; clear:both;}
.layout_12015_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_12015_ {min-width:1000px;}
}

/* ****************** 상단 로그인  ****************** */

.gnb_11929_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.gnb_11929_ li {position:relative; display:inline-block; font-size:16px;}
.gnb_11929_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#777777; opacity:.5;}
.gnb_11929_ li:first-child:before {display:none;}
.gnb_11929_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 .8em; font-size:11px; font-family:Arial; color:#777777; text-decoration:none;}
.gnb_11929_ li a:hover {text-decoration:underline;}

/* ****************** 실선  ****************** */

.solid_line_11930_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_11930_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 공백  ****************** */

.empty_line_11931_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_11931_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_11931_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 3칸 레이아웃  ****************** */

.layout_11927_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_11927_ > div {}
.layout_11927_ > div:after {content:''; display:block; clear:both;}
.layout_11927_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_11927_ > div > .container_1 {width:25%;}
.layout_11927_ > div > .container_2 {width:25%;}
.layout_11927_ > div > .container_3 {width:50%;}

@media (max-width:1023px){
	.layout_11927_ > div > .container_1 { width:50%; }
	.layout_11927_ > div > .container_2 { width:50%; }
	.layout_11927_ > div > .container_3 { width:100%; }
}

@media \0screen{
	.layout_11927_ {min-width:1000px;}
}

/* ****************** HTML 편집기  ****************** */

.html_11928_ {overflow:hidden;}
.html_11928_:after {content:''; display:block; clear:both;}

/* ****************** HTML 편집기  ****************** */

.html_35730_ {overflow:hidden;}
.html_35730_:after {content:''; display:block; clear:both;}

/* ****************** HTML 편집기  ****************** */

.html_35729_ {overflow:hidden;}
.html_35729_:after {content:''; display:block; clear:both;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_35737_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_35737_ > div:after {content:''; display:block; clear:both;}
.layout_35737_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_35737_ {min-width:1000px;}
}

/* ****************** HTML 편집기  ****************** */

.html_35738_ {overflow:hidden;}
.html_35738_:after {content:''; display:block; clear:both;}

/* ****************** HTML 편집기  ****************** */

.html_35736_ {overflow:hidden;}
.html_35736_:after {content:''; display:block; clear:both;}

/* ****************** 토글 - 네비게이션  ****************** */

@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;
}

.toggle_35735_ {display:block; overflow:hidden; width:30px; height:30px; padding:3px; box-sizing:border-box; font-size:0;}
.toggle_35735_:before {display:inline-block; font-family:"icomoon_header"; font-size:24px; color:#bbb; line-height:1em;}
.toggle_35735_.on:before {color:#000000;}

.toggleLnb_35735_:before {content:'\e601';}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

@media (min-width:1024px){
	.toggle_35735_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
	.toggle_35735_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

[id^=div_user_list] .toggle_35735_ {display:block !important;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_5829_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_5829_ > div:after {content:''; display:block; clear:both;}
.layout_5829_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_5829_ {min-width:1000px;}
}

/* ****************** 실선  ****************** */

.solid_line_11932_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_11932_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 네비게이션 B  ****************** */

.lnb_5830_ {font-size:0;}
.lnb_5830_ * {box-sizing:border-box;}
.lnb_5830_ ul {margin:0; padding:0; list-style:none;}
.lnb_5830_ a {
	display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-decoration:none;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_5830_ .dep1 > li > a {
	padding:0 15px 0 30px; border-bottom:1px solid #dcdcdc; background:#ececec; font-size:14px; color:#fff;
}
.lnb_5830_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#777777;
}
.lnb_5830_ .dep2 > li > a {
	padding:0 15px 0 45px; border-bottom:1px solid #e1e2e3; background:#ffffff; font-size:13px; color:#393939;
}
.lnb_5830_ .dep3_li > a:before {content:'- '; padding-left:15px;}

@media (min-width:1024px){
	/* dep1 */
	.lnb_5830_ .dep1 {display:inline-block;}
	.lnb_5830_ .dep1 > li {display:inline-block; position:relative; z-index:600;}
	.lnb_5830_ .dep1 > li:hover {z-index:610;}
	.lnb_5830_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:auto; min-width:100%; padding:5px 0;
		border:3px solid #000; background:#ffffff;
	}
	.lnb_5830_ .dep1 > li:hover > div {display:block;}
	.lnb_5830_ .dep1 > li > a {
		z-index:620; height:45px; line-height:45px; padding:0 43px;
		border-bottom:none; background:none; color:#777; text-align:center;
	}
	.lnb_5830_ .dep1 > li.on > a,
	.lnb_5830_ .dep1 > li:hover > a {color:#000;}
	.lnb_5830_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_5830_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_5830_ .dep2 > li.on > a,
	.lnb_5830_ .dep2 > li:hover > a {background:#ececec; color:#777777;}

	/* dep1 triangle */
	.lnb_5830_ .dep1 > li.has_sub:before,
	.lnb_5830_ .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_5830_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #000;}
	.lnb_5830_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_5830_ .dep1 > li.has_sub:hover:before,
	.lnb_5830_ .dep1 > li.has_sub:hover:after {display:block;}
}

@media \0screen{
	/* dep1 */
	.lnb_5830_ .dep1 {display:inline-block;}
	.lnb_5830_ .dep1 > li {display:inline-block; position:relative; z-index:600;}
	.lnb_5830_ .dep1 > li:hover {z-index:610;}
	.lnb_5830_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:auto; min-width:100%; padding:5px 0;
		border:3px solid #000; background:#ffffff;
	}
	.lnb_5830_ .dep1 > li:hover > div {display:block;}
	.lnb_5830_ .dep1 > li > a {
		z-index:620; height:45px; line-height:45px; padding:0 10px;
		border-bottom:none; background:none; color:#777; text-align:center;
	}
	.lnb_5830_ .dep1 > li.on > a,
	.lnb_5830_ .dep1 > li:hover > a {color:#000;}
	.lnb_5830_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_5830_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_5830_ .dep2 > li.on > a,
	.lnb_5830_ .dep2 > li:hover > a {background:#ececec; color:#777777;}

	/* dep1 triangle */
	.lnb_5830_ .dep1 > li.has_sub:before,
	.lnb_5830_ .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_5830_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #000;}
	.lnb_5830_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_5830_ .dep1 > li.has_sub:hover:before,
	.lnb_5830_ .dep1 > li.has_sub:hover:after {display:block;}
}

/* ****************** 실선  ****************** */

.solid_line_11933_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_11933_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 가로선  ****************** */

.line_5831_ {display:block; width:100%; height:0; border-top:1px solid #ffffff;}

/* ****************** 공백  ****************** */

.empty_line_22033_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_22033_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_22033_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_11937_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_11937_ > div:after {content:''; display:block; clear:both;}
.layout_11937_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_11937_ {min-width:1000px;}
}

/* ****************** 실선  ****************** */

.solid_line_11939_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_11939_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** HTML 편집기  ****************** */

.html_11941_ {overflow:hidden;}
.html_11941_:after {content:''; display:block; clear:both;}

/* ****************** 실선  ****************** */

.solid_line_11940_ {display:block; position:relative; width:100%; height:2px;}
.solid_line_11940_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_5834_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_5834_ > div:after {content:''; display:block; clear:both;}
.layout_5834_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_5834_ {min-width:1000px;}
}

/* ****************** 실선  ****************** */

.solid_line_35471_ {display:block; position:relative; width:100%; height:20px;}
.solid_line_35471_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** HTML 편집기  ****************** */

.html_5835_ {overflow:hidden;}
.html_5835_:after {content:''; display:block; clear:both;}

/* ****************** 공백  ****************** */

.empty_line_25926_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_25926_ {border:1px dotted #f00;}
[id^=div_user_list] .empty_line_25926_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

/* ****************** 상단으로 바로가기 버튼  ****************** */

@font-face {
	font-family: 'icomoon_contents';
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot');
	src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.svg#icomoon_contents') format('svg');
	font-weight: normal;
	font-style: normal;
}
.scroll_top_5836_ {
	position:fixed; bottom:10px; right:-70px; width:30px; height:30px; line-height:30px;
	border:1px solid #0466c1; background:#0466c1;
	font-size:0; color:#fff; text-align:center; cursor:pointer; opacity:.6;
	-webkit-transition:right .3s ease-out;
	-moz-transition:right .3s ease-out;
	-o-transition:right .3s ease-out;
	-ms-transition:right .3s ease-out;
	transition:right .3s ease-out;
}
.scroll_top_5836_.on {right:10px;}
.scroll_top_5836_ span:before {content:'\e601'; font-family:"icomoon_contents"; font-size:15px;}

[id^=div_user_list] .scroll_top_5836_ {position:relative; right:0; opacity:1;}

@media (min-width:1024px){
	.scroll_top_5836_:hover {opacity:1;}
	.scroll_top_5836_ {width:40px; height:40px; line-height:40px;}
	.scroll_top_5836_ span:before {font-size:20px;}
}

@media \0screen{
	.scroll_top_5836_:hover {opacity:1;}
	.scroll_top_5836_ {width:40px; height:40px; line-height:40px;}
	.scroll_top_5836_ span:before {font-size:20px;}
}
