@charset "utf-8";


.sub_contents {width:100%;  line-height:1.35;  font-size:1.7rem; overflow-x: hidden; overflow-y: hidden; }


.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#77a832 !important;}
.grey_bg {background:#f8f8f8;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll {overflow: auto;position: relative}

@media( max-width:1400px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}
	.sub_contents {overflow-x:hidden;}
}

@media( max-width:1024px) {
.div_scroll table {width:1000px;}


}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px!important;}
.mg_t20{margin-top:20px!important;}
.mg_t30{margin-top:30px!important;}
.mg_t40{margin-top:40px!important;}
.mg_t50{margin-top:50px!important;}
.mg_t80{margin-top:80px!important;}
.mg_t100{margin-top:100px!important;}
.mg_t120{margin-top:120px!important;}


.mg_b10{margin-bottom:10px!important;}
.mg_b20{margin-bottom:20px!important;}
.mg_b30{margin-bottom:30px!important;}
.mg_b40{margin-bottom:40px!important;}
.mg_b50{margin-bottom:50px!important;}
.mg_b80{margin-bottom:80px!important;}


.pd_b100 {padding-bottom:10.0rem!important;}

.txt_c {text-align:center;}


/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}


.flex_box {display:flex; flex-wrap:wrap; }




/*회사개요*/
.overview_wrap {position:relative;/* overflow:hidden; margin-top:-12rem;*/}
/*.overview_wrap:before {content:""; width:970px; height:1000px; position:absolute; top:0%; right:5%;  background: url("../../pages/images/overview_img.png") no-repeat center center;}
.overview_txt {font-size:4.2rem; font-weight:600; line-height:1.35; margin-top:10rem;}

.overiview_img {display:none;}

.overview_table {margin-top:5.0rem;}
.overview_table .table {width:62%;  position:relative; border-top: 1px solid #2a303a;  font-size:2.0rem; background:transparent; line-height: 1.45;}
.overview_table .table th {border-bottom: 1px solid #bebebe; padding: 2.0rem; color: #77a832;  vertical-align: middle;  font-weight: bold; width:20%;}
.overview_table .table td {border-bottom: 1px solid #bebebe; padding: 2.0rem 2.0rem 2.0rem 3.5rem; color: #6f6f6f;  vertical-align: middle;  width:80%;}*/



