@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&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}


.clear:after{display:block;content:'';clear:both}
.container{position:relative;max-width:1620px;margin:0 auto}
.container02{position:relative;max-width:1620px;margin:0 auto}

.fontM{font-family:'Nanum Gothic'}
.fontD{font-family:'Dancing Script'}


.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{margin-top:10px}
.pt20{margin-top:20px}
.pt30{margin-top:30px}
.pt40{margin-top:40px}
.pt50{margin-top:50px}
.pt60{margin-top:60px}
.pt70{margin-top:70px}
.pt80{margin-top:80px}
.pt90{margin-top:90px}
.pt100{margin-top:100px}
.pb4{margin-bottom:4px}
.pb10{margin-bottom:10px}
.pb20{margin-bottom:20px}
.pb30{margin-bottom:30px}
.pb40{margin-bottom:40px}
.pb50{margin-bottom:50px}
.pb60{margin-bottom:60px}
.pb70{margin-bottom:70px}
.pb80{margin-bottom:80px}
.pb90{margin-bottom:90px}
.pb100{margin-bottom:100px}
.pl30{margin-left:30px}
.pl40{margin-left:40px}

.point1tt {  border-bottom:#d70303 solid  1px; color:#d70303}

    
/*pc*/

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

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
	.hsec1{height:70px;background:rgba(255,255,255,1);box-shadow:0 5px 10px rgba(0,0,0,0.05);overflow:hidden;transition:0.3s}
    .hsec1:hover{height:420px;background:rgba(255,255,255,0.95)}
    .hsec1 .container{display:flex;justify-content: space-between;max-width:none}
	.hsec1 h1{} 
    
    .lnb{}
	.lnb .close{display:none}
	.lnb ul{position:relative;z-index:10}
	.lnb ul li{position:relative;float:left;padding:0 30px}			
	.lnb ul li > a{display:block;line-height:70px;font-size:18px;font-weight:500}
    .lnb ul li > a.booking{display:inline-block;padding-left:35px;background:url('../images/ico_booking.png') no-repeat 0 center;font-size:15px}
	.lnb ul li > a:hover{color:#0074bf}
	.lnb ul li:hover > a{color:#0074bf}
    .lnb .sub{position:absolute;left:0%;top:70px;width:100%}
    .lnb .sub dl {text-align:center}
	.lnb .sub dd > a{display:block;line-height:30px;font-size:14px}
	.lnb .sub dd > a:hover{color:#0a5970}

	#header a.booking{display:inline-block;line-height:70px;padding:0 35px;background:url('../images/ico_booking.png') no-repeat 0 center;font-size:15px}
    
    
		
	/*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:#ab3195}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}        
    .swiper-button-prev{left:4%;width:60px;height:60px;background:url('../images/swiper_prev2.png') no-repeat center;margin-top:-60px}
    .swiper-button-next{right:4%;width:60px;height:60px;background:url('../images/swiper_next2.png') no-repeat center;margin-top:-60px}
    
    
	/*footer*/
    #footer{position:relative;background:#ddd;padding:80px 0}
    .fsec1 .container02{display:flex;justify-content: space-between;line-height:1.6;font-size:18px}
    
    .fsec1 .company{}
    .fsec1 .company .info{margin-top:20px}
    .fsec1 .company .info i{margin:0 20px}
    
    .fsec1 .reservation{text-align:right;margin-right:150px}
    .fsec1 .reservation .tel{font-size:30px;font-weight:600}
    .fsec1 .reservation .info{margin-top:20px}
    
    .a3design{display:inline-block;background:#fff;padding:4px 10px;font-size:14px;margin:20px 0}
    
    .btn_top{position:absolute;right:0;top:20px;cursor:pointer}

}


/*tablet*/
@media all and (max-width:1480px) and (min-width:1281px){
 	.lnb ul li{padding:0 20px}	
}

/*mobile*/
@media all and (max-width:1280px) {
    body, div, td, p, input, button, textarea, select,a , .s_slogan{font-size:13px; line-height:18px}
    .container{padding:0 3%}
    .pc{display:none}
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
	.hsec1{height:60px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
	.hsec1 h1{text-align:center} 
    .hsec1 h1 img{height:55px;vertical-align:top}   
	
	
	
	.lnb{position:fixed;width:65%;left:-65%;top:0;z-index:90;height:100%;background:#fff;transition:.3s;overflow:auto}
	.lnb.on {left:0;transition:.3s}
	.lnb .close{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer}
    .lnb .close:before{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(45deg)}
    .lnb .close:after{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(-45deg)}
	.lnb ul{clear:both;padding:50px 0}
	.lnb li{border-bottom:1px solid #ddd}
	.lnb li > a{display:block;height:45px;line-height:48px;font-size:16px;padding-left:20px}
    .lnb li > a.booking{display:inline-block;padding-left:50px;background:url('../images/ico_booking.png') no-repeat 20px center /26px}
    .lnb li.on > a{color:#fff}
	.lnb li.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
	.lnb li.be.on > a{background:url('../images/ico_minus.png') no-repeat 95% center #26c8f6}
	.lnb .sub{display:none;background:#f5f5f5}
	.lnb dl{padding:10px 0}
	.lnb dd > a{display:block;line-height:28px;font-size:14px;padding-left:30px}
    .lnb 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 .lnb_open{position:absolute;left:0;top:0}
    .hsec1 .lnb_open img{height:60px;vertical-align:top}
    .hsec1 .booking2{position:absolute;right:0;top:0;background:url('../images/ico_booking.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:#ab3195}

	.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_prev2.png') no-repeat center;margin-top:-60px}
    .swiper-button-next{display:none;right:4%;width:60px;height:60px;background:url('../images/swiper_next2.png') no-repeat center;margin-top:-60px}
    
    
	
	/*footer*/
    #footer{position:relative;background:#ddd;padding:40px 0}
    .fsec1 .container02{line-height:1.6;font-size:13px}
    
    .fsec1 .company{text-align:center}
    .fsec1 .company .info{margin-top:20px}
    .fsec1 .company .info i{display:block;margin:0 10px}
    
    .fsec1 .reservation{text-align:center;margin:20px 0}
    .fsec1 .reservation .tel{font-size:20px;font-weight:600}
    .fsec1 .reservation .info{margin-top:20px}
    
   .a3design{display:inline-block;background:#fff;padding:2px 8px;font-size:12px;margin:10px 0}
    
    
    .scroll .btn_call,
    .scroll .btn_top{display:block}
    .btn_call{display:none;position:fixed;z-index:10;right:20px;bottom:80px;cursor:pointer}
    .btn_top{display:none;position:fixed;z-index:10;right:20px;bottom:20px;cursor:pointer}
    .btn_call img,
    .btn_top img{width:50px}
	


}