@charset "utf-8";


/* tab */
.tab {clear:both;text-align:center; display:block; overflow:hidden;}
.tab li {float:left; letter-spacing:-0.05em;}
.tab li a {border:1px solid #959595;padding:1vmin 2vmin;display:block; cursor:pointer; font-size:16px; color:#5d5d5d;}
.tab li a span {font-size:22px;}
.tab li a.on {background:#26ab39; border:1px solid #26ab39;color:#fff; z-index:2; position:relative;}

.li02 li {width:50%;}
#tab01, #tab02, #tab03, #tab04, #tab05, #tab06 {clear:both;}
#tab02, #tab03, #tab04, #tab05, #tab06 {display:none;}

@media all and (max-width:1200px)
{
	.tab li a {font-size:14px;}
	.tab li a span {font-size:20px;}
}

@media all and (max-width:700px)
{
	.tab li a {font-size:13px;}
	.tab li a span {font-size:15px;}
}


@media all and (max-width:600px)
{
	.tab li {width:100%; margin-top:-1px;}
	.tab li:first-child {margin-top:0px;}
}

/* c_tab */
.c_tab {text-align:center;}
.c_tab li {width:33.3%; float:left; letter-spacing:-0.05em; background:#fff;}
.c_tab li a {border:1px solid #959595;padding:2vmin 3vmin;display:block; cursor:pointer; font-size:18px; color:#5d5d5d;}
.c_tab li a.on {background:#26ab39; border:1px solid #26ab39;color:#fff;}

.li05 li {width:20%;}

.tab_over li a:hover {background:#26ab39; border:1px solid #26ab39; color:#fff;}

@media all and (max-width:1200px)
{
	.c_tab li a {font-size:16px;}
}

@media all and (max-width:700px)
{
	.c_tab li a {font-size:14px;}
}

@media all and (max-width:600px)
{
	.c_tab li {width:100%; margin-top:-1px;}
	.c_tab li:first-child {margin-top:0px;}

	.li05 li {width:100%; margin-top:-1px;}
}

/* contents */
.cont_img {text-align:center}

.cont_icon {display:block; overflow:hidden; text-align:center;}
.cont_icon li {display:inline-block; margin:10px 10px;  position:relative;}
.cont_icon li .text {font-size:18px; position:absolute; bottom:35px; text-align:center; width:100%; letter-spacing:-0.03em;}

.pb50 {padding-bottom:50px; clear:both;}
.pb100 {padding-bottom:100px;}

span.br {display:block;}

@media all and (max-width:700px)
{
	span.br {display:inline;}
}

/* 인사말 */
.cont_greeting {text-align:center;}
.cont_greeting h3 {font-style:italic; font-size:26px; font-weight:normal; line-height:160%;}
.cont_greeting h3 strong {font-weight:bold; font-size:28px; color:#26ab39;}
.cont_greeting .cont_text {color:#585858; font-size:18px; line-height:160%;}
.cont_greeting .cont_text p {margin-bottom:4vmin;}

.greeting_gal {width:100%;}
.greeting_gal .owl-carousel{width:100%}
.greeting_gal .owl-carousel .owl-item {}
.greeting_gal .owl-carousel .owl-nav{position:absolute;top:50%;margin-top:-30px;width:100%}
.greeting_gal .owl-carousel .owl-nav > div{position:absolute;width:55px;height:126px;text-indent:-9999px}
.greeting_gal .owl-carousel .owl-nav .owl-prev{left:3%;background:url('/gnu/theme/inogreen/img/btn_prev_1.png') no-repeat}
.greeting_gal .owl-carousel .owl-nav .owl-next{right:3%;background:url('/gnu/theme/inogreen/img/btn_next_1.png') no-repeat}
.greeting_gal .owl-carousel .owl-nav .owl-prev,
.greeting_gal .owl-carousel .owl-nav .owl-next {background-size:cover;}


@media all and (max-width:700px)
{
	.cont_greeting .cont_text {font-size:16px;}
	.greeting_gal .owl-carousel .owl-nav > div {width: 28px; height: 60px;}
}

/* 연혁 */
.cont_history {}
.cont_history .cont_hisImg {position:relative; z-index:1;}
.cont_history .right {float:right;}
.cont_history .mt-14_4v {margin-top:-14.4vmin;}
.cont_history .cont_hisWrap {position:relative; z-index:2; width:50%;}
.cont_history .cont_hisWrap .history_list {margin-bottom:3vmin;}
.cont_history .cont_hisWrap .history_list h3.tit {font-size:45px; color:#26ab39; font-weight:bold; margin-bottom:1vmin;}
.cont_history .cont_hisWrap .history_list h3.tit:before {width: 332px; height: 3px; background: #26ab39; display: block; content: ""; margin-bottom:1vmin;}
.cont_history .cont_hisWrap .history_list ul {}
.cont_history .cont_hisWrap .history_list ul li {font-size:15px; word-break:keep-all;}
.cont_history .cont_hisWrap .history_list ul li strong {margin-right:35px;}

.cont_history .pc {display:block;}
.cont_history .m {display:none;}

@media all and (max-width:1024px)
{
	.cont_history {position:relative;}
	.cont_history .cont_hisImg {position:absolute; top:30%; right:-55%; width:100%; text-align:right;}
	.cont_history .right {float:left;}
	.cont_history .mt-13_3v {margin-top: 0px;}
	.cont_history .cont_hisWrap {width:70%;}

	.cont_history .pc {display:none;}
	.cont_history .m {display:block;}

}

@media all and (max-width:700px)
{
	
	.cont_history .cont_hisImg {position:relative; top:0; right:-10%; text-align:center; width:80%;}
	.cont_history .cont_hisWrap {width:100%; text-align:center; margin-top:30px;}
	.cont_history .right {float:none;}
	.cont_history .cont_hisWrap .history_list h3.tit:before {width:30%; margin-left:35%;}
	.cont_history .cont_hisWrap .history_list ul li strong {display:block; margin-right:0;}
}


/* 협력기관 */
.cont_partner {}
.cont_partner .partner_list {margin-bottom:6vmin;}
.cont_partner .partner_list h3.list_tit {font-size:30px; height:60px; margin-bottom:1vmin;}
.cont_partner .partner_list h3.list_tit:before {width:332px; height:3px; background:#26ab39; display: block; content: ""; margin-bottom:25px;}
.cont_partner .partner_list ul {display:block; overflow:hidden;}
.cont_partner .partner_list ul li {width: 21%; float: left; text-align: center; margin:1.5vmin; border: 1px solid #d2d2d2;}
.cont_partner .partner_list ul li.clear {clear:both;}
.cont_partner .partner_list ul li a {display:block;}

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

@media all and (max-width:700px)
{
	.cont_partner .partner_list h3.list_tit {font-size:20px;}
	.cont_partner .partner_list h3.list_tit:before {width:100%;}
	.cont_partner .partner_list ul li {width:46.5%;}
}

/* 오시는 길 */
.cont_location {text-align:center;}
.cont_location .lo_img {display:inline-block;  vertical-align:top; margin:40px 30px;}
.cont_location ul.lo_add {display:inline-block; text-align:left; font-size:14px;}
.cont_location ul.lo_add li {margin:7px 0px;}
.cont_location .lo_map {width:100%;}

@media all and (max-width:700px)
{
	.cont_location .lo_img {margin:40px 0px;}
}

/* 생산시설 */
.cont_facility {}
.cont_facility .faclity_list {display:block; overflow:hidden;}
.cont_facility .faclity_list h3.tit {font-size:36px; margin-bottom:4vmin;}
.cont_facility .faclity_list h3.tit:before {width: 332px; height: 3px; background: #26ab39; display: block; content: ""; margin-bottom: 25px;}
.cont_facility .faclity_list ul {}
.cont_facility .faclity_list ul li {float:left; width:46%; margin:2%;}
.cont_facility .faclity_list ul li {position:relative; display:block; overflow:hidden;}
.cont_facility .faclity_list ul li .over {display:none;}
.cont_facility .faclity_list ul li:hover .over {display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; background:rgba(0, 0, 0, 0.3);}
.cont_facility .faclity_list ul li:hover .over h4.img_tit {font-size:30px; text-align:center; padding:35% 0%; color:#fff; text-shadow: rgba(0,0,0,0.8) 0px 0px 10px;text-shadow: rgba(0,0,0,0.8) 0px 0px 10px 10px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}
.cont_facility .faclity_list ul li .img {position:relative; z-index:1;}

@media all and (max-width:700px)
{
	.cont_facility .faclity_list h3.tit {font-size:30px; margin-bottom:6vmin;}
	.cont_facility .faclity_list ul li {width:96%;}
}

/* 제품소개 */

.cont_product {clear:both; display:inline-block; width:100%;}
.cont_product .tit {margin-top:5vmin;}
.cont_product .tit:before {width:332px; height:3px; background:#26ab39; display: block; content: ""; margin-bottom:25px;}

.cont_product .tit01:before {margin-bottom:-25px;}

.cont_product .cont_gallery {width:100%; min-height:300px; margin:5vmin 0vmin;}
.cont_product .cont_gallery .owl-carousel{width:80.54%}
.cont_product .cont_gallery .owl-carousel .owl-item {border:1px solid #d2d2d2;}
.cont_product .cont_gallery .owl-carousel .owl-nav{position:absolute;top:50%;margin-top:-30px;width:100%}
.cont_product .cont_gallery .owl-carousel .owl-nav > div{position:absolute;width:30px;height:60px;text-indent:-9999px}
.cont_product .cont_gallery .owl-carousel .owl-nav .owl-prev{left:3%;background:url('/gnu/theme/inogreen/img/btn_prev.png') no-repeat}
.cont_product .cont_gallery .owl-carousel .owl-nav .owl-next{right:3%;background:url('/gnu/theme/inogreen/img/btn_next.png') no-repeat}
.cont_product .cont_gallery .owl-carousel .owl-dots{position:absolute;right:-23.14%;top:0;width:23.14%;height:100%}
.cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot{float:left;width:94.8%;margin-left:10%;margin-bottom:10%;height:30.8%;background:#000;overflow:hidden; border:1px solid #d2d2d2;}
.cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot img{opacity:0.5;transform:scale(2)}
.cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot.active img{opacity:1}

.cont_product .productWrap {}
.cont_product .productWrap .product_cont {color:#393939; width:60%; float:left;}
.cont_product .productWrap .product_cont h3 {font-size:28px; font-style:italic;}
.cont_product .productWrap .product_cont p {font-size:16px; line-height:160%; margin:3vmin 0vmin; word-break:keep-all;}
.cont_product .productWrap .product_cont p em {display:block; font-style:normal;}
.cont_product .productWrap .product_cont .recipe {font-size:16px; word-break:keep-all;}
.cont_product .productWrap .product_cont .recipe strong {background:#26ab39; color:#fff; border-radius:25px; padding:5px 10px; display:inline-block; margin-right:10px; font-weight:normal;}
.cont_product .productWrap .product_info {width:40%; float:left;}
.cont_product .productWrap .product_info ul li {margin:5px 0px; height:30px; background:#f5f5f5; line-height:30px; font-size:16px;}
.cont_product .productWrap .product_info ul li strong {background:#bae6c0; font-weight:normal; min-width:90px; display:inline-block; text-align:center; height:100%; margin-right:20px;}

@media all and (max-width:1200px)
{
	.cont_product .cont_gallery .owl-carousel{width:100%;}
    .cont_product .cont_gallery .owl-carousel .owl-nav{position:absolute;top:35%;margin-top:-30px;width:100%}
    .cont_product .cont_gallery .owl-carousel .owl-nav > div{position:absolute;width:30px;height:60px;text-indent:-9999px}
    .cont_product .cont_gallery .owl-carousel .owl-nav .owl-prev{left:3%;background:url('../images/sub/btn_prev.png') no-repeat}
    .cont_product .cont_gallery .owl-carousel .owl-nav .owl-next{right:3%;background:url('../images/sub/btn_next.png') no-repeat}
    .cont_product .cont_gallery .owl-carousel .owl-dots{width:100%;margin:1% auto; position:relative; right:0%;}
    .cont_product .cont_gallery .owl-carousel .owl-dots:after{display:block;content:'';clear:both}
    .cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot{float:left;width:31.3%;margin:1%;background:#000;overflow:hidden}
    .cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot img{opacity:0.5;transform:scale(2)}
    .cont_product .cont_gallery .owl-carousel .owl-dots .owl-dot.active img{opacity:1}

	.cont_product {padding:2vmin;}
	.cont_product .productWrap .product_cont {width:100%;}
	.cont_product .productWrap .product_info {width:100%;}
	.cont_product .productWrap .product_cont p em {display:inline;}
	.cont_product .productWrap .product_cont .recipe {margin:10px 0px;}
}


@media all and (max-width:700px)
{
	.cont_product .tit:before {width:100%;}
	.cont_product .productWrap .product_cont {text-align:center;}
	.cont_product .productWrap .product_cont h3 {font-size:20px;}
	.cont_product .productWrap .product_cont p {font-size:14px;}
	.cont_product .productWrap .product_cont .recipe {margin-bottom:20px;}
	.cont_product .productWrap .product_cont .recipe strong {width:auto; margin:10px auto;}
	.cont_product .productWrap .product_cont .recipe span {display:block; margin:0px 10px;}
	.cont_product .productWrap .product_info ul li {font-size:14px; height:60px; text-align:center;  margin-right:0px;}
	.cont_product .productWrap .product_info ul li strong {width:100%; height:30px;}
}