/* #sub_con_container{padding-bottom:56px;} */

.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;
 margin: 10px 0 30px 0;

}
#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: ¸¼Àº°íµñ,'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, 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: ¸¼Àº°íµñ,'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, 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: ¸¼Àº°íµñ,'Malgun Gothic', ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, 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;
		}

.navi ul.navi_inner li.on {box-shadow: 5px 4px 10px rgba(0, 0, 0, .2);
    background-color: #003171; }
.navi ul.navi_inner li.on a {color: #fff;}

.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;
}




/***********   SUB   ***********/
#sub_top h2 {font-size: 40px; font-weight: 500; color:#000;}
h3 {color: #000;font-size: 22px;}
.page_navigation {  color:#4f4f4f;}
.page_contents img {max-width:100%;height:auto;}

.menu_3th {display: inline-block;}
.menu_3th li {display: inline-block;float: left;}
.menu_3th a {

    background: #fff;
    border: 1px solid #bbb;
    font-size: 14px;
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
}

.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;} */

/************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:'NanumGothic';}
.our_hs_content{color:#444444; font-size:15px; line-height:24px; font-family:'NanumGothic'; 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:left;;}*/
.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:100%; width:auto !important; height:auto !important;}
.tb_body img, .prdImg img {width: 100%;}
ul#tb_board_list img {
    width: 100%;
    height: auto;
}
.galler_event {width: 24%; display: inline-block;padding: 2% 0;}
.galler_event .gallery_img img {width: 100%; height: 100%;}

/*************  Sopping  *****************/

.prd_box {width: 23%;height: auto;float: left;margin:0 1%;}
.prd_box img {max-width: 253px;height: auto;border: 1px solid #ddd;}


.goods_name_ {
    text-align: center;
    font-size: 16px;
    color: #585858;
    font-weight: bold;
/*     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  */
	word-break: keep-all;
/* 	height: 40px; */

}



.goods_name_2 {
	width: 80%;
	max-height: 88px;
	  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
    text-align: left;
    font-size: 18px;
    color: #333;
/*     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  */
	margin-bottom: 10px;
/* 	padding-bottom:10px; */
/* 	border-bottom:1px solid #ddd; */
	word-break: keep-all;
	font-weight: bold;
	line-height:27px;
	letter-spacing:-0.5px;

}

/* .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 h4 { font-size:30px; margin-bottom:40px; margin-top:-30px;	text-align:center; }
.proDetail div.proInfo {display: inline-block;float: right;width: 50%;margin: 0% 1% 1% 3%; padding:0; margin-bottom: 0 !important; }
span.proImage, span.proImage img {width: 44%;}
span.proImage img {border: 1px solid #ddd;}
.proInfo h4 {
    font-size: 25px;
    font-weight: bold;
/*     border-bottom: 1px solid #ddd; */
    width: 100%;
    text-align: left;
    padding: 3% 0 1% 1%;
}

