/*½½¶óÀÌµå*/
.slick-slider {margin: 0 !important;}

/*sub_top_visual*/
.sub_visual {position: relative;}
.sub_visual img {width: 100%;}
.sub_visual > #top_search {position: absolute; top:30% !important; width: 100%; text-align: center;}
.sub_visual  p.sub_tit {font-size: 35px; color: #fff; font-weight:bold;  margin-bottom: 20px;}

/* Ä«Å×°í¸® ³×ºñ°ÔÀÌ¼Ç */
.category_m{	height: 100%; display:inline-block; letter-spacing: 0px;	font-size: 12px;	background:url(../image/sub/icon_home.png) 20px 50% #cf0303 no-repeat;	padding: 0 32px; border-right: 1px solid #ccc;}


/*sub_navi*/ 
.page_navigation {width: 100%; position: absolute;left: 0; top:-50px; bottom: 23px; color:#4f4f4f; height: 50px; line-height: 55px; background-color: #fff; }
.page_navigation.shop_nav{top: -49px; border-bottom: 1px solid #ddd; }
.page_navigation.shop_nav span{height: 100%; line-height: 50px; color: #555;font-weight: 300;padding-left: 10px; display:inline-block; border-right: 1px solid #ddd; padding: 0 30px; vertical-align:top; }
.page_navigation.shop_nav span:last-child {border-right:0;}
.page_navi {    font-size: 11px;    float: right;    margin-top: 10px;	width: 99%;	text-align: right;	margin-bottom: 20px;}
.page_navi select {    font-size: 11px;}
 

#sub_top h2 {float: left; margin-top: 80px; margin-bottom: 20px; font-size: 3em; font-weight:500; color: #ab0312; letter-spacing: -0.033em; margin-left: 5px;}
#sub_top h2.mem_tit {float: left;font-size: 3em; font-weight:500; color: #343434; letter-spacing: -0.033em; margin-left: 5px;}
#sub_top span{font-size:16px; }
#sub_top span.newcate_eng { font-size: 16px; color: #a1000a;margin-left: 9px; display:none;}
h3 {color: #000;font-size: 22px;}
.page_contents img {max-width:100%;height:auto;}

.cate_navi {max-width:1200px;position:relative; height: 56px; margin: 0 auto 62px auto;  }
.cate_navi_box {width:100%; height: 100%;box-sizing:border-box; }
.cate_navi_box h3 {position:absolute;top:15px;left:37px; font-size:17px; display:none;}
.cate_navi_box ul {position:absolute;top:-35px; right:0;}
.cate_navi_box ul li{display: inline-block;}
.cate_navi_box ul li:last-child {margin-right:30px;}
.cate_navi_box ul li a{width: 100%; height: 100%; display:block;}

.cate_navi_box ul li a:active, .cate_navi_box ul li a:visited {color: #555;}
.cate_navi_box ul li a:hover {color: #000}
.cate_navi_box ul li.onclick a {color: #cf0303}

.cate_navi_box > ul li a {font-size: 16px;}
.cate_navi_box ul li a span {color: #ababab; padding: 0 10px;}

.cate_navi2 {max-width:1200px;position:relative; height: 56px; margin: 0 auto 62px auto;  }}
.cate_navi_box2{width:100%; height: 100%;box-sizing:border-box; }
.cate_navi_box2 h3 {position:absolute;top:15px;left:37px; font-size:17px; display:none;}
.cate_navi_box2 ul {position:absolute;top:-35px; right:0;}
.cate_navi_box2 ul li{display: inline-block;}
.cate_navi_box2 ul li:last-child {margin-right:30px;}
.cate_navi_box2 ul li a {width: 100%; height: 100%; display:block;}
.cate_navi_box2 ul li a:hover{color: #000}
.cate_navi_box2 > ul li a {font-size: 16px;}
.cate_navi_box2 ul li a span {color: #ababab; padding: 0 10px;}

.cate_navi_box2 ul li a:active, .cate_navi_box2 ul li a:visited {color: #555;}
.cate_navi_box2 ul li a:hover {color: #000}
.cate_navi_box2 ul li.onclick a {color: #cf0303}

.menu_3th {display: inline-block; margin-top: 30px; width:100%;}
.menu_3th li {display: inline-block;float: left; width:50%;}
.menu_3th a {padding: 8px 0px; width:100%; background: #fff;border: 1px solid #bbb;font-size: 1.1em;margin: 2px;display: inline-block;}
.menu_3th .tab_on a {background: #2e6790;color: #fff;font-weight: 500;border: 1px solid #2e6790;}

.sub_cont h3 {padding-bottom: 1%;background: url('../image/sub/title_line.png') no-repeat left top;line-height: 2em;display: inline-block;}

.pro_title {padding-bottom: 1%;background: url('../image/sub/title_line.png') no-repeat left top;line-height: 2em;display: inline-block;    text-align: left;width: 100%;color: #000;font-size: 22px;font-weight: 600;margin-top: 20px;}





#news_notice {width: 199px;height: 187px;background:#fff; }


.page_navi {display:none;}



div.title {
	position: absolute;
	top: 43px;
	left: 32px;
	color: #b05959;
	font-weight: bold;
	font-size: 30px;
	z-index:99;
}
div.title span {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 20px;
}


div#location {
position: absolute;
left: 0;
top: 126px;
color: #686868;
}
#category_list {
width: 100%;
/* float: left; */
 

}
#greetings {
background: url(../image/sub/greet_img.jpg) top right no-repeat;width: 95%;margin: 0 auto;
}
#greetings .gr_02 {
padding: 10px 390px 0 0;
}
#greetings .gr_03 {
padding: 20px 241px 0 0;
}
#greetings .gr_04 {
padding: 20px 239px 0 0;
}

#greetings .gr_05 {
padding: 20px 11px 40px 0;
}
#greetings .gr_06 {
text-align: right;
}
#farm_con .farm_stitle {
padding-bottom: 10px;
}
#farm_con {width: 95%;margin: 0 auto;font-size:11px;}
#farm_con .farm_tb {padding: 0 0 20px 20px;}
#farm_con .farm_tb table  {border-collapse: collapse; border-top: 1px solid #5595c6;border-left: 1px solid #5595c6; line-height:20px; margin:0 auto; width:100%}
#farm_con .farm_tb table th {width:120px;background:#68a4d3; color: #fff; font-weight: bold; text-align:right; font-size:11px; vertical-align: middle; padding:5px;border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif;}
#farm_con .farm_tb table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:11px;  text-align: left; border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;}
#farm_con .farm_tb table th.center {text-align: center;}
#farm_con .farm_tb table td.center {text-align: center;}
#festival_con {width: 95%;margin: 0 auto;font-size:11px !important;}
#festival_con {background: url(../image/sub/festival_img.jpg) left top no-repeat;padding-top: 200px;}
#festival_con .farm_stitle {padding-bottom: 10px;}
#festival_con .farm_tb {padding: 0 0 20px 20px;font-size:11px;}

#festival_con .farm_tb table  {border-collapse: collapse; border-top: 1px solid #5595c6;border-left: 1px solid #5595c6; line-height:20px; margin:0 auto; width:100%}
#festival_con .farm_tb table th {width:120px;background:#68a4d3; color: #fff; font-weight: bold; text-align:right; font-size:11px; vertical-align: middle; padding:5px;border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif;}
#festival_con .farm_tb table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:11px;  text-align: left; border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;}
#festival_con .farm_tb table th.center {text-align: center;}
#festival_con .farm_tb table td.center {text-align: center;}
#festival_con02 {width: 95%;margin: 0 auto;}
#festival_con02 {background: url(../image/sub/festival_img02.jpg) left top no-repeat;padding-top: 111px;}
#festival_con02 .farm_stitle {padding-bottom: 10px;}
#festival_con02 .farm_tb {padding: 0 0 20px 20px;font-size:11px;}

#festival_con02 .farm_tb table  {border-collapse: collapse; border-top: 1px solid #5595c6;border-left: 1px solid #5595c6; line-height:20px; margin:0 auto; width:100%}
#festival_con02 .farm_tb table th {width:120px;background:#68a4d3; color: #fff; font-weight: bold; text-align:right; font-size:11px; vertical-align: middle; padding:5px;border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif;}
#festival_con02 .farm_tb table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:11px;  text-align: left; border-bottom: 1px solid #5595c6;border-right: 1px solid #5595c6;}
#festival_con02 .farm_tb table th.center {text-align: center;}
#festival_con02 .farm_tb table td.center {text-align: center;}

#maesil_con {width: 95%;margin: 0 auto;}
#maesil_con .maesil_ex {border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;}
#maesil_con .maesil_ex p {padding:15px;}
#maesil_con .maesil_com {padding-top: 25px;font-size: 11px;
color: #686868;
line-height: 16px;}
#maesil_con .maesil_img {float: left;margin: 0 15px 15px 0;}

.company_bg { background: url(../image/sub/company_bg.jpg) no-repeat 0px 83px; height: 250px;}
.company_txt {margin-bottom:30px; }
.company_txt ul {float:left;  width:700px;padding-left: 28px; }
.company_txt ul li {padding:28px 0 0 0;}
.company_txt_right {
		float: right;
		margin-top: 14px;
		margin-bottom: 30px;
		}


.map_txt {margin-bottom:30px;  }
.map_txt ul {
float: left;
width: 700px;
padding-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
}
.map_txt ul li {padding:16px 0 0 0;}
.map_txt_line {
border-bottom: 1px solid #cecece;
padding-bottom: 25px;
}

.map_line {border-bottom: 1px solid #cecece; padding-top: 145px; }

.show_room {margin-left: -10px; }

/* gallery */

 #gallery {
	padding-top:30px;
    padding-left: 80px;
    background: #fff;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../mall/skin/gaga_basic_skin/image/gallery/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../image/gallery/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../image/gallery/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../image/gallery/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(../image/gallery/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(../image/gallery/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}



/************our_herb_story************/
.customer {background: url('../image/bottom/customer_bg.jpg') center top repeat-x;}
.our_hs_title{color:#546a25; font-size:24px; line-height:40px; font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif;}
.our_hs_content{color:#444444; font-size:15px; line-height:24px; font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif; width:50%; float:left; display:inline-block;}

.sub_brand {background: url('../image/sub/brand_img.png') top right no-repeat;}
.sub_brand h4 {color: #718c1e;font-size: 2em;font-weight: 500;padding: 2% 0 3% 0;background: url('../image/sub/title_line.png') left bottom no-repeat;}
.sub_brand p {padding-top:3.3%;}
.bi_img {background: url('../image/sub/bi_bg.png') no-repeat; width:100%;height:300px;}
.bi_img h5, .history_img h5 {font-size: 42px;text-align: center;color: #fff;font-weight: 500;padding: 6% 0 3% 0;line-height: 50px;}
.bi_img p, .history_img p {color: #e4e7db;text-align: center;font-size: 15px;line-height: 23px;font-weight: 400;}
.sub_bi ul {margin-top:3%;overflow: hidden;}
.sub_bi li {display: inline-block;float: left;width:50%;}
.sub_bi span {display: inline-block;background: #888;float:right;margin-top:10px; margin-right:17px;}
.sub_bi span a {padding:7px 25px 7px 12px;display: inline-block;color: #fff;font-size: 11px;background: url('../image/sub/download_icon.png') no-repeat 70px 8px;}
.color ul li {width: 33.3%;}
.color ul {margin-top: 0%;border: 1px solid #d1d1d1;padding: 3%}
.color h3 {margin-top: 5%;}
.color dt {color:#333;font-weight: 600;padding-bottom:10px;}
.color dl {padding-left:25%;}
.color01 {background: url('../image/sub/color01.png') 0 10px no-repeat;}
.color02 {background: url('../image/sub/color02.png') 0 10px no-repeat;}
.color03 {background: url('../image/sub/color03.png') 0 10px no-repeat;}
.color04 {background: url('../image/sub/color04.png') 0 10px no-repeat;}
.color05 {background: url('../image/sub/color05.png') 0 10px no-repeat;}
.color06 {background: url('../image/sub/color06.png') 0 10px no-repeat;}


/* Á¦Ç°¼Ó ¾àÃÊ¼Ò°³*/
.sub_herb ul {display: inline-block;width: 100%;padding-bottom: 2%;}
.sub_herb li {display: inline-block;float: left;width: 24.5%;margin-right: 0.5%;padding-bottom: 3%;}
.sub_herb li b {width: 100%;display: inline-block;color: #fff;font-size: 1.4em;font-weight: 500;text-align: center;padding: 33% 0;letter-spacing: -1.7px;background: url(../image/sub/pro_title.png) no-repeat center;}
.sub_herb li p {font-size: 20px;color:#4d6c11;padding-top: 7%;}
.sub_herb li p span {display: block;font-size: 14px;padding-top: 3%;font-weight: 500;color:#666;}

.sub_herb li.pro00 {background: url(../image/sub/pro01_00.png) no-repeat;background-size: 100%;}
.sub_herb li.pro01 {background: url(../image/sub/pro01_01.png) no-repeat;background-size: 100%;}
.sub_herb li.pro02 {background: url(../image/sub/pro01_02.png) no-repeat;background-size: 100%;}
.sub_herb li.pro03 {background: url(../image/sub/pro01_03.png) no-repeat;background-size: 100%;}
.sub_herb li.pro04 {background: url(../image/sub/pro01_04.png) no-repeat;background-size: 100%;}
.sub_herb li.pro05 {background: url(../image/sub/pro01_05.png) no-repeat;background-size: 100%;}
.sub_herb li.pro06 {background: url(../image/sub/pro01_06.png) no-repeat;background-size: 100%;}
.sub_herb li.pro07 {background: url(../image/sub/pro01_07.png) no-repeat;background-size: 100%;}
.sub_herb li.pro08 {background: url(../image/sub/pro01_08.png) no-repeat;background-size: 100%;}
.sub_herb li.pro09 {background: url(../image/sub/pro01_09.png) no-repeat;background-size: 100%;}
.sub_herb li.pro10 {background: url(../image/sub/pro01_10.png) no-repeat;background-size: 100%;}
.sub_herb li.pro11 {background: url(../image/sub/pro01_11.png) no-repeat;background-size: 100%;}
.sub_herb li.pro12 {background: url(../image/sub/pro01_12.png) no-repeat;background-size: 100%;}
.sub_herb li.pro13 {background: url(../image/sub/pro01_13.png) no-repeat;background-size: 100%;}


/* Company */
/* .company {width:100%;} */
.company div {text-align:center;margin-top: 7%;}
.company h5 {font-size: 44px;font-weight: 500;line-height: 60px;padding-bottom: 30px;color:#333;background: url(../image/sub/title_line.png) no-repeat center bottom;}
.company h5 span {color: #fff;background: #819e27;}
.company div p {font-size:15px;padding-top: 33px;line-height: 25px;}
.company .Figure01 {width:50%;display: inline-block;float: left;margin: 7% 0;}
.Figure01 dl, .Figure02 dl {width:100%;display: inline-block;}
.Figure01 dt {width: 23.1%;display: inline-block;float: left;background: url(../image/sub/company_Figure01.png) no-repeat;padding: 8% 0;font-size: 17px;color: #819e27;line-height: 20px;font-weight: 600;}
.Figure01 dd {width: 56.9%;display: inline-block;float: left;background: url(../image/sub/company_Figure02.png) no-repeat;padding: 6% 10%;margin-top: 8px;text-align: left;}
.company .Figure02 {width:50%;display: inline-block;float: right;margin-top: 7%;}
.Figure02 dt {width: 23.1%;display: inline-block;float: left;background: url(../image/sub/company_Figure01.png) no-repeat;padding: 8% 0;font-size: 17px;color: #819e27;line-height: 20px;font-weight: 600;}
.Figure02 dt span {font-size:13px; color:#666;font-weight:500;letter-spacing: -1px;}
.Figure02 dd {width: 56.9%;display: inline-block;float: left;background: url(../image/sub/company_Figure02.png) no-repeat;padding: 4% 10%;margin-top: 8px;text-align: left;}


/* History */
.history_img {background: url(../image/sub/history_bg.jpg) no-repeat;width: 100%;height: 290px;text-align: center;}
.history_list {background: url(../image/sub/history_img.png) 50px 70px no-repeat;width: 100%;/* padding: 5%; */margin-top: 2%;overflow: hidden;}
.history_list ul {display: inline-block;width: 60%;float: right;}
.history_list dl {display: inline-block;padding: 10px 0;width: 100%;}
.history_list dt {display: inline-block;width: 14%;float: left;text-align: center;font-size: 1.3em;letter-spacing: -1px;background: url(../image/sub/history_year_bg.png) no-repeat;color: #fff;line-height: 88px;}
.history_list dd {display: inline-block;float: left;padding-left: 5%;width: 81%;}
.history_list dl ul {display: inline-block;width: 100%;}
.history_list dl li {padding-bottom:6px;}
.history_list dl li span {padding-left:10px;display: inline-block;color: #777;}
.history_2010 {padding-top: 15px;}
.history_2009 {padding-top: 30px;}


.certification ul li {display: inline-block;float: left;padding: 2% 1%;}
.certification ul li img { border: 1px solid #ddd;display: block;background:#fff;}
.certification ul li p {text-align:center;padding:10px 0;font-size:15px;}



/***********   BOARD   ***********/
table th {background: #fff;}
#tb_board_view .tb_body img {max-width:800px; width:100%;display:block;}
.tb_body img, .prdImg img {width: 100%; height:auto;}
.gallery_img img {width: 100%;height: auto;}
.galler_event {width:49%;display: inline-block;padding: 2% 0;}




/*************  Sopping  *****************/
.prd_box img {width:100% !important; height: auto !important;}
/* .goods_name_ {
    text-align: left;
    font-size: 14px;
    color: #333;
    float: left;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */
.img_size .goods_name_{
    display: inline-block;
    color: #121010;
    font-size: 16px;
    font-weight: 600;
    word-break: break-all;
}
.img_size .price_{
	float: right;
    color: #f63c3c;
    font-size: 18px;
    display: block;
}
/* .prdImg {border: 1px solid #ddd;} */
.prd_box a {display: block;width: 100%;padding-bottom: 8px;margin: 0 auto;}
.detail_view {background: #fff;padding: 3% 5%;margin-top: 3%;overflow: hidden;}
.detail_view h4 {padding-bottom: 3%;font-size:16px;}

.proDetail {width: 100%;}
.proDetail div{text-align:left; }
.proDetail div
.proDetail .pro_In { }

.proDetail .proImage {width: 60%; float:left; text-align:center;}
.proDetail .proImage img {min-width: 100%; max-width: 100%; max-height: 420px !important;}

.proDetail .proInfo {display: inline-block;float: right; border: 1px solid #eee; border-radius: 25px;  margin-left: 30px; padding: 25px; } 
 
.cycle-slideshow { }
.cycle-slideshow img {width: 100%; max-height: 420px;}


/*¸®½ºÆ® ÆäÀÌÁö*/
.top_text {margin-bottom: 20px; padding: 20px ; border: 6px solid #fff ; border-image: url('../image/sub/cont_bg.png') 5 round; background: #fff ;  }
 



 /**»ó¼¼ÆäÀÌÁö ½ºÅ©·Ñ °íÁ¤**/
#comments {  width: 36%;}
#comment-wrapper {  position: relative; width:1200px;}
#commentWrapper {  width:1200px;}
#comment {  position: absolute;  top: 0;  }
#comment.fixed {  position: fixed;   top: 20px; width: 30%; }

.bigimg {    width: 100%;    display: block;    margin-bottom: 21px;}
.bigimg img {width: 100%;height: auto !important;}
span.s_proimg {    width: 20%;    float: left;    display: block;}
span.s_proimg img { display: block;width:98%;height:80px !important;}
.proInfo h4 {font-size: 25px;font-weight: 500;    padding: 1% 0; }
.proInfo .explain_ {border-bottom: 1px solid #ddd; padding: 2% 0;}

table.detail_tb {border-collapse: collapse;} 
table.detail_tb tr {border-bottom: 1px solid #ccc; box-sizing: border-box;}

.detail_tb th, .detail_tb2 th, 
.detail_tb_intb th{background:none;text-align: left;font-weight: 500;width:22%; min-width:88px;/* border-bottom: 1px solid #ddd */padding: 2%;}

.detail_tb td.tb_2 {display:block; width: 100%;}
.proInfo th.tb_1{font-weight: 600;width: 30%; padding: 2% 0; }
.detail_tb td, .detail_tb2 td.tb_2 {/* border-bottom: 1px solid #ddd; */padding: 2% 0;/* width: 60%; */text-align: left;}
/* .proDetail>div>div>img {width: 100%; height: auto;} */
.detail_tb td select{height:35px;  width: 100%;  border: 1px solid #d9d9d9; border-radius: 10px; }
.order_number{text-align:center; width: 35px; border-right: 0 !important; padding-right:10px; }
.btn_plus_minus {width: 100%; display:block;}



/*»ó¼¼º¸±â ´Þ·Â*/
.calendar {position: relative; width: 80%;}
.calendar input {border: 1px solid #ccc; height: 40px; width: 100%;}
.calendar .cal_img {position: absolute; left:10px;margin-top: 8px;}
.calendar span.cal_arr {position: absolute;  right:10px;margin-top: 5px; font-size: 13px !important; color: #000;}

.hasDatepicker {border: 1px solid #ccc; border-radius: 10px; height: 35px; width: 100%; background: url('../image/sub/calendar.png') 96% 6px no-repeat; cursor: pointer; }


.btn_plus_minus{ display:flex;}
.btn_plus_minus a{height:35px; width:35px;  display:block; float:left; border:1px solid #ddd; text-align:center; line-height:35px; transition:all 0.3s}
.btn_plus_minus input:first-child > a {border-right:0;}
.btn_plus_minus a:first-child{border-right:0;}
.btn_plus_minus a:hover{background-color:#343434; color:#fff; }

/*»óÇ°»ó¼¼*/
.goods_skin_wrap {width: 60%;}
.goods_skin_wrap div {font-family:'Noto Sans KR' ;line-height: 30px;}
.goods_skin_wrap div br {line-height: 15px;}

.goods_skin_inner {padding-left: 20px !important; border-bottom:0;} 
.goods_skin_inner span {line-height: 1.5em;}
.goods_skin_inner table {width: 100% !important;}
.goods_skin_inner

td.updown_btn{padding:0;}
div.btn_collect:after{content:""; display:block; clear:both;}
div.btn_collect a{padding:5px 0; font-weight:400; font-size:16px;  display:inline-block; float:left;  text-align:center; }

div.btn_collect a.blue_btn{background-color:#ae0010; color:#fff; border:1px solid #ae0010; border-radius: 20px; box-sizing: border-box; width:32%; margin-left:1%;}
div.btn_collect a.gray_btn{color:#343434; border:1px solid #343434; border-radius: 20px; box-sizing: border-box;width: 33%;}
div.btn_collect a.gray_btn.ch_btn{margin-left:1%;}
div.btn_collect a.white_btn{border:1px solid #343434;border-radius: 20px;  color:#343434; background-color:#fff;box-sizing: border-box;width:32.7%}
div.btn_collect.btn3ea a{width:32.83%; margin-left:0.75%; border-radius: 20px;}
div.btn_collect.btn3ea a:first-child{margin-left:0}
table.board_title_bar{border-bottom:1px solid #e0e0e0; }
table.board_title_bar th{font-weight:700; text-align:left; font-size:25px; line-height:40px;}

 
#tb_categorytop {display: none;}
/* #tb_board_list td {width: 98% !important;} */
span.review_date {
    display: inline-block;
    font-size: 12px;
    color: #8c8c8c;
	position: absolute;
	top: 40px;
	right: 20px;
}

.cheakbox {
    width: 70% !important;
}
.cheakbox span {

    padding-top: 1% !important;

}

#tb_board_list td {
    position: relative !important;
}

.gallery_img img {height: 160px;}
#tb_board_list .galler_event .cheakbox {width:100% !important;}
#tb_board_list .galler_event .cheakbox span {color:#8c8c8c;font-weight:500;}
.detail_view img {
    width: 100%;
    height: auto;
}



#sub_con_container .page_navigation {display:none;}


.catelist {
    overflow: hidden;
    padding-top: 10px;
}

.paging_goods {
	margin:50px 0;
}
.paging_goods table {
    margin: 0 auto;
}


/* .search_pro .prdImg img {    max-width: 253px;
    height: 253px;
    border: 1px solid #ddd;
} */

.Search_box {border-top:2px solid #222;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff;padding:1% 2%}
.Search {margin:0 auto;}
.Search_box ul {display:inline-block;width:100%}
.Search_box li {display:inline-block;width:50%;float:left;}
.Search_box li:first-child{ line-height:30px;}

.sub_cont .media li {text-align: left;width: 46%;padding-right:4%}
.sub_cont .media {margin-top:50px;}
.sub_cont .media h3 {display:block;}


li.prd_box .price_{
    float: right;
    color: #f63c3c;
    font-family: 'Noto Sans KR', 'µ¸¿ò', 'Arial', sans-serif;
    font-size: 18px;
    display: block;
	padding-top:7px;
}
li.prd_box .goods_name_{
    color: #121010;
    font-size: 20px;
    font-weight: 600;
    word-break: break-all;
    text-align: left;
    float: left;
	width:auto;
}

/* map */

.map table {
    width: 100%;
    border-top: 2px solid #2059a4;
}
.map table tr th, .map table tr td {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 15px 0;
}
.map table tr th {
    background: #f6f6f6;
}

.page_contents .page_private2 .title, .page_contents .page_use .title, .page_contents .page_member2 .title{
    font-size: 16px;
    font-weight: bold;
    color: #343434;
}

.page_use .bank_number01{
    border-top: 2px solid #2059a4;
}
/* ÀÌ¸ÞÀÏ¹«´Ü¼öÁý°ÅºÎ */
.email h5 {
    font-size: 20px;
    color: #848383;
}
.btm_title {
    display: inline-block;
    background: #6c7e8a;
    padding: 8px 17px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    margin: 20px 0;
}
.email ul{
	list-style-type: disc;
	overflow:hidden;
}
.email ul li {
    font-size: 13px;
    font-weight: 300;
    color: #8a8a8a;
    margin-bottom: 5px;
	margin-left: 20px;
}
.email ul li span {
    display: block;
    color: #6d5e5e;
    margin-top: 10px;
}

div.btn_collect a.blue_btn, div.btn_collect a.gray_btn, div.btn_collect a.white_btn {
	padding:10px 0;
}
div.btn_collect a.white_btn{margin-right:0}

.cart_m .cart_ul{
		width: 100%;
	    position: relative;
		border-bottom: 1px dotted #555;
		padding: 15px 0;
	}
/* ¸ÞÀÎ */
/* Àå¹Ù±¸´Ï */

.cart_menu {
	width: 100%;
	float: left;
	margin: 0px 0 20px 0;
}
.cart_menu ul li {
    width: 25%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #ccc;
    padding: 15px 10px;
    border-left: 0;
}
.cart_menu ul li:first-child {
    border-left: 1px solid #ccc;
}
.cart_menu ul li span {
    line-height: 35px;
    display: block;
    text-align: center;
    font-size: 17px;
}
.cart_menu img {
    display: block;
    float: left;
    padding-left: 3em;
	height:35px;
}
.cart_act  {
    background: #434545 !important;
}
.cart_act span{
    color: #fff;
}
.p {
    color: red;
    margin-left: 5px;
}

.tb_7 a{
	display:block;
}
.tb_7 .white_btn{
    color: #343434;
	border:1px solid #c2c2c2;
    text-align: center;
    margin-top: 2px;
	font-size:14px;
	display:inline-block;
	padding: 3px 15px;
	margin-right: 5px;
}

.btn_collect{
	margin-top:20px;
	text-align:center;
}

.cart_m{
}
#ct_main .tb_6 b{color:red}
a:link.bt_type2_w_6, a:visited.bt_type2_w_6{
    background: #999;
    color: #fff;
    line-height: 35px;
    height: 35px;
}

/* ÁÖ¹®¼­ÀÛ¼º */
th.se_tit {margin-left: 20px;}

.user_agree{ width: 1200px;height: 200px; margin: 40px 0; overflow-y: scroll;padding: 3%;border: 1px solid #dedede; border-radius: 25px ;box-sizing: border-box;}
p.agree{
	margin:10px 0 0 10px;
}
.order_info_ul h3{
	font-size:20px;
}
.order_info_ul h3 span{
	float:right;
}
input[type="checkbox"] {
    vertical-align: middle;
}
.order_info_ul li.tb_2 .bt_type2_w_6{
	width:100px;
}
.order_info_ul  ul{width:100%;}
.order_info_ul .past_loc{height:31px;}
.order_info_ul .tb_1{width:90px;border-bottom:1px solid #E0E0E0;padding-left:10px;font-weight:bolder;color:#444; }
.order_info_ul .tb_2{border-bottom:1px solid #E0E0E0;padding:6px 0 6px 10px;letter-spacing: 0pt}	
.order_info_ul li.tb_1, .order_info_ul li.tb_2{
    float: left;
    line-height: 31px;
    padding: 6px 0 6px 1%;
}
.order_info_ul li.tb_1{
	width: 14%;
	    height: 30px;
}
.order_info_ul li.tb_2{
	width: 34%;
	    height: 30px;
}
.order_info_ul  li.tb_2.cols3{
	width:84%
}
.order_info_ul  li.tb_2.cols3.rows3, .order_info_ul  li.tb_1.rows3{
	height:109px;
}


.order_info_ul  li.tb_2.cols3 .bt_type{
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
.order_info_ul ul{
	overflow:hidden;
    border-top: 2px solid #757575;
    padding-top: 5px;
}
.order_info_ul .inputbox_ {
	width: 98%;
	box-sizing: border-box;
    line-height: 18px;
	height: 100px;
}
.order_info_ul  li .input_{
	padding:5px;
	width: 95%;
	box-sizing: border-box;
	font-size:12px;
	line-height: 1.5;
}
.order_info_ul  li .input_.name{width:39%;}

.order_info_ul.receipt ul{border-top:none;}
.order_info_ul.receipt  li{font-weight:400;}
.order_info_ul.receipt  li .input_{height:30px;}
.order_info_ul.receipt li.tb_2.cols3.address_input input.input_{width:98%;}
.order_info_ul.receipt li.tb_2.cols3.email_input input.input_{max-width:387px; margin-right:5px;}
.order_info_ul.receipt li.tb_2.cols3.email_input span{font-size:12px; color:#666}

.order_info_ul  li.tb_2.input3 input.input_{
	width: 29.6%;
}

.order_info_ul  li.tb_2.input2 input.input_{
	width: auto;
}

.order_info_ul li.tb_2.input2 input.input_.address{
	width:64%;
}

/*ÁÖ¹® ¹× °áÁ¦*/
.order_info_ul02 ul {border-top: 2px solid #757575;}
.order_info_ul02 ul li{position:relative; border-bottom:1px solid #E0E0E0; padding:5px 0;}
.order_info_ul02 ul li:after{content:""; display:block; clear:both}
.order_info_ul02 ul li label{font-weight: bolder; color: #444; font-size:14px; width:120px; position:absolute; line-height:30px;}
.order_info_ul02 ul li input, .order_info_ul02 ul li textarea{border:1px solid #D8D8D8; padding:5px; box-sizing:border-box; width:100%;  }
.order_info_ul02 ul li input{height:30px; line-height:28px}
.order_info_ul02 ul li input.input_sm{width:150px;}
.order_info_ul02 ul li input.input_md{width:40%;}
.order_info_ul02 ul li input.input_lg{width:80%;}
.order_info_ul02 ul li div.w50p{width:50%;float:left}
.order_info_ul02 ul li label + div{width:100%; padding-left:120px; box-sizing:border-box; position:relative}
.order_info_ul02 ul li label + div.call_numb div{width:auto; float:left; box-sizing:border-box; position:relative;}
.order_info_ul02 ul li label + div.call_numb div input{width:44px;}
.order_info_ul02 ul li label + div.call_numb div span{padding:0 5px;}
.order_info_ul02 ul li label + div.call_numb div:first-child{padding-left:0}
.order_info_ul02 ul li label + div.call_numb div.last{padding-right:0}
.order_info_ul02 ul li input.zip_code{width:70px; float:left}

a.btn_zip_code{height:30px;width:70px; text-align:center; background-color:#aaa; color:#fff; display:block; line-height:30px; float:left; margin-left:5px;}
.zip_code_wrap{position:absolute; left:120px; top:0}
.zip_code_wrap:after{content:""; display:block; clear:both}
.order_info_ul02 ul li .address{width:100%; padding-left:150px; box-sizing:border-box;}



/*ÁÖ¹®ÀÚÁ¤º¸*/
.order_info_ul03 {padding: 20px 40px; border: 1px solid #dedede; border-radius: 15px; margin-bottom: 30px; }
.order_info_ul03 h3 {font-size: 25px;}
.order_info_ul03 p {font-size: 20px; color: #cf0303; font-weight:bold; margin-top: 15px;}
.order_info_ul03 ul li {margin: 25px 0;}
.order_info_ul03 ul li label {margin-left: 5px;}
.order_info_ul03 ul li div {margin-top: 5px; } 
.order_info_ul03 ul li input[type="text"], .order_info_ul03 ul li select {border: 1px solid #ccc; border-radius: 10px; padding: 10px; height: 42px; font-size: 15px; color: #555;}
.order_info_ul03 ul li input[type="radio"] {margin-left: 20px;}

.order_info_ul03 input.input_sm {width: 150px; }
.order_info_ul03 input[value="¼º"], 
.order_info_ul03 input[value="ÀÌ¸§"]{color: #ccc;}
.order_info_ul03 ul li input#sample6_address {width: 533px;}

.order_info_ul03 ul li input:focus {border: 1px solid #ff0000;}
.order_info_ul03 ul li span {margin: 0 3px 0 5px;}

.order_info_ul03 ul li select:focus, .call_num_w:active {border: 1px solid #ff0000; border-radius: 10px;} 
select > option  {border-radius: 10px; height: 40px; line-height: 30px; padding: 20px 0; }
.call_num_w:hover, .call_num_w:focus, .call_num_w:active {background-color: #ff0000; color: #fff;}
.order_info_ul03 textarea {border-radius: 10px; border:  1px solid #ccc; width: 98%;  padding:20px; height: 150px;}



/*°áÁ¦ÇÏ±â*/ 
.order_info_ul04 {padding: 20px 40px; border: 1px solid #dedede; border-radius: 15px; margin-bottom: 30px; }
.order_info_ul04 h3 {font-size: 25px; margin-bottom: 15px;}
.order_info_ul04 dl {line-height: 30px;}
.order_info_ul04 dl dt {display: inline-block; width: 14%; color: #000; font-weight:bold;}
.order_info_ul04 dl dd {display:inline-block; color: #666; vertical-align:top;}
.order_info_ul04 dl dd span { margin-right: 20px;}
.order_info_ul04 dl dd.use_buyer_point span {display:block; margin-bottom: 5px;}

.order_info_ul04 input[type="text"] {border: 1px solid #ccc;border-radius: 10px; margin-right: 20px;padding: 10px;height: 42px;font-size: 15px;color: #555;}
.order_info_ul04 select {height: 35px; border-radius: 5px; margin-bottom: 10px;}
 
.order_info_top {margin-top: 20px;}
.order_info_top img {border: 1px solid #ccc;}
.order_info_top ul {display:inline-block; vertical-align:top; margin-left: 20px;}
.order_info_top ul li {margin:0;}
.order_info_top ul li.cart_subject {font-size: 22px;margin-top: 10px;} 
.order_info_top ul li.cart_data {font-size: 16px; color: #555;}
.order_info_top ul li p {margin-top:0;}

.order_info_bottom {border-top: 1px dotted #999; margin-top: 20px;}
.order_info_bottom dl {line-height: 30px; }
.order_info_bottom dl dt {display: inline-block; width: 14%; color: #000; font-weight:bold;}
.order_info_bottom dl dd {display:inline-block; color: #666;}


@media screen and (max-width: 959px){
 
	 
	.cart_menu ul li span{
		font-size:13px;
		line-height:25px;
	}
	.cart_menu ul li img{
		height:25px;
		padding-left: 1em;
	}
}
@media screen and (max-width: 700px){
	.cart_pc{display:none}
	.cart_m{
		display:block;
		clear: both;
	    text-align: center;
	}
	
	.cart_m > .cart_ul:first-child{
		padding-top:0;
		border:0
	}
	.cart_m ul{
		overflow:hidden;
	}
	.cart_m li{
		float:left;
	}
	#sub_con_container #ct_main{
		border:0;
	}
	/* .cart_m .cart_m_img{
		width:120px;
		height: auto;
		float: left;
		margin-right: 20px;
		margin-left: 10px;
	}	 */
	.cart_m input[type="image"]{
		vertical-align: middle;
		margin-left:8px;
	}
	#ct_main .tb_7 {
		float:left; 
	}
	input[type="checkbox"] {
		width: 20px;
		height: 20px;
		vertical-align: bottom;
	}



.order_info_ul li.tb_1{
		width: 29%;
	}
.order_info_ul li.tb_2{
		width: 69%;
	}
.order_info_ul li.tb_2.cols3{
		width: 69%;
		line-height: 26px;
	}
.order_info_ul li.tb_1.rows2{
		height:60px
	}
.order_info_ul  li.tb_2.cols3.rows3, .order_info_ul li.tb_1.rows3{
		height:109px
	}
.order_info_ul  li.tb_2.cols3 .bt_type{
		display: inline-block;
		vertical-align: middle;
		margin: 0 3px;
	}
.order_info_ul ul{
		overflow:hidden;
		border-top: 2px solid #757575;
		padding-top: 5px;
	}
.order_info_ul .inputbox_ {
		width: 98%;
		box-sizing: border-box;
	}
.order_info_ul li .input_, .order_info_ul li.tb_2.input2 input.input_.address{
		width: 95%;
	}
.order_info_ul  li.tb_2.input3 input.input_{
		width: 29.6%;
	}

.order_info_ul  li.tb_2.input2 input.input_{
		width: auto;
	}
	.cart_menu{
		margin: 0px 0 10px 0;
	}

}
@media screen and (max-width: 600px){
	#sub_con_container{
		margin-top:0;
	}
	.img_size .goods_name_, li.prd_box .goods_name_ {
		font-size:1em;
		float:none;
		text-align:center;
	}
	.img_size .price_, li.prd_box .price_{
		font-size:1em;
		float:none;
		text-align:center;
		margin-top:0;
		padding-top:0;
	}
 
	span.proImage, span.proImage img {
		
	}
	.proInfo{
		width:100%;
		margin: 0;
	}
	 
	 
	 
/* 	.list_st {
	    padding: 10px 20px;
	} */
 
	.page_navigation{display:none;	}


	.cart_menu ul li{
		padding:10px;
	}
	.cart_menu ul li img{
		display:none;
	}
	table.board_title_bar th{
		padding-left:10px;
	    font-size: 16px;
	}
.order_info_ul h3{
		font-size:16px;
		padding-left:10px;
	}
.order_info_ul .inputbox_ {
		padding: 2%;
		font-size: 12px;
		border: 1px solid #D8D8D8;
		background-color: #fff;
	}

}
/* .goods_skin_inner * {
    line-height: unset;
    text-align: unset;
    font-size: unset;
    font-family: unset;
    vertical-align: middle;
} */
.goods_skin_inner img {width: 100% !important; height: auto !important; }

@media screen and (max-width: 400px){
	ul.goods li.all_pro p{display:none;}
	.cart_m .cart_m_img{
		width:80px;
	    margin-right: 10px;
	}
	b.sum{
		display:block;
	}

}



/*Æ÷Åä°¶·¯¸®04*/
.photo_list04 {overflow:hidden; padding-bottom:  20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.photo_list04 .photo_img {float:left; width: 30%;}
.photo_list04 .photo_img a {display:block; height: 200px;}
.photo_list04 .photo_img img {width: 100%; height: 100%; }
.photo_list04 .photo_story {float:right; width: 65%; text-align:left; padding: 10px 0;}
.photo_list04 .photo_story h2 {font-size: 30px; margin-bottom: 10px; }
.photo_list04 .photo_story p {font-size: 17px; margin-bottom:  20px; }
.photo_list04 .photo_story .ms_pl {font-size: 14px; color: #777;}

