@charset "utf-8";

/*main_layout*/
#main_wrap{background:#fff; overflow: hidden;}

/*1비쥬얼*/
#main_gal{position:relative;}
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
#banner_content {position:relative;width:100%; height:569px;}
#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
#banner_content div.area{display:block; width:100%; height:100%;}
#banner_content div.img1 {background: url('../img/main/new/main01.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img2 {background: url('../img/main/new/main02.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img3 {background: url('../img/main/new/main03.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img4 {background: url('../img/main/new/main04.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img5 {background: url('../img/main/new/main10.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img6 {background: url('../img/main/new/main06_.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img7 {background: url('../img/main/new/main07.jpg') 50% 0 no-repeat; background-size: cover;}
#banner_content div.img8 {background: url('../img/main/new/main08.jpg') 50% 0 no-repeat; background-size: cover;}

#main_gal .banner_container .slogan {position:absolute;top:80px;left:50%;margin-left:-590px;width:465px; overflow:hidden;}
	
#banner_nav{position:absolute;width:100%;bottom:15px;z-index:49;text-align:center;}
#banner_nav li{display:inline-block;}
#banner_nav li a{display:inline-block;width:10px;height:10px;margin:0;overflow:hidden;padding:0;background:#d6d6d6;text-indent:-9999px; border-radius: 5px; margin: 0 1px;}
#banner_nav li a.select {background:#82b53f;} 

@media screen and (max-width:1160px) {
	#banner_content div.img1 {background-position: 40% 0!important;}
	#banner_content div.img2{background-position: 60% 0!important;}
}
@media screen and (max-width:980px) {
	#banner_content{height: 400px;}
	
}
@media screen and (max-width:768px) {
#banner_content {height:auto; padding-top: 54%;}
#banner_content div.img1 {background: url('../img/mobile/new/main1.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img2 {background: url('../img/mobile/new/main2.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img3 {background: url('../img/mobile/new/main3.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img4 {background: url('../img/mobile/new/main4.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img5 {background: url('../img/mobile/new/main10.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img6 {background: url('../img/mobile/new/main6.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img7 {background: url('../img/mobile/new/main7.jpg') center center no-repeat; background-size: cover;}
#banner_content div.img8 {background: url('../img/mobile/new/main8.jpg') center center no-repeat; background-size: cover;}
}
@media screen and (max-width:480px) {
	#banner_nav{bottom:2px;}
}


/*비쥬얼메뉴*/
#v_menu{ position: relative;  background: #2d2d2d;}
#v_menu .v_menu_in{width: 1100px; margin:0 auto;}
#v_menu .v_menu_in ul li{float: left; width:14.2857%;height: 120px; text-align: center; font-size: 14px; color: #fff; letter-spacing: -1px; font-weight: bold; line-height: 26px; padding-top: 19px; border-left: 1px solid #3c3c3c; }
#v_menu .v_menu_in ul li a{display:block;color: #fff; }
#v_menu .v_menu_in ul li:nth-child(7){border-right: 1px solid #3c3c3c;}
#v_menu .v_menu_in ul li:hover{background: #82b53f;}
#v_menu .v_menu_in ul li:hover a {color:#fff;}
@media screen and (max-width:1160px){
	#v_menu .v_menu_in{width: 100%; }
}
@media screen and (max-width:768px){
	#v_menu .v_menu_in ul li{ width:33.333%;height: auto; border-bottom: 1px solid #3c3c3c; padding: 10px 5px; }
	#v_menu .v_menu_in ul li:nth-child(4), #v_menu .v_menu_in ul li:nth-child(5), #v_menu .v_menu_in ul li:nth-child(6), #v_menu .v_menu_in ul li:nth-child(7){width: 25%;}
	#v_menu .v_menu_in ul li img{width: 40px;}
}
@media screen and (max-width:480px){
	#v_menu .v_menu_in ul li img{width: 30px; margin-bottom: 5px;}
	#v_menu .v_menu_in ul li p{font-size: 12px; line-height: 14px;}
	}



