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

*{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:'Noto Sans KR',sans-serif;color:#111}
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;color:#111}

/*common*/    
:root{
    --main-color:#01472f;
    --main-color-light:#74ffd0;
    --main-color-pascal:#789a8e;
    --point-color:#42ff00;

}

.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%; }
/*_pc*/

@media all and (min-width:1201px) {	
    ._mo{display:none}   
	.container{position:relative;max-width:1430px;margin:0 auto}

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;background:rgba(0,0,0,0.8)}
	.hsec1{}
	.hsec1 h1 img{max-height:61px}
	.hsec1 .container{display:flex;justify-content:space-between; align-items:center;height:90px;max-width:100%;padding:0 5%}
    
    .lnbG{}
	.lnbG .close{display:none}
	.lnbG ul{display:flex;gap:60px}
	.lnbG ul li{position:relative}			
	.lnbG ul li > a{display:block;font-size:17px;color:#fff;line-height:60px}
	.lnbG ul li.lang{display:flex;gap:4px;align-items:center}
	.lnbG ul li.lang > a{font-size:12px;margin:0 0;line-height:1}
	.lnbG ul li.lang > a span{display:inline-block;border:1px solid #555;border-radius:10px;padding:0 8px;line-height:20px;color:#777}
	.lnbG ul li.lang > a.on span,
	.lnbG ul li.lang > a:hover span{border:1px solid #aaa;color:#fff}
	.lnbG ul li.act > a,
	.lnbG ul li > a:hover{color:var(--point-color)}
	.lnbG ul li:hover > a{color:var(--point-color)}
    .lnbG ul li:hover .sub{visibility: visible;opacity:1}
    .lnbG .sub{visibility: hidden;position:absolute;left:0%;top:60px;border-top:3px solid var(--point-color);padding:20px 0;width:250px;background:#000;opacity: 0;transition: 0.3s}
	.lnbG .sub dd > a{display:block;line-height:35px;font-size:14px;color:#fff;padding:0 30px}
	.lnbG .sub dd > a:hover{color:var(--point-color)}
    
    
		
	/*main*/
     #main{}   
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:60px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;width:12px;height:12px;opacity:1;background:#fff}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--point-color)}

	.swiper-button-next:after,
	.swiper-button-prev:after{display:none}    
    .swiper-button-next{right:2%;width:100px;height:200px;margin-top:-100px;background:url('../images/swiper_next.png') no-repeat center /40px}
    .swiper-button-prev{left:2%;width:100px;height:200px;margin-top:-100px;background:url('../images/swiper_prev.png') no-repeat center /40px}
    
    
	/*footer*/
    #footer{padding:50px 0;background:#282828;color:#fff;font-size:16px}
    
    .fsec1{}    
    .fsec1 .container{display:flex;padding:10px 0}
    .fsec1 .logoG{flex:1;margin:20px 0}
	.fsec1 .logoG img{height:50px}
    .fsec1 .companyG{flex:1;}
    .fsec1 .companyG li{margin:15px 0}
    .fsec1 .companyG li .tit{display:inline-block;width:100px}
    
    .fsec2 {}
    .fsec2 .container{display:flex;border-top:1px solid rgba(255,255,255,0.5);padding:20px 0}
    .fsec2 .menuG{flex:1;display:flex;gap:10px;align-items:center}
    .fsec2 .menuG a{font-size:14px;font-weight:600;color:#fff;}
    .fsec2 .menuG a:hover{color:var(--main-color-light)}
    .fsec2 .menuG i{width:2px;height:14px;background:#fff}
    .fsec2 .copyrightG{flex:1;font-size:12px}


}


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


/*_mobile*/
@media all and (max-width:1200px) {
    body, div, td, p, input, button, textarea, select,a{font-size:12px}
    ._pc{display:none}
    .container{padding-left:4% !important;padding-right:4% !important}
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;background:rgba(0,0,0,0.8)}

    .hsec1 .container{display:flex;justify-content: space-between; align-items:center;height:70px}
	.hsec1 h1{} 
    .hsec1 h1 img{max-height:50px;max-width:250px;vertical-align:top;}   
	
	
	
	.lnbG{position:fixed;width:80%;left:-80%;top:0;z-index:90;height:100%;background:#fff;overflow:auto;transition:.3s}
	.lnbG.on {left:0}
    .lnbG h1{padding:20px 20px}
    .lnbG h1 img{width:200px}
	.lnbG .close{position:absolute;right:0;top:15px;width:40px;height:40px;cursor:pointer}
    .lnbG .close:before{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(45deg)}
    .lnbG .close:after{display:block;content:'';position:absolute;width:26px;height:2px;left:50%;top:50%;background:#000;transform:translate(-50%,-50%) rotate(-45deg)}
	.lnbG ul{clear:both}
	.lnbG li{border-bottom:1px solid #ddd}
	.lnbG li > a{display:block;height:45px;line-height:45px;font-size:12px;padding-left:20px}
	.lnbG li.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}	
	.lnbG li.on > a{background:url('../images/ico_minus.png') no-repeat 95% center var(--main-color);color:#fff}
	.lnbG li.act > a{background-color: var(--main-color);color:#fff}
	
	.lnbG ul li.lang{border-bottom:0;padding:10px 0}
	.lnbG ul li.lang > a{display:inline-block;font-size:12px;margin:0 0;padding:0}
	.lnbG ul li.lang > a:first-child{padding-left:20px}
	.lnbG ul li.lang > a span{display:inline-block;border:1px solid #ddd;border-radius:10px;padding:0 8px;line-height:20px;color:#aaa}
	.lnbG ul li.lang > a.on span,
	.lnbG ul li.lang > a:hover span{border:1px solid #333;color:#000}

	.lnbG .sub{display:none;background:#f5f5f5}
	.lnbG dl{padding:10px 0}
	.lnbG dd > a{display:block;line-height:25px;font-size:12px;padding-left:20px}
    .lnbG dd > a:hover{color:var(--main-color)}	
    
    .lnbG_open{position:relative;width:40px;height:40px;cursor:pointer;}
    .lnbG_open i{display:block;position:absolute;left:20%;width:60%;height:2px;background:#fff;transform:translateY(-50%)}
    .lnbG_open i:nth-child(1){top:30%;}
    .lnbG_open i:nth-child(2){top:50%}
    .lnbG_open i:nth-child(3){top:70%}
    .lnbG_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    
    /*main*/
    #main{padding:0 0 30px}
    
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:10px;height:10px;background:#fff}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--point-color)}
 
    .swiper-button-next{display:none;}
    .swiper-button-prev{display:none;}
    
    
	
	/*footer*/
    #footer{padding:30px 0;background:#282828;color:#fff;font-size:15px}
    
    .fsec1{}    
    .fsec1 .container{}
    .fsec1 .logoG{margin:20px 0;width:120px}
    .fsec1 .companyG{flex:1;}
    .fsec1 .companyG li{margin:10px 0}
    .fsec1 .companyG li .tit{display:inline-block;width:60px}
    
    .fsec2 {margin-top:20px}
    .fsec2 .container{}
    .fsec2 .menuG{flex:1;display:flex;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,0.5);padding-top:10px}
    .fsec2 .menuG a{font-size:13px;font-weight:600;color:#fff;}
    .fsec2 .menuG a:hover{color:var(--main-color-light)}
    .fsec2 .menuG i{width:1px;height:10px;background:#fff}
    .fsec2 .copyrightG{font-size:12px;margin:10px 0}
	


}