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

.layout_310451_ {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_310451_{position:relative; z-index:auto;}
.layout_310451_ > div:after {content:''; display:block; clear:both;}
.layout_310451_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

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


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

.layout_310471_ {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_310471_{position:relative; z-index:auto; top:0;}
.layout_310471_:after{content:''; display:block; width:100%; height:84px; position:absolute; top:0; left:0; right:0; background:url("/img_up/shop_pds/kent2579/farm/pattern1543891969112.png") #fff; transition: all 0.4s;}
  
.layout_310471_ > div {}
.layout_310471_ > div:after {content:''; display:block; clear:both;}
.layout_310471_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box; transition:all 0.4s;}
.layout_310471_ > div > .container_1 {width:280px; position:absolute; top:0; left:0;}
.layout_310471_ > div > .container_2 {width:100%; padding-left:300px;}

  /*스크롤시 디자인변경*/
  .fixed{position:fixed; top:0; left:0; width:100%; max-width:100%;}
  .layout_310471_.fixed .layout_310471_inner{width:100%; max-width:1700px; margin:0 auto; position:relative;}
  .layout_310471_.fixed > div > .container_1{width:210px; left:0;  top:15px; /*로고가 위로 딱 붙어 있어서 상단의 여백을 주니 세로가운데가 되었다.*/} 
  .layout_310471_.fixed > div > .container_2{padding-left:310px;}
  .layout_310471_.fixed:after{height:83px;}/*여기서 높이조절을 하니깐 밑줄이 생겨났다.*/


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

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

@media (max-width:1023px){
    .layout_310471_.fixed > div > .container_1{width:210px; left:0;  top:10px; /*로고가 밑으로 딱 붙어 있어서 높이값을 줬더니 내려왔다*/} 
  .layout_310471_{top:0; width:100%; }
  .layout_310471_:after{height:62px; border-bottom:1px solid #666; /*보더값을 주니 스크롤이동시 메뉴하단에 선이 생겼다*/}
  .layout_310471_.fixed:after{height:63px; border-bottom:1px solid #666; /*보더값을 주니 스크롤이동시 메뉴하단에 선이 생겼다*/}
}

  
@media \0screen{
	.layout_310471_ {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:261px; height:72px; background:url("/img_up/shop_pds/kent2579/farm/pc11770708368.png") no-repeat center; vertical-align:middle; margin-top:6px; transition:all 0.4s; margin-left:60px;}
.logo_23802_ h1 a.active{width:193px; height:43px; margin-top:5px; background:url("/img_up/shop_pds/kent2579/farm/pc21770708418.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:3px 0 0 2px; background:url("/img_up/shop_pds/kent2579/farm/m11770708486.png") no-repeat center left; }
  .logo_23802_ h1 a.active{width:180px; margin-top:0; background:url("/img_up/shop_pds/kent2579/farm/m21770708486.png") no-repeat center left;}
 }
  


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

.pm2-_310491_wrap{position:relative; padding-right:84px;}
#pm2-_310491_ {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-_310491_ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#pm2-_310491_ ul {margin:0; padding:0; list-style:none;}
#pm2-_310491_ a {display:block; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#pm2-_310491_ a > img {max-width:100%; vertical-align:top;}

#pm2-_310491_ .dep1 {position:relative; height:70px;}
#pm2-_310491_ .dep1 {display:table; width:100%; table-layout:fixed;}
#pm2-_310491_ .dep1 > li {display:table-cell; position:relative; width:16.666%;}
#pm2-_310491_ .dep1 > li > a {padding:12px 13px; font-size:19px; font-weight:500; line-height:60px; text-align:center; white-space:nowrap; overflow:visible; color:#444; transition:all 0.3s;}
#pm2-_310491_ .dep1 > li > a.bt_img {padding:0;}
#pm2-_310491_ .dep1 > li.on > a,
#pm2-_310491_ .dep1 > li:hover > a {background:none; color:#3340bd;}
#pm2-_310491_ .dep1 > li > div {display:none; position:relative; background:none;}


  
/*메뉴 슬라이드 시 좌측 배경 이미지*/
#pm2-_310491_ .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-_310491_ .dep1 > li:nth-child(2) .dep2_img,
#pm2-_310491_ .dep1 > li:nth-child(3) .dep2_img,
#pm2-_310491_ .dep1 > li:nth-child(4) .dep2_img,
#pm2-_310491_ .dep1 > li:nth-child(5) .dep2_img{display:none;}
  
#pm2-_310491_ .dep2 {padding:20px 0;}
#pm2-_310491_ .dep2 > li > a {padding:7px 5px; font-size:17px; color:#aaa; text-align:center; transition:all 0.3s; font-weight:normal; letter-spacing:-1px;}
#pm2-_310491_ .dep2 > li > a.bt_img {padding:0;}
#pm2-_310491_ .dep2 > li.on > a,
#pm2-_310491_ .dep2 > li:hover > a {color:#fffefa;}

/* layer navigation */
#pm2-_310491_.layer {height:90px;}
#pm2-_310491_.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:#3340bd; 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:#74ba59;}
.nav_btn span{display:block; width:30px; height:2px; background:#fff; margin-bottom:8px;}


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

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

@media (max-width:1023px){
  #pm2-_310491_{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_88669_.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;}
}

/* ****************** 네비게이션 - 세로형 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_up/shop_pds/kent2579/design/img/close_btn_icon.png") no-repeat center;}
  .nav_top_menu{position:absolute; width:100%; top:0; right:0; height:43px; background:#3340bd; }
  .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-_310511_ {width:100%; height:100%; padding-top:43px; background:#fff; transition:all 0.4s;}
  .pm2-_310511_ * {box-sizing:border-box}
  .pm2-_310511_ ul {margin:0;padding:0;list-style:none}
  .pm2-_310511_ a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .pm2-_310511_ a > img {vertical-align:top}

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

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

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

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

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

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

.empty_294731_ , .empty_294731_  *{padding:0; margin:0; list-style:none; box-sizing:border-box;}
  
.quick_bg{width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; top:0; left:0; opacity:0; visibility:hidden; transition:all .4s;}
.empty_294731_ {position:fixed; bottom:50px; left:20px; z-index:100;}

.empty_294731_ .quick_btn{display:block; width:55px; height:55px; background:#f93e68; background:linear-gradient(125deg, #8ed236 0%,#79bc21 100%); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); border-radius:50%; text-align:center; line-height:70px; position:relative; z-index:300; cursor:pointer;}
.empty_294731_ .quick_btn span{display:block; width:55px; height:55px; background:url("/img_up/shop_pds/kent2579/design/img/call_btn_fixed.png") no-repeat left center; background-size:cover; transition:all .4s;}
.empty_294731_ .quick_btn:hover span{background-position:right center;}


@media (min-width:1301px){
  .empty_294731_ {display:none;}
}

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

.layout_311231_ {clear:both; min-width:320px; background:#f9f9f9}
.layout_311231_ > div { max-width:1400px; margin:0 auto;    padding: 80px 0;}
.layout_311231_ > div:after {content:''; display:block; clear:both;}
.layout_311231_ > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.layout_311231_ > div > .container_1 {width:75%;}
.layout_311231_ > div > .container_2 {width:25%;text-align:right;}

@media (max-width:1023px){
	.layout_311231_ > div > .container_1 { width:100%; }
	.layout_311231_ > div > .container_2 { width:100%; text-align:center;}
}
@media \0screen{
	.layout_311231_ {min-width:1400px;}
}
   @media (min-width:1024px){
   .layout_311231_ > div > .container_1 {display:flex;}
       .layout_311231_ > div > .container_1,.img_311281_ {margin-right:0px;}
      .layout_311231_ > div {padding: 80px 0 140px;}
  }
  @media (max-width:1023px){
    .layout_311231_ > div{padding:30px 20px 80px}
    .img_413351_{max-width:200px !important}
    .footer_info_379111_ span{font-size:13px !important}
  
    .layout_311231_ > div > .container_2,.empty_311271_{text-align: center !important;}
    .layout_311231_ > div > .container_2,.empty_187631_{text-align: center !important;}
  }

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

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

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

  .footer_info_311241_{word-break:keep-all}
.footer_info_311241_ span {position:relative; display:inline-block; font-size:15px; color:#333; line-height:1.7;}
  .footer_info_311241_ .copyright{font-size:14px;    text-transform: uppercase; color:#333;}
.footer_info_311241_ .copyright a{color:#8e6b53;}
   @media (min-width:1024px){
     .footer_info_311241_ span{padding-right:10px}
    .footer_info_311241_ span + span{padding-left:10px}
  .footer_info_311241_ span + span:before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:15px; margin-top:-6px; background-color:#222;}
  }


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

.fnb_311251_ ul {margin:0; padding:0; list-style:none; font-size:0; padding:0px 0;}
.fnb_311251_ li {position:relative; display:inline-block; font-size:17px;}
.fnb_311251_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 15px;color:#000; font-size:14px; text-decoration:none; letter-spacing:-1px;font-weight:500}
.fnb_311251_ li a:before,.fnb_311251_ li:last-child a:after {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:15px; margin-top:-6px; background-color:rgba(0,0,0,.2);}
.fnb_311251_ li:last-child a:after{right:0;left:auto}
.fnb_311251_ p {margin:0; padding:0 15px;font-size:12px; color:#333;}

@media (max-width: 1200px){
nav.fnb_311251_ {padding: 15px 0 5px;}
nav.fnb_311251_ a{font-size:12px;} 
}

/* ****************** 공백  ****************** */

.empty_line_265075_ {display:block; width:100%; height:20px; line-height:20px;}

[id^=div_user_list] .empty_line_265075_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_265075_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1200px){
	.empty_line_265075_ {height:10px; line-height:1px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_265075_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_265075_:before {content:'공백: 10px';}
}