@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}

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



.control .scroll{animation: uniqueScrollUpDown 1.5s ease-in-out infinite;}
        @keyframes uniqueScrollUpDown {
            0%, 100% { transform: translate(0, -20px); opacity: 0.0; }
            50% { transform: translate(0, -10px); opacity: 1; }
        }
		
.s_table .more_table{
    animation: uniqueScrollLeftRight 1.5s ease-in-out infinite;
}

@keyframes uniqueScrollLeftRight {
    0%, 100% { transform: translate(-20px, 0); opacity: 0.0; }
    50% { transform: translate(-10px, 0); opacity: 1; }
}


    
/*pc*/

 .header{position:fixed;z-index:100;left:0;width:100%;padding:30px 80px;transition:0.5s}
      .header .bg{position:absolute;left:0;top:0;width:100%;height:80px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);;opacity:0;transition:0.5s}
      .header .inner{position:relative;display:flex;gap:30px;align-items:center;height:80px;justify-content: space-between;margin:0 auto;}
      
      .header .logo{}
      .header .logo .black{display:none}
      
      .header .toggle{display:flex;flex-direction: column;justify-content:space-between; width:30px;height:18px;cursor:pointer}
      .header .toggle span{width:100%;height:2px;background:#fff;transition:0.5s}
      .header .toggle span:nth-child(2){width:60%}
      .header .toggle:hover span{width:100%}
            
      .header .lnb{height:80px;margin:0 auto;visibility: hidden;opacity:0;transition:0.5s}         
      .header .lnb ul{display:flex;gap:80px;height:80px;line-height:80px;overflow:hidden;padding:0 50px;transition:0.5s;}            
      .header .lnb li{position:relative}
      .header .lnb li a{font-size:14px;color:#333;}
      .header .lnb li:hover > a{color:#000}
      .header .lnb .sub{position:absolute;width:110px;left:50%;transform:translateX(-50%);text-align:center;}
      .header .lnb .sub dd{margin:6px 0;line-height:1.3}
      .header .lnb .sub a{color:#555;}
      .header .lnb .sub a:hover{color:#000}
      
      .header .lnb:hover ul{height:300px}
      .header:has(.lnb:hover) .bg{height:300px}
      
      
      .header .right_con{display:flex;gap:30px;align-items:center}
      .header .right_con .toggle{/*display:none*/;align-items:flex-end}
      .header .right_con .btn_reser{line-height:30px;border:1px solid #fff;border-radius:30px;padding:0 16px;color:#fff;font-size:14px;transition:0.5s}
      .header .right_con .btn_reser:hover{border:1px solid #000;background:#000;}
      
      /*on*/
      .header.on {padding:0 50px}
      .header.on .bg{opacity:1;visibility: visible;}
      .header.on .logo .white{display:none}
      .header.on .logo .black{display:block}
      
      .header.on .toggle span{background:#000}
      .header.on .toggle span:nth-child(1){transform:translateY(8px)rotate(45deg)}
      .header.on .toggle span:nth-child(2){opacity:0}
      .header.on .toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
      
      .header.on .lnb{visibility:visible;opacity:1}
      .header.on .lnb:hover{}      
      .header.on .btn_reser{border:1px solid #555;color:#000}
      .header.on .btn_reser:hover{color:#fff}
      
      .header.black .logo .white{display:none}
      .header.black .logo .black{display:block}
      .header.black .toggle span{background:#000}
      .header.black .btn_reser{border:1px solid #555;color:#000}
      .header.black .btn_reser:hover{color:#fff}
	  
	  
/*_pc*/
      @media all and (min-width:1025px) {	
		._mo{display:none !important}  
		
		
			#layerPopup1{display:none;position:fixed;z-index:9000010;left:2%;top:10px;background:rgba(0,0,0,0);text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:block;position:relative}
			#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{}


			#layerPopup2{display:none;position:fixed;z-index:900009;left:28%;top:90px;background:rgba(0,0,0,0);text-align:center}
			#layerPopup2.on{display:block}
			#layerPopup2 .popup{display:block;position:relative;}
			#layerPopup2 .popup img{max-width:100%}
			#layerPopup2 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup2 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup2 .cookie_close{float:left}
			#layerPopup2 .basis_close{}
		
			#layerPopup3{display:none;position:fixed;z-index:900008;left:51%;top:70px;background:rgba(0,0,0,0);text-align:center}
			#layerPopup3.on{display:block}
			#layerPopup3 .popup{display:block;position:relative;}
			#layerPopup3 .popup img{max-width:100%}
			#layerPopup3 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup3 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup3 .cookie_close{float:left}
			#layerPopup3 .basis_close{}
			
			
			#layerPopup4{display:none;position:fixed;z-index:900006;right:0%;top:100px;background:rgba(0,0,0,0);text-align:center}
			#layerPopup4.on{display:block}
			#layerPopup4 .popup{display:block;position:relative;}
			#layerPopup4 .popup img{max-width:100%}
			#layerPopup4 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup4 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup4 .cookie_close{float:left}
			#layerPopup4 .basis_close{}			
			
			#layerPopup5{display:none;position:fixed;z-index:900007;right:2%;top:100px;background:rgba(0,0,0,0);text-align:center}
			#layerPopup5.on{display:block}
			#layerPopup5 .popup{display:block;position:relative;}
			#layerPopup5 .popup img{max-width:100%}
			#layerPopup5 .close_area{background:#000;width:100%;text-align:right; padding:15px 10px; margin-top:-6px}
			#layerPopup5 .close_area span{cursor:pointer;margin:5px;color:#fff}
			#layerPopup5 .cookie_close{float:left}
			#layerPopup5 .basis_close{}	

		
		
	  }
	  
	  
      @media (max-width:1280px){     
         .header .bg{height:100vh !important;visibility: hidden;}
         .header .lnb{position:absolute;left:0;top:80px;width:100%;}
         .header .lnb ul{height:auto;gap:0;flex-wrap:wrap;text-align:center;padding:0}
         .header .lnb ul li{width:33.33%}
         .header .lnb .sub{all:unset;position:relative;}
         
         .header .right_con{margin-left:auto}
         
         .header .lnb:hover ul{height:auto}
      }
      
      @media (max-width:1024px){
		 ._pc{display:none !important}
		 
		 	#popup_bg{display:none;position:fixed;z-index:800;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
			#popup_bg.on{display:block}

			#layerPopup1{display:none;position:fixed;z-index:911;left:0;top:7%;width:100%;;text-align:center}
			#layerPopup1.on{display:block}
			#layerPopup1 .popup{display:block;position:relative;padding:0 10px;max-width:420px;margin:0 auto;}
			#layerPopup1 .popup img{max-width:100%}
			#layerPopup1 .close_area{background:#000;width:100%;text-align:right;padding:14px 0;font-size:14px; margin-top:-5px}
			#layerPopup1 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup1 .cookie_close{float:left}
			#layerPopup1 .basis_close{}


			#layerPopup2{display:none;position:fixed;z-index:909;left:0;top:6%;width:100%;;text-align:center}
			#layerPopup2.on{display:block}
			#layerPopup2 .popup{display:block;position:relative;padding:0 10px;max-width:420px;margin:0 auto}
			#layerPopup2 .popup img{max-width:100%}
			#layerPopup2 .close_area{background:#000;width:100%;text-align:right;padding:14px 0;font-size:14px; margin-top:-5px}
			#layerPopup2 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup2 .cookie_close{float:left}
			#layerPopup2 .basis_close{}


			#layerPopup3{display:none;position:fixed;z-index:908;left:0;top:6%;width:100%;;text-align:center}
			#layerPopup3.on{display:block}
			#layerPopup3 .popup{display:block;position:relative;padding:0 10px;max-width:420px;margin:0 auto}
			#layerPopup3 .popup img{max-width:100%}
			#layerPopup3 .close_area{background:#000;width:100%;text-align:right;padding:14px 0;font-size:14px; margin-top:-5px}
			#layerPopup3 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup3 .cookie_close{float:left}
			#layerPopup3 .basis_close{}
			
			
			#layerPopup4{display:none;position:fixed;z-index:907;left:0;top:6%;width:100%;;text-align:center}
			#layerPopup4.on{display:block}
			#layerPopup4 .popup{display:block;position:relative;padding:0 10px;max-width:420px;margin:0 auto}
			#layerPopup4 .popup img{max-width:100%}
			#layerPopup4 .close_area{background:#000;width:100%;text-align:right;padding:14px 0;font-size:14px; margin-top:-5px}
			#layerPopup4 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup4 .cookie_close{float:left}
			#layerPopup4 .basis_close{}
			
						#layerPopup5{display:none;position:fixed;z-index:906;left:0;top:6%;width:100%;;text-align:center}
			#layerPopup5.on{display:block}
			#layerPopup5 .popup{display:block;position:relative;padding:0 10px;max-width:420px;margin:0 auto}
			#layerPopup5 .popup img{max-width:100%}
			#layerPopup5 .close_area{background:#000;width:100%;text-align:right;padding:14px 0;font-size:14px; margin-top:-5px}
			#layerPopup5 .close_area span{cursor:pointer;margin:0 5px;color:#fff}
			#layerPopup5 .cookie_close{float:left}
			#layerPopup5 .basis_close{}
		 
		 
		  
         .header{padding:0 10px !important}
         .header .logo img{max-height:60px}

         .header .inner > .toggle{display:none}
         .header .right_con{gap:10px}
         .header .right_con .toggle{display:flex}
      }
	  
	  
/*마진*/
		
.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}