
/* ****************** 1칸 레이아웃  ****************** */

.layout_31128_ {clear:both; min-width:320px; max-width:100%; margin:0 auto; }
.layout_31128_ > div:after {content:''; display:block; clear:both;}
.layout_31128_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_31128_ {min-width:1000px;}
}

/* ****************** 상단 로그인  ****************** */

.gnb_131997_ ul {margin:-5px;; padding:0; list-style:none; font-size:0; width:1450px; }
.gnb_131997_ li {position:relative; display:inline-block; font-size:16px;}
.gnb_131997_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#000000; opacity:.5;}
.gnb_131997_ li:first-child:before {display:none;}
.gnb_131997_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 .8em; font-size:12px; font-family:Arial; color:#000000; text-decoration:none;}
.gnb_131997_ li a:hover {text-decoration:underline;}

/* ****************** 2칸 레이아웃  ****************** */

.layout_131998_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto; padding:10px}
.layout_131998_ > div {}
.layout_131998_ > div:after {content:''; display:block; clear:both;}
.layout_131998_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_131998_ > div > .container_1 {width:25%;}
.layout_131998_ > div > .container_2 {width:75%;}

@media (max-width:1023px){
	.layout_131998_ > div > .container_1 { width:100%; }
	.layout_131998_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_131998_ {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_131999_ {position:relative; }
.logo_131999_ * {box-sizing:border-box;}
.logo_131999_ h1 {display:table; width:100%; margin:0; padding:0; position: relative; right:10px; }
.logo_131999_ h1 a {display:table-cell; height:60px; vertical-align:middle;}
.logo_131999_ h1 img {max-width:100%; max-height:100%; vertical-align:middle;padding-right:10px;}

.toggle_131999_ {
	display:none; overflow:hidden; position:absolute; top:50%; width:280px; height:80px; line-height:22px; margin-top:-15px; padding:4px;
	border-radius:4px; background:#ffffff; text-align:center;
}
.toggle_131999_.use {display:block;}
.toggle_131999_:before {display:inline-block; font-family:"icomoon_header"; font-size:30px; font-weight:normal; color:#646161; line-height:25px;}
.toggle_131999_.on:before {color:#bbbbbb;}

#farmBoxTel {display:none;}

.toggleGnb_131999_ {right:45px;}
.toggleGnb_131999_:before {content:'\e602';}

.toggleLnb_131999_ {position:absolute; right:-5px; width:auto; padding-left:7px; padding-right:10px; font-size:16px; font-weight:bold; color:#000000; vertical-align:middle;}
.toggleLnb_131999_.on {color:#bbbbbb;}
.toggleLnb_131999_:before {content:'\e601'; vertical-align:middle;}
#farmBoxLnb {display:block;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_131999_ {display:block;}

@media (min-width:1024px){
	.logo_131999_ {padding:0; border-bottom:none;}
	.toggle_131999_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

@media \0screen{
	.logo_131999_ {padding:0; border-bottom:none;}
	.toggle_131999_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 네비게이션  ****************** */

@media (max-width:1023px){
	.lnb_132000_ {overflow:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;padding:80px 20px 20px 100px;background-color:#333;transform:translate(100%,0);transition:transform .3s ease;}
	.lnb_132000_.on {transform:translate(0,0);}
	.lnb_132000_ * {box-sizing:border-box;}
	.lnb_132000_ ul {margin:0; padding:0; list-style:none;}
	.lnb_132000_ a {display:block; position:relative; font-weight:bold; text-decoration:none; white-space:nowrap;}
	.lnb_132000_ .dep1 > li{ border-bottom:1px solid rgba(255,255,255,.1);}
	.lnb_132000_ .dep1 > li:first-child { border-top:1px solid rgba(255,255,255,.1);}
	.lnb_132000_ .dep1 > li > a {
		height:50px; line-height:50px; padding:0 45px 0 10px; font-size:13px; color:#ffffff;
	}
	.lnb_132000_ .dep1 > li > a:before {
		content:''; display:block; position:absolute; right:10px; top:50%; width:8px; height:8px; margin-top:-6px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg);
	}
	.lnb_132000_ .dep1 > li > a.on:before {
		margin-top:-1px; transform:rotate(-45deg);
	}
	.lnb_132000_ .dep1 > li > div {padding-bottom:10px;}
	.lnb_132000_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 15px 0 25px; font-size:13px; color:#999;
	}
	.lnb_132000_ .dep2 > li.on > a,
	.lnb_132000_ .dep2 > li:hover > a {color:#fff;}

	.lnb_close_btn {position:absolute;top:30px;right:20px;width:30px;height:30px;z-index:9100;transform:rotate(45deg);text-indent:-9999px;cursor:pointer;}
	.lnb_close_btn:before,
	.lnb_close_btn:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto;background-color:rgba(255,255,255,.8);}
	.lnb_close_btn:before {width:4px;}
	.lnb_close_btn:after {height:4px;}
	.lnb_close_bg {position:absolute;top:0;right:calc(100% - 80px);bottom:0;left:0;z-index:9100;background-color:#000;}
}

@media (min-width:1024px){
	.lnb_132000_ {font-size:0;}
	.lnb_132000_ * {box-sizing:border-box;}
	.lnb_132000_ ul {margin:0; padding:0; list-style:none;}
	.lnb_132000_ a {display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-decoration:none; white-space:nowrap;}
	.lnb_132000_ .dep1 > li > a {
		padding:0 15px 0 30px; background:#4f555a; font-size:13px; color:#ffffff;
	}
	.lnb_132000_ .dep1 > li > a:before {
		content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#ffffff;
	}
	.lnb_132000_ .dep2 > li > a {
		padding:0 15px 0 40px; border-bottom:1px solid #e1e1e1; background:#ffffff; font-size:13px; color:#5a5a5a;
	}
	.lnb_132000_ .dep2 > li.on > a,
	.lnb_132000_ .dep2 > li:hover > a {background:#efefef;}

	/* dep1 */
	.lnb_132000_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_132000_ .dep1 > li {float:left; position:relative; z-index:600; /*width:14.8%;*/ width:20%;}
	.lnb_132000_ .dep1 > li:hover {z-index:610;}
	.lnb_132000_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:auto; min-width:100%; background:#ffffff; box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	}
	.lnb_132000_ .dep1 > li:hover > div {display:block;}
	.lnb_132000_ .dep1 > li > a {
		z-index:620; height:70px; line-height:70px; padding:0 20px;
		border-bottom:none; background:none; font-size:18px; font-weight:600; color:#000000; text-align:center;
		-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;
	}
	.lnb_132000_ .dep1 > li.on > a,
	.lnb_132000_ .dep1 > li:hover > a {color:#000000;}
	.lnb_132000_ .dep1 > li > a:before {display:none;}
	.lnb_132000_ .dep1 > li > a:after {content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#000000; opacity:.5;}
	.lnb_132000_ .dep1 > li:first-child > a:after {display:none;}

	/* dep2 */
	.lnb_132000_ .dep2 > li {border-bottom:1px solid #bbbbbb;}
	.lnb_132000_ .dep2 > li > a {
		height:auto; line-height:normal; padding:10px 25px;
		border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); background:#ffffff;
		font-size:14px; color:#000000; letter-spacing:0.05em;
		-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;
	}
	.lnb_132000_ .dep2 > li.on > a,
	.lnb_132000_ .dep2 > li:hover > a {background:#eeeeee; color:#000000;}

	/* dep1 triangle */
	.lnb_132000_ .dep1 > li:before {
		content:''; display:none; position:absolute; left:50%; top:0; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #000000;
	}
	.lnb_132000_ .dep1 > li.on:before {display:block;}
	.lnb_132000_ .lnbLamp{
		display:block; position:absolute; left:0; top:0; width:0; height:3px; background:#000000;
		transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;
	}
	.lnb_close_btn {display:none;}
	.lnb_close_bg {display:none;}
}

@media \0screen{
	.lnb_132000_ {font-size:0;}
	.lnb_132000_ * {box-sizing:border-box;}
	.lnb_132000_ ul {margin:0; padding:0; list-style:none;}
	.lnb_132000_ a {display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-decoration:none; white-space:nowrap;}
	.lnb_132000_ .dep1 > li > a {
		padding:0 15px 0 30px; background:#4f555a; font-size:13px; color:#ffffff;
	}
	.lnb_132000_ .dep1 > li > a:before {
		content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#ffffff;
	}
	.lnb_132000_ .dep2 > li > a {
		padding:0 15px 0 40px; border-bottom:1px solid #e1e1e1; background:#ffffff; font-size:13px; color:#5a5a5a;
	}
	.lnb_132000_ .dep2 > li.on > a,
	.lnb_132000_ .dep2 > li:hover > a {background:#efefef;}

	/* dep1 */
	.lnb_132000_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_132000_ .dep1 > li {float:left; position:relative; z-index:600; width:20%;}
	.lnb_132000_ .dep1 > li:hover {z-index:610;}
	.lnb_132000_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:auto; min-width:100%; background:#ffffff; box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	}
	.lnb_132000_ .dep1 > li:hover > div {display:block;}
	.lnb_132000_ .dep1 > li > a {
		z-index:620; height:70px; line-height:70px; padding:0 20px;
		border-bottom:none; background:none; font-size:16px; font-weight:600; color:#000000; text-align:center;
		-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;
	}
	.lnb_132000_ .dep1 > li.on > a,
	.lnb_132000_ .dep1 > li:hover > a {color:#000000;}
	.lnb_132000_ .dep1 > li > a:before {display:none;}
	.lnb_132000_ .dep1 > li > a:after {content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#000000; opacity:.5;}
	.lnb_132000_ .dep1 > li:first-child > a:after {display:none;}

	/* dep2 */
	.lnb_132000_ .dep2 > li {border-bottom:1px solid #bbbbbb;}
	.lnb_132000_ .dep2 > li > a {
		height:auto; line-height:normal; padding:10px 25px;
		border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); background:#ffffff;
		font-size:14px; color:#000000; letter-spacing:0.05em;
		-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;
	}
	.lnb_132000_ .dep2 > li.on > a,
	.lnb_132000_ .dep2 > li:hover > a {background:#eeeeee; color:#000000;}

	/* dep1 triangle */
	.lnb_132000_ .dep1 > li:before {
		content:''; display:none; position:absolute; left:50%; top:0; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #000000;
	}
	.lnb_132000_ .dep1 > li.on:before {display:block;}
	.lnb_132000_ .lnbLamp{
		display:block; position:absolute; left:0; top:0; width:0; height:3px; background:#000000;
		transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;
	}
	.lnb_close_btn {display:none;}
	.lnb_close_bg {display:none;}
}

/* ****************** 이미지 (비율형)  ****************** */

.img_ratio_132001_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;}
.img_ratio_132001_ * {box-sizing:border-box;}
.img_ratio_132001_ a {display:block; text-decoration:none;}
.img_ratio_132001_ img {width:100%; vertical-align:top;}
@media (min-width:1024px){
	.img_ratio_132001_ {width:1920px;}
}
@media \0screen{
	.img_ratio_132001_ {width:1920px;}
}

/* ****************** 본문  ****************** */

.layout_132002_ {min-width:320px;}
.layout_132002_ {max-width:1200px; margin:0 auto;}
@media \0screen{
	.layout_132002_ {min-width:1200px;}
}
.layout_132002_:after {content:''; display:block; clear:both;}
.layout_132002_ > [class^=container_] {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	position:relative; float:left; padding:60px 35px;
}
.layout_132002_ > .container_1 {width:22%;}
.layout_132002_ > .container_2 {width:78%;}

/* 메뉴 왼쪽 출력 */
.layout_132002_.grid_left > .container_1 {padding-left:20px; border-right:1px solid #e5e5e5;}
.layout_132002_.grid_left > .container_2 {padding-right:20px;}

/* 메뉴 오른쪽 출력 */
.layout_132002_.grid_right > .container_1 {float:right; padding-right:20px; border-left:1px solid #e5e5e5;}
.layout_132002_.grid_right > .container_2 {padding-left:20px;}

@media (max-width:1023px){
	.layout_132002_ > .container_1 {display:none;}
	.layout_132002_ > .container_2 {width:100% !important; padding:30px 10px !important;}
}

/* ****************** 서브 네비게이션  ****************** */

.snb_132005_ {display:none;}
.snb_132005_ .site_name {position:relative; margin:0; color:#949494; font-size:12px; line-height:35px;}
.snb_132005_ .site_name:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:20px; height:4px; background:#bbbbbb;}
.snb_132005_ h2 {margin:15px 10px  0px  0px; font-size:28px; font-weight:500; color:#34383c; padding-bottom:5px; border-bottom:2px solid #666; }
.snb_132005_ ul {margin:30px 0 0; padding:0; list-style:none;}
.snb_132005_ ul > li {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.snb_132005_ ul > li > a {display:block; padding:10px 0; color:#85898c; font-size:17px; font-weight:400; text-decoration:none;}
.snb_132005_ ul > li.on > a, .snb_132005_ ul > li > a:hover {color:#000000;}

[id^=div_user_list] .snb_132005_ {display:block;}

@media (min-width:1024px){
	.snb_132005_ {display:block;}
}
@media \0screen{
	.snb_132005_ {display:block;}
}

/* ****************** 현재 페이지 위치  ****************** */

.location_132003_ {font-size:0;}
.location_132003_ span, .location_132003_ strong {position:relative; height:60px; line-height:60px; margin:0 10px; font-size:13px;}
.location_132003_ span:before, .location_132003_ strong:before {content:''; display:inline-block; position:absolute; top:50%; left:-10px; width:1px; height:1px; background:#626262;}
.location_132003_ span {color:#626262;}
.location_132003_ span.home:before {display:none;}
.location_132003_ strong {color:#ff675b;}

@media (max-width:767px){
	.location_132003_ span, .location_132003_ strong {height:30px; line-height:30px;}
}

/* ****************** 마이페이지 상단메뉴  ****************** */

.mypage_nav_4566_ {}
.mypage_nav_4566_ * {box-sizing:border-box;}
.mypage_nav_4566_ ul {margin:0 0 25px; padding:0; list-style:none; font-size:0;}
.mypage_nav_4566_ ul:after {content:''; display:block; clear:both;}
.mypage_nav_4566_ ul li {float:left; width:50%;}
.mypage_nav_4566_ ul li a {display:block; margin:1px; padding:8px 10px; border:1px solid #eeeeee; background:#eeeeee; font-size:13px; font-weight:bold; color:#111111; text-align:center; text-decoration:none;}
.mypage_nav_4566_ ul li.on a, .mypage_nav_4566_ ul li a:hover {border-color:#4baad3; background:#4baad3; color:#fff;}

[id^=div_user_list] .mypage_nav_4566_ {display:block}
[id^=div_user_list] .mypage_nav_4566_:before {content:'Mypage Navigation'; font-size:13px; color:red;}

@media (min-width:768px){
	.mypage_nav_4566_ ul {margin-bottom:30px;}
	.mypage_nav_4566_ ul li {float:left; width:33.3333%;}
}

@media (min-width:1024px){
	.mypage_nav_4566_ {display:none;}
}
@media \0screen{
	.mypage_nav_4566_ {display:none;}
}

/* ****************** 실선  ****************** */

.solid_line_132007_ {display:block; position:relative; width:100%; height:20px;}
.solid_line_132007_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_132008_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;}
.layout_132008_ > div:after {content:''; display:block; clear:both;}
.layout_132008_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_132008_ {min-width:1000px;}
}

/* ****************** 하단 정보  ****************** */

.footer_info_132009_ {padding:0 10px;}
.footer_info_132009_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_132009_ li {position:relative; display:inline-block; padding:0 .8em; font-size:12px; font-family:Arial; color:#777777; line-height:22px;}
.footer_info_132009_ 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_132009_ li:first-child {padding-left:0;}
.footer_info_132009_ li:first-child:before {display:none;}
.footer_info_132009_ 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;}
 

/* ****************** 상단으로 바로가기 버튼  ****************** */

@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_132010_ {
	position:fixed; bottom:10px; right:-70px; width:30px; height:30px; line-height:30px;
	border:1px solid #0256d0; background:#0256d0;
	font-size:0; color:#fff; text-align:center; box-sizing:border-box; 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_132010_.on {right:10px;}
.scroll_top_132010_ span:before {content:'\e601'; font-family:"icomoon_contents"; font-size:15px;}

[id^=div_user_list] .scroll_top_132010_ {position:relative; right:-100%; bottom:0; margin-left:-40px; opacity:1;}

@media (min-width:1024px){
	.scroll_top_132010_:hover {opacity:1;}
	.scroll_top_132010_ {width:40px; height:40px; line-height:40px;}
	.scroll_top_132010_ span:before {font-size:20px;}
	[id^=div_user_list] .scroll_top_132010_ {margin-left:-50px;}
}

@media \0screen{
	.scroll_top_132010_:hover {opacity:1;}
	.scroll_top_132010_ {width:40px; height:40px; line-height:40px;}
	.scroll_top_132010_ span:before {font-size:20px;}
	[id^=div_user_list] .scroll_top_132010_ {margin-left:-50px;}
}