.detail_tb { border-top:1px solid #848484; }

.detail_tb th {background:none;text-align: left;font-weight: 600;width: 30%;/* border-bottom: 1px solid #ddd; */padding: 2% 0; font-weight: 400;}
.detail_tb td {padding: 1.6% 0; /* border-bottom: 1px solid #ddd; */text-align: left; padding-left:0px; font-size:15px; }
.detail_tb td:first-child:before {display:none; position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 50%; margin-top:9px;  left: 0; }
.detail_tb td.select_list { font-size: 21px; font-weight: 500 !important; color: #0c5ea0; padding-left:0 !important; }
.detail_tb td.select_list:before { display:none; }
.detail_tb td:first-child {font-weight:400; position: relative;  padding-left: 15px;}
.proDetail img { max-width: 100%; height: auto !important;}
.detail_tb td.goods_modify {text-align:center; padding-left:0; }
.detail_tb td.goods_modify::before {display:none;}

.detail_tb tr td select { width:90%; color:#6d6d6d; border:1px solid #ddd; }
.detail_tb tr td select:focus { outline:none; }


#tb_board_list td.tb_data, #tb_board th.tb_data {width:80px !important;}
#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;
}

#tb_board_list .galler_event .cheakbox {width:90% !important; font-size: 16px; height: 40px;}
#tb_board_list .galler_event .cheakbox span {color:#8c8c8c;font-weight:400; font-size: 14px; margin-top: 7px; display:inline-block;}
.detail_view img {
    width: 100%;
    height: auto;
}



#sub_con_container .page_navigation {display:none;}


.catelist {
    overflow: hidden;
}

.paging_goods {
	margin:50px 0;
}
.paging_goods table {
    margin: 0 auto;
}


.search_pro .prdImg img {
    border: 1px solid #ddd;
}

.Search_box {border-top:2px solid #0d7abf; border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#f8f8f8;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; height:30px; 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;}




/* »ó¼¼ÆäÀÌÁö ÁÖ¹® ¹öÆ° */
div.btn_collect a.blue_btn {
    background-color: #F54545;
    color: #fff;
    border: 1px solid #F54545;
    line-height: 40px;
/*     height: 40px; */
}

div.btn_collect a.gray_btn {
    background-color: #1a3860;
    color: #fff;
    border: 1px solid #1a3860;
    line-height: 40px;
/*     height: 40px; */
}

div.btn_collect a.white_btn {
    border: 1px solid #888;
    color: #fff;
    background-color: #888;
    line-height: 40px;
/*     height: 40px; */
}

div.btn_collect a {
    padding: 5px 0;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
/*     float: left; */
    text-align: center;
    margin-left: 1%;
	width: 23.8%;
}

div.btn_collect a:first-child {
    margin-left: 0;
}

.detail_tb td table td { border-bottom: none;}

/* »óÇ°»ó¼¼ Á¤º¸ */
table.tb_01_bar th {
    width: 14.25%;
    /* line-height: 45px; */
    font-size: 22px;
/*     border: 1px solid #ddd; */
	border-left: none;
    color: #666;
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 12px 5px;
}
table.tb_01_bar th:first-child {
/* 	border-left: 1px solid #ddd; */
}

table.tb_01_bar th a {
    color: #555;
    font-weight: bold;
}
th.tb_01_check {
    background: #fff !important;
}

.proDetail div {
    text-align: left;
	padding: 10px 5px;
	text-align:center;
}
.proDetail div.bt_type {margin-bottom:0 !important; padding:0; }
.proDetail div.btn_collect {border-top: 1px dashed #ccc; padding:10px 0; text-align:right; }
table th.tb_01_check a {
    color: #333;
}

.pro_text_btn001 {float:right; background-color: #020d1c; padding: 7px 15px;}
.pro_text_btn001 a {color: #fff !important; font-size: 14px;}

td input.btn_search {
    height: 27px;
    border: none;
	padding-left: 5px;
	padding-top:0.5px;
}

a.btn_next {
    background: #666;
    border: 1px solid #666;
    color: #fff !important;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
/* 	margin-top: 20px; */

}
a.btn_basic:hover {
	background-color: #1a3860;
	transition: .5s ;
}
td.img_size>a {
    display: block;
    width: 90%;
}
a.btn_basic {
    background: #666;
    border: 1px solid #666;
    color: #fff !important;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
/* 	margin-top: 20px; */

}
select.align_select {
    display: inline-block;
    height: 28px;
    padding: 0px 0 0px 0;
    border: 1px solid #ccc;
}

.size_none img {
    display: none;
}

.sub_product_list ul {
    width: 100%;
	overflow:hidden;
}

.sub_product_list li {
    width: calc(100% / 4 - 12px);
    float: left;
    margin: 0 1% 0 0;
/* 	max-height: 380px;
	height: 380px; */
	border: 1px solid #ccc;
	box-sizing:border-box;
	margin-bottom: 20px;
	position: relative;
	transition: 1s;
	overflow:hidden;
}
.sub_product_list li a {display: flex; flex-direction: column; align-items: center;}
.sub_product_list .prdImg {
	width: 100%;
	height: 100%;
}
.sub_product_list .prdImg img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s;
}
.pro_innner {
/*     position: absolute; */
    width: 100%;
/*     bottom: 0; */
    background-color: #fff;
/*     height: 120px; */
	transition: 1s;
	padding: 10px;
}
.pro_innner::before {
	content:'+';
	position: absolute;
	bottom:10px;
	color: #fff;
	font-size: 30px;
	left:40%;
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	display:none;
	transition: 2s;
	text-align:center;
}
.sub_product_list li::before {
/* 	content:'';
	position: absolute;
	transition: 1s;
	left:0;
	right:0;
	bottom:0;
	color: #fff;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0); */
	/* display:none; */


}
/* .sub_product_list li:hover .pro_innner {
	display: none;
	transition: 1s;
	height: 175px;
} */
/* .sub_product_list li:hover img {
	margin-top: -40px;
	transition: 1s;
} */
/* .sub_product_list li:hover::before {
	display:block;
	transition: 1s;
	bottom:0;
	background-color: rgba(0, 0, 0, .5);
} */
/* .sub_product_list li:hover .pro_innner::before {display:block; background-color: #1A3860;
	-moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
} */

/* ·Î±×ÀÎ ÆäÀÌÁö */

p.login_title {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
	color: #000;
	height: auto !important;
}
p.login_title span {
    font-size: 36px;
    font-weight: 900;
    color: #0d79bf;
}
.join_tit {font-size: 25px; font-weight: 500; margin-bottom: 10px;}

td.save_check span {
    letter-spacing: -0.1em;
    font-size: 13px;
    margin-left: 5px;
    color: #999;
}


.btn_login {
    background-color: #1A3860;
	width: 100%;
	text-align: center;
}
.btn_login input {
	border: 1px solid #1a3860;
	color: #fff;
	text-align:center;
	padding: 15px 0px;
	width: 100%;
	cursor: pointer;
	font-size: 18px;
}

li.sub_join_btn a {
    padding: 8px 0;
    display: inline-block;
    border: 1px solid #544f4f;
    background: #544f4f;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
	width: 100%;
	text-align:center;
	margin-top: 10px;
}

li.sub_id_btn a {
    display: inline-block;
    padding: 8px 0;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-align: center;
	width: 100%;
	margin-top: 10px;
}

li.sub_pass_btn a {
    display: inline-block;
    padding: 8px 0px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    vertical-align: middle;
	margin-top: 10px;
	width: 100%;
	text-align:center;
}




/* .title_square {
    width: 5px;
    height: 5px;
    border: 3px solid #0d93bf;
    border-right: 3px solid #0d79bf;
    display: inline-block;
    margin: 3px 5px auto 0;
} */

td input.input_category {
    height: 40px;
    font-size: 14px;
    color: #999;
    padding-left: 10px;
    border: 1px solid #d9d9d9;
	width: 100%;
}


input.input_login02 {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    height: 38px !important;
    background: #f7f7f7 !important;
    color: #000 !important;
    vertical-align: middle;
    line-height: 2em;
    font-size: 14px;
    border: 1px solid #d9d9d9;
}

td.btn_login input {
    padding: 0 !important;
}
td.btn_login {
    width: 10%;
	vertical-align: top;
}

span.sub2_title {
    width: 5px;
    height: 5px;
    border: 3px solid #0d93bf;
    border-right: 3px solid #0d79bf;
    display: inline-block;
    margin: 3px 5px auto 0;
}


#tb_main .tb1{
	width: 100px;
    border-bottom: 1px solid #EAEAEA;
    text-align: left;
    padding-left: 20px;
}

#tb_main .tb1 {
    width: 21%;
    border-bottom: 1px solid #EAEAEA;
    text-align: left;
    padding-left: 20px;
}

#tb_main .tb2{border-bottom:1px solid #EAEAEA; letter-spacing: 0pt}
#tb_main .p{color:red;font-weight:bolder;padding-right:6px}


.ss3_join_no a {
    background: #888;
    border: 1px solid #888;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    width: 100px;
    text-align: center;
}

.ss3_join a {
    background: #F54545;
    border: 1px solid #F54545;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    width: 100px;
	text-align: center;
}

.login_box {
	width:100%;
	max-width:500px;
	background-color: #fff;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
	position: relative;
	margin: 0 auto;
	 padding: 5%;
}
.join_id_pass {padding-top: 20px; margin-top: 20px; border-top:1px dashed #ccc;}


.bt_type_join {
    margin-top: 3%;
	text-align: center;
}

span.origin {
    color: #7f7f7f;
    font-weight: bold;
}





th.tb_data {
    width: 15% !important;
}

th.tb_count {
    width: 7%;
}

th.tb_name {
    width: 10%;
}

th.tb_subject {
    width: 60%;
}

th.tb_num {
    width: 8% !important;
}

td.tb_data {
    width: 15% !important;
}

td.tb_count {
    width: 7%;
}

td.tb_name {
    width: 10%;
}

td.tb_subject {
    width: 60%;
}

td.tb_num {
    width: 8% !important;
}


/* Àå¹Ù±¸´Ï */

.cart_menu ul li {
    width: 25%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #ccc;
    padding: 25px 10px;
    border-left: 0;
    background: #f2f2f2;
}
.cart_menu ul li:first-child {
    border-left: 1px solid #ccc;
}

.cart_menu img {
    display: block;
    float: left;
    padding-left: 3em;
    height: 35px;
}

.cart_menu ul li span {
    line-height: 35px;
    display: block;
    text-align: center;
    font-size: 20px;
}


.sub_cart_action {
    background: #0d7abf !important;
}

.sub_cart_action span {
    color: #fff;
}

.sub_jang_btn li {
    width: 130px;
    line-height: 45px;
    font-size: 14px;
    float: left;
}

.sub_jang_btn {
    width: 100%;
}

li.red_btn01 {
    background: #F54545;
    margin-right: 10px;
}

li.red_btn01 a {
    color: #fff;
    display: block;
}

li.darkgray_btn01 {
    background: #555;
    margin-right: 10px;
}
li.darkgray_btn01 a {
    color: #fff;
    display: block;
}

li.rightgray_btn01 {
    background: #888;
}
li.rightgray_btn01 a {
    color: #fff;
    display: block;
}

.sub_jang_btn ul {
    display: inline-block;
}

ul.navi_inner li {
    float: left;
    width: 20%;
    font-size: 15px;
}

ul.navi_inner li {
    float: left;
    width: 20%;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
	border: 1px solid #ccc;
}

.navi {
    display: inline-block;
    width: 100%;
}


ul.navi_inner a {
    display: block;
	color: #333;
}
ul.navi_inner a.cate_man {background-color: #6eb8b1; color: #fff;}
ul.navi_inner a.cate_wom {background-color: #02ce68; color: #fff;}
ul.navi_inner a:active { background-color:#003171; color: #fff;}

.wrap_tbl_joininfo {
    border-top: 2px solid #333;
    border-bottom: none;
}

#tb_main .inputsize1 {
    width: 40%;
}

#tb_main .inputsize3 {
    width: 600px;
}
/* #tb_main tr {height: 68px;} */
/* #tb_main input {height: 45px;} */
a.btn_basic3 {
    background: #afafaf;
    border: 1px solid #929292;
    color: #fff !important;
    padding: 8px 20px;

    font-size: 14px;
    font-weight: 400;
    display: inline-block;
/*     width: 53px; */
    text-align: center;
}
a.btn_basic2 {
    background: #888;
    border: 1px solid #888;
    color: #fff;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
}

span.red_star {
    color: red !important;
}

.no_member_login {width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc;}
.no_member_login a {
    background: #0db5bf;
    border: 1px solid #0d9aa2;
    color: #fff !important;
    padding: 10px 0px;
    font-weight: 400;
    display: block;
	width: 100%;
	text-align:  center;
}
.no_member_login p {
	font-size: 13px;
	margin-top: 10px;
}



ul.sub_titlename {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 15px;
}

table.page_contents {
    text-align: center;
    margin-top: 2%;
}

.sub_cont.company {
    width: 82%;
    display: inline-block;
    text-align: center;
}

.menu_3th .tab_on a {
    background: #0d7abf;
    color: #fff;
    font-weight: 500;
    border: 1px solid #0d7abf;
}

.map table {
    width: 100%;
    border-top: 2px solid #0d7abf;
	margin-bottom: 1%;
}

.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;
	font-weight: bold;
}

/* a.bt_type3_w_3 {
    background: #0d7abf;
    border: 1px solid #0d7abf;
    color: #fff !important;
    font-size: 13px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    padding: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
} */

/* a.bt_type3_w_2 {
    background: #888;
    border: 1px solid #888;
    color: #fff !important;
    font-size: 13px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    padding: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
}
 */


#tb_pagemove {
    width: 100%;
}
table#tb_pagemove tbody {
    display: inline-block;
}

div.tb_search {
/*     float: none !important; */
/*     width: 300px; */
    text-align: left;
    display: inline-block;
}



a.bt_type4_w_4 {
    background: #0d7abf;
    border: 1px solid #0d7abf;
    color: #fff !important;
    font-size: 13px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 20px;
    font-weight: normal !important;
}
a.bt_type4_w_5 {
    background: #888;
    border: 1px solid #888;
    color: #fff !important;
    font-size: 13px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 20px;
	width: 122px;
    background-Position: -177px -415px;
    font-weight: normal;
    vertical-align: middle;
}

td.popup_page h4 {
    font-size: 24px !important;
    margin-bottom: 5px !important;
}

table.search_id_pass {
    border: 3px solid #666;
}


.input100 {
    width: 100%;
}

input.back2 {
    background: #f8f8f8;
    border: 1px solid #ccc;
    width: 100%;
    height: 27px;
    float: right;
}

table#tb_board_comment .inputbox_ {
    width: 100% !important;
}

#tb_board_comment form table td iframe {
/*     padding: 5px 0 1px;
    height: 22px; */
    width: 88px;
    border: 1px solid #d9d9d9;
    background-color: #efefef;
}

a.bt_type2_gr_5 {
    background: #555;
    border: 1px solid #555;
    color: #fff !important;
    font-size: 13px;
    font-family: 'NanumSquare';
    font-weight: 400;
    display: inline-block;
    padding: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
}
td.tb_2 div img {
    display: none;
}

.black_del_btn {
    background-color: #888;
    color: #fff !important;
    width: 94%;
    text-align: center;
    margin-top: 2px;
    display: inline-block;
	height: 35px;
	line-height: 35px;
}

.black_del_btn2 {
    background-color: #2ecc95;
    color: #fff !important;
    width: 94%;
    text-align: center;
    margin-top: 2px;
    display: inline-block;
	height: 35px;
	line-height: 35px;
}

.daller {
    width: 100%;
}

.daller ul {
    float: left;
    width: 50%;
}

.daller li {
    padding: 6px 0 6px 10px;
}

li.name_d {
    width: 90px;
    font-weight: bolder;
    color: #444444;
    float: left;
}

li.put100_d input {
    width: 46%;
}

.besong_sub_title {
    color: #000 !important;
    margin-top: 25px;
    font-weight: bold;
    padding-bottom: 8px;
}

.gallery_img {
    width: 100% !important;
	height: 250px;
}

ul#tb_board_list li {
    width: 23%;
    float: left;
    margin: 0 1%;
}

ul#tb_board_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.sub_product_list {
    width: 100%;
    overflow: hidden;
}
.sub_product_list ul {display: flex; flex-wrap: wrap;}
.table_arrow_s>table {
    display: inline-block;
    margin-top: 3%;
}

input.w_put {
    width: 100px;
    height: 40px;
	margin-left: 5px;
	border: 1px solid #003171;
	background-color: #003171;
	color: #fff;
}

.input_mener {height: 33px; background-color: #fff; border: 1px solid #ccc;}


#tb_main th {padding: 12px 0;}

#tb_main .tb1 {
    width: 150px;
    border-bottom: 1px solid #E0E0E0;
    padding-left: 10px;
    font-weight: bolder;
    color: #444444;
}
#tb_main .tb2 {
    border-bottom: 1px solid #E0E0E0;
    padding: 6px 0 6px 10px;
}

#show_bank table .bank_selcet_op select{width:100%;}

/*°³ÀÎÁ¤º¸¼öÁ¤ : sms ¼ö½Å¹Þ±â*/
.bt_sms_get {margin-left: 7px; height: 100%; display: inline-block; padding-top: 8px;}


/** ³×À̹öÆäÀÌ **/
.npay_storebtn_bx.npay_type_A_2 { float: left; margin-top: 2% !important; }


/*´ëȸÁ¢¼ö*/
.money_list  {border-top: 1px dashed #ccc; width: 100%; padding-top: 20px; text-align:right !important;}
.money_list span{font-size:22px;}
.money_list p input {display:inline-block; font-size: 22px; color: #ff0000; font-weight: 800; text-align:right;}

#or_main table td{word-break:keep-all;}

 /* ÁÖ¹®¿Ï·á */
a.btn_apply_finish{display:inline-block; color:#fff !important; background:#555; padding:10px 25px; margin-top:10px}

/* ½Å¿ëÄ«µå °áÁ¦ ¿Ï·á */
.pay_success{}
.pay_success>table{width:100%; border:10px solid #0d7abf ; border-radius:10px;}
.pay_success>table th{font-size:25px; font-weight:500; background:#0d7abf ; color:#fff; padding:10px 0;}
.pay_success table.pay_info{}
.pay_success table.pay_info td{padding:5px 2%;}
.pay_success table.pay_info tr td:first-child{font-weight:600; border-right:3px solid #0d7abf }


/* ½Å¿ëÄ«µå °áÁ¦ ½ÇÆÐ */
.pay_fail{}
.pay_fail>table{width:100%; border:10px solid #7793b0; border-radius:10px;}
.pay_fail>table th{font-size:25px; font-weight:500; background:#7793b0; color:#fff; padding:10px 0;}
.pay_fail table.pay_info{}
.pay_fail table.pay_info td{padding:5px 2%;}
.pay_fail table.pay_info tr td:first-child{font-weight:600; border-right:3px solid #7793b0}

/*mall_category_skin2*/
.goods_list_wrap {overflow:hidden; display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 15px;}
.goods_list_wrap > table {display: none;}
.goods_wrap {overflow:hidden; width: 32%; border: 1px solid #ccc; float:left;  /* margin: 0 1%; margin-bottom: 20px; */}
.goods_wrap:hover img {scale: 0.95;}
.goods_wrap img {transition: 0.4s;}
.goods_wrap a {display:flex; flex-direction: column; width: 100%;}
.goods_image {float:left; width: 100%; height: 100%; object-fit: cover;}
/* .goods_image .goods_img { height: 310px !important; } */
.goods_image .goods_img img {overflow:hidden; }
.goods_list {float:left; padding:20px; width: 100%; text-align: left;}

@media all and (max-width: 960px) {
.goods_name_2 {width: 100%;}
.goods_wrap {float: left; width: calc(100%/3 - 20px);}
}

@media screen and (max-width: 876px){
/* 	.goods_wrap a {height: 250px !important;} */
/* 	.goods_image .goods_img {height: 250px !important;} */
	.goods_name_ {font-size: 16px; margin-bottom: 10px;}
	.goods_list {/* width: 36%; */ padding:15px; }
}

@media screen and (max-width: 600px){
/* 	.goods_wrap a {height: 290px !important; max-height: 290px; overflow:hidden;} */
	.goods_image {width: 100%; }
/* 	.goods_image .goods_img { height: 180px !important; } */
	.goods_list {width: 96%; padding: 10px;}
	.goods_advance_ {font-size: 14px !important;}
	.goods_name_ {font-size: 15px;}
	.goods_name_2 {font-size: 15px; margin-bottom:0; /* height: 50px; */ font-weight: 500; padding:0; border:0; line-height:19px;}

	.ih-item.square.effect10 .info .info_price p {font-size: 15px !important;}
	.goods_wrap {width: calc(100% / 2 - 10px);}
}