@charset "utf-8";
.sub_contents { width:100%;  line-height:1.4;  font-size:1.6rem;  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
/*.point {color:#006835 !important;}*/
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

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

.div_scroll {overflow: auto;position: relative}
.mob {display:block;}

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

@media( max-width:1024px) {
.div_scroll table {width:1000px; font-size:16px;}
.div_scroll img {max-width:1000px !important;}
.sub_contents {margin-top:0rem;}
}


@media( max-width:768px) {
.mob {display:none;}
}


.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_t150{margin-top:150px!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;}
.pd_b130 {padding-bottom:13.0rem!important;}
.txt_c {text-align:center;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.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%;
}

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

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 600; text-align:left;}
.table tbody th br  {display:none}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0;}
.table tbody td strong {color:#000;}

@media screen and (max-width: 1024px){
.table {font-size:15px;}
.table tbody th br  {display:block;}
}

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


.table02 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table02 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table02 tbody td strong {color:#000;}



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

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

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

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

}



/*회사개요*/
.company_top {background: url("../../pages/images/company_bg.jpg") no-repeat center center; text-align:center; padding:17.0rem 2.0rem 13.0rem 2.0rem; border-radius:2.0rem;}
.company_top img {max-width:100%;}
.company_top p {color:#fff; font-weight:600; margin-top:5.0rem; font-size:2.6rem;}


.company_txt {text-align:center; color:#555; font-size:2.0rem; margin-top:5.0rem; line-height:1.6; }
.company_txt strong {color:#719f2d; }


.company_overview {border-top:2px solid #000; margin-top:5.0rem; }
.company_overview dl {width:50%;  display:flex; font-size:1.8rem; border-bottom:1px solid #ddd;  }
.company_overview dl:nth-child(2n) {border-left:1px solid #ddd; }

.company_overview dl dt {width:30%; padding:2.0rem;  border-right:1px solid #ddd; text-align:center;  }
.company_overview dl dd {width:70%; padding:2.0rem 3.0rem; color:#555;  }

@media screen and (max-width: 1024px){
.company_top {padding:8.0rem 2.0rem;}
.company_top img {max-width:30%;}

.company_overview dl {width:100%;}
.company_overview dl dt {border-right:0;}
.company_overview dl:nth-child(2n) {border-left:0px solid #ddd; }
.company_overview dl:last-child {border-bottom:0; }
.company_overview dl dd {display:flex; align-items: center;}

}

@media screen and (max-width: 768px){
.company_txt {text-align:left; }
.company_top p  {font-size:2.2rem;}
}


/*연혁*/

.his_title {margin-bottom:8.0rem;}
.his_title h3 {font-size:4.2rem; font-weight:bold;}
.his_title p {font-size:2.0rem; color:#222; margin-top:1.0rem;}

.his_left {width:50%;}
.his_left .his_img {width:80%; }
.his_left .his_img span {display:block; margin-bottom:1.0rem;}


.his_right {width:50%; border-left:1px solid #ddd;}
.his_conts .his_box	{margin-bottom:5.0rem;  position:relative; padding-left:5.0rem}
.his_conts .his_box:before {content:''; width:14px; height:14px; background:#fff; border:3px solid #719f2d; border-radius:100%; position:absolute; left:-7px; top:20px;  }
.his_conts .his_box	h4 { font-size:4.2rem; margin-bottom:1.0rem; }
.his_conts .his_box:nth-child(1) {margin-top:-3.0rem}

/*.his_list {font-size:1.7rem; margin-top:2.0rem;}
.his_list li {padding-left:20px; position:relative; margin-bottom:1.0rem;}
.his_list li:before {position:absolute; content:'';  background: url("../../pages/images/bul_his.png") no-repeat; width:11px; height:15px; left:0;}*/
.his_cert { padding:3.0rem 2.0rem 2.0rem 2.0rem; background:#f8f8f8; border-radius:1.0rem; width:100%;}
.his_cert li {font-size:1.7rem;padding-left:20px; margin-bottom:1.0rem; position:relative; }
.his_cert li:before {content:''; width:5px; height:5px; background:#719f2d; border-radius:100%; position:absolute; left:0; top:8px}



@media screen and (max-width: 1024px){
.his_title {margin-bottom:5.0rem;}
.his_left .his_img {width:100%; }
.his_left {width:100%;}
.his_right {width:100%; margin-top:8.0rem;}
.his_conts .his_box {padding-left:4.0rem;}
.his_conts .his_box:before {top:12px;}
.his_conts .his_box	h4 {font-size:3.2rem;}
}





/*경영이념*/
.philosophy_top {background:#f8f8f8; padding:7.0rem 2.0rem; border-radius:2.0rem; text-align:center; }
.philosophy_top strong {color:#719f2d; font-size:4.0rem; }
.philosophy_top p {font-size:2.0rem; color:#555; margin-top:2.0rem;}
.philosophy_conts {margin-top:8.0rem;}

.philosophy_conts .left_img {width:50%;}
.philosophy_conts .right_txt {width:50%; display:flex;  padding-left:10.0rem;  align-items: center; }
.philosophy_conts ul li:nth-child(2n) {flex-direction: row-reverse; }

.philosophy_conts .right_txt dt {font-size:2.4rem; font-weight:600; }
.philosophy_conts .right_txt dd {color:#555; font-size:1.8rem; margin-top:1.5rem; }


@media screen and (max-width: 768px){
.philosophy_top strong {font-size:3.2rem;}
.philosophy_top p br {display:none; }
.philosophy_conts .left_img {width:100%;}
.philosophy_conts .right_txt {width:100%; padding:5.0rem; }
.philosophy_conts ul li:nth-child(2n) {flex-direction: row; }
.philosophy_conts ul li {margin-bottom:5.0rem;}


}


/*오시는길*/
.loc_txt { border-top:1px solid #222; padding:5.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:25%;}
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5.0rem;}
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0;}
.loc_map .map_height {height:400px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}


@media screen and (max-width: 1200px){
.loc_txt .loc_left  {width:100%;}
.loc_txt .loc_right {margin:5.0rem 0 0 }
}


@media screen and (max-width: 1024px){
.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}




/*제품소개*/

.furigake_bg {background: url("../../pages/images/furigake_bg.jpg") no-repeat center center;}
.laver_bg {background: url("../../pages/images/laver_bg2.jpg") no-repeat center center;}
.seaweed_bg {background: url("../../pages/images/seaweed_bg.jpg") no-repeat center center;}
.stockfish_bg {background: url("../../pages/images/stockfish_bg2.jpg") no-repeat center center;}
.freeze_drying_bg {background: url("../../pages/images/freeze_drying_bg.jpg") no-repeat center center;}

.product_top {text-align:center; padding:17.0rem 2.0rem; color:#fff; border-radius:2.0rem; }
.product_top strong {font-size:4.2rem;}
.product_top p {font-size:2.4rem; margin-top:1.0rem; line-height:1.5; }

.furigaketxt {margin-top:9.0rem;}
.furigaketxt ul li {width:33%; text-align:center;  border-right:1px solid #ededed; padding:0 2.0rem}
.furigaketxt ul li:last-child {border:0;}
.furigaketxt ul li strong {display:block; color:#222; margin-top:2.0rem; font-size:2.4rem;}
.furigaketxt ul li p {color:#818181; font-size:1.8rem; margin-top:0.5rem;}


.product_wrap {background:#f8f8f8; padding:10.0rem 0;  margin-top:10.0rem;  }
.product_list {margin:0 -25px 0 0; }
.product_box {background:#fff; width:calc(33% - 25px); margin:0 25px 25px  0; padding:3.5rem 4.0rem;  }
.product_box .product_img {text-align:center;}
.product_box .product_img img {max-width:300px;}
.product_box .product_txt {margin-top:4.0rem;}
.product_box .pro_name {font-size:2.4rem; font-weight:700; border-bottom:1px solid #ddd; padding-bottom:1.5rem; text-align:center; }
.product_box .pro_detail {padding-top:1.5rem;}
.product_box .pro_detail dl {display:flex; margin-bottom:1.0rem; font-size:17px;}
.product_box .pro_detail dl dt {width:115px}
.product_box .pro_detail dl dd {width:calc(100% - 115px); color:#535353; }




.biz_title {text-align:center; margin-bottom:5.0rem; }
.biz_title strong {font-size:3.2rem; } 
.biz_title p {font-size:2.6rem; font-weight:600;}

.bix_list {width:80%; margin:0 auto 15.0rem;}
.bix_list ul {color:#fff;  justify-content: space-between;}
.bix_list ul li {width:32%; padding:11.5rem 2.0rem; text-align:center; margin-bottom:1.5rem; }
.bix_list ul li:nth-child(1) {background: url("../../pages/images/biz_img01.jpg") no-repeat center center; background-size:cover;}
.bix_list ul li:nth-child(2) {background: url("../../pages/images/biz_img02.jpg") no-repeat center center; background-size:cover;}
.bix_list ul li:nth-child(3) {background: url("../../pages/images/biz_img03.jpg") no-repeat center center; background-size:cover;}
.bix_list ul li:nth-child(4) {background: url("../../pages/images/biz_img04.jpg") no-repeat center center; background-size:cover;}
.bix_list ul li:nth-child(5) {background: url("../../pages/images/biz_img05.jpg") no-repeat center center; background-size:cover;}
.bix_list ul li:nth-child(6) {background: url("../../pages/images/biz_img06.jpg") no-repeat center center; background-size:cover;}

.bix_list ul li span {font-size:3.2rem; opacity:0.6; display:block; text-transform:uppercase; font-weight:700;}
.bix_list ul li strong {font-size:2.8rem; font-weight:400;}

.global_map {text-align:center;}
.global_map img {max-width:100%;}






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

.product_box {background:#fff; width:calc(50% - 25px);}
.product_top  {border-radius:0;}

.bix_list {width:100%}
.bix_list ul li {width:49%;}
}


@media screen and (max-width: 768px){
.biz_title p br {display:none;}

.product_top {padding:8.0rem 2.0rem}
.product_top strong {font-size:3.6rem;}
.product_top p {font-size:2.0rem;}
.furigaketxt ul li {width:100%; border-right:0; margin-bottom:5.0rem;}

.product_list {margin:0 0 0 0; }
.product_box {background:#fff; width:100%; margin:0 0 25px  0;}

.product_box .product_img img {max-width:60%;}

.bix_list ul li {padding:6.0rem 2.0rem;}
.bix_list ul li span  {font-size:2.8rem; lin-height:1.45;}
.bix_list ul li strong {font-size:2.2rem;} 
}


.btn_more {display:block; text-align:center; font-size:17px; border:1px solid #ddd; padding:1.5rem; margin-top:2.0rem; transition: all 0.6s; border-radius:10px;}
.btn_more:hover {background:#719f2d; color:#fff; transition: all 0.6s; border:1px solid #719f2d }

.fancybox-container .fancybox-content {max-width:50%; max-height:60%; }

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

.fancybox-container .fancybox-content {max-width:100%; max-height:100%; }
}




/*인증현황*/
.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; padding:3.0rem 0; font-size:16px; font-weight:600; } 


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}


}



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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}


}