/*리얼후기*/
#s1{background: #efefed; text-align: center;}

.section{position: relative; padding: 70px 0;}
.s_head{}
.s_head p{display: inline-block;  border-bottom: 4px solid #82b53f; width: 40px;}
.s_head h2{color:#333; font-size: 50px; line-height: 56px; letter-spacing: -2px; margin:7px 0 15px;}
.s_head h4{letter-spacing: -1px; font-weight: normal; padding: 0 10px; line-height: 19px;}

/*slick시작*/
#s1 .slickimg{width:100%;margin-bottom:0px;margin:40px auto 0;}
#s1 .slickimg>div{opacity: 1;}
#s1 .slickimg .img{}
#s1 .slickimg .tt{background: #fff; padding:30px 35px; height: 148px;  }
#s1 .slickimg .tt h4{color: #82b53f; font-size: 16px;}
#s1 .slickimg .tt p{line-height: 19px; letter-spacing: -1px; margin-top: 10px;}

#s1 .slick-slide{opacity: 1;  margin:0 5px;}
#s1 .slick-slide.slick-active{opacity: 1; position: relative;}
#s1 .slick-slide img{ width: 100%;}
.slick-next{position: absolute;right:-40px;top:50%;margin-top:-15px;display: block;width:30px; height:30px;background:url(/img/main/small_arrR.png) ;font-size: 0px;}
.slick-prev{position: absolute;left:-40px;top:50%;margin-top:-15px;width:30px; height:30px;background:url(/img/main/small_arrL.png) ;font-size: 0px; z-index: 50;}

ul.slick-dots{position: absolute;bottom:-35px;text-align: center;	width:100%;z-index: 1002; }
ul.slick-dots li{display: inline-block;margin:0 3px;}
ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;background: #fff;border-radius: 5px;}
ul.slick-dots li.slick-active button{background:#9e9e9e; }
/*slick끝*/

@media screen and (max-width:1200px){
.slick-next{display: none!important;}
.slick-prev{display: none!important;}
}
@media screen and (max-width:980px){
.section{padding: 50px 0 60px;}
.s_head h2{ font-size: 40px; line-height: 46px;  margin:7px 0 15px;}
#s1 .slickimg{margin:30px auto 0;}
#s1 .slickimg .tt{padding:20px 15px; min-height: 135px; height: auto;  }
}

@media screen and (max-width:480px){
.section{padding: 25px 0 50px;}
.s_head p{ border-bottom: 3px solid #82b53f; width: 30px;}
.s_head h2{ font-size: 28px; line-height: 34px;  margin:2px 0 10px;}	
#s1 .slickimg{margin:25px auto 0;}
#s1 .slickimg .tt{padding:15px 10px; min-height: 120px; height: auto;  }
#s1 .slickimg .tt p{margin-top: 7px;}
}


/*뉴스미디어*/
#news_cont{}
#news_cont h3{color:#333;font-size: 32px; line-height: 32px;background: url(/img/main/blet1.gif) no-repeat top 7px left; padding-left: 12px; position: relative; letter-spacing: -2px;}
#news_cont h3 span{color: #c3c3c3; font-weight: normal; font-size: 14px; letter-spacing: 0;}
#news_cont h3 a{font-size: 14px; font-weight: normal; float: right; border-radius: 3px; background: #ccc; color: #fff; padding: 3px 10px; line-height: 16px; position: absolute; right: 0; bottom: 0; letter-spacing: 0;}
#news_cont h3 a:hover{background: #82b53f;}

#news_cont .news{width: 66%;float:left;}
#news_cont .news ul li{position: relative;padding: 13px 0; border-bottom:1px solid #eee;}
#news_cont .news ul li:nth-child(1){border-bottom:1px solid #eee;}

#news_cont .news ul li .img{float: left;width:24%;}
#news_cont .news ul li .img_tt{float:left;width:76%;padding: 2px 0 2px 25px;}
#news_cont .news ul li .img_tt h4{font-size: 16px; letter-spacing: -1px; color: #333; line-height: 24px;}
#news_cont .news ul li .img_tt div.exp{line-height: 19px; margin-top: 10px;}
#news_cont .news ul li:hover .img_tt h4{color: #82b53f;}

#news_cont .media{width: 30%; float: right;}
#news_cont .media .img{width: 100%; margin-top: 12px;}
#news_cont .media .m_tt{background: #efefed; padding: 5px 20px;}
#news_cont .media .m_tt h4{font-size: 16px; letter-spacing: -1px; color: #333; line-height: 24px;}
#news_cont .media .m_tt p{color: #888;}
#news_cont .media a:hover .m_tt h4{color: #82b53f;}


@media screen and (max-width:768px) {
#news_cont .news{width: 100%; }
#news_cont .news ul li .img_tt{padding-top: 0;}
#news_cont .media{width: 100%; margin-top: 30px;}
}
@media screen and (max-width:480px) {
#news_cont h3{font-size: 26px;}
#news_cont .news ul li .img{width: 100%;}
#news_cont .news ul li .img img{width: 100%;}
#news_cont .news ul li .img_tt{width:100%; padding: 15px 0px 10px 0px;}
#news_cont .media .m_tt{padding: 5px 10px;}
}



/*수상*/
#s3{background: #efefed; }
#s3 ul{margin-top: 40px;}
#s3 ul li{margin:0 5px;text-align:center;/*border:1px solid #e4e4e4; background: #fff;*/}
@media screen and (max-width:980px) {
#s3 ul{margin-top: 30px;}		
}
@media screen and (max-width:480px) {
#s3 ul{margin-top: 25px;}		
}

/*인스타*/
#s4 ul{margin-top: 40px;}
#s4 ul li{width: 20%; float: left; background: #000;}
#s4 ul li img{width: 100%; opacity: 0.8;}
#s4 ul li:hover img{opacity: 1;}
#s4 .s_head h4{margin-top: 25px; font-size: 16px;}

#insta_wrap{}
#instaPics{} 
#instaPics img{width:100%;height:100%;}
#instaPics .insta-box{position:relative;width:20%;float:left;margin:0;border:none;}  
#instaPics .insta-box:hover{opacity:0.75;}
#instaPics .image-layer{overflow:hidden;width:100%;height:100%;}  
#instaPics .caption-layer {display:none;position: absolute; top:0; background:none; height: 100%;  width: 100%;  padding: 10px; box-sizing: border-box;font-size:12px;  color: #333;  /*width:0;height:0;font-size:0;*/}  
#instaPics .insta-likes{position:absolute;top:50%;left:50%;display:block;width:60px;height:60px;margin-top:-30px;margin-left:-30px;line-height:14px;background-color:#000;color:#fff;padding:15px 0 0 0;text-align:center;border-radius:70px;font-weight:600;opacity:0.65;}  
@media screen and (max-width:768px) {
#instaPics .insta-box{width:33.333333333333%;}
}


#main_footer{clear:both; background-color:#f3f3f3;}
	
	
@media screen and (max-width:980px) {
#s4 ul{margin-top: 30px;}
#s4 ul li{width: 33.333%; }
		
}
@media screen and (max-width:768px) {
#s4 ul{margin-top: 25px;}
#s4 .s_head h4{margin-top: 15px;}
}

/*end 미디어쿼리*/


#s5{padding-bottom: 0; background: #efefed; }
.s5_cont{background: url(/img/main/s3_1_bg.jpg) no-repeat center center; margin-top: 40px; height: 563px;}
#s5 img.s5_img{display: none;}

@media screen and (max-width:1100px) {
.s5_cont{height: auto;}	
#s5 img.s5_img{display: block;}	
	}

@media screen and (max-width:768px) {
	.s5_cont{margin-top: 30px;}	
}	

@media screen and (max-width:480px) {
	.s5_cont{margin-top: 20px;}	
}