/*reset*/
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
    *{margin:0;padding:0;box-sizing:border-box}
    li{list-style:none}
    img{border:0;max-width:100%;vertical-align:top}
    body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:16px; color:#2b2b2b;font-weight:400;letter-spacing:-1px}
    p{line-height:1.8}
    h1,h2,h3,h4,h5,h6{font-weight:600}
    strong,th,b,dt,em{font-weight:500}
    em,i{font-style:normal}
    a,a:hover,a:active,a:focus{text-decoration:none}
    
    /*common*/    
    .container:after,
    .clear:after{display:block;content:'';clear:both}

    
    
/*pc*/
@media all and (min-width:1124px) { 
    .mo{display:none}   
 .container{position:relative;max-width:1480px;margin:0 auto}
    
    .scroll #header{background:#fff;border-bottom:1px solid #ddd} 
    .scroll .hsec1 h1{padding:15px 0}
	.scroll .hsec1 h1 .off{display:inline-block}
	.scroll .hsec1 h1 .on{display:none}
    .scroll .hsec1 .reservation{top:60px;}
	.scroll .lnb .gnb a{color:#555}
	.scroll .lnb .menu li > a{color:#111}

	.sub .hsec1 h1 .off{display:inline-block}
	.sub .hsec1 h1 .on{display:none}
	.sub .lnb .gnb a{color:#555}
	.sub .lnb .menu li > a{color:#111}

	#header:hover{background:#fff;border-bottom:1px solid #ddd}	
	#header:hover .hsec1 h1 .off{display:inline-block}
	#header:hover .hsec1 h1 .on{display:none}
	#header:hover .lnb .gnb a{color:#555}	
	#header:hover .lnb .menu li > a{color:#111}

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;transition:background 0.5s}
	.hsec1 h1{text-align:center;padding:30px 0 20px;transition:padding 0.5s}     
	.hsec1 h1 .off{display:none}
	.hsec1 .reservation{position:absolute;right:0;top:80px;background:url('/base/img/images/ico_reservation.png') no-repeat 90% center #8d168c;line-height:35px;font-size:14px;color:#fff;font-weight:500;padding:0 40px 0 20px;transition:0.5s}
	.hsec1 .reservation.s1{right:0}
	.hsec1 .reservation.s2{right:140px;padding:0 15px;background:#6d9e26}
	.hsec1 .reservation.s3{right:277px;padding:0 15px;background:#07529e}
    

	.lnb{position:relative;z-index:10;text-align:center}
	.lnb .close{display:none}
	.lnb .gnb{position:absolute;right:0;top:-120px}
	.lnb .gnb a{display:inline-block;font-size:13px;color:#fff;margin-left:30px;font-weight:500;line-height:25px}
	.lnb .gnb span{position:relative;}
	.lnb .gnb span ul{display:none;position:absolute;left:10px;top:24px;width:110px;border:1px solid #ddd;background:#fff;padding:5px 20px}
	.lnb .gnb span ul li{text-align:left}
	.lnb .gnb span ul a{margin:0;font-size:400;line-height:22px;font-size:12px;color:#777}
	.lnb .gnb span:hover ul{display:block}
	.lnb .menu{}
	.lnb .menu li{display:inline-block;padding:0 60px}   
	.lnb .menu li > a{display:block;height:60px;color:#fff;line-height:60px;font-size:19px;font-weight:500}
	.lnb .menu li > a:hover{}
	.lnb .menu li:hover > a{border-bottom:2px solid #113277}
	.lnb .menu .sub{display:none;position:absolute;left:0;top:60px;padding:15px 0;width:100%;text-align:left}
	.lnb .menu .sub .tit{float:left;width:225px;font-size:30px;color:#113277;font-weight:600;margin:10px 0}   
	.lnb .menu .sub dl{float:left;margin-right:100px}
	.lnb .menu .sub dd{margin:10px 0}
	.lnb .menu .sub dd a{display:block;line-height:20px;font-size:16px;font-weight:500}
	.lnb .menu .sub dd a:hover{color:#113277}

	.lnb .menu .sub.child > dl > dd {float:left;min-width:200px}
	.lnb .menu .sub.child > dl dl a{font-size:15px;color:#666;font-weight:400}
	.lnb .menu .sub.child > dl dl a:hover{color:#113277}

	.lnb .menu .sub .banner{float:right;margin:10px 0}

	.lnb_bg{display:none;position:absolute;left:0;width:100%;background:#fff;height:300px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
    
    
  
 /*main*/
     #main{}   
    
    /*swiper*/
    .swiper-pagination-bullets{bottom:30px}
    .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;border:2px solid #fff;width:13px;height:13px;border-radius:16px;background:none;opacity:1;transition:0.5s}
    .swiper-pagination-bullets .swiper-pagination-bullet-active{width:58px;background:#fff}
    
    .swiper-pagination-bullets.gre{position:relative;bottom:0;margin:50px 0}
    .swiper-pagination-bullets.gre .swiper-pagination-bullet{border:0;border-radius:0;background:#bfbfbf}
    .swiper-pagination-bullets.gre .swiper-pagination-bullet-active{width:13px;background:#73a42e}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}    
    .swiper-button-next{right:5%;width:60px;height:60px;background:url('/base/img/images/swiper_next.png') no-repeat center}
    .swiper-button-prev{left:5%;width:60px;height:60px;background:url('/base/img/images/swiper_prev.png') no-repeat center}


	/*m_lightbox*/
.m_lightbox{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;}

.m_lightbox.on{display:block}
.m_lightbox .bg{position:absolute;width:100%;height:100%;background:#000;opacity:0.6}    
.m_lightbox .box{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);background:#fff}
.m_lightbox .box .inner > div{display:block !important}

.m_lightbox .close{position:absolute;right:-70px;top:0;width:50px;height:50px;background:url('/base/img/images/lightbox_close.png') no-repeat;cursor:pointer}
    
    
 /*footer*/
    .fsec1{line-height:70px;text-align:center;font-size:0;border-top:1px solid #ddd}
    .fsec1 a{display:inline-block;position:relative;margin:0 20px}
    .fsec1 a:before{display:block;position:absolute;left:-20px;top:50%;transform:translateY(-50%);content:'';height:16px;border-left:1px solid #ddd}
    .fsec1 a:first-child:before{display:none}
    
    .fsec2{background:#f5f5f5;border-top:1px solid #ddd;padding:50px 0}
    .fsec2 .company{}
    .fsec2 .name{font-size:18px;font-weight:500}
    .fsec2 .info{font-size:14px;color:#666;margin-top:10px}
    .fsec2 .info i{display:inline-block;width:20px}
    .fsec2 .familysite{position:absolute;top:50%;transform:translateY(-50%);right:0}
    .fsec2 .familysite select{float:left;font-size:16px;height:40px;padding-left:20px;width:200px;border:1px solid #ccc;
        -webkit-appearance: none;
        -moz-appearance:none;
        appearance: none;
        background:url('../images/form_family_plus.png') no-repeat 90% center #f5f5f5}
    .fsec2 .familysite a{float:right;height:40px;line-height:40px;font-size:16px;color:#fff;background:#4d4d4e;padding:0 15px}
}

/*tablet*/
@media all and (max-width:1580px) and (min-width:1124px) {
  .lnb ul li{padding:0 30px} 
}




/*mobile*/
@media all and (max-width:1123px) {
    body, div, td, p, input, button, textarea, select,a{font-size:12px}
    .pc{display:none}
    
    .scroll #header{background:#fff;border-bottom:1px solid #ddd}
        
 
 /*header*/
 #header{position:fixed;left:0;top:0;width:100%;z-index:100;transition:background 0.5s}
 .hsec1{height:70px}
 .hsec1 h1{text-align:center;padding:10px 0} 
 .hsec1 h1 .on{display:none}
.hsec1 h1 img{height:50px;vertical-align:top}   
.hsec1 .reservation{position:absolute;right:4%;top:15px;background:url('/base/img/images/ico_reservation_m.png') no-repeat center /40px #8d168c ;width:45px;height:40px;text-indent:-9999px}
.hsec1 .reservation.s2{margin-right:44px;;background:url('/base/img/images/ico_reservation_m2.png') no-repeat center /40px #6d9e26 ;width:45px;height:40px;text-indent:-9999px}
.hsec1 .reservation.s3{left:4%;margin-left:44px;background:url('/base/img/images/ico_reservation_m3.png') no-repeat center /40px #07529e;width:45px;}

.hsec2 .lnb_open{position:absolute;left:2%;top:10px;width:50px;height:50px;background:url('/base/img/images/lnb_open.png') no-repeat center /26px;}
.hsec2 .lnb_open img{height:70px;vertical-align:top}

.gnb{margin:50px auto 30px;width:90%;}
.gnb:after{display:block;content:'';clear:both}
.gnb a{float:left;width:32.33%;;border:1px solid #000;line-height:26px;text-align:center;font-size:12px;margin:0 0.5%}
.gnb span{display:block;margin:2px 0}
.gnb span > a{display:none}
.gnb span li{float:left;display:inline-block;width:32.33%;;margin:2px 0.5%}
.gnb span li a{display:block;background:#f5f5f5;width:100%;margin:0}

.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}
.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 .menu{clear:both}
.lnb .menu li{border-bottom:1px solid #ddd}
.lnb .menu li > a{display:block;height:45px;line-height:45px;font-size:14px;padding-left:20px}
.lnb .menu li.on > a{color:#fff}
.lnb .menu li.be > a{background:url('/base/img/images/ico_plus.png') no-repeat 95% center}
.lnb .menu li.be.on > a{background:url('/base/img/images/ico_minus.png') no-repeat 95% center #113277}
.lnb .menu .sub{display:none;background:#f5f5f5}
.lnb .menu .sub .tit,
.lnb .menu .sub .banner{display:none}
.lnb .menu .sub > dl{padding:10px 0}
.lnb .menu .sub > dl dd a{display:block;line-height:20px;font-size:13px;padding:2px 0;padding-left:30px}

.lnb .menu .sub.child > dl > dd:first-child{margin-top:0}
.lnb .menu .sub.child > dl > dd{margin-top:15px}
.lnb .menu .sub.child > dl dl a{padding-left:40px;color:#666}

   
    
 .body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    
    
    
    /*swiper*/
    .swiper-pagination-bullets{bottom:20px}
    .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;border:2px solid #fff;width:10px;height:10px;border-radius:10px;background:none;opacity:1;transition:0.5s}
    .swiper-pagination-bullets .swiper-pagination-bullet-active{width:30px;background:#fff}
    
    .swiper-pagination-bullets.gre{position:relative;bottom:0;margin:20px 0}
    .swiper-pagination-bullets.gre .swiper-pagination-bullet{border:0;border-radius:0;background:#bfbfbf}
    .swiper-pagination-bullets.gre .swiper-pagination-bullet-active{width:10px;background:#73a42e}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}    
    .swiper-button-next{right:5%;width:30px;height:30px;background:url('/base/img/images/swiper_next.png') no-repeat center /30px}
    .swiper-button-prev{left:5%;width:30px;height:30px;background:url('/base/img/images/swiper_prev.png') no-repeat center /30px}
    
    
 
 /*footer*/
    .fsec1{line-height:30px;text-align:center;font-size:0;padding:10px 0;border-top:1px solid #ddd}
    .fsec1 a{display:inline-block;position:relative;font-size:12px;margin:0 10px}
    .fsec1 a:before{display:block;position:absolute;left:-10px;top:50%;transform:translateY(-50%);content:'';height:14px;border-left:1px solid #ddd}
    .fsec1 a:first-child:before{display:none}
    
    .fsec2{background:#f5f5f5;border-top:1px solid #ddd;padding:30px 0}
    .fsec2 .company{text-align:center;padding:0 5%}
    .fsec2 .name{font-size:16px;font-weight:500}
    .fsec2 .info{font-size:12px;color:#666;margin-top:10px}
    .fsec2 .info i{display:inline-block;width:20px}
    .fsec2 .familysite{position:relative;margin:20px auto 0;width:230px}
    .fsec2 .familysite:after{display:block;content:'';clear:both}
    .fsec2 .familysite select{float:left;font-size:12px;height:35px;padding-left:15px;width:80%;margin:0;border:1px solid #ccc;-webkit-appearance: none;-moz-appearance:none;appearance: none;background:url('/base/img/images/form_family_plus.png') no-repeat 90% center /12px #f5f5f5}
    .fsec2 .familysite a{float:right;height:35px;line-height:35px;font-size:12px;color:#fff;background:#4d4d4e;width:20%;text-align:center} 


		/*m_lightbox*/
.m_lightbox{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;}

.m_lightbox.on{display:block}
.m_lightbox .bg{position:absolute;width:100%;height:100%;background:#000;opacity:0.6}    
.m_lightbox .box{position:absolute;left:5%;width:90%;top:50%;transform:translate(0 ,-50%);background:#fff}
.m_lightbox .box .inner > div{display:block !important}

.m_lightbox .close{position:absolute;right:0;top:-40px;width:30px;height:30px;background:url('/base/img/images/lightbox_close.png') no-repeat center /30px;cursor:pointer}
 

}