/* from index.html */
.lnb {position:relative; z-index:10;}
.lnb ul {margin:0; padding:0; list-style:none;}
.lnb a {display:block; text-decoration:none;}

.lnb .dep1:after {content:''; display:block; clear:both;}
.lnb .dep1 > li {float:left;}
.lnb .dep1 > li > a {padding:30px 20px;; font-size:18px; color:#323232;}
.lnb .dep1 > li.on > a,
.lnb .dep1 > li:hover > a {background:#12577e; color:#fff;}
.lnb .dep1 > li:hover > div {display:block;}
.lnb .dep1 > li > div {display:none; position:relative;}

  .lnb .dep2 {position:absolute;left: 50%;transform: translateX(-50%); min-width:100%; padding:0; background:#fff; }
  .lnb .dep2 > li:first-child > a {border:0;}
  .lnb .dep2 > li > a {padding:15px 8px; font-size:16px; color:#444; white-space:nowrap; border-top:1px dashed #dcdcdc; text-align:center; font-weight:400;}
.lnb .dep2 > li.on > a,
.lnb .dep2 > li:hover > a {font-weight:500; color:#12577e;}
  
  @media screen and (max-width:1150px){ 
    .lnb .dep1 > li > a {font-size: 15px;}
    .lnb .dep2 > li > a {font-size: 14px;}
    #header h1 img {max-width: 250px;}
  }
  
   @media screen and (max-width:920px){ 
     .lnb li:last-child .dep2 {    position: absolute;right: 0;transform: none;left: -50%;}
      #header h1 img {max-width: 200px;}
     .lnb .dep1 > li > a {font-size: 14px;padding: 30px 10px;}
     .lnb .dep2 > li > a {font-size: 13px;}
  }
  
  @media screen and (max-width:769px){        
    .lnb {position:fixed; right:-290px; top:0; width:290px; bottom:0; background:#fff; z-index:100;}
    .lnb.on {right:0;}
    .lnb > div {overflow:hidden; overflow-y:scroll; position:absolute; width:100%; height:100%; }
    .lnb .dep1 {padding:50px 0;}
    .lnb .dep1 > li {float:none; }
    .lnb .dep1 > li > a { padding:20px 20px; font-weight:bold;}
    .lnb .dep1 > li.on > a,
    .lnb .dep1 > li:hover > a {background:none; color:#12577e;}
    .lnb .dep1 > li > div {display:block; border-bottom:1px solid #dcdcdc;}
    .lnb .dep2 {position:static;}
    .lnb .dep2 > li > a {padding:15px 160px; font-size:12px; text-align:left; border:none;}
  }

/* from index.html */
.flex-control-nav {bottom:20px;}
    .flex-control-paging li a.flex-active {width:25px;}

/* from index.html */
.main_con2{margin-top:35px}
  .main_con2 .main_ban2 ul{margin-left:-20px}
.main_con2 .main_ban2 ul li{width:25%; float:left;}
  .box2 { margin-left:20px; }
.main_con2 .main_ban2 ul li img{max-width:100%}
.clr{*zoom:1;}
.clr:after{content:""; display:block; clear:both; }
  @media(max-width:100px){
  .main_con2 .main_ban2 ul li div{margin-left:10px}  
  .main_con2 .main_ban2 ul{margin-left:-10px}  
  }
  @media(max-width:767px){
     .main_con2{margin-top:30px}
  .main_con2 .main_ban2 ul{margin-left:-20px}
.main_con2 .main_ban2 ul li{width:100%; float:left ; margin-bottom:30px}  
  
  }

/* from index.html */
.pm-board_list_bd_list h3 {margin:0 0 15px; font-size:16px; font-weight:bold; color:#12577e;}
  .pm-board_list_bd_list ul {margin:0; padding:0; list-style:none;}
  .pm-board_list_bd_list li { font-size:13px; line-height:1.6em; margin:4px 0;}
  .pm-board_list_bd_list li > a {display:block; text-decoration:none; color:#333; padding:0;}
  .pm-board_list_bd_list dl {position:relative; margin:0; padding-right:80px;}
  .pm-board_list_bd_list dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .pm-board_list_bd_list dl dd {position:absolute; right:0; top:0; margin:0; font-size:12px; font-family:Arial; color:#888;}
  .pm-board_list_bd_list .comment {font-weight:normal; color:#888;}
  .pm-board_list_bd_list .empty {padding:10px 8px; font-size:14px; color:#666; text-align:center;}

/* from index.html */
@font-face {
	font-family: 'icomoon_slider';
	src: url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot');
	src: url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
	font-weight: normal;
	font-style: normal;
}

.pm-banner_slide_basic_ban_sli { margin:0 auto;}
.pm-banner_slide_basic_ban_sli a {border:none; text-decoration:none;}
.pm-banner_slide_basic_ban_sli a img {border:none;}
.pm-banner_slide_basic_ban_sli .owl-item {z-index: 1;}
.pm-banner_slide_basic_ban_sli .item {position:relative; max-height:150px; }

.pm-banner_slide_basic_ban_sli .owl-nav {-webkit-tap-highlight-color:transparent;}
.pm-banner_slide_basic_ban_sli .owl-nav [class*='owl-'] {
	position:absolute; top:50%; z-index:2; width:40px; height:40px; line-height:40px; margin-top:-20px;
	font-size:0; cursor:pointer; opacity:0.7;
}
.pm-banner_slide_basic_ban_sli .owl-nav [class*='owl-']:before{font-family:'icomoon_slider'; font-size:40px; font-weight:bold; color:#fff;}
.pm-banner_slide_basic_ban_sli .owl-nav [class*='owl-']:hover {opacity:1;}
.pm-banner_slide_basic_ban_sli .owl-nav .owl-prev {left:5px;}
.pm-banner_slide_basic_ban_sli .owl-nav .owl-next {right:5px;}
.pm-banner_slide_basic_ban_sli .owl-nav .owl-prev:before {content:'\e600';}
.pm-banner_slide_basic_ban_sli .owl-nav .owl-next:before {content:'\e601';}
.pm-banner_slide_basic_ban_sli .owl-nav .disabled {opacity:0.5; cursor:default;}

.pm-banner_slide_basic_ban_sli .owl-dots {position:absolute; left:0; width:100%; height:30px; padding:10px; font-size:0; box-sizing:border-box; text-align:center;}
.pm-banner_slide_basic_ban_sli .owl-dots .owl-dot {display:inline-block; zoom:1; *display:inline;}
.pm-banner_slide_basic_ban_sli .owl-dots .owl-dot span {
	display:block; width:10px; height:10px; margin:0 4px;
	background:#ddd; border-radius:30px;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
}
.pm-banner_slide_basic_ban_sli .owl-dots .owl-dot.active span,
.pm-banner_slide_basic_ban_sli .owl-dots .owl-dot:hover span {background:#999;}
  
  @media (max-width:767px){
   .pm-banner_slide_basic_ban_sli .item { max-height:200px; } 
  }