/* ****************** 1칸 레이아웃  ****************** */

.layout_135902_ {clear:both; min-width:150px; max-width:1300px; width:100%; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:1500;}
[id^=div_user_list] .layout_135902_{position:relative; z-index:auto;}
.layout_135902_ > div:after {content:''; display:block; clear:both;}
.layout_135902_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
	.layout_135902_ {min-width:1300px;}
}


/* ****************** 상단 로그인  ****************** */

.gnb_135903_{height:35px; z-index:100;}
.gnb_135903_ ul {height:35px;margin:0; padding:0; list-style:none; font-size:0;}
.gnb_135903_ li {position:relative; display:inline-block; font-size:16px;padding:0 5px;height:40px;line-height:40px;}
.gnb_135903_ li:after{content:''; display:block; width:1px; height:10px; background:rgba(255,255,255,0.3); position:absolute; top:50%; right:0; margin-top:-5px;}
 .gnb_135903_ li:last-child:after{display:none;}
.gnb_135903_ li a {display:block; height:40px; line-height:40px; margin:0; padding:0 .8em; font-size:13px; font-family:'Malgun Gothic','Noto Sans','Nanum Gothic',sans-serif !important; color:#ffffff; text-decoration:none; text-shadow:0 0 3px rgba(0,0,0,0.5);}
.gnb_135903_ li a:hover {text-decoration:underline;}

/* ****************** 2칸 레이아웃  ****************** */

.layout_139846_ {clear:both; min-width:150px; max-width:1300px; width:80%; margin:0 auto; position:absolute; top:40px; left:0; right:0; background:rgba(44,44,44,0.9);z-index:1500; transition:all 0.4s;}
 [id^=div_user_list] .layout_139846_{position:relative; z-index:auto; top:0;}
.layout_139846_:after{content:''; display:block; width:100%; height:84px; position:absolute; top:0; left:0; right:0;transition: all 0.4s;}
  
.layout_139846_ > div {}
.layout_139846_ > div:after {content:''; display:block; clear:both;}
.layout_139846_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box; transition:all 0.4s;}
.layout_139846_ > div > .container_1 {width:260px; position:absolute; top:0; left:0;}
.layout_139846_ > div > .container_2 {width:100%; padding-left:250px;}

  /*스크롤시 디자인변경*/
  .fixed{position:fixed; top:0; left:0; width:100%; max-width:100%;}
  .layout_139846_.fixed .layout_139846_inner{width:100%; max-width:1700px; margin:0 auto; position:relative;}
  .layout_139846_.fixed > div > .container_1{width:210px; left:0;} 
  .layout_139846_.fixed > div > .container_2{padding-left:210px;}
  .layout_139846_.fixed:after{height:56px;}

.nav_btn{display:none;}

@media (max-width:1600px){
  .layout_139846_{width:90%;}
  .fixed{width:100%;}
}

@media (max-width:1300px){
  .layout_139846_{width:95%;}
  .fixed{width:100%;}
}

