@charset "utf-8";

@media (max-width: 1600px) {




}/* media end */

@media (max-width: 1400px) {





.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}




}/* media end */



@media (max-width: 1199px) {



#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}

#wrap #content .container{width:96%; margin: 0 auto;padding:60px 0;}




#wrap .sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }


figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}






/* sub(common) */
#wrap .sub_vis{margin-top:0px;height:300px;}
#wrap .sub_vis h3{line-height:300px; padding-top:29px;}

#wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center top;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub6{background: url(../img/p_img/sub_vis6_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}

#wrap .sub_nav.pc ul{width: 100%;border-left: none;}


#wrap #content{}


figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}





/* 1199px 01 건강한 이야기*/
.section#section1 .container{width:98%; height:100%;  margin:0 auto;  padding:100px 0 !important;}
.section#section1 .about_box {  width:98%; height:200px; }
.section#section1 .area {width:98%; height:300px;  }
.section#section1 .icon_bar ul li a span.img_area { max-width:120px;  }
.section#section1 .icon_bar ul li a span.img_area img {max-width:120px; }




/* 1199px 02 제품소개 */
.section#section2 .container{width:98%;  padding:100px 0 !important;  }
.section#section2 #product_3{width:98%; height:480px; margin:0px auto 0 auto; position:relative; padding:0px 0;}
.section#section2 #product_3 ul{width:98%; margin:0 auto 0 auto;}



/*1199px 03 홍보관 */
.section#product_4{width:100%; height:auto; }

.section#product_4 .container{width:100%; margin:0 auto;padding:100px 0 120px 0 !important;}

.section#product_4 ul.main_quick{width:100%; margin:80px auto 0 auto;}
.section#product_4 ul.main_quick li{width:23%; min-height:auto; margin:0 1%; }
.section#product_4 ul.main_quick li.last{margin-right:1%;}
.section#product_4 ul.main_quick li a{width:100%; height:auto;}
.section#product_4 ul.main_quick li a span.img_box{width:100%;height:auto;}
.section#product_4 ul.main_quick li a span.img_box img{width:100%; }
.section#product_4 ul.main_quick li a span.tit{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.plus{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.border{border: 12px solid #be1e2d;width: 100%;height: 100%;}
.section#product_4 ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product_4 ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product_4 ul.main_quick li dl{padding:30px 2px 30px 2px;  min-height:160px; }
.section#product_4 ul.main_quick li dt{font-size:20px; font-weight:400; letter-spacing:-0.05em; }
.section#product_4 ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
.section#product_4 ul.main_quick li dd span.pc_cut{display:block;}




} /* media1199 end */



@media (max-width: 991px) {



#wrap #content .container{width:96%; margin:0 auto; padding:40px 0;}

#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}

#wrap .sub_vis h3{font-size:34px;}






#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}


#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}

/* sub(common) */
#wrap #content h4{display: none;}


/* 991px 01 건강한 이야기 */

.section#section1 .container{width:100%; height:100%;  margin:0 auto;  padding:100px 0 !important;}
.section#section1 .about_box {   height:180px; }
.section#section1 .area {height:280px;  }


.section#section1 .icon_bar ul { width:100%; margin:0;padding:0 0;}

.section#section1 .icon_bar ul li{padding: 0 3px; box-sizing : border-box;}
.section#section1 .icon_bar ul li a span.img_area {width:96%; max-width:110px;  }
.section#section1 .icon_bar ul li a span.img_area img {width:96%; max-width:110px; }



/* 991px 02 제품소개 3개 */

.section#section2 .container{width:98%;  padding:80px 0 !important;  }

.section#section2 #product_3{clear:both;width:100%;height:100%;margin: 0px 0 0 0;}
.section#section2 #product_3 ul{width:100%; }
.section#section2 #product_3 ul.prd01 li{ height:400px;}

.section#section2 #product_3 ul.prd01 li dl dt{padding-top:150px;font-size:22px; font-weight:400; text-align:center; color:#fff;}
.section#section2 #product_3 ul.prd01 li dl dd{margin-top:35px;font-size:15px;line-height:24px; font-weight:400; text-align:center; color:#fff;}
.section#section2 #product_3 ul.prd01 li dl dd.btn{width:160px; height:34px; margin:35px auto 0 auto; border:1px solid #fff; text-align:center;  }
.section#section2 #product_3 ul.prd01 li dl dd.btn a{color:#fff;  font-size:15px;line-height:32px;}







/* 991px 03 홍보관 */
.section#product_4{width:100%; height:auto; }

.section#product_4 .container{width:100%; margin:0 auto;padding:60px 0;}
.section#product_4 ul.main_quick{width:100%; margin:60px auto 0 auto;}
.section#product_4 ul.main_quick li{width:50%; min-height:auto; margin:0 auto 40px auto; text-align:center; background:none;}
.section#product_4 ul.main_quick li.last{margin-right:auto;}
.section#product_4 ul.main_quick li a{width:100%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
.section#product_4 ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product_4 ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
.section#product_4 ul.main_quick li a span.tit{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.plus{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.border{border: 12px solid #be1e2d;width: 100%;height: 100%;}
.section#product_4 ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product_4 ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product_4 ul.main_quick li span.bott_txt{display:inline-block; width:100%;max-width:280px;  }




}/* media991 end */

