@charset "utf-8";
@media screen and (max-width:980px){
#main_wrap .mobile_resrevation{}
#main_wrap  #footer_wrap{padding:20px 0 50px 0;}
}
@media screen and (max-width:768px){
#main_wrap  #footer_wrap{padding:20px 0 55px 0;}	
	}
	


/*main_layout*/
#main_wrap{}

#main_gal{position:relative;}
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
#content_in {position:relative;width:100%; height:872px;}
#content_in>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
#content_in div.area{display:block; width:100%; height:100%;}
#content_in div.img1 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image1.jpg') center center no-repeat; background-size: cover;}
#content_in div.img2 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image2.jpg') center center no-repeat; background-size: cover;}
#content_in div.img3 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image3.jpg') center center no-repeat; background-size: cover;}
#content_in div.img4 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image4.jpg') center center no-repeat; background-size: cover;}	
#content_in div.img5 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image5.jpg') center center no-repeat; background-size: cover;}	
#content_in div.img6 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image6.jpg') center center no-repeat; background-size: cover;}
#content_in div.img7 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image7.jpg') center center no-repeat; background-size: cover;}
#content_in div.img8 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image8.jpg') center center no-repeat; background-size: cover;}
#content_in div.img9 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image9.jpg') center center no-repeat; background-size: cover;}	
#content_in div.img10 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image10.jpg') center center no-repeat; background-size: cover;}	
#content_in div.img11 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image11.jpg') center center no-repeat; background-size: cover;}
#content_in div.img12 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image12.jpg') center center no-repeat; background-size: cover;}
#content_in div.img13 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image13.jpg') center center no-repeat; background-size: cover;}
#content_in div.img14 {background: url('https://jhw8633.diskn.com/sunnmoonps/main_img/image14.jpg') center center no-repeat; background-size: cover;}

#main_gal .banner_container .main-slogan {position:absolute;top:83%;margin-top: -150px;left:50%;margin-left:-329px;width:659px; overflow:hidden;}
	
#content_nav{position:absolute;width:100%;height:21px;top:86%;z-index:49;text-align:center;}
#content_nav li{display:inline-block;}
#content_nav li a{display:inline-block;width:10px;height:10px;margin:0;overflow:hidden;padding:0;background:#fff;text-indent:-9999px;opacity: 0.6;}
#content_nav li a.select {width:10px;height:10px;background:#FF3399;opacity: 1.0;}  

#btn_next_banner{position: absolute;right:10px;top:45%;margin-top:-20px;display: block;width:60px; height:109px;background:url(/images/right_btn.png) ;font-size: 0px;z-index:49;cursor: pointer;opacity: 0.6;}
#btn_prev_banner{position: absolute;left:10px;top:45%;margin-top:-20px;width:60px; height:109px;background:url(/images/left_btn.png) ;font-size: 0px; z-index: 50;z-index:49;cursor: pointer;opacity: 0.6;}

#btn_next_banner:hover{opacity: 1.0;}
#btn_prev_banner:hover{opacity: 1.0;}



@media screen and (max-width:980px){
#content_in { height:600px;}	
	
}

@media screen and (max-width:768px){
/*팝업창 이미지 사이즈 재설정 - 필수*/
.drag_pop{left:0 !important;top:0 !important;max-width:310px !important;height:auto !important;}

#content_in { height:400px;}	
#main_gal .banner_container .main-slogan { width:420px; left: 50%; margin-left: -210px; top:80%; margin-top: -89px; }
}
@media screen and (max-width:480px){
#content_in { height:280px;}	
#main_gal .banner_container .main-slogan {display: none;}
#content_nav{bottom: 10px;}

#btn_next_banner{display: none;}
#btn_prev_banner{display: none;}
}
@media screen and (max-width:380px){
#content_in { height:220px;}	
#main_gal .banner_container .main-slogan {display: none;}
#btn_next_banner{display: none;}
#btn_prev_banner{display: none;}
	}


