@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%}
body, td, p, input, button, textarea, select,a{font-family:'Nanum Gothic',sans-serif;color:#000}
p{line-height:1.6}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:600}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}


:root{
    --main-color:#7ca134;   
    --special-bg-color:#fdfbf4;
	--sec-bg-color:#fff;
    --tit-font:'Nanum Myeongjo';
	--button-color:#4f91a5;

}

.container{position:relative;max-width:1680px;margin:0 auto}
.center{text-align:center}  
    
/*pc*/

@media all and (min-width:1201px) {	
    .mo{display:none}   
	

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
    
    .scroll .hsec1{background:rgba(0,0,0,0.5);}
    
    
	.hsec1{height:100px;background:rgba(0,0,0,0);overflow:hidden;transition:0.3s}
    .hsec1:hover{height:350px;background:rgba(0,0,0,0.8)}
    .hsec1 .container{display:flex;justify-content: space-between;align-items:center;max-width:100%;padding:0 3%}

    
    .lnbG{}
	.lnbG .close{display:none}
	.lnbG ul{display:flex;position:relative;z-index:10}
	.lnbG ul li{position:relative;;padding:0 30px}			
	.lnbG ul li > a{display:block;position:relative;line-height:100px;font-size:16px;font-weight:600;color:#fff; white-space: nowrap}
    .lnbG ul li > a:after{content:'';display:block;position:absolute;bottom:35px;left:0;width:0;border-top:1px solid #fff;transition:0.3s}
    .lnbG ul li.booking_pc.naver{padding-right:20px}
    .lnbG ul li.booking_pc.naver > a{background:url('../images/ico_booking_naver.png') no-repeat 0 center}
    .lnbG ul li.booking_pc.myshop{padding:0}
    .lnbG ul li.booking_pc > a{display:inline-block;padding-left:35px;background:url('../images/ico_booking.png') no-repeat 0 center;font-size:15px}
    .lnbG ul li.booking_pc > a:after{display:none}
    .lnbG ul li:hover > a:after{width:100%}
    .lnbG ul li:not(:hover) > a:after{left:auto;right:0;width:0%}
    .lnbG .sub{position:absolute;left:0%;top:100px;width:100%}
    .lnbG .sub dl {text-align:center}
	.lnbG .sub dd > a{display:block;line-height:30px;font-size:14px;color:#fff}
	.lnbG .sub dd > a:hover{}
    
    


        		
	/*main*/
     #main{}   
    
    
    /*swiper*/
    .swiper-container{padding-bottom:70px}
    .swiper-pagination-bullets{bottom:0}
    .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:12px;height:12px;border-radius:12px;background:#eee;opacity:1;transition:0.3s}
    .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px;background:var(--main-color)}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}        
    .swiper-button-prev{left:4%;width:60px;height:60px;background:url('../images/swiper_prev.png') no-repeat center;margin-top:-30px}
    .swiper-button-next{right:4%;width:60px;height:60px;background:url('../images/swiper_next.png') no-repeat center;margin-top:-30px}
    
    
	/*footer*/
    #footer{position:relative;background:#303641;padding:80px 0}
    .fsec1 .container{display:flex;justify-content: space-between;}
    
    .fsec1 .company{}
    .fsec1 .company .logo{}
    .fsec1 .company .info{margin-top:20px;line-height:1.6;font-size:14px;color:#ddd}
    .fsec1 .company .info i{margin:0 10px}
    
    .fsec1 .menu{}
    .fsec1 .menu a{display:inline-block;position:relative;font-size:14px;color:#fff;margin-left:20px;padding-bottom:5px}   
    .fsec1 .menu a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:0%;border-top:1px solid #fff;;transition:0.3s}
    .fsec1 .menu a:hover:after{width:100%}
    .fsec1 .menu a:not(:hover):after{left:auto;right:0;width:0%}
    
    .quick_btn{position:fixed;z-index:100;right:20px;bottom:20px;}
    .quick_btn a{display:block;width:50px;height:50px;background:#fff;border-radius:50%;padding:7px;margin:5px 0;overflow:hidden;border:1px solid #eee;}
    .quick_btn .gotop{height:0;padding:0;opacity:0;transition:0.3s}
    .scroll .quick_btn .gotop{padding:7px;height:50px;opacity:1}



    .msec5{padding:200px 0;background:url('../images/ms5_bg.jpg') no-repeat center /cover fixed;}
    .msec5 .slogan{text-align:center;color:#fff}
    .msec5 .slogan h2{font-size:48px;color:#fff;font-family:var(--tit-font)}
    .msec5 .slogan .desc{font-size:24px;font-family:var(--tit-font);margin:20px 0}
    .msec5 .slogan .more{margin-top:50px}
    .msec5 .slogan .more a{display:inline-block;line-height:50px;padding:0 50px;border:2px solid #fff;border-radius:50px;color:#fff;margin:0 10px;font-weight:600;;transition:0.3s}
    .msec5 .slogan .more a:hover{padding:0 70px;color:var(--main-color);background:#fff}
	
	
	#layerPopup1{display:none;position:fixed;z-index:900000;left:0;top:0;background:rgba(0,0,0,0);text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:inline-block;position:relative;top:200px; left:100px}
			#layerPopup1 .popup img{max-width:100%}
			#layerPopup1 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup1 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup1 .cookie_close{float:left}
			#layerPopup1 .basis_close{}
	

}

@media all and (max-width:1680px){
    .container{padding-left:3% !important;padding-right:3% !important}
}

/*mobile*/
@media all and (max-width:1200px) {
    html{font-size:12px}
    .pc{display:none}
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
	.hsec1{background:#fff;border-bottom:1px solid #eee}
	.hsec1 h1{display:flex;align-items:center;justify-content: center;height:60px} 
    .hsec1 h1 img{height:30px;vertical-align:top}   
	
	
	
	.lnbG{position:fixed;width:65%;left:-65%;top:0;z-index:90;height:100%;background:#fff;transition:.3s;overflow:auto}
	.lnbG.on {left:0;transition:.3s}
	.lnbG .close{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer}
    .lnbG .close:before{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(45deg)}
    .lnbG .close:after{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(-45deg)}
	.lnbG ul{clear:both;padding:50px 0}
	.lnbG li{border-bottom:1px solid #ddd}
	.lnbG li > a{display:block;height:45px;line-height:45px;font-size:13px;padding-left:20px}
    .lnbG li.booking_pc.naver > a{display:inline-block;padding-left:50px;background:url('../images/ico_booking_naver.png') no-repeat 20px center /26px}
    .lnbG li.booking_pc.myshop > a{display:inline-block;padding-left:50px;background:url('../images/ico_booking_b.png') no-repeat 20px center /26px}
    .lnbG li.on > a{color:#fff}
	.lnbG li.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
	.lnbG li.be.on > a{background:url('../images/ico_minus.png') no-repeat 95% center var(--main-color)}
	.lnbG .sub{display:none;background:#f5f5f5}
	.lnbG dl{padding:10px 0}
	.lnbG dd > a{display:block;line-height:25px;font-size:12px;padding-left:30px}
    .lnbG dd > a:hover{color:#0a5970}

	.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    .hsec1 .lnbG_open{position:absolute;left:0;top:0}
    .hsec1 .lnbG_open img{height:60px;vertical-align:top}
    .hsec1 .booking_mo.naver{position:absolute;right:0;top:0;background:url('../images/ico_booking_naver.png') no-repeat center;width:60px;height:60px;text-indent:-9999px}
    .hsec1 .booking_mo.myshop{position:absolute;right:0px;top:0;background:url('../images/ico_booking_b.png') no-repeat center;width:60px;height:60px;text-indent:-9999px}
    
    
    /*main*/
    #main{padding:60px 0 0}
    
    
    /*swiper*/
    .swiper-container{padding-bottom:40px}
    .swiper-pagination-bullets{bottom:0}
    .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:10px;height:10px;border-radius:10px;background:#eee;opacity:1;transition:0.3s}
    .swiper-pagination-bullets .swiper-pagination-bullet-active{width:30px;background:var(--main-color)}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}        
    .swiper-button-prev{display:none;left:4%;width:60px;height:60px;background:url('../images/swiper_prev.png') no-repeat center;margin-top:-60px}
    .swiper-button-next{display:none;right:4%;width:60px;height:60px;background:url('../images/swiper_next.png') no-repeat center;margin-top:-60px}
    
    
	
	/*footer*/
    #footer{position:relative;background:#303641;padding:30px 0 80px}
	
    .fsec1 .container{display:flex;flex-direction:column}
    
    .fsec1 .company{order:1;}
    .fsec1 .company .logo{width:80px;margin:20px auto}
    .fsec1 .company .info{margin-top:10px;line-height:1.6;font-size:12px;color:#ddd}
    .fsec1 .company .info i{margin:0 5px}
    
    .fsec1 .menu{order:2; text-align:center; margin:10px  0 30px} 
    .fsec1 .menu a{font-size:13px;color:#fff;margin:0 5px}   
    .a3design{display:inline-block;background:#b3b3b3;padding:5px 10px;font-size:14px; margin:20px  auto}
    
    
    .quick_btn{position:fixed;z-index:100;left:0;width:100%;;bottom:10px;text-align:center}
    .quick_btn a{display:inline-block;width:50px;height:50px;background:#fff;border-radius:50%;padding:7px;margin:0 2px;overflow:hidden;border:1px solid #eee}
   

    .msec5{padding:100px 0;background:url('../images/ms5_bg.jpg') no-repeat center /cover fixed;}
    .msec5 .slogan{text-align:center;color:#fff}
    .msec5 .slogan h2{font-size:30px;color:#fff;font-family:var(--tit-font)}
    .msec5 .slogan .desc{font-size:14px;font-family:var(--tit-font);margin:20px 0}
    .msec5 .slogan .more{margin-top:30px}
    .msec5 .slogan .more a{display:inline-block;line-height:40px;padding:0 30px;border:2px solid #fff;border-radius:40px;color:#fff;margin:0 5px;font-weight:600;;transition:0.3s}
    .msec5 .slogan .more a:hover{padding:0 50px;color:var(--main-color);background:#fff}
	
	
	#layerPopup1{display:none;position:fixed;z-index:900;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
			text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:inline-block;position:relative;top:100px;}
			#layerPopup1 .popup img{max-width:100%}
			#layerPopup1 .close_area{background:#000;width:100%;text-align:right;padding:5px 0}
			#layerPopup1 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup1 .cookie_close{float:left}
			#layerPopup1 .basis_close{}
	
	
	
	
}

#footer a {color:#fff}

/*마진*/
		
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mb4{margin-bottom:4px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}


.ml30{margin-left:30px}
.ml40{margin-left:40px}

/*마진*/
		
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}

.pb4{padding-bottom:4px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}


.pl30{padding-left:30px}
.pl40{padding-left:40px}