
/* ****************** 공백  ****************** */

.empty_line_131680_ {display:block; width:100%; height:0px; line-height:0px;}

[id^=div_user_list] .empty_line_131680_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131680_:before {content:'공백: 0px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131680_ {height:15px; line-height:15px;}
	[id^=div_user_list] .empty_line_131680_:before {content:'공백: 15px';}
}

 @media \0screen{
	.empty_line_131680_ {height:15px; line-height:15px;}
	[id^=div_user_list] .empty_line_131680_:before {content:'공백: 15px';}
}

/* ****************** 3칸 레이아웃  ****************** */

.layout_130683_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_130683_ > div {}
.layout_130683_ > div:after {content:''; display:block; clear:both;}
.layout_130683_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_130683_ > div > .container_1 {width:30%;}
.layout_130683_ > div > .container_2 {width:45%;}
.layout_130683_ > div > .container_3 {width:25%;}

@media (max-width:1023px){
  .layout_130683_wrap{position:relative; background:#fff;}
  .layout_130683_ > div > .container_1 { width:100%; }
  .layout_130683_ > div > .container_2 { width:100%; }
  .layout_130683_ > div > .container_3 { width:100%; }
}

@media \0screen{
	.layout_130683_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_131679_ {display:block; width:100%; height:0px; line-height:0px;}

[id^=div_user_list] .empty_line_131679_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131679_:before {content:'공백: 0px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131679_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_131679_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_131679_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_131679_:before {content:'공백: 10px';}
}

/* ****************** 로고 + 토글  ****************** */

@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_148813_ {position:relative; padding:0 80px;}
.logo_148813_ * {box-sizing:border-box;}
.logo_148813_ h1 {display:table; width:100%; margin:0  30px 0 -20px; padding:0; font-size:12px; table-layout:fixed;}
.logo_148813_ h1 a {display:table-cell; height:90px; vertical-align:middle; }
.logo_148813_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;}
.logo_148813_ h1 img.mobile{display:none;}

.toggle_148813_ {
	display:none; overflow:hidden; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; padding:4px; font-size:0; text-align:center; line-height:60px;
  font-size:0; text-decoration:none;
}
.toggle_148813_.use {display:block;}
.toggle_148813_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}
.toggle_148813_.on:before {color:#d00000;}

.tel_148813_ {display:block; left:0px; border-right:1px solid #ddd; display:none !important;}
.tel_148813_:before {content:'\e604'; color:#d00000;}
#farmBoxTel {display:none;}

.toggleSearch_148813_ {left:45px;}
.toggleSearch_148813_:before {content:'\e600';}
#farmBoxSearch {display:none;}
#farmBoxSearch.on {display:block;}

.toggleGnb_148813_ {left:0; border-right:1px solid #ddd; display:block;}
.toggleGnb_148813_:before {content:'\e602';}
#farmBoxGnb {display:none;}
#farmBoxGnb.on {display:block;}

.toggleLnb_148813_ {right:0px; border-left:1px solid #ddd;}
.toggleLnb_148813_:before {content:'\e601';}
#farmBoxLnb {display:none;}
#farmBoxLnb.on {display:block;}

[id^=div_user_list] .toggle_148813_ {display:block;}

.logo_148813_ .nav_btn_m{width:block; width:30px; height:30px; position:absolute; top:10px; left:10px; background:url("/img_up/shop_pds/jjsol/design/img/m_nav_ion.png") no-repeat center;}
  
  
@media (min-width:1024px){
 
	.logo_148813_ {padding:0; border-bottom:none;}
	.toggle_148813_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
  .logo_148813_ .nav_btn_m{display:none;}
}

@media (max-width:1023px){
  .logo_148813_{padding:0 100px;}
  .logo_148813_ h1{text-align:center; margin:0 0 0 10px ; }
  .logo_148813_ h1 a {height:50px;}
  .logo_148813_ h1 img.pc{display:none;}
  .logo_148813_ h1 img.mobile{display:inline-block;}
}

@media \0screen{
	.logo_148813_ {padding:0; border-bottom:none;}
	.toggle_148813_ {display:none !important;}
	[id^=farmBox] {display:block !important;}
}

/* ****************** 상단 로그인  ****************** */

.gnb_130685_ ul {margin:0; padding:0; list-style:none; font-size:0; white-space: nowrap;}
.gnb_130685_ li {position:relative; display:inline-block;}
.gnb_130685_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#9a9a9a; opacity:.5;}
.gnb_130685_ li:first-child:before {display:none;}
.gnb_130685_ li a {display:block; height:90px; line-height:90px; margin:0; padding:0 .65em; font-size:14px;color:#9a9a9a; text-decoration:none;}
.gnb_130685_ li a:hover {text-decoration:underline;}
.gnb_130685_ li a img{vertical-align:middle; margin-right:3px; opacity:1; transition:all 0.3s;}
.gnb_130685_ li a:hover img{opacity:0.6;}

/* ****************** 네비게이션 (맞춤형 A)  ****************** */

.lnb_130687_ {border-bottom:2px solid #ffc336; z-index:9999; position:relative;}
.lnb_130687_ .dep1 {margin:0; padding:0;}
.lnb_130687_ .dep1 > li {position:relative; margin:0; padding:0; list-style-type:none;}
.lnb_130687_ .dep1 > li:before {content:''; display:block; width:100%; height:1px;}
.lnb_130687_ .dep1 > li > a {display:block; position:relative; padding:10px 15px; background-color:#ffc336; font-size:13px; color:#ffffff;}
.lnb_130687_ .dep1 > li.on > a:before, .lnb_130687_ .dep1 > li:hover > a:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.3);}
.lnb_130687_ .dep1 > li[role=toggle] > a:after {
	content:''; position: absolute;
	width: 0; height: 0; right: 15px; top: 50%; margin-top: -2px;
	border-color: #ffffff transparent transparent transparent;
	border-width:5px;
	border-style:solid;
}
.lnb_130687_ .dep1 > li[role=toggle].on > a:after {
	margin-top: -8px;
	border-color: transparent transparent #ffffff transparent;
}
.lnb_130687_ .dep1 > li.on > .dep2 {display:block;}
.lnb_130687_ .dep2 {display:none;padding:8px 0;}
.lnb_130687_ .dep2 > ul {margin:0; padding:0;}
.lnb_130687_ .dep2 > ul > li {margin:0; padding:0; list-style-type:none;}
.lnb_130687_ .dep2 > ul > li > a {display:block; padding:6px 20px; font-size:14px;}
.lnb_130687_ .dep2 > ul > li.on > a, .lnb_130687_ .dep2 > ul > li:hover > a {color:#ffc336;}
.lnb_130687_ .dep2_bg {display:none;}

@media (min-width:1024px){
  .lnb_130687_ {z-index:1000; padding:0; border-bottom:1px solid #ddd; border-top:1px solid #ffc336;}
  .lnb_130687_ .dep1{max-width:1200px;; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .lnb_130687_ .dep1:after {content:''; display:block; clear:both;}
  .lnb_130687_ .dep1 > li {float:left; width:16.6667%; position:relative;}
  .lnb_130687_ .dep1 > li:first-child:before {content:'/'; display:block; font-size:20px; color:#ddd; position:absolute; left:0; top:14px;}
  .lnb_130687_ .dep1 > li:after {content:'/'; display:block; font-size:20px; color:#ddd; position:absolute; right:0; top:14px;}
  .lnb_130687_ .dep1 > li > a {box-sizing:border-box; position:relative; padding:17px 0 18px; background-color:transparent; border-right:1px solid rgba(255,255,255,0.3); font-size:16px; color:#777; text-align:center;}/*메뉴 글자 색깔 바꾸기*/ 
  .lnb_130687_ .dep1 > li:first-child > a {border-left:1px solid rgba(255,255,255,0.3);}
  .lnb_130687_ .dep1 > li[role=toggle] > a:after {display:none;}
  .lnb_130687_ .dep1 > li:hover > a,
  .lnb_130687_ .dep1 > li.on >a{color:#ffc336;}
  .lnb_130687_ .dep1 > li.on > .dep2 {display:none;}
  .lnb_130687_ .dep1 > li.on > a:before, .lnb_130687_ .dep1 > li:hover > a:before {display:none;}
  .lnb_130687_ .dep2, .lnb_130687_ .dep2 * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .lnb_130687_ .dep2{position:absolute; z-index:1001; width:100%; padding:0;}
  .lnb_130687_ .dep2 > ul {box-sizing:border-box; position:relative; padding:20px 10px;}
  .lnb_130687_ .dep2 > ul:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:100%;; background-color:#ddd;}
  .lnb_130687_ .dep1 > li:last-child .dep2 > ul:after {content:''; display:block; position:absolute; top:0; bottom:0; right:0; width:1px; height:100%;; background-color:#ddd;}
  .lnb_130687_ .dep2 > ul > li > a {padding:7px 5px; font-size:16px; color:#777; text-align:center;}
  .lnb_130687_ .dep2 > ul > li.on > a, .lnb_130687_ .dep2 > ul > li:hover > a {color:#ffc336;}
  .lnb_130687_ .dep2_bg {
    display:none; position:absolute; left:0; width:100%; z-index:1000; background-color:#f6f6f6; box-shadow:0 2px 3px rgba(0,0,0,.13);}
  
  /*내비게이션 하단 버튼 메뉴*/
  .lnb_130687_ .dep2_bg .nav_bottom_menu{position:absolute; bottom:0; left:0; right:0; background:#348dd3;}
  .lnb_130687_ .dep2_bg .nav_bottom_menu ul{display:block; list-style:none; max-width:1200px; margin:0 auto; padding:0;}
  .lnb_130687_ .dep2_bg .nav_bottom_menu ul:after{content:''; display:block; clear:both;}
  .lnb_130687_ .dep2_bg .nav_bottom_menu li{float:left; width:20%;}
  .lnb_130687_ .dep2_bg .nav_bottom_menu li a{display:block; height:80px; line-height:80px; color:#fff; text-align:center; font-size:18px; transition:all 0.3s; cursor:pointer;}
  .lnb_130687_ .dep2_bg .nav_bottom_menu li:hover a{color:#d0f5ac}
  .lnb_130687_ .dep2_bg .nav_bottom_menu li a img{vertical-align:middle;}
}

@media (max-width:1023px){
  .lnb_130687_ {display:none !important;}
}
  
@media \0screen{
	.lnb_130687_ {z-index:1000; padding:5px 0 0; border-bottom:none;}
	.lnb_130687_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_130687_ .dep1 > li {float:left; width:16.666666666667%; position:relative;}
	.lnb_130687_ .dep1 > li:before {display:none;}
	.lnb_130687_ .dep1 > li > a {box-sizing:border-box; position:relative; margin:0 5px; padding:15px 10px; background-color:transparent; font-size:16px; color:#444444; text-align:center;}
	.lnb_130687_ .dep1 > li.on > a:before, .lnb_130687_ .dep1 > li:hover > a:before {content:''; display:block; position:absolute; top:auto; bottom:0; left:0; width:100%; height:3px; background-color:#ffc336;}
	.lnb_130687_ .dep1 > li[role=toggle] > a:after {display:none;}
	.lnb_130687_ .dep1 > li.on > .dep2 {display:none;}
	.lnb_130687_ .dep1 > li.on > .dep2 > ul, .lnb_130687_ .dep1 > li:hover > .dep2 > ul {background-color:#f8f8f8;}
	.lnb_130687_ .dep2 {box-sizing:border-box; position:absolute; z-index:1001; width:100%; padding:10px 5px; background-color:#ffffff;}
	.lnb_130687_ .dep2 > ul {box-sizing:border-box; position:relative; padding:5px 0;}
	.lnb_130687_ .dep2 > ul:before {content:''; display:block; position:absolute; top:0; bottom:0; left:-5px; width:1px; height:100%;; background-color:#eeeeee;}
	.lnb_130687_ .dep1 > li:first-child .dep2 > ul:before {display:none;}
	.lnb_130687_ .dep2 > ul > li > a {padding:5px; font-size:13px; color:#333; text-align:center; letter-spacing:-0.03em;}
	.lnb_130687_ .dep2 > ul > li.on > a, .lnb_130687_ .dep2 > ul > li:hover > a {color:#ffc336;}
	.lnb_130687_ .dep2_bg {
		display:none; position:absolute; left:0; width:100%; z-index:1000; border-bottom:1px solid #ffc336; background-color:#ffffff;
		box-shadow:0 2px 3px rgba(0,0,0,.13);
	}
}

/* ****************** 실선  ****************** */

.solid_line_130689_ {display:block; position:relative; width:100%; height:0px;}
.solid_line_130689_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #ddd;}

/* ****************** 1칸 레이아웃  ****************** */

.layout_131713_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_131713_ > div:after {content:''; display:block; clear:both;}
.layout_131713_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media (max-width:1200px){
  .layout_131713_{width:95%;}
}
  
@media \0screen{
	.layout_131713_ {min-width:1200px;}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_131714_, .empty_131714_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;}

.empty_131714_{position:relative; padding:0 60px;}
.empty_131714_ .simply-scroll-clip {height:100px; margin:0 auto; overflow:hidden; position:relative;}
.empty_131714_ .logo_list{position:absolute; top:23px;}
.empty_131714_ .logo_list li{float:left;}
.empty_131714_ .logo_list li a{display:block; width:100%; height:100%; padding:0 15px; cursor:pointer;}
.empty_131714_ .arrow.left{position:absolute; top:50%; left:0; margin-top:-17px;}
.empty_131714_ .arrow.right{position:absolute; top:50%; right:0; margin-top:-17px;}

/* ****************** 실선  ****************** */

.solid_line_130695_ {display:block; position:relative; width:100%; height:0px;}
.solid_line_130695_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #ddd;}

/* ****************** 공백  ****************** */

.empty_line_131678_ {display:block; width:100%; height:25px; line-height:25px;}

[id^=div_user_list] .empty_line_131678_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131678_:before {content:'공백: 25px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131678_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_131678_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_131678_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_131678_:before {content:'공백: 60px';}
}

/* ****************** 1칸 레이아웃  ****************** */

.layout_130705_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_130705_ > div:after {content:''; display:block; clear:both;}
.layout_130705_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media (max-width:1023px){
  .layout_130705_{width:95%;}
}
  
@media \0screen{
	.layout_130705_ {min-width:1200px;}
}

/* ****************** 하단 메뉴  ****************** */

.fnb_130706_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.fnb_130706_ li {position:relative; display:inline-block; font-size:17px;}
.fnb_130706_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#888; opacity:.5;}
.fnb_130706_ li:first-child:before {display:none;}
.fnb_130706_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 1.3em; font-size:15px; color:#888; text-decoration:none;}
.fnb_130706_ li a:hover {text-decoration:underline;}
.fnb_130706_ p {height:30px; line-height:30px; margin:0; padding:0 .8em; font-size:15px; color:#888}

@media (max-width:767px){
.fnb_130706_ li a {font-size:13px; letter-spacing:-1px; padding:0 1em;} 
}

/* ****************** 공백  ****************** */

.empty_line_131718_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_131718_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131718_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131718_ {height:40px; line-height:40px;}
	[id^=div_user_list] .empty_line_131718_:before {content:'공백: 40px';}
}

 @media \0screen{
	.empty_line_131718_ {height:40px; line-height:40px;}
	[id^=div_user_list] .empty_line_131718_:before {content:'공백: 40px';}
}

/* ****************** 이미지  ****************** */

.img_130701_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_130701_ * {box-sizing:border-box;}
.img_130701_ a {display:block; text-decoration:none;}
.img_130701_ img {max-width:100%; vertical-align:top;}

@media (max-width:767px){
  .img_130701_ img{width:140px;}
}

/* ****************** 공백  ****************** */

.empty_line_131719_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_131719_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131719_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131719_ {height:15px; line-height:15px;}
	[id^=div_user_list] .empty_line_131719_:before {content:'공백: 15px';}
}

 @media \0screen{
	.empty_line_131719_ {height:15px; line-height:15px;}
	[id^=div_user_list] .empty_line_131719_:before {content:'공백: 15px';}
}

/* ****************** 하단 정보  ****************** */

.footer_info_130700_ {padding:0 10px;}
.footer_info_130700_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_130700_ li {position:relative; display:inline-block; font-size:13px; color:#999; line-height:1.8em; padding:0 3px;}
.footer_info_130700_ li:first-child {padding-left:0;}
.footer_info_130700_ li:first-child:before {display:none;}
.footer_info_130700_ li .bizinfo {display:inline-block; margin-left:.8em; padding:0 .5em; border-radius:2px; background:#666; font-size:14px; color:#fff; line-height:20px; text-decoration:none;}
.footer_info_130700_ .copyright {margin-top:20px;}
.footer_info_130700_ .copyright li{color:#bbb;}
.footer_info_130700_ .copyright li a{display:block; color:#00577d;}

@media (max-width:767px){
	.footer_info_130700_ .copyright li a{display:block;}
}

/* ****************** 상단으로 바로가기 버튼  ****************** */

@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_130707_ {
	position:relative;  float:right; width:80px; height:65px; 
	background:rgba(20,41,57,0.8); z-index:1000;
	font-size:0; color:#fff; text-align:center; box-sizing:border-box; cursor:pointer;
	-webkit-transition:right .5s ease-out;
	-moz-transition:right .5s ease-out;
	-o-transition:right .5s ease-out;
	-ms-transition:right .5s ease-out;
	transition:right .5s ease-out;
}
.scroll_top_130707_ span{font-size:14px; color:#fff; font-family:'Malgun Gothic' !important;}
.scroll_top_130707_.on {right:0;}
.scroll_top_130707_ span:before {content:'\e601'; font-family:"icomoon_contents"; font-size:15px; display:block; margin-top:10px;}

[id^=div_user_list] .scroll_top_130707_ {position:relative; right:-100%; bottom:0; margin-left:-40px; opacity:1;}

@media (min-width:1024px){
	.scroll_top_130707_:hover {opacity:1;}
	.scroll_top_130707_ span:before {font-size:20px;}
	[id^=div_user_list] .scroll_top_130707_ {margin-left:-50px;}
}

@media \0screen{
	.scroll_top_130707_:hover {opacity:1;}
	.scroll_top_130707_ {width:40px; height:40px; line-height:40px;}
	.scroll_top_130707_ span:before {font-size:20px;}
	[id^=div_user_list] .scroll_top_130707_ {margin-left:-50px;}
}


/* ****************** 공백  ****************** */

.empty_line_130704_ {display:block; width:100%; height:25px; line-height:25px;}

[id^=div_user_list] .empty_line_130704_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_130704_:before {content:'공백: 25px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_130704_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_130704_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_130704_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_130704_:before {content:'공백: 60px';}
}

/* ****************** 퀵 메뉴  ****************** */

@media (max-width:1300px){
	.side_menu_35522_ {display:none;}
    [id^=div_user_list] .side_menu_35522_{z-index:auto !important;}
}

@media (min-width:1301px){
  .side_menu_35522_ {position:fixed; top:50%; right:-150px; z-index:1000; transform:translateY(-50%); transition:right 0.7s;}
  [id^=div_user_list] .side_menu_35522_{transform:translateY(0); z-index:auto !important;}
  .side_menu_35522_.on {right:-1px;}
}

@media \0screen{
	.side_menu_35522_ {position:absolute; top:50%px; left:50%; z-index:100; margin-left:615px;}
    [id^=div_user_list] .side_menu_35522_{z-index:auto !important;}
}

[id^=div_user_list] .side_menu_35522_ {display:block !important; position:relative !important; top:auto !important; left:auto !important; z-index:auto !important; margin-left:0 !important;}

/* ****************** 우측세로고정배너  ****************** */

.quick_menu, .quick_menu *{padding:0; margin:0; list-style:none; box-sizing:border-box;}

.quick_menu{width:52px; text-align:center; background:#fff;}
.quick_menu > p{font-size:10px; font-weight:bold; color:#333; letter-spacing:0px; background:#ddd; height:45px; line-height:43px;}
.quick_menu .list_box{border:1px solid #ddd; border-bottom:0;}
.quick_menu .list_box a{display:block; width:100%; height:50px; position:relative; border-top:1px solid #eee; border-bottom:1px solid transparent;}
.quick_menu .list_box li:last-child a{border-bottom:1px solid #ddd;}
.quick_menu .list_box a:hover{background:#eee; border-color:#999 !important;}
.quick_menu .list_box a:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.quick_menu .list_box li:nth-child(1) a:after{background:url("/img_up/shop_pds/jjsol/farm/quick_icon115547787891.png") no-repeat center;}
.quick_menu .list_box li:nth-child(2) a:after{background:url("/img_up/shop_pds/jjsol/farm/quick_icon215547788291.png") no-repeat center;}
.quick_menu .list_box li:nth-child(3) a:after{background:url("/img_up/shop_pds/jjsol/farm/quick_icon315547787301.png") no-repeat center;}
.quick_menu .list_box li:nth-child(4) a:after{background:url("/img_up/shop_pds/jjsol/farm/quick_icon415547788291.png") no-repeat center;}
.quick_menu .list_box .call_box a:hover{background:#ff6326; border-color:#ff6326 !important;}
.quick_menu .list_box .ov_box{width:150px; height:50px; position:absolute; top:-1px; left:-150px; border:1px solid #999; border-right:1px solid #eee; background:#fff; opacity:0; visibility:hidden;}
.quick_menu .list_box .call_box .ov_box{border-color:#ff6326; border-right:1px solid #ff6326;}
.quick_menu .list_box a:hover .ov_box{opacity:1; visibility:visible;}
.quick_menu .list_box .ov_box p{font-size:14px; color:#888; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);}
.quick_menu .list_box .ov_box span{display:inline-block; width:4px; height:7px; background:url("/img_up/shop_pds/jjsol/design/img/quick_more.png") no-repeat center; vertical-align:middle; margin-left:10px; margin-bottom:3px;}
.quick_menu .list_box .call_box .ov_box p{color:#ff6326; font-size:13px; line-height:1.4em;}
.quick_menu .list_box .call_box .ov_box p b{display:block; font-size:17px;}
  


/* ****************** 네비게이션 - 세로형 C (토글)   ****************** */

  .nav_bg{background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; opacity:0; visibility:'hidden'; transition:all 0.6s;}
  
  #nav_mobile{width:300px; max-width:100%; height:100%; background:#fff; position:fixed; top:0; left:-100%; transition:left 0.6s; z-index:100000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-Y:auto;}
  #nav_mobile h1{margin:0; border-bottom:1px solid #ddd; padding:15px; font-size:0;}
  .nav_wrap > p{text-align:right;}
  .close_btn{display:inline-block; width:25px; height:25px; background:url("/img_up/shop_pds/jjsol/design/img/close_btn_icon.png") no-repeat center; position:absolute; top:10px; right:10px;}
  .nav_top_menu{position:absolute; width:100%; top:0; left:0; height:43px; background:#d7006c; }
  .nav_top_menu ul{list-style:none; padding:0; margin:0;}
  .nav_top_menu ul:after{content:''; display:block; clear:both;}
  .nav_top_menu li{display:block; float:left; width:33.333%; position:relative;}
  .nav_top_menu li:last-child{width:25px; position:absolute; top:9px; right:10px;}
  .nav_top_menu li:after{content:''; display:block; width:1px; height:60%; background:rgba(255,255,255,0.3); position:absolute; top:20%; right:0;}
  .nav_top_menu li:last-child:after{display:none;}
  .nav_top_menu li a{display:block; width:100%; text-align:center; font-size:14px; color:#fff; line-height:45px;}
  .nav_top_menu li a:hover{text-decoration:underline;}
  
  .pm2-_144365_ {width:100%; height:100%; padding:15px; background:#fff; transition:all 0.4s; box-sizing:border-box;}
  .pm2-_144365_ * {box-sizing:border-box}
  .pm2-_144365_ ul {margin:0;padding:0;list-style:none}
  .pm2-_144365_ a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .pm2-_144365_ a > img {vertical-align:top}

	.pm2-_144365_ [data-role=toggle] > a:before {content:'';position:absolute;top:50%;right:20px;width:8px;height:14px;margin-top:-7px;background:url("/img_up/shop_pds/jjsol/design/img/nav_arrow.png") no-repeat center; transition:all 0.3s;}
	.pm2-_144365_ [data-role=toggle].active > a:before {transform:rotate(90deg);}

    .pm2-_144365_ .dep1 {position:relative; background:#f7f7f7;}
    .pm2-_144365_ .dep1 > li {border-top:1px dotted #ccc;}
    .pm2-_144365_ .dep1 > li:last-child{border-bottom:1px dotted #ddd;}
    .pm2-_144365_ .dep1 > li.on,
    .pm2-_144365_ .dep1 > li.active {border-top:1px dotted #117bd4;}
    .pm2-_144365_ .dep1 > li:first-child{border-top:0;} 
    .pm2-_144365_ .dep1 > li > a {position:relative;padding:10px 20px;font-size:14px;color:#333}
    .pm2-_144365_ .dep1 > li > a.bt_img {padding:0}
    .pm2-_144365_ .dep1 > li.on > a,
    .pm2-_144365_ .dep1 > li.active > a,
    .pm2-_144365_ .dep1 > li:hover > a {color:#117bd4;}
    .pm2-_144365_ .dep1 > li > div {display:none}

    .pm2-_144365_ .dep2 {background:#fff; border-top:1px dotted #aec155; border-top:1px dotted #117bd4;}
    .pm2-_144365_ .dep2 > li{border-top:1px dotted #c8c8c8; position:relative;}
    .pm2-_144365_ .dep2 > li:first-child{border-top:0; }
    .pm2-_144365_ .dep2 > li > a {padding:10px 15px;font-size:13px;color:#555; }
    .pm2-_144365_ .dep2 > li > a:after{content:'+'; font-size:15px; color:#333; position:absolute; top:50%; right:20px; margin-top:-11px; transition:all 0.3s;}
    .pm2-_144365_ .dep2 > li:hover > a:after{color:#117bd4; transform:rotate(90deg);}
    .pm2-_144365_ .dep2 > li > a.bt_img {padding:0}
    .pm2-_144365_ .dep2 > li.on > a,
    .pm2-_144365_ .dep2 > li:hover > a {color:#117bd4;}
  
  #nav_mobile .bottom_menu ul{padding:0; margin:0; list-style:none; padding:0 13px;}
  #nav_mobile .bottom_menu ul:after{content:''; display:block; clear:both;}
  #nav_mobile .bottom_menu li{width:33.3333%; float:left; border-right:1px solid #fff; box-sizing:border-box;  padding:2px;}
  #nav_mobile .bottom_menu li:last-child{border-right:0;}
  #nav_mobile .bottom_menu li a{display:block; padding:10px 0; width:100%; height:100%; border:1px solid #0063af; text-align:center; cursor:pointer;}
  #nav_mobile .bottom_menu li a p{margin:0; color:#0063af; font-size:13px; }

  
  @media (min-width:1023px){
    .nav_bg{display:none}
    #nav_mobile{display:none;}
  }