/*소개*/
.info-in{text-align: center; padding: 100px 0 100px;/* height: 620px; */position: relative;background: url(/images/s1_bg2.jpg)no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.info-in h3{font-size: 43px; line-height: 63px; color: #333;}
.info-in h4{font-size: 18px; color: #333; margin-top: 10px;}

.info-in ul{margin-top: 30px; display: inline-block;}
.info-in ul li {float: left; text-align:center;}
.info-in ul li:nth-child(1){margin-right: 25px;}
.info-in ul li:nth-child(2){margin-right: 25px;}
.info-in ul li:nth-child(3){margin-right: 25px;}
.info-in ul li p{width:110px;text-align:center;font-size: 17px;font-weight: bold;margin-top: 120px;}

.info-in ul li p.p1{color: #454545;}
.info-in ul li p.p2{color: #454545;}
.info-in ul li p.p3{color: #454545;}
.info-in ul li p.p4{color: #454545;}

@media screen and (max-width:1100px){
.info-in ul li p{width:110px;text-align:center;font-size: 17px;font-weight: bold;margin-top: 120px;}	
}
@media screen and (max-width:768px){
.info-in{padding: 60px 10px 110px; height: auto; background-attachment: scroll; }
.info-in h4{font-size: 16px; line-height: 22px; margin-top: 5px;}

.info-in ul{width: auto;}
.info-in ul li .circle1{width: 98px;height:98px;}
.info-in ul li .circle2{width: 98px;height:98px;}
.info-in ul li .circle3{width: 98px;height:98px;}
.info-in ul li .circle4{width: 98px;height:98px;}
.info-in ul li:nth-child(1){margin-right: 25px;}
.info-in ul li:nth-child(2){margin-right: 25px;}
.info-in ul li:nth-child(3){margin-right: 25px;}
.info-in ul li p{width:90px;text-align:center;}
	}

@media screen and (max-width:480px){
.info-in{padding: 30px 10px 85px; }	
.info-in h3{font-size: 30px;}
.info-in>p{font-size: 13px;}
.info-in ul{margin-top: 20px;}
.info-in ul li .circle1{width: 80px; height: 80px;}
.info-in ul li .circle2{width: 80px; height: 80px;}
.info-in ul li .circle3{width: 80px; height: 80px;}
.info-in ul li .circle4{width: 80px; height: 80px;}
.info-in ul li:nth-child(1){margin-right: 10px;}
.info-in ul li:nth-child(2){margin-right: 10px;}
.info-in ul li:nth-child(3){margin-right: 10px;}
.info-in ul li:nth-child(4){margin-right: 10px;}
.info-in ul li p{font-size: 13px; margin-top: 5px;}

.info-in ul li p{width: 80px; text-align:center;margin-top: 85px;}

.w1{font-size:40px;}
.w2{font-size:50px;}
.w3{font-size:35px;}
.w4{font-size:40px;}
.lsm1{ display: none;}
.info-in ul li i{margin-top: 20px;}
}	
@media screen and (max-width:380px){
.info-in ul li{margin-right: 10px;}
.info-in ul li:nth-child(2){margin-right: 10px;}
		
}



/*프로그램*/	
#in3{position: relative; padding: 75px 0; background: #fff; text-align: center; }
#in3 h4{font-size:42px; line-height: 44px; color: #333; }
#in3 p{margin-top: 15px; letter-spacing: -1px; color: #666;}

@media screen and (max-width:768px){
	#in3{padding: 50px 0;}
	#in3 h4{font-size:30px; line-height: 36px;  }
#in3 p{margin-top: 10px; }
}
@media screen and (max-width:480px){
	#in3{padding: 30px 0;}
	#in3 h4{font-size:22px; line-height: 26px;  }
	#in3 p{font-size: 13px; }
}	



/*in4*/
#in4{position: relative; padding: 120px 0 140px; background:url(/images/s3_bg.jpg) no-repeat center center; background-size: cover; text-align: center;}
#in4>div>h4{font-size: 46px; line-height: 50px; color: #fff; margin-top: 5px;}
#in4>div>h5{font-size: 16px; line-height: 18px; color: #fff; margin-top: 5px;}
.in4_bt{margin-top: 40px;}
.in4_bt li{display: inline-block; vertical-align: top; width: 20%; margin-right: 2%; background: rgba(255,255,255,0.9); border-radius: 10px; padding: 50px 20px;}
.in4_bt li a{display: inline-block; width: 100%; height: 100%;}
.in4_bt li.last{ margin-right: 0; }
.in4_bt li h5{font-size: 21px; color: #333;}
.in4_bt li img{margin-top: 35px;}
.in4_bt li p{font-size: 14px; line-height: 19px; letter-spacing: -1px; margin-top: 35px;}
.in4_bt li:hover{opacity: 0.8;}

.in4_cont{margin-top: 20px;}
.in4_cont>div{display: inline-block; width: 42%; border-radius: 10px; color: #fff; text-align: left; padding: 23px 30px; line-height: 16px;}
.in4_cont>div>h4{display: inline-block; font-size: 17px; letter-spacing: -1px; margin-right: 20px;}
.in4_cont>div>a{color: #fff;}
.in4_cont .in4_news{margin-right: 2%; background: #7CB83A;font-size: 16px;}
.in4_cont .in4_call{ background: #679931; font-size: 16px; font-weight: bold;}

@media screen and (max-width:1100px){
.in4_bt{width: 100%;}
.in4_bt li{width:23% ;margin-right: 2%;}
.in4_cont{width: 100%;}
.in4_cont>div{width: 48%; padding: 20px 20px;}
.in4_cont>div>h4{margin-right: 10px; font-size: 14px;}
.in4_cont .in4_call{ font-size: 14px; }
}
@media screen and (max-width:768px){
	#in4{padding: 50px 0;}
	#in4>div>h4{font-size: 36px; line-height: 40px; }
	.in4_cont{margin-top: 5px;}
	.in4_cont>div{width: 100%;}
	.in4_cont .in4_call{ display: none;}

	.in4_bt li{width: 48.3%; margin-right: 2%; padding: 40px 15px; margin-bottom: 15px;}
	.in4_bt li.reser_bt{display: inline-block!important;}
	.in4_bt li h5{font-size: 18px;}
	.in4_bt li:nth-child(3){ margin-right: 0; }
	.in4_bt li img{margin-top: 30px;}
	.in4_bt li p{margin-top: 30px; font-size: 13px;}
	}


/*
@media screen and (max-width:480px){
	#in4{padding: 30px 0;}
	.in4_cont>div{padding: 15px 18px; text-align: center;}
	#in4>div>h4{font-size: 30px; line-height: 36px;  }
	.in4_bt{margin-top: 25px;}
	.in4_bt li{padding: 30px 12px;}
	.in4_bt li:nth-child(3){ margin-right: 0; }
	.in4_bt li img{margin-top: 20px; width: 50px;}
	.in4_bt li p{margin-top: 20px;}
	.in4_cont>div>h4{display: block; margin-bottom: 5px;}
}

*/