/* Reset */
html,
body,
h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR', sans-serif}

* {margin: 0;padding: 0;box-sizing:border-box;word-break:keep-all}
a {color: inherit; text-decoration: inherit;}
li {list-style: none;}
address, em, i {font-style: normal;}
button {background: none; border: none;}
img {vertical-align: middle;max-width:100%}
    
/*common*/    
:root{
	--main-color:#264168;
	--main-color-dark:#092042;
	--main-color-light:#4277c5;
	--tit-color:#4277c5;
}
    
    
@media all and (min-width:1025px) {
	html,body{font-size:16px}
	.-mo{display:none !important}
}
@media all and (max-width:1480px) {
	html,body{font-size:15px}
}
@media all and (max-width:1024px) {
	html,body{font-size:14px}
	.-pc{display:none !important}
}
@media all and (max-width:640px) {
	html,body{font-size:13px}	
}
@media all and (max-width:480px) {
	html,body{font-size:12px;} 
	.-mo-del{display:none !important}
}

.container{position:relative;max-width:1500px;margin:0 auto;padding:0 50px}
.center{text-align:center}

/*header*/
.header{position:absolute;left:0;top:0;width:100%;z-index:100;padding:2rem 0}
.hsec1 .container{display:flex;justify-content:space-between;align-items:center;max-width:none}
.hsec1 h1 .simple{display:none}

.hsec1 .lnb{}
.hsec1 .lnb ul{display:flex;gap:2rem;align-items:center}
.hsec1 .lnb li{position:relative;}			
.hsec1 .lnb li > a{display:block;line-height:80px;font-size:18px;font-weight:700;color:#fff;padding:0 1rem;white-space:nowrap}
.hsec1 .lnb li:hover .sub{visibility: visible;opacity:1;transition:0.3s}
.hsec1 .lnb .sub{visibility: hidden;opacity:0;position:absolute;min-width:120px;left:50%;top:80px;padding:30px 20px;transform:translateX(-50%);background:rgba(48,78,120,0.8)}
.hsec1 .lnb .sub dl {text-align:center}
.hsec1 .lnb .sub dd > a{display:block;line-height:35px;font-size:16px;color:#fff;white-space:nowrap}

@media all and (max-width:1380px) {	
	.hsec1 h1 .org{display:none}
	.hsec1 h1 .simple{display:block}
	.hsec1 .lnb ul{gap:1rem}
}

@media all and (max-width:1024px) {    
	.container{position:relative;max-width:1400px;margin:0 auto;padding:0 15px}

	/*header*/
	.header{position:fixed;padding:10px 0}
	.hsec1 h1 .org{display:block}
	.hsec1 h1 .simple{display:none}
    .hsec1 h1 img{height:40px}   
	.hsec1 .aside_open{width:20px;height:20px;background:url('../images/aside_open.png') no-repeat center /cover}
    
    .scroll .header{background:rgba(0,0,0,0.8)}	
}

/*aside*/
.aside{position:fixed;z-index:200;width:70%;left:-70%;top:0;height:100%;background:#fff;transition:.3s;overflow:auto}
.aside.on {left:0;transition:.3s}
.aside .head{display:flex;justify-content: space-between;align-items:center; background:var(--main-color-dark);height:60px;padding:0 15px}
.aside .head h1 img{height:40px}
.aside .close{color:#fff;float:right;width:25px;height:25px;background:url('../images/aside_close-w.png') no-repeat center}
.aside ul{}
.aside li{border-bottom:1px solid #eee}
.aside li > a{display:block;line-height:50px;font-size:14px;padding-left:20px;}
.aside li.on > a{color:#fff}
.aside li.child > a{background:url('../images/ico_plus.png') no-repeat calc(100% - 20px) center}
.aside li.child.on > a{background:url('../images/ico_minus.png') no-repeat calc(100% - 20px) center var(--main-color)}
.aside .sub{display:none;background:#f5f5f5}
.aside dl{padding:10px 0}
.aside dd > a{display:block;line-height:30px;font-size:13px;color:#333;padding-left:20px}


.aside_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:190}



.quick_menu{position:fixed;z-index:100;right:5rem;top:50%;transform:translateY(-50%)}
.quick_menu li{margin:10px 0}
.quick_menu li a{font-size:0.88rem;color:#999}
.quick_menu li a:hover{color:#24ceff}	


/*swiper*/
.swiper-prev,
.swiper-next{position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:100px;height:100px;cursor:pointer}
.swiper-prev{left:10%;background:url('../images/swiper-prev.png') no-repeat center}
.swiper-next{right:10%;background:url('../images/swiper-next.png') no-repeat center}
.swiper .swiper-pagination {bottom:20px}
.swiper-pagination-bullet{background:#fff;width:10px;height:10px;margin:0 6px !important;}
.swiper-pagination-bullet-active{}
@media all and (max-width:1024px){
	.swiper-prev,
	.swiper-next{display:none}
}





/*footer*/
.footer{padding:3rem 0;background:#333;text-align:center}    
.footer .logo{opacity:0.2}
.footer .company{margin:3rem 0;color:#aaa;;line-height:2;font-size:1.13rem}
.footer .copyright{font-size:12px;text-transform: uppercase;color:#777;letter-spacing:2px}