.overview_ico {border-left:1px solid #ddd; border-top:1px solid #ddd; }
.overview_box {display:flex; flex-direction: column; justify-content: center; align-items: center;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:8.0rem 3.5rem;}
.overview_box01 {width:25%;}
.overview_box02 {width:50%;}

.overview_box .overview_txt1 {font-size:2.0rem; color:#000; margin-top:2.5rem; font-weight:500; color:#77a832; }
.overview_box .overview_txt2 {font-size:2.0rem; color:#5e5e5e; margin-top:0.5rem; text-align:center; }
.overview_box .overview_txt2 span {font-size:1.8rem;}

.overview_sns {margin-top:10.0rem;  justify-content: space-between;}
.overview_sns .sns_box {display:flex; gap:3.0rem; width:32%; padding:3.5rem; align-items: center;}
.overview_sns .sns_box p {font-size:2.0rem; font-weight:600; line-height:1.25;}
.overview_sns .sns01  {background:#d2262b; color:#fff; }
.overview_sns .sns02{ color:#fff; 
background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
.overview_sns .sns03  {background:#ffe600; color:#381e1f; }


.cert_wrap {margin-top:8.0rem;}


@media screen and (max-width: 1960px){
/*.overview_wrap:before{position:absolute; top:0%; right:-10%;}*/

}

@media screen and (max-width: 1600px){
/*.overiview_img {position:absolute; top:-12%; right:-48%; z-index:-1;}
.overview_wrap {margin-top:0rem;}
.overview_wrap:before {right:-20%;}
.overview_txt {margin-top:0rem;}*/
}

@media screen and (max-width: 1400px){

/*.overview_wrap:before {right:-30%;}*/
}

@media screen and (max-width: 1024px){
/*.overview_wrap {overflow:hidden;}
.overview_wrap:before {display:none;}
.overview_txt {font-size:3.8rem; font-weight:600; line-height:1.35;}

.overview_table {margin-top:3.0rem;}
.overview_table .table {width:100%; }
.overview_table .table td br {display:none;}*/
.overview_box01 {width:50%;}
.overview_box02 {width:100%;}
.overview_box {padding: 5.0rem 3.5rem;}

.overview_sns {margin-top:5.0rem;}
.overview_sns .sns_box {display:flex; gap:3.0rem; width:100%; margin-bottom:2.0rem;}
.overiview_img {position:relative; right:auto; top:auto; margin-bottom:3.0rem; display:block;}
.overiview_img img {width:100%;}

}



/*연혁*/
.his_top {width:100%; max-width:1600px; margin: 0 auto 6.0rem;}
.his_top .his_top_img {z-index:0;}
.his_top .his_top_img img {max-width:100%;}
.his_top .his_top_img video {max-width:100%;}
.his_top .his_top_txt {position:relative; width:80%; z-index:1;  margin:-6.0rem auto 0; background:#fff; padding:8.0rem 3.0rem 4.0rem 3.0rem; text-align:center; 
						font-size:4.2rem; font-weight:600; line-height:1.35; } 
.his_top .his_top_txt_p {text-align:center; font-size:2.0rem; color:#777; font-weight:400; margin-top:4.0rem; line-height:1.55;}

.history_wrap {width:100%; position:relative;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:60px; }
.history_list .his_img img {max-width:100%;  }
.history_list .his_txt {position:relative; width:50%; padding-left:60px;} 
.history_list .his_txt .his_year {font-size:3.4rem; font-weight:600; margin-bottom:2.0rem; color:#77a832;}
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -5px;width:10px;height:10px;/*border:5px solid #77a832*/ ;border-radius:50%;background: #77a832 ;}

.history_list .his_txt dl {display:flex; margin-bottom:1.0rem;}
.history_list .his_txt dl dt {width:80px; font-weight:bold;  font-size:2.0rem;}
.history_list .his_txt dl dd {width:calc(100% - 80px);color:#777; font-size:1.8rem;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0;padding-right:60px; }

.history_list:nth-child(even) .his_txt:before {left: auto; right: -5px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


@media screen and (max-width: 1024px){


.his_top .his_top_txt  {font-size:2.4rem; margin:-3.0rem auto 0; padding:4.0rem 2.0rem 4.0rem 2.0rem; width:95%;}



.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list .his_img {width:100%; text-align:left; padding-left:40px; padding-right:0; margin-bottom:20px;}

.history_list .his_txt {width:100%;}

.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0;padding-left:40px; }
.history_list:nth-child(even) .his_txt {order:2; text-align: left; padding-left:60px;padding-right:0px; }

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: 10px;width:10px;height:10px;;border-radius:50%;background: #77a832;}
.history_list:nth-child(even) .his_txt:before {left: 10px; right: auto;}

}






/*조직도*/
.organization {text-align:center;}
.organization img {max-width:100%;}



/*오시는길*/
.location_map {width:100%; }
.location_map .map_height {height:420px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}

.location_txt {margin-top:5.0rem; }
.location_title {display:flex;  justify-content: space-between; padding-bottom:2.0rem; }
.location_title h4 {font-size:3.4rem; font-weight:600;}
.location_title .btn_map {display:flex; gap:10px; font-size:2.0rem;}
.location_title .btn_map .btn_naver {display:flex; background:#20c003; padding:1.2rem 3.5rem; color:#fff; gap:10px;align-items: center;  font-weight:bold;}
.location_title .btn_map .btn_kakao {display:flex; background:#fae100; padding:1.2rem 3.5rem; color:#000; gap:10px;align-items: center; font-weight:bold;}
.location_title .btn_map .btn_kakao span img{height:25px}
.location_contents {border-top:1px solid #222;   }
.location_contents ul {display:flex; flex-wrap:wrap;}
.location_contents ul li {padding:2.5rem 4.5rem; display:flex;align-items: center;font-size:2.0rem; width:50%; border-bottom:1px solid #ddd; }
.location_contents ul li:nth-child(1) {width:100%; }
.location_contents ul li:nth-child(2) {border-right:1px solid #ddd; }
.location_contents ul li .loc_txt1 {width:150px; font-weight:600; display:flex;align-items: center; gap:20px;}
.location_contents ul li .loc_txt2 {color:#2c2c2c}


@media screen and (max-width: 1024px){
.location_map .map_height {height:350px;}
}

@media screen and (max-width: 768px){
.location_title {flex-wrap:wrap; }
.location_title .btn_map {width:100%; margin-top:2.0rem;}
.location_title .btn_map .btn_naver {width:48%; justify-content: center;}
.location_title .btn_map .btn_kakao {width:48%; justify-content: center;}
.location_contents ul li {width:100%; padding:2.5rem;}
.location_contents ul li:nth-child(2) {border-right:0px solid #ddd; }
.location_contents ul li .loc_txt1 {width:130px;}
}






/*기술현황*/

.tech_top {width:100%; max-width:1600px; margin: 0 auto 3.0rem;}
.tech_top .tech_top_img {z-index:0;}
.tech_top .tech_top_img img {max-width:100%;}
.tech_top .tech_top_img video {max-width:100%;}
.tech_top .tech_top_txt {position:relative; width:80%; z-index:1;  margin:-6.0rem auto 0; background:#fff; padding:8.0rem 3.0rem 4.0rem 3.0rem; text-align:center; 
						font-size:4.0rem; font-weight:600; line-height:1.35; } 


.tech_title {font-size:2.8rem; font-weight:bold; color:#2f4e37; }
.tech_wrap {display:flex;  flex-wrap: wrap;  margin:2.0rem -35px 0 0;}
.tech_wrap .tech_box {width:calc(25% - 35px); margin-right:35px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.tech_wrap .tech_box .tech_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.tech_wrap .tech_box .tech_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.tech_wrap .tech_box .tech_txt {color:#777; padding:3.0rem 0; font-size:1.8rem; font-weight:600; } 
.tech_wrap .tech_box .tech_txt span {display:block; color:#000;}

@media screen and (max-width: 1024px){

.tech_top .tech_top_txt {font-size:2.4rem; margin:-3.0rem auto 0; padding:4.0rem 2.0rem 4.0rem 2.0rem;}

.tech_wrap {display:flex;  flex-wrap: wrap;  margin:4.0rem -25px 0 0;}
.tech_wrap .tech_box {width:calc(50% - 25px); margin-right:25px; }
.tech_wrap .tech_box .tech_img img {width:85%}

}

/*구매방법*/
.purchase_wrap {}
.purchase_wrap:nth-child(even) {flex-direction: row-reverse;}

.purchase_wrap .purchase_img {width:50%;} 
.purchase_wrap .purchase_img img {max-width:100%;}

.purchase_wrap .purchase_txt {width:50%; display:flex;  flex-direction: column; justify-content: center; align-items: center;   background:#f8f8f8; padding: 5.0rem 7.0rem;} 
.purchase_wrap .purchase_txt dt {position:relative; }
.purchase_wrap .purchase_txt dt > span {font-size: 12.0rem;  font-weight: 700;    color: #333;  opacity: 0.07;  position: absolute;  top: -50px;   line-height: 1;}
.purchase_wrap .purchase_txt h4 {font-size:3.2rem; font-weight:700; color:#77a832; }

.purchase_wrap .purchase_txt p { font-size:2.0rem; margin-top:4.0rem; color:#777; }
.purchase_wrap .purchase_txt ul {font-size:2.0rem; margin-top:4.0rem; color:#777; }
.purchase_wrap .purchase_txt ul li {display:flex; margin-bottom:0.5rem;  }
.purchase_wrap .purchase_txt ul li span {font-weight:600; margin-right:7px; /*background:#77a832;  font-size:1.6rem; color:#fff; padding:10px 10px; border-radius:50px; margin-right:15px; */   }



@media screen and (max-width: 1200px){

.purchase_wrap {max-width:700px; margin:auto;}
.purchase_wrap .purchase_img {width:100%;}
.purchase_wrap .purchase_txt {width:100%; padding: 5.0rem;  text-align:center; }
.purchase_wrap .purchase_txt dt > span {  position: static;    font-size: 3rem;  opacity:0.25;  margin-bottom: 10px;    display: block;    text-align: center;  transform: translateX(0);}

}


@media screen and (max-width:768px){

.purchase_wrap .purchase_txt h4 {font-size:2.8rem; color:#000;}
.purchase_wrap .purchase_txt ul li {text-align:left;}
.purchase_wrap .purchase_txt ul li span {font-weight:600; margin-right:7px}

.purchase_wrap .purchase_txt p { margin-top:2.0rem;  }
.purchase_wrap .purchase_txt ul {margin-top:2.0rem; }
}




/*제품소개*/
.product_top_video {margin-bottom:10.0rem;}
.product_top_video video {max-width:100%; }

.char_wrap {padding:12.0rem 0;}
.char_title {font-size:4.5rem; font-weight:600; margin-bottom:3.0rem; position:relative; }
.char_title:before {content:''; position:absolute; top:50%;  width:12.0rem; height:1px; background:#000; left:-16.0rem; }

.char_sub_title {font-size:2.4rem; font-weight:600; margin-bottom:1.0rem; color:#77a832; display:none; }

.char_img {flex-grow:1;  justify-content:space-between; margin-top:2.0rem;}
.char_img img {width:33%;}

.char_img02 {flex-grow:1;  justify-content:space-between; margin-top:2.0rem;}
.char_img02 img {width:49.5%;}

.char_img03 {flex-grow:1;  justify-content:space-between; margin-top:2.0rem;}
.char_img03 .char_img03_box  {width:49.5%;}
.char_img03 .char_img03_box img {width:100%;}
.char_img03 .char_img03_box p {text-align:center; margin-top:1.0rem; font-size:2.0rem;}


.char_common {margin-top:7.0rem;}
.char_common li {float:left;  position:relative; width:49.5%; margin-bottom:1.0rem;  background:#fff; border-radius:15px; padding:2.0rem 2.5rem 2.0rem 7.2rem; font-size:2.0rem;  font-weight:600;}
.char_common.li_grey li {background:#f9f9f9!important;}
.char_common li:nth-child(2n) {margin-left:1%;}
.char_common li:before {content:''; position:absolute; left:2.5rem; height: 8px; width:30px; height:30px; background: url("../../pages/images/char_bullet.png") no-repeat; background-size:contain;}
.char_individual {margin-top:5.0rem;}


.char_common02 {margin-top:5.0rem; background:#fff; padding:4.0rem 3.5rem;  border-radius:15px;}
.char_common02 li {position:relative; width:100%; margin-bottom:1.5rem; padding-left:4.5rem;   font-size:2.0rem;  font-weight:600;}
.char_common02 li:before {content:''; position:absolute; left:0rem; height: 8px; width:30px; height:30px; 
						background: url("../../pages/images/char_bullet.png") no-repeat; background-size:contain;}




.method_wrap {justify-content:space-between; }
.method_wrap .method_box {width:32%; }
.method_wrap .method_box h4 {color:#fff; background:#77a832; font-size:2.8rem; font-weight:600; text-align:center; padding:1.5rem; }
.method_wrap .method_box .method_bg {background:#f8f8f8; padding:3.0rem; text-align:center;}
.method_wrap .method_box .method_bg img {max-width:90%; }
.method_wrap .method_box .method_bg .method_ul {margin-top:2.0rem;}
.method_wrap .method_box .method_bg .method_ul li {font-size:2.0rem; text-align:left; color:#515151; position:relative; margin-bottom:1.0rem; padding-left:1.5rem;}
.method_wrap .method_box .method_bg .method_ul li:before {content:''; position:absolute; width:4px; height:4px; background:#77a832; left:0; top:1.0rem; }





@media screen and (max-width: 1024px){
.char_title {font-size:3.4rem;}
.char_common {margin-top:3.0rem;}
.char_common li {width:100%; padding:1.8rem 2.5rem 1.8rem 6.2rem; border-radius:7px;}
.char_common li:nth-child(2n) {margin-left:0%; }
.char_common li:before {width:22px; height:22px; left:2.0rem;}
.char_common02 li {line-height:1.45;}
.char_common02 li:before {width:22px; height:22px; }

.method_wrap .method_box {width:100%; margin-bottom:3.0rem; }
}

@media screen and (max-width: 768px){
.char_wrap {padding:8.0rem 0;}
}


.char_individual .table {width:100%;  text-align:center;   position:relative; font-size: 2.0rem; background:transparent; line-height: 1.45;}
.char_individual .table thead {border-top: 3px solid #2a303a;}
.char_individual .table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 16px; }
.char_individual .table thead th:first-child {border-left: 0;}

.char_individual .table tbody th {border-bottom: 1px solid #bebebe; padding: 16px; color: #000;  vertical-align: middle;  font-weight: bold;}
.char_individual .table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 16px; color: #555;  vertical-align: middle;  }
.char_individual .table tbody td:first-child {border-left: 0;}
.char_individual .table tbody td strong {color:#000;}




.product_tab_list {margin-top:12.0rem;}


/*tab css*/
/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
  background-color: #ffffff;
 /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 100%;
  margin: 0 auto;}

/* 탭 스타일 */

.tabs .tab_item {
  cursor:pointer;
  width: 49%;
  padding:1.5rem 2.0rem;
  /*height: 50px; */ 
  background-color: #e8e8e8;
  line-height: 1.45;
  font-size: 2.6rem;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  margin-right:0.5%;
  text-align: center;  
  font-weight: 600;
  transition: all 0.2s ease;
  /*border-top:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;*/
}
.tabs .tab_item:hover {
 background:#77a832;
 color:#fff;
}
.tabs .tab_item3 {margin-right:0!important;}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tabs .tab_content {
  /* border-top:1px solid #77a832;*/
  display: none;
  padding:  4.0rem 0 0 0  ;
  clear: both;

 
}


/* 선택 된 탭 콘텐츠를 표시 */
.tabs  #tabtab01:checked ~ #tabtab01,
.tabs  #tabtab02:checked ~ #tabtab02,
.tabs  #tabtab03:checked ~ #tabtab03 {
  display: block;
}


/* 선택된 탭 스타일 */
 .tabs input:checked + .tab_item {  
  background-color: #77a832;  
  color: #fff;
  font-weight:bold;
}






@media screen and (max-width: 768px){
.tabs .tab_item { padding:2.0rem 0; font-size:15px; line-height:1.25;}
.tabs .tab_content {}
.tabs .tab_item br {display:block;}

}
.product_list_wrap {margin:0 -4.0rem 0 0; }
.product_list_wrap  .product_list {width:calc(33.3% - 4.0rem); margin-right:4.0rem; text-align:center; position:relative; z-index:1; margin-bottom:4.0rem;  border-radius:2.0rem;}
.product_list_wrap  .product_list:hover {webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.product_list_wrap  .product_list a > .img {background:#f8f8f8; border-radius:2.0rem; padding:4.0rem 2.0rem;}
.product_list_wrap  .product_list a > .img img {max-width:85%; }
.product_list_wrap  .product_list a > .txt {font-size:2.4rem; font-weight:600; margin-top:2.0rem; color:#000;}
.product_list_wrap  .product_list:hover a > .txt {color:#fff; transition: all 0.5s; -webkit-transition: all 0.5s;	}
.product_list_wrap  .product_list:after {content: ""; width: 108%;  height: 95%; top: 25%; left: -4%; background: #77a832;
								  position: absolute; z-index: -1;  opacity: 0;	  -webkit-transition: all 0.5s;	 transition: all 0.5s;}
.product_list_wrap  .product_list:hover:after  {top: 10%; opacity: 1; -webkit-transition: all 0.5s;	 transition: all 0.5s}

@media screen and (max-width: 1024px){
.product_list_wrap  .product_list {width:calc(50% - 4.0rem);}

}


@media screen and (max-width: 768px){

.product_list_wrap {margin:0 -2.0rem 0 0; }
.product_list_wrap  .product_list {width:calc(50% - 2.0rem); margin-right:2.0rem;}

}



/*제품상세페이지*/

.product_wrap {width:100%; position:relative;}

.product_top {width:100%; position:relative; height:100%; gap:5%;    }

.product_top .product_bigimg_txt {width:100%;  margin-bottom:11.0rem;}
.product_top .product_bigimg_txt p{font-size:2.4rem;margin-top:1.0rem}
.product_top .product_bigimg_txt h3 {font-size:3.6rem; color:#000; margin-top:7.0rem; }
.product_top .product_bigimg_txt h3 span {font-size:2.5rem; color:#333; display:block; }
.product_top .product_bigimg_txt > ul {margin-top:3.0rem;}
.product_top .product_bigimg_txt > ul > li {position:relative;  font-size:2.0rem; color:#6e6e6e; margin-bottom:0.7rem; padding-left:1.5rem;}
.product_top .product_bigimg_txt > ul > li:before {content:''; position:absolute; width:4px; height:4px; background:#77a832; left:0; top:1.0rem;}
.product_top .product_bigimg_txt .product_top_btn {display:flex; gap:2%;}
.product_top .product_bigimg_txt .product_top_btn a.pro_btn{position:relative; margin-top:3.0rem; font-size:2.0rem; color:#000; width:49%; text-align:center; 
														padding:1.5rem;  border:1px solid #000;font-weight:600;}

.product_top .product_bigimg_txt .product_top_btn a:hover {background:#77a832; color:#fff; transition: all 0.6s; border:1px solid #77a832;}										

.product_top .product_bigimg_thum {width:50%;}

	.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        /*height: 100%;
        object-fit: cover;*/
      }

      .swiper {
        width: 100%;
        /*height: 300px;*/
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper_bigimg {
	
       width: 50%;	
		/*overflow:hidden;*/
		
      }

	  .mySwiper_bigimg img {     
        max-width: 100%;
		padding:5%;
		
      }

      
	  /*썸네일*/	  
	  .mySwiper_thum {
	   width: 45%; min-height:100% !important; 
	   position:relative;
       box-sizing: border-box;   	   
	  
	   }
	  
	
		
	 .mySwiper_thum .swiper-wrapper { 
	 	width:100%; 
		
      }

      .mySwiper_thum .swiper-slide {      
        height: 100%;
        opacity: 1;
		cursor:pointer;
      }

      .mySwiper_thum .swiper-slide-thumb-active {
        opacity: 1;
		border:1px solid #666;
      }

	  .swiper-slide {background:#fff;}

      .swiper-slide img {
        display: block;
		border:1px solid #ddd; 
        width: 100%;
		padding:7%;
       /* height: 100%;
        object-fit: cover;*/
      }




.swiper-button-next4,
.swiper-button-prev4 {
	position: absolute;
	bottom:5.0rem;
	width: 25px;
	height: 25px;
	z-index: 999;
	cursor: pointer;
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat
}

/*.swiper-button-prev4,
.swiper-container-rtl .swiper-button-next4 {
	background-image:url("../../pages/images/thum_btn_prev.png"); left: 0px;
	right: auto
}
.swiper-button-next4,
.swiper-container-rtl .swiper-button-prev4 {
	background-image:url("../../pages/images/thum_btn_next.png"); right:0px;
	left: auto
}*/


@media screen and (max-width: 1024px){

.mySwiper_bigimg {width:100%; margin:auto;}
.mySwiper_thum {display:flex !important; flex-direction: column-reverse;  width:100%; margin-left:0% !important; margin-right:0% !important; margin-top:8%;}
.product_bigimg .product_bigimg_txt {margin:0 0 5.0rem 0; text-align:center;}
.product_bigimg .product_bigimg_txt p br {display:none;}

.product_bigimg .product_bigimg_txt h3 {font-size:3.0rem;  }
.product_bigimg .product_bigimg_txt h3 span {font-size:2.2rem;  }


.product_top .product_bigimg_txt {margin-bottom:0}



}




.product_bottom {margin-top:16.0rem;}
.product_bottom .product_title {border-bottom:1px solid #000;}
.product_bottom .product_title span {font-size:2.4rem; font-weight:700; background:#fff; padding:2.5rem 9.0rem 0.2rem 9.0rem; 
									border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}

.product_bottom .product_contents {margin-top:7.5rem;}


.product_contents .table2 {width:100%;  text-align:center;   position:relative; font-size: 2.0rem; background:transparent; line-height: 1.45;}
.product_contents .table2 thead {border-top: 0px solid #2a303a;}
.product_contents .table2 thead th{ /*border-bottom: 1px solid #2a303a;*/ background:#9b9b9b; /*border-left: 1px solid #2a303a;*/ color: #fff; font-weight: bold;  padding: 16px; }
.product_contents .table2 thead th:first-child {border-left: 0;}

.product_contents .table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 16px; color: #000;  vertical-align: middle;  font-weight: bold;}
.product_contents .table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 16px; color: #555;  vertical-align: middle;  }
.product_contents .table2 tbody td:first-child {border-left: 0;}
.product_contents .table2 tbody td strong {color:#000;}
.table_info {margin-top:1.5rem; font-size:1.8rem; color:#353535; text-align:left;}

@media screen and (max-width: 1024px){




}


@media screen and (max-width: 768px){
.product_bottom .product_title span {padding:2.0rem 6.0rem 0.2rem 6.0rem; }

}


/*tab css*/
/* 탭 전체 스타일 */
.tabs2 {
  margin-top: 50px;
  background-color: #ffffff;
 /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 100%;
  margin: 0 auto; text-align:center; }

/* 탭 스타일 */

.tabs2 .tab_item {
 text-align:center;
  cursor:pointer;
  /*width: 33%;*/
  padding:1.5rem 6.0rem;
  /*height: 50px; */ 
  background-color: #e8e8e8;
  line-height: 1.45;
  font-size: 2.6rem;
  text-align: center; 
  border-radius:70px;
  color: #000;
  display: inline-block;
  /*float: left;*/
  margin-right:0.5%;
  text-align: center;  
  font-weight: 600;
  transition: all 0.2s ease;
  /*border-top:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;*/
}
.tabs2 .tab_item:hover {
 background:#77a832;
 color:#fff;
}
.tabs2 .tab_item4 {margin-right:0!important;}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tabs2 .tab_content2 {
  /* border-top:1px solid #77a832;*/
  display: none;
  padding:  5.0rem 0 0 0  ;
  clear: both;
  text-align:center;  
}

.tabs2 .tab_content2 > img { max-width:100%; }

/* 선택 된 탭 콘텐츠를 표시 */
.tabs2  #tabtab01:checked ~ #tabtab01,
.tabs2  #tabtab02:checked ~ #tabtab02,
.tabs2  #tabtab03:checked ~ #tabtab03, 
.tabs2  #tabtab04:checked ~ #tabtab04 {
  display: block;
}


/* 선택된 탭 스타일 */
 .tabs2 input:checked + .tab_item {  
  background-color: #77a832;  
  color: #fff;
  font-weight:bold;
}






@media screen and (max-width: 768px){
.tabs2 .tab_item { padding:1.5rem 2.0rem; font-size:15px; line-height:1.25;}
.tabs2 .tab_content2 {}
.tabs2 .tab_item br {display:block;}

}




.ms_char_img{align-items: center;    flex-grow: 1;justify-content: space-between;margin:3.0rem 0;align-items: center;}
.ms_char_img .imgbox img{width:100%;border-radius:50%;}
.ms_char_img .imgbox{width:35%;}
.ms_char_img .imgbox_left{order:2}

.ms_char_common {width:60%;margin-bottom:5.0rem;}
.ms_char_common p {float:left;  position:relative; width:100%; margin-bottom:1.0rem;  background:#fff; border-radius:15px; padding:2.0rem 2.5rem 2.0rem 7.2rem; font-size:2.0rem;  font-weight:600;}
.ms_char_common.li_grey p {background:#f9f9f9!important;}
.ms_char_common p:before {content:''; position:absolute; left:2.5rem; height: 8px; width:30px; height:30px; background: url("../../pages/images/char_bullet.png") no-repeat; background-size:contain;}


.ms_char_sub_title{font-size: 2.8rem;font-weight:800; margin-bottom: 3.0rem; color: #77a832;}

.sub_page_title{font-size: 4.0rem;font-weight: 700;padding: 9.2rem 0 9.4rem; position: relative;text-align: center;}



@media screen and (max-width: 768px){

.sub_page_title{ padding: 5.0rem 0 5.0rem 0;font-size: 3.2rem;}
.ms_char_img .imgbox_left {order: 0;}

.ms_char_sub_title{font-size:2.1rem;margin-bottom:0;margin-top:3.0rem;padding-left:1.7rem}

.ms_char_img{display:block;}
.ms_char_common{width:100%;}


.ms_char_img .imgbox{width:50%;margin:0 auto}
.ms_char_common p {padding: 1.8rem 2.5rem 1.8rem 6.2rem;border-radius: 7px;}
.ms_char_common p:before {width: 22px;height: 22px;left: 2.0rem;}
}