@media (max-width: 768px) {



#wrap #content .container{width:94%; margin:0 auto; position:relative; padding:40px 0;}
#wrap #content h4{font-size: 30px;color: #090909;text-align: center;font-weight: 500;margin-bottom:55px;}

#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}





.tab_navi { margin:0px 0 30px 0;}
.tab_navi li.w140 a{min-width:99% !important;}



/* 768px 01 건강한 이야기*/
.section#section1 h3{ font-size: 24px;}
.section#section1 p.tit{ font-size:15px; }
.section#section1 p.tit span.pc_cut{display:block;}
.section#section1 p.tit em.m_cut{display:block;}

.section#section1 .about_box {width:100%; height:100%;  min-height: auto;}
.section#section1 .area { width:100%; height:100%; min-height:500px; }


.section#section1 .container{clear:both; width:100%; height:100%;  margin:0 auto;  padding:60px 0 40px 0 !important;}
.section#section1 .icon_bar ul li {position:relative; margin:20px 0 0px 0; width:50%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }
.section#section1 .icon_bar ul li dl{margin:10px auto 20px auto;}
.section#section1 .icon_bar ul li dd span.pc_cut{display:inline;}
.section#section1 .icon_bar ul li:nth-child(2) dd span.pc_cut{display:inline;}
.section#section1 .icon_bar ul li dd{margin:10px auto 20px auto; }
.section#section1 .icon_bar ul li em.txt a {font-size:15px; margin:10px auto 0 auto;}
.section#section1 .icon_bar ul li em.txt a em.m_cut{display:block;}

.section#section1 .icon_bar ul li a span.img_area {width:94%; max-width:120px;  padding-top:0px; }
.section#section1 .icon_bar ul li a span.img_area img {width:94%; max-width:120px; }

.section#section1 .icon_bar .pc_icon_area{display : none;}
.section#section1 .icon_bar .mobile_icon_area{display : block;}
.mobile_icon_area{}
.mobile_icon_area .swiper-wrapper{}
.mobile_icon_area .swiper-wrapper .swiper-slide{}
.mobile_icon_area .swiper-wrapper .swiper-slide img{width: 120px;}
.swiper-slide{padding-bottom:30px;}
.swiper-pagination{bottom : 0 !important;}
.swiper-pagination-bullet-active{background: #be1e2d !important;}

/* 768px 02 제품소개 */
.section#section2 .container{width:98%;  padding:60px 0 !important;  }
.section#section2 #product_3 {clear:both; width:100%; height:100%; margin:0px 0 0 0;}
.section#section2 #product_3 ul.prd01 li dl dt{padding-top:100px;font-size:24px; font-weight:400; text-align:center; color:#fff;}

.section#section2 #product_3  ul.prd01 li{width:100%; height:300px; margin-bottom:40px;}
.section#section2 #product_3  ul.prd01 li.b1{background: url(../img/s_img/product_bg01.jpg) no-repeat center 0; background-size:100%;}
.section#section2 #product_3  ul.prd01 li.b2{background: url(../img/s_img/product_bg02.jpg) no-repeat center 0; background-size:100%;}
.section#section2 #product_3  ul.prd01 li.b3{background: url(../img/s_img/product_bg03.jpg) no-repeat center 0; background-size:100%; margin-bottom:0px !important;}

.section#section2 #product_3  ul.prd02 li{position: relative;float: left;width:100%; height:100%; overflow: hidden;margin:0 0 40px 0; padding:0; vertical-align:top;  transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.section#section2 #product_3  ul.prd02 li:last-child{margin-bottom:0px;}
.section#section2 #product_3  ul.prd02 li dl{text-align:center; width:100%;}
.section#section2 #product_3  ul.prd02 li.b1{background: url(../img/s_img/product_bg04.jpg) no-repeat center 0; background-size:100%; min-height:180px;}
.section#section2 #product_3  ul.prd02 li.b2{background: url(../img/s_img/product_bg05.jpg) no-repeat center 0; background-size:100%; min-height:180px;}
.section#section2 #product_3  ul.prd02 li dl dt{padding-top:35px;font-size:22px; font-weight:600; text-align:center; color:#212121;}
.section#section2 #product_3  ul.prd02 li dl dd{padding-top:20px;font-size:15px;line-height:24px; font-weight:400; text-align:center; color:#212121;}





/* 768px 03 홍보관 */
.section#product_4 h3{ font-size: 24px;}
.section#product_4 p.tit{ font-size:15px; }
.section#product_4 p.tit span.pc_cut{display:block;}
.section#product_4 p.tit em.m_cut{display:block;}



.section#product_4{width:100%; height:auto; }

.section#product_4 .container{width:100%; margin:0 auto;padding:60px 0 !important;}
.section#product_4 ul.main_quick{width:100%; margin:40px auto 0 auto;}
.section#product_4 ul.main_quick li{width:50%; min-height:auto; margin:0 auto 20px auto; text-align:center; background:none;}
.section#product_4 ul.main_quick li.last{margin-right:auto;}
.section#product_4 ul.main_quick li a{width:100%; max-width:260px;  height:auto; margin:0 auto; text-align:center;}
.section#product_4 ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product_4 ul.main_quick li a span.img_box img{width:100%; max-width:260px; text-align:center;}
.section#product_4 ul.main_quick li a span.tit{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.plus{width: 100%;height: 60px;line-height: 60px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.border{border: 12px solid #be1e2d;width: 100%;height: 100%;}
.section#product_4 ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product_4 ul.main_quick li a:hover span.img_box img{width:100%; max-width:260px; }
.section#product_4 ul.main_quick li span.bott_txt{display:inline-block; width:98%;max-width:260px;  }


/* sub(common) */
#wrap .sub_vis{margin-top:0px;height:260px;}
#wrap .sub_vis h3{font-size:32px; line-height:260px; padding-top:29px;}



}/* media768 end */




@media (max-width: 576px) {




#wrap .sub_vis{height: 200px;}
#wrap .sub_vis h3{font-size:28px;color: #fff; line-height:200px; font-weight:600; letter-spacing:-0.03em; text-align: center; padding:29px 0 0px 0; }





/* 576px 03 홍보관 */
.section#product_4{width:100%; height:auto; }

.section#product_4 .container{width:100%; margin:0 auto;padding:40px 0;}
.section#product_4 ul.main_quick{width:100%; margin:40px auto 0 auto;}
.section#product_4 ul.main_quick li{width:50%; min-height:auto; margin:0 auto 20px auto; text-align:center; background:none;}
.section#product_4 ul.main_quick li.last{margin-right:auto;}
.section#product_4 ul.main_quick li a{width:94%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
.section#product_4 ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
.section#product_4 ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
.section#product_4 ul.main_quick li a span.tit{width: 100%;height: 40px;line-height: 40px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.plus{width: 100%;height: 40px;line-height: 40px;font-size: 20px;}
.section#product_4 ul.main_quick li a span.border{border: 10px solid #be1e2d;width: 100%;height: 100%;}
.section#product_4 ul.main_quick li a span.view{position: absolute;top:24%;width: 100%;height: 80px;font-size: 20px;}
.section#product_4 ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
.section#product_4 ul.main_quick li span.bott_txt{display:inline-block; width:94%;max-width:280px;  }
.section#product_4 ul.main_quick li span.bott_txt{line-height:40px;color:#fff;letter-spacing:-0.05em;text-align:center; padding:0;}




}/* media576 end */



@media (max-width: 480px) {


/* 480px 02 제품소개 */
.section#section2 #product_3 ul.prd01 li dl dt{font-size:22px; }







}/* media480 end */