@media (max-width:1023px){
  .layout_139846_{top:0; width:100%;}
  .layout_139846_:after{height:62px;}
  .layout_139846_.fixed:after{height:43px;}
  .layout_139846_ > div > .container_2{background-color:#fff;}


  .layout_139846_inner{width:100%; max-width:1700px; height:60px;margin:0 auto; position:relative;background-color:#fff;}
  .top_menus{display:none;}
  .nav_btn{display:block;}

}

  
@media \0screen{
	.layout_139846_ {min-width:1300px;}
}

/* ****************** 로고 + 토글  ****************** */

  ul{list-style:none;}
@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_23802_ {position:relative; padding:0 80px; z-index:999; padding:0; border-bottom:none;}
.logo_23802_ * {box-sizing:border-box;}
.logo_23802_ h1 {display:table; width:100%; margin:0; padding:0; text-align:left;}
.logo_23802_ h1 a {display:block; margin:0 auto; width:272px; height:85px; background:url("../images/inc/logo.png") no-repeat center; vertical-align:middle; margin-top:7px; transition:all 0.4s;}
.logo_23802_ h1 a.active{width:193px; height:50px; margin-top:5px; background:url("../images/inc/logo_active.png") no-repeat center;}

@media (min-width:1024px){
	.logo_23802_ {padding:0; border-bottom:none;}
}

@media (max-width:1023px){
  .logo_23802_ h1 a{width:180px; height:52px; margin:5px; margin-left:15px; background:url("../images/inc/logo_active.png") no-repeat center; background-size:contain;}
  .logo_23802_ h1 a.active{width:140px; background:url("../images/inc/logo_active.png") no-repeat center; background-size:contain;}}
  .logo_23802_ h1 a.active{height:43px; margin-top:0;}
 }
  


/* ****************** 네비게이션 - 가로형 C (전체보기)  ****************** */

.pm2-_139848_wrap{position:relative; padding-right:84px;}
#pm2-_139848_ {position:relative; z-index:100; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:84px;}
#pm2-_139848_ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#pm2-_139848_ ul {margin:0; padding:0; list-style:none;}
#pm2-_139848_ a {display:block; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#pm2-_139848_ a > img {max-width:100%; vertical-align:top;}

#pm2-_139848_ .dep1 {position:relative; height:70px;}
#pm2-_139848_ .dep1 {display:table; width:100%; table-layout:fixed;}
#pm2-_139848_ .dep1 > li {display:table-cell; position:relative; width:16%;}
#pm2-_139848_ .dep1 > li:nth-child(4){width:13%;}
#pm2-_139848_ .dep1 > li:nth-child(5){width:13%;}
#pm2-_139848_ .dep1 > li:nth-child(6){width:13%;}
#pm2-_139848_ .dep1 > li:nth-child(7){width:13%;}
#pm2-_139848_ .dep1 > li > a {padding:12px 13px; font-size:17px; line-height:60px; text-align:center; white-space:nowrap; overflow:visible; color:#444; transition:all 0.3s;}
#pm2-_139848_ .dep1 > li > a.bt_img {padding:0;}
#pm2-_139848_ .dep1 > li.on > a,
#pm2-_139848_ .dep1 > li:hover > a {background:none; color:#d7006c;}
#pm2-_139848_ .dep1 > li > div {display:none; position:relative; background:none;}


  
/*메뉴 슬라이드 시 좌측 배경 이미지*/
#pm2-_139848_ .dep1 > li:first-child .dep2_img{background:url("") no-repeat center; background-size:cover; width:125%; height:195px; position:absolute; top:-15px; left:-125%;}
#pm2-_139848_ .dep1 > li:nth-child(2) .dep2_img,
#pm2-_139848_ .dep1 > li:nth-child(3) .dep2_img,
#pm2-_139848_ .dep1 > li:nth-child(4) .dep2_img,
#pm2-_139848_ .dep1 > li:nth-child(5) .dep2_img{display:none;}
  
#pm2-_139848_ .dep2 {padding:25px 0;}
#pm2-_139848_ .dep2 > li > a {padding:7px 5px; font-size:16px; color:#aaa; text-align:center; transition:all 0.3s; font-weight:normal; letter-spacing:-1px;}
#pm2-_139848_ .dep2 > li > a.bt_img {padding:0;}
#pm2-_139848_ .dep2 > li.on > a,
#pm2-_139848_ .dep2 > li:hover > a {color:#fffefa;}

/* layer navigation */
#pm2-_139848_.layer {height:90px;}
#pm2-_139848_.layer .dep1 {position:absolute; top:0; right:0; left:0; }

/*우측모든메뉴버튼*/
.nav_btn{position:absolute; top:0; right:0; width:84px; height:84px; padding:32px 28px; background:#d7006c; z-index:2000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:background 0.5s;}
.nav_btn:hover{background:#c20061;}
.nav_btn span{display:block; width:30px; height:2px; background:#fff; margin-bottom:8px;}


/*스크롤시 스타일*/
#pm2-_139848_.active .dep1{height:56px;}
#pm2-_139848_.active .dep1 > li > a{padding:8px 20px; line-height:40px;}
.layout_139846_.fixed .nav_btn{height:56px; padding:17px 28px;}

@media (max-width:1200px){
  #pm2-_139848_ .dep1 > li > a{font-size:16px;}
  #pm2-_139848_ .dep2{padding:15px 0;}
  #pm2-_139848_ .dep2 > li > a{font-size:15px; padding:5px;}
}

@media (max-width:1023px){
  #pm2-_139848_{display:none;}
  .nav_btn{display:none;}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.nav_btn_m{display:block; width:40px; height:35px; padding:5px 3px; position:absolute; top:14px; right:10px; z-index:2000; transition:all 0.4s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.layout_139846_.fixed .nav_btn_m{top:4px; right:5px;}
.nav_btn_m span{display:block; width:100%; height:3px; background:#767676; margin-bottom:7px;}
.nav_btn_m span:last-child{margin-bottom:0;}

@media (min-width:1024px){
  .nav_btn_m{display:none;}
}

/* ****************** 2칸 레이아웃  ****************** */

.layout_136362_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto; padding: 0;}
.layout_136362_ > div {}
.layout_136362_ > div:after {content:''; display:block; clear:both;}
.layout_136362_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_136362_ > div > .container_1 {width:70%;line-height:20px;padding-top:10px;}
.layout_136362_ > div > .container_2 {width:30%;}

@media (max-width:1300px){
  .layout_136362_{width:95%;}
}

@media (max-width:1023px){
  .layout_136362_ {width:100%; text-align:center;}
	.layout_136362_ > div > .container_1 { width:100%;  margin-bottom:20px;}
	.layout_136362_ > div > .container_2 { width:100%; }
}

@media \0screen{
	.layout_136362_ {min-width:1300px;}
}

/* ****************** 이미지  ****************** */

.img_136355_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;}
.img_136355_ * {box-sizing:border-box;}
.img_136355_ a {display:block; text-decoration:none;}
.img_136355_ img {max-width:100%; vertical-align:top;}

/* ****************** 하단 메뉴  ****************** */

.fnb_136356_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.fnb_136356_ li {position:relative; display:inline-block; font-size:12px;}
.fnb_136356_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-5px; background-color:#ffffff; opacity:.7;}
.fnb_136356_ li:first-child:before {display:none;}
.fnb_136356_ li a {display:block; height:20px; line-height:20px; margin:0; padding:0 .8em; font-size:15px; color:#ffffff; text-decoration:none; font-weight:100;}
.fnb_136356_ li a:hover {text-decoration:underline;}
.fnb_136356_ p {height:20px; line-height:20px; margin:0; padding:0 .8em; font-family:Arial; font-size:12px; color:#ffffff}

/* ****************** 실선  ****************** */

.solid_line_136358_ {display:block; position:relative; width:100%; height:25px;}
.solid_line_136358_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #4d5159;}

/* ****************** 하단 정보  ****************** */

.footer_info_136354_ {padding:0 10px;}
.footer_info_136354_ ul {margin:0; padding:0; list-style:none; font-size:0;}
.footer_info_136354_ li {position:relative; display:inline-block; font-size:13px; color:#999; line-height:1.8em; padding-right:6px;}
.footer_info_136354_ li:first-child:before {display:none;}
.footer_info_136354_ 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_136354_ .copyright li a{display:block; color:#cfaf76;}

@media (max-width:1023px){
  .footer_info_136354_ ul{text-align:center;}
}
  
@media (max-width:767px){
	.footer_info_136354_ .copyright li a{display:block;}
}

/* ****************** 퀵 메뉴  ****************** */

@media (max-width:1300px){
	.side_menu_35522_ {display:none;}
}

@media (min-width:1301px){
	.side_menu_35522_ {position:fixed; top:227px; top:195px; right:0; z-index:1000; transition:top 0.7s;}
	/*.side_menu_35522_.on {top:56px;}*/
	.side_menu_35522_.on {top:195px;}
}

@media \0screen{
	.side_menu_35522_ {position:absolute; top:227px; left:50%; z-index:100; margin-left:615px;}
}

[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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.quick_menu{width:84px; background:#373b3c; z-index:1000; text-align:center; box-shadow:2px 2px 8px rgba(0,0,0,0.3);}
  
.quick_menu li{padding:10px 0; border-bottom:1px solid #4a4d4e; transition:all 0.3s;}
.quick_menu li:hover{background:#d7006c;}
.quick_menu li:last-child{border-bottom:0;}
.quick_menu li p{font-size:13px; color:#fff;}
.quick_menu li i{display:block; width:38px; height:38px; margin:0 auto 2px; transition:all 0.4s;}
.quick_menu li:nth-child(1) i{background:url("/img_up/shop_pds/tsobe/farm/quick11544067143.png") no-repeat center;}
.quick_menu li:nth-child(2) i{background:url("/img_up/shop_pds/tsobe/farm/quick21544066913.png") no-repeat center;}
.quick_menu li:nth-child(3) i{background:url("/img_up/shop_pds/tsobe/farm/quick31544066913.png") no-repeat center;}
.quick_menu li:nth-child(4) i{background:url("/img_up/shop_pds/tsobe/farm/quick41544066913.png") no-repeat center;}
  .quick_menu li:nth-child(5) i{background:url("/img_up/shop_pds/tsobe/farm/je-mok-eum-21547192571.png") no-repeat center;}
  
.quick_menu .call_box{background:#c20061; padding:15px 0; font-size:14px; color:#d3aa2b;}
.quick_menu .call_box strong{display:block; font-size:26px; letter-spacing:-2px; margin-top:5px; color:#fff; line-height:1.2em; font-weight:500;}

.quick_menu .top_btn{font-size:12px; color:#fff; padding:10px 0;}
.quick_menu .top_btn span{display:inline-block; width:16px; height:16px; background:url("/img_up/shop_pds/tsobe/design/img/top_mini.png") no-repeat center; margin-right:4px; vertical-align:middle; margin-bottom:1px;}

/* ****************** 네비게이션 - 세로형 C (토글)   ****************** */

  .nav_bg{background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:3000; opacity:0; visibility:'hidden'; transition:all 0.6s;}
  
  #nav_mobile{width:350px; max-width:100%; height:100%; padding:0 10px; background:#fff; position:fixed; top:0; right:-100%; transition:right 0.6s; z-index:9999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .nav_wrap > p{text-align:right;}
  .close_btn{display:inline-block; width:25px; height:25px; background:url("../img/inc/close_btn_icon.png") no-repeat center;}
  .nav_top_menu{position:absolute; width:100%; top:0; right: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 
  
  .pm2-_139850_ {width:100%; height:100%; padding-top:43px; background:#fff; transition:all 0.4s;}
  .pm2-_139850_ * {box-sizing:border-box}
  .pm2-_139850_ ul {margin:0;padding:0;list-style:none}
  .pm2-_139850_ a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .pm2-_139850_ a > img {vertical-align:top}

	.pm2-_139850_ [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/tsobe/design/img/nav_arrow.png") no-repeat center; transition:all 0.3s;}
	.pm2-_139850_ [data-role=toggle].active > a:before {transform:rotate(90deg);}

    .pm2-_139850_ .dep1 {position:relative;margin-top:40px; }
    .pm2-_139850_ .dep1 > li {border-top:1px dotted #ddd;}
    .pm2-_139850_ .dep1 > li:last-child{border-bottom:1px dotted #ddd;}
    .pm2-_139850_ .dep1 > li.on,
    .pm2-_139850_ .dep1 > li.active {border-top:1px dotted #d7006c;}
    .pm2-_139850_ .dep1 > li:first-child{border-top:0;} 
    .pm2-_139850_ .dep1 > li > a {position:relative;padding:12px 13px;font-size:16px;color:#333}
    .pm2-_139850_ .dep1 > li > a.bt_img {padding:0}
    .pm2-_139850_ .dep1 > li.on > a,
    .pm2-_139850_ .dep1 > li.active > a,
    .pm2-_139850_ .dep1 > li:hover > a {color:#d7006c;}
    .pm2-_139850_ .dep1 > li > div {display:none}

    .pm2-_139850_ .dep2 {background:#f7f7f7; border-top:1px dotted #aec155;}
    .pm2-_139850_ .dep2 > li{border-top:1px dotted #c8c8c8; position:relative;}
    .pm2-_139850_ .dep2 > li:first-child{border-top:0; }
    .pm2-_139850_ .dep2 > li > a {padding:12px 20px;font-size:15px;color:#333; }
    .pm2-_139850_ .dep2 > li > a:after{content:'+'; font-size:15px; color:#333; position:absolute; top:50%; right:20px; margin-top:-11px; transition:all 0.3s;}
    .pm2-_139850_ .dep2 > li:hover > a:after{color:#d7006c; transform:rotate(90deg);}
    .pm2-_139850_ .dep2 > li > a.bt_img {padding:0}
    .pm2-_139850_ .dep2 > li.on > a,
    .pm2-_139850_ .dep2 > li:hover > a {background:#f1f1f1;}
  
  @media (min-width:1023px){
    .nav_bg{display:none}
    #nav_mobile{display:none;}
  }


/*  */
.footer-call {position:absolute; left:45%; top:30%;font-size:26px;color:#fff;}
.footer-call a,
.footer-call a:hover{text-decoration:none;font-size:26px;;color:#fff;}