/* =============================================================================
   컨텐츠
   ========================================================================== */
.web{display:none;}
.mimg{width:100%;}
div.con{padding:0px 10px 30px 10px; font-size:0.9em; }
div.con h3{color:#2e2e2e; font-size:1.2em; font-weight:bold; background:url("/images/content/h3.gif") no-repeat left center; padding-left:20px;margin-top:40px; margin-bottom:15px; }

/* 효능 */
div.effect{overflow:hidden; margin-bottom:20px;}
div.effect .e01{overflow:hidden; width:100%; border:1px solid #8dc63f; box-sizing:border-box; display:table; }
div.effect .e02{overflow:hidden; width:100%;   border:1px solid #ff587b; box-sizing:border-box; margin-top:10px; display:table;}
div.effect h4{width:30%; color:#fff;text-align:center; font-size:1.1em;box-sizing:border-box; line-height:1.4; display:table-cell; height:100%; vertical-align:middle;}
div.effect .e01 h4{background-color:#8dc63f; }
div.effect .e02 h4{background-color:#ff587b;}
div.effect ul{width:70%; box-sizing:border-box; padding:15px 10px;  display:table-cell;}
div.effect ul li{ background:url("/images/content/bar.gif") no-repeat left 10px; padding-left:15px; margin-bottom:5px;}
div.effect ul li span{color:#ff0000;}


/* 좋은점 */
.good{overflow:hidden; margin-top:40px;}
.good li:after{display: block;clear: both;content: "";}
.good li{position: relative; height: 7em; text-align: left; }
.good li .img{position: absolute; width: 20%;}
.good li dl{position: absolute; margin-top: 10px; width:100%;padding-left: 25%; box-sizing:border-box; }

.good li:first-child dl{ margin-top: 5px;}
.good li dl dt{font-size: 1.1em; color: #006e37; margin-bottom: 5px; font-weight:bold; }

/* 인사말 */
div.ceo_pic{background:url("/images/content/ceo.jpg") no-repeat right top; box-sizing:border-box; height:180px; padding:10px 0px 0px 20px; color:#fff; margin-bottom:30px; background-size:130% auto;}
div.ceo_pic h3{background:none; padding:0; font-size:1.7em; color:#fff; line-height:1.0;}

div.line_half2{ margin-top:20px;}
p.sign{text-align:right; margin-top:20px;}

/* 인삼베리 K */
div.overview{overflow:hidden; margin-top:20px;}
div.overview img{width:100%;}
div.overview div.tb_wrap{ width:100%; border-top:3px solid #0dac0d;}

/* Table */
.tb_con{border-collapse: collapse;	border-spacing: 0; table-layout: fixed; }
.tb_con tbody th{background-color: #f6f6f6;  padding:8px 10px 6px 10px; font-weight:bold; border-bottom: 1px solid #cacaca; }
.tb_con tbody td{border-bottom: 1px solid #cacaca; color: #555; padding:8px 13px 6px 13px;text-align: left;}

div.coop{overflow:hidden; margin-bottom:30px;}
div.his{width:100%; border-top:2px solid #ff5f85; border-bottom:2px solid #ff5f85; padding:10px 0px; margin-bottom:20px;}
div.his ul li{background:url('/images/content/dot_line.gif') repeat-x left top; padding:10px 0px 7px 0px; }
div.his ul li:first-child{background:none;}
div.his ul li strong {color:#8dc63f;display:table-cell;width:70px;}
div.his ul li p{display:table-cell;}

div.coop div.certi{width: 100%;}
div.certi ul{overflow:hidden;}
div.certi ul li{width:44%; float:left; margin:0px 3% 20px 3%; text-align:center; font-size:0.85em;}
div.certi ul li img{margin-bottom:10px; padding-bottom:16px; background:url('/images/content/shadow.gif') no-repeat left bottom; width:100%; background-size:100% auto;}



/* 사업목적&공식 후원사 */
p.quo{line-height:1.4; font-size:1.2em; color:#5a5a5a; text-align:center; position:relative; padding-top:10px; margin:20px 0px;}
p.quo b{color:#006e37; font-size:1.4em; }
p.quo span{width:15px; height:50px; display:block; position:absolute; top:10px;}
p.quo span.ql{background:url('/images/content/ql.png') no-repeat right bottom; left:0; background-size:15px auto;}
p.quo span.qr{background:url('/images/content/qr.png') no-repeat right bottom; right:0; background-size:15px auto;}

div.goal{overflow:hidden; margin-top:20px;}
div.goal img{margin-bottom:20px;}
div.goal ul{width:100%; float:right; box-sizing:border-box; padding-left:20px;}
div.goal ul li{position:relative; margin-top:10px; border:1px solid #ddd; box-sizing:border-box; padding:15px 15px 15px 23px;}
div.goal ul li:first-child{margin-top:0;}
div.goal ul li img{position:absolute; top:0; left:-20px; width:45px;}

ul.dot li{margin-bottom:5px; position: relative; padding-left:15px;  }
ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:9px;  width : 6px; height : 6px; background : #b2babc; border-radius:50%; }

ul.dot2 li{margin-bottom:5px; position: relative; padding-left:20px;  }
ul.dot2 li:before{ content : "※"; display : block; position : absolute; left :0; top:0px;  width : 6px; height : 6px;}



/* 이용안내 */
div.con div.info2{ border-bottom:1px solid #e2e2e2; padding-bottom:30px; margin-top:30px;}
div.con div.info2 p.icon{ display:none; }
div.con div.info2 div.info_con{}
div.con div.info2 div.info_con img{width:auto; height:auto;}
div.con div.info2 div.info_con ul{margin-bottom:0px;}
div.con div.info2 h3{margin-top:0px; padding-left:0;  color:#156CB1}
div.con div.info2 span{font-weight:bold;}
div.cust2{background:url('/images/content/cust2.jpg') no-repeat center center; width:100%; box-sizing:border-box; color:#fff;  font-size:.8rem; padding:1rem; margin-top:20px;}
div.cust2 p.tit{font-size:1.3rem; font-weight:300; }
div.cust2 p.no{}
div.cust2 p.no span{font-size:2rem; display:block; }
div.cust2 ul{overflow:hidden; margin-top:15px;}
div.cust2 ul li{ font-size: 18px; font-weight:600; }
div.bg_gray{background-color:#f5f5f5; padding:1rem; margin-top:20px;}
.t_red {    color: #dd1508;}


/*찾아오시는길*/
div.loca{position:relative; height:200px;}
div.loca p{position:absolute; bottom:10px; right:10px; background-color:#fff;  border:1px solid #006e37; padding:5px 10px; z-index:1000;}
div.loca p a{color:#006e37; font-size:0.7em; font-weight:bold;}
div.map_tit{width:120px; height:68px; background:url('/images/content/map_tit.png') no-repeat 0 0; background-size:120px 68px;}
div.con div.map{margin-top:30px;}
div.con div.map ul li{margin-bottom:10px; height:41px; line-height:41px;}
div.con div.map ul li img{width:30px;}


/* 멤버쉽 */
table.grade{border-collapse: collapse;	border-spacing: 0; table-layout: fixed; margin-bottom: 15px; border-top:2px solid #333; }
table.grade th, table.grade td{vertical-align:middle; padding:10px 10px; border-bottom:1px solid #ddd;}
table.grade th{background: #f4f4f4; color:#242424;}
table.grade td{border-left:1px solid #ddd; text-align:center; }
table.grade td.grade01{background: #1a8232; color:#fff; font-weight:bold; padding:10px; 0px;}
table.grade td.grade02{background: #8d750d; color:#fff; font-weight:bold; padding:10px; 0px;}
table.grade td b{color:#157e33;}
table.grade td p{text-align:center; margin-bottom:15px;}
table.grade img{width:60%;}
table.grade td.first img{width:40%;}


/*쿠폰지급안내*/
.cuponWrap{padding:1rem; border-radius:.5rem; background:#e6eef3; border:1px dashed #d5dbe6; }
.cuponWrap h3{background:#0050CD; color:#fff !important; padding:.5rem 1rem;  border-radius:5px; font-size:1.2rem; margin:0 !important; text-align:center;}
.cuponWrap ul{margin-top:10px;}
.cuponWrap ul li{margin-bottom:5px; overflow:hidden; display: flex; justify-content: space-between;}
.cuponWrap ul li span{background:#fff; color:#3459A7; border-radius:5px; display:flex;  font-size:1rem;  padding:.25rem 1rem; text-align:center; font-weight:600; flex-basis: 49%;}
.cuponWrap ul li em{display:flex;  font-size:.9rem;  padding:.25rem 1rem; border:1px solid #9fafcc; background:rgba(255,255,255,0.3); border-radius:5px; flex-basis: 49%;}
.cuponWrap ul li em:first-child{position:relative;color:#3459A7;}
.cuponWrap ul li em:first-child:before{content : "\e937"; display : block; position : absolute; right :-12px; top:50%; font-size:1.2rem; transform:translateY(-50%)  rotate(270deg ); color: #0050CD;  font-family: 'xeicon';}
.cuponWrap p{font-size:.8rem;}