/*reset*/
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
    @import url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound/nanumsquareround.min.css');


    /*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;color:#333}
    h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:500;color:#000}
    em,i{font-style:normal}
    a,a:hover,a:active,a:focus{text-decoration:none;color:#333}
    
    /*common*/
    html{min-width:320px;overflow:scroll}
    
    /*common*/    
	:root{
		--point-red:#6e9640;
        --point-blue:#0760c6;
        --point-blue-light:#d8e9fb;
        --main-color:#6e9640;   
        --sec-bg-color:#fff;
	}
    

	
    .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:1200px;margin:0 auto}
    .container.wide{max-width:1920px;padding:0 4%}

    .root_daum_roughmap{width:100% !important;height:100% !important}
    .root_daum_roughmap .wrap_map{height:100% !important}

    @keyframes wave_motion {
		0% {right: 0px;}
		100% {right: 7px;}        

	}

    /*_pc*/

@media all and (min-width:1201px) {	
    ._mo{display:none !important}  
	
	
    .btn_more{position:relative}
    .btn_more a{display:inline-block;position:relative;border:1px solid #777;line-height:50px;padding:0 20px;color:#777;font-size:11px;letter-spacing:2px}
    .btn_more a span{display:inline-block;position:relative;z-index:10;padding-right:20px;background:url('../images/ico_arrow.png') no-repeat 100% center}
    .btn_more a:hover{color:#fff}
    .btn_more a:hover span{background:url('../images/ico_arrow_w.png') no-repeat 100% center}
    .btn_more a:hover:after{width:100%}
    .btn_more a:not(:hover):after{left:auto;right:0;width:0}
    .btn_more a:after{content:'';position:absolute;left:0;width:0%;height:100%;background:var(--main-color);transition:0.3s}
     
	

	/*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:45px}
    .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:50px}
	.lnbG ul li{position:relative}			
	.lnbG ul li > a{display:block;position:relative; text-align:center;width: 90px;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:35px;padding:0 15px;border-radius:40px;background:#fff}
    
    .scroll .hsec1{background:rgba(0,0,0,0.5)}
    
    
		
	/*main*/
     #main{}  
    
    .btn-more{margin:20px 0}
    .btn-more a{display:inline-block;line-height:50px;background:var(--point-blue);font-size:20px;color:#fff;border-radius:50px;padding:0 40px;transition:0.3s}
    .btn-more a:hover{background:#111;color:#fff}
    .btn-more.line a{border:2px solid #000;background:rgba(255,255,255,0.5);color:#000;}
    .btn-more.line a:hover{background:#111;color:#fff}
    
    
    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:40px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;width:8px;height:8px;background:#000;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:60px;background:var(--point-red)}

	.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*/
	
    .fsec1{padding:50px 0;background:#303641;color:#fff}       
    .fsec1 .container{display:flex;justify-content:space-between;align-items: center}
    .fsec1 .companyG{}
    .fsec1 .info{color:#b9c0c7;font-size:13px;margin-top:20px;line-height:2}
	.fsec1 .info a{color:#fff}
    .fsec1 .info i{display:inline-block;margin:0 6px;height:10px;width:1px;background1:#fff;opacity:0.3}
    .fsec1 .copyright{text-transform: uppercase}
    .fsec1 .copyright a{color:#fff}
    .fsec1 .menuG{display:flex;gap:2px;text-align:center}
    .fsec1 .menuG a{width:110px;line-height:45px;font-size:14px;color:#b9c0c7;border:1px solid #b9c0c7}
    .fsec1 .menuG a:hover{color:#fff;border-color:#fff}
    
    
    .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}

}


/*tablet*/
@media all and (max-width:1480px) and (min-width:1200px) {
    .lnbG ul{gap:25px}
    .lnbG ul > li > a{font-size:18px}
}


/*_mobile*/
@media all and (max-width:1200px) {
    html{font-size:12px}
    .container{padding:0 4%}
    
    ._pc{display:none !important}
    
	
	    .btn_more{position:relative}
    .btn_more a{display:inline-block;position:relative;border:1px solid #777;line-height:40px;padding:0 20px;color:#777;font-size:11px;letter-spacing:2px}
    .btn_more a span{display:inline-block;position:relative;z-index:10;padding-right:20px;background:url('../images/ico_arrow.png') no-repeat 100% center}
    .btn_more a:hover{color:#fff}
    .btn_more a:hover span{background:url('../images/ico_arrow_w.png') no-repeat 100% center}
    .btn_more a:hover:after{width:100%}
    .btn_more a:not(:hover):after{left:auto;right:0;width:0}
    .btn_more a:after{content:'';position:absolute;left:0;width:0%;height:100%;background:var(--main-color);transition:0.3s}

	
	
	/*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:30px;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:17px;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:15px;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*/
    
    
  .btn-more{margin:20px 0}
    .btn-more a{display:inline-block;line-height:38px;background:var(--point-blue);font-size:14px;color:#fff;border-radius:38px;padding:0 30px;transition:0.3s}
    .btn-more a:hover{background:#111;color:#fff}
    .btn-more.line a{border:2px solid #000;background:rgba(255,255,255,0.5);color:#000;}
    .btn-more.line a:hover{background:#111;color:#fff}
    
    
    /*swiper*/
    .swiper-horizontal>.swiper-pagination-bullets{bottom:30px}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;width:7px;height:7px;background:#000;border-radius:10px;transition:0.3s}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px;background:var(--point-red)}

	.swiper-button-next,
	.swiper-button-prev{display:none}    
    
    
	/*footer*/
    .fsec1{padding:20px 0 140px;background:#303641;color:#fff}       
    .fsec1 .container{text-align:center}
    .fsec1 .companyG{}
    .fsec1 .logo img{max-width:200px}
    .fsec1 .info{color:#b9c0c7;font-size:12px;margin-top:20px;line-height:1.8}
	.fsec1 .info a{color:#fff}
    .fsec1 .info i{display:inline-block;margin:0 6px;height:10px;width:1px;background:#fff;opacity:0.3}
    .fsec1 .copyright{text-transform: uppercase}
    .fsec1 .copyright a{color:#fff}
    .fsec1 .menuG{position:fixed;left:0;bottom:0;width:100%;display:flex;gap:2px;text-align:center;background:#303641;padding:10px 3px}
    .fsec1 .menuG a{flex:1;line-height:35px;font-size:14px;color:#b9c0c7;border:1px solid #b9c0c7}
    .fsec1 .menuG a:hover{color:#fff;border-color:#fff}
	
    .quick_btn{position:fixed;z-index:100;left:0;width:100%;;bottom:70px;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}
   

}

/*마진*/
		
.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}