/*reset*/
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


    /*reset*/
    *{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}
    h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:600}
    em,i{font-style:normal}
    a,a:hover,a:active,a:focus{text-decoration:none;color:#000}

    .fontP{font-family: 'Playfair Display',serif}
    
    /*common*/
    html{min-width:320px;overflow:scroll;}
    
    /*common*/     
	:root{
		--point-color:#3367a6;
		--main-color:#927e74;
		--point1:#9d479d;
		--point2:#247b03;
		--point3:#0f71bc;
	}
    
	.point1_box {background:#9d479d; color:#FFFFFF; padding:2px 5px}
	.point2_box {background:#247b03; color:#FFFFFF; padding:2px 5px; margin-top:10px}	
	.point3_box {background:#0f71bc; color:#FFFFFF; padding:2px 5px; margin-top:10px}
	
		
    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    .center{text-align:center}

    
    .container{position:relative;max-width:1600px;margin:0 auto;padding:0 40px}
	
	
    .container.wide{max-width:100%}
    .root_daum_roughmap{width:100% !important;height:100% !important}
    .root_daum_roughmap .wrap_map{height:100% !important}



/*_pc*/
@media all and (min-width:1025px) {	
    ._mo{display:none !important}       
	

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;}
	.hsec1{height:100px;background:rgba(0,0,0,0);overflow:hidden;transition:0.3s}
    .hsec1 h1 img{max-height:65px}
    .hsec1:hover{height:450px;background:rgba(0,0,0,0.5)}
	.hsec1 .container{display:flex;justify-content: space-between;align-items:center;}
    
    .lnbG{}
	.lnbG .close{display:none}
	.lnbG ul{display:flex;justify-content:center;position:relative;z-index:10;gap:39px}
	.lnbG ul li{position:relative}			
	.lnbG ul li > a{display:block;position:relative;height:100px;line-height:100px;font-size:18px;font-weight:500;color:#fff;white-space: nowrap}
    .lnbG ul li > a:after{content:'';position:absolute;left:0;width:0%;bottom:30px;border-top:2px solid #fff;transition:0.3s}
    .lnbG ul li:hover a:after{width:100%}
    .lnbG ul li:not(:hover) a:after{width:0;left:auto;right:0}

	.lnbG ul li:hover .sub{display:block}
    .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{}
    
    .gnbG{display:flex;gap:10px;align-items:center}
    .gnbG .pos{display:flex;align-items:center;gap:5px;line-height:30px;padding:0 10px;border-radius:40px;background:#fff}
    
    .scroll .hsec1{background:rgba(0,0,0,0.5)}
    
    
		
	/*main*/
     #main{}  
    
    
    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:50px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;width:10px;height:10px;background:#000;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}    
    .swiper-button-next{width:100px;height:100px;background:url('../images/swiper_next.png') no-repeat center}
    .swiper-button-prev{width:100px;height:100px;background:url('../images/swiper_prev.png') no-repeat center}
    
    
    
	/*footer*/
    #footer{background:#000;padding:150px 0 100px;color:#fff}
    .fsec1 .container{display:flex;gap:20%}
    .fsec1  .logo_con{flex:1}
    .fsec1  .logo_con .menu{margin:60px 0;}
    .fsec1  .logo_con .menu a{display:block;padding:10px 0;font-size:20px;color:#fff;border-bottom:1px solid #fff;background:url('../images/ico_arrow_next.png') no-repeat calc(100% - 5px) 70%;transition:0.3s}
    .fsec1  .logo_con .menu a:hover{background-position:100% 70%}
    .fsec1  .logo_con .info{display:flex;gap:20px;font-size:20px}
    .fsec1  .logo_con .copyright{margin-top:20px;font-size:14px;color:#aaa}
    .fsec1  .logo_con .copyright a{color:#ccc}
    
    .fsec1  .company_con{position:relative;flex:1}
    .fsec1  .company_con .tit{font-size:30px;font-weight:600;margin-bottom:10px}
    .fsec1  .company_con .sitemapG .menu{display:flex;gap:30px;}
    .fsec1  .company_con .sitemapG .menu a{font-size:18px;color:#fff}
    
    .fsec1  .company_con .contactG{margin-top:50px}
    .fsec1  .company_con .contactG .info{font-size:16px;line-height:2}
    .fsec1  .company_con .contactG .info i{display:inline-block;height:14px;border-left:1px solid #aaa;margin:0 5px}
    .fsec1  .company_con .snsG{display:flex;gap:20px;margin-top:30px}
    
    .fsec1  .company_con .gotop{position:absolute;right:0;top:10px}


	
	#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:40px; 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{}	

}




/*_mobile*/
@media all and (max-width:1200px) {
  
    
}

/*테블릿. 모바일 조정*/
@media all and (max-width:1660px) and (min-width:1010px){
	.out{display:none}
	.hsec1 h1{display:none} 
}

/*테블릿. 모바일 조정*/
@media all and (max-width:1200px) and (min-width:1025px){
	
	.hsec1 .gnbG{display:none}
}


@media all and (max-width:1024px) {
    html{font-size:12px}
    .container{padding:0 4%}
    
    ._pc{display:none !important}
    
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
    .hsec1{transition:0.3s}
	.hsec1 .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
	.hsec1 h1{} 
    .hsec1 h1 img{max-width:180px;max-height:50px;vertical-align:top}   	
	

    
    .lnbG_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    .lnbG_bg.on{display:block;}
	
	.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{display:flex;justify-content: center;align-items: center; position:absolute;right:13px;top:0;width:20px;height:40px;cursor:pointer}
    .lnbG .close i{position:relative;width:20px;height:3px}
    .lnbG .close i:before{content:'';position:absolute;width:100%;height:3px;background:#000;transform:rotate(45deg);border-radius:2px}
    .lnbG .close i:after{content:'';position:absolute;width:100%;height:3px;l;background:#000;transform:rotate(-45deg);border-radius:2px}
    .lnbG .logo{padding:15px 20px}
    .lnbG .logo img{width:140px;filter:invert()}
	.lnbG .menu {margin-top:20px}
	.lnbG .menu li{border-bottom:1px solid #ddd}
	.lnbG .menu li > a{display:block;height:45px;line-height:45px;font-size:14px;padding-left:20px}
    .lnbG .menu li.on > a{color:#fff}
	.lnbG .menu li.be > a{background:url('../images/ico_plus.png') no-repeat calc(100% - 15px) center}
	.lnbG .menu li.be.on > a{background:url('../images/ico_minus.png') no-repeat calc(100% - 15px) center var(--main-color)}
	.lnbG .menu .sub{display:none;background:#f5f5f5}
	.lnbG .menu .sub dl{padding:10px 0}
	.lnbG .menu .sub dd > a{display:block;line-height:25px;font-size:13px;padding-left:30px}
    .lnbG .menu .sub dd > a:hover{color:var(--main-color)}
    
    .gnbG{display:flex;gap:10px;align-items:center}
    .gnbG .pos{display:flex;align-items:center;gap:5px;line-height:35px;padding:0 15px;border-radius:40px;background:#fff}
    
    .lnbG_open{display:flex;justify-content:center; align-items:center;width:30px;height:30px}
    .lnbG_open i{position:relative;width:20px;height:2px;background:#fff}
    .lnbG_open i:before{content:'';position:absolute;left:0;width:100%;height:2px;background:#fff;top:-8px;border-radius:2px}
    .lnbG_open i:after{content:'';position:absolute;left:0;width:100%;height:2px;background:#fff;bottom:-8px;border-radius:2px}
    

	.scroll .hsec1{background:rgba(0,0,0,0.5)}
    
    
    
    /*main*/
    

    
    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:50px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;width:10px;height:10px;background:#000;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}    
    .swiper-button-next{width:100px;height:100px;background:url('../images/swiper_next.png') no-repeat center}
    .swiper-button-prev{width:100px;height:100px;background:url('../images/swiper_prev.png') no-repeat center}
    
    
    
	/*footer*/
    #footer{background:#000;padding:80px 0 90px;color:#fff}
    .fsec1 .container{}
    .fsec1  .logo_con{}
    .fsec1  .logo_con .logo{max-width:200px;margin:0 auto}
    .fsec1  .logo_con .menu{margin:30px 0;}
    .fsec1  .logo_con .menu a{display:block;padding:10px 0;font-size:16px;color:#fff;border-bottom:1px solid #fff;background:url('../images/ico_arrow_next.png') no-repeat calc(100% - 5px) 70%;transition:0.3s}
    .fsec1  .logo_con .menu a:hover{background-position:100% 70%}
    .fsec1  .logo_con .info{font-size:16px}
    .fsec1  .logo_con .info span{display:block}
    .fsec1  .logo_con .copyright{margin-top:20px;font-size:12px;color:#aaa}
    .fsec1  .logo_con .copyright a{color:#ccc}
    
    .fsec1  .company_con{position:relative;flex:1;margin-top:30px}
    .fsec1  .company_con .tit{font-size:20px;font-weight:600;margin-bottom:10px}
    .fsec1  .company_con .sitemapG .menu{display:flex;gap:20px;}
    .fsec1  .company_con .sitemapG .menu a{font-size:14px;color:#fff}
    
    .fsec1  .company_con .contactG{margin-top:30px}
    .fsec1  .company_con .contactG .info{font-size:12px;line-height:2}
    .fsec1  .company_con .contactG .info i{display:inline-block;height:10px;border-left:1px solid #aaa;margin:0 5px}
    .fsec1  .company_con .snsG{display:flex;gap:10px;margin-top:20px;justify-content: center}
    
    .fsec1  .company_con .copyright{margin-top:20px;font-size:12px;color:#aaa}
    .fsec1  .company_con .copyright a{color:#ccc}
    
    <!--.fsec1  .company_con .gotop{position:absolute;right:0;bottom:120px}-->
    
    
    .quick_menu{position:fixed;z-index:100;right:15px;bottom:20px}
    .quick_menu a{display:block;margin:6px 0;background:var(--main-color);padding:7px;border-radius:50%}
	
	   .quick_btn{position:fixed;z-index:100;left:0;width:100%;;bottom:10px;text-align:center}
    .quick_btn a{display:inline-block;margin:6px 0; background:var(--main-color);padding:8px 0px; font-size:14px; width:23.3%}
	
   
 	#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:50px;}
			#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}