/*reset*/
    @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.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:'Pretendard',sans-serif;color:#222;line-height:1.4}
    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}
    
    /*common*/
    html{min-width:320px;overflow-y:scroll;}
    
    
    /*common*/    
	:root{
		--main-color:#00246b;
        --main-color-light:#677fb0;
	}
    
    .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:1720px;margin:0 auto}


    /*_pc*/

@media all and (min-width:1201px) {	
    html{font-size:18px}
    
    ._mo{display:none !important}	

	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;}
	.hsec1{height:110px;background:#fff;border-bottom:1px solid #fff}
	.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:100px}
	.lnbG ul li{position:relative}			
	.lnbG ul li > a{display:block;position:relative;height:110px;line-height:110px;font-size:18px;color:#000;white-space: nowrap;transition:0.3s}
	.lnbG ul li:hover .sub{visibility: visible;opacity:1;top:90px}
    .lnbG .sub{position:absolute;left:50%;transform:translateX(-50%);top:80px;min-width:180px;background:var(--main-color);border-radius:10px;overflow:hidden;visibility:hidden;opacity:0;transition:0.3s}
    .lnbG .sub dl {text-align:center;padding:20px 0;text-align:center}
    .lnbG .sub dd{margin:20px 0;padding:0 30px}
	.lnbG .sub dd > a{display:inline-block;position:relative;;line-height:25px;font-size:16px;color:#d9d9d9;white-space:nowrap; transition:0.3s}
	.lnbG .sub dd > a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
    
    .scroll .hsec1{height:80px;border-bottom:1px solid #eee;transition:0.3s}
    .scroll .hsec1{}
    .scroll .lnbG ul li > a {height:80px;line-height:80px}    
    .scroll .lnbG .sub {top:80px}
    .scroll .lnbG ul li:hover .sub{top:70px}
    
    .sitemap_open{background:url('../images/ico_toggle.png') no-repeat;width:42px;height:18px;cursor:pointer}
    
    .sitemap_win{visibility:hidden;position:fixed;left:0;width:100%;top:-110%;height:100vh;z-index:100;background:var(--main-color);overflow:auto;opacity:0;transition: 0.6s;}
    .sitemap_win.on{visibility:visible;opacity:1;top:0}
    .sitemap_win.on .menu_con .menu li{top:0;opacity:1}
    .sitemap_win.on .menu_con .menu li:nth-child(1){transition:0.5s 0.6s}
    .sitemap_win.on .menu_con .menu li:nth-child(2){transition:0.5s 0.9s}
    .sitemap_win.on .menu_con .menu li:nth-child(3){transition:0.5s 1.2s}
    .sitemap_win.on .menu_con .menu li:nth-child(4){transition:0.5s 1.5s}
    .sitemap_win .head_con{display:flex;align-items:center;justify-content: space-between;padding:40px 0}
    .sitemap_win .head_con .close{background:url('../images/sitemap_close.png') no-repeat center;width:60px;height:60px;cursor:pointer}
    .sitemap_win .menu_con{max-width:1200px;margin:80px auto 0}
    .sitemap_win .menu_con .menu{display:flex;justify-content: space-between}
    .sitemap_win .menu_con .menu li{position:relative;top:20px;opacity:0;width:200px}
    .sitemap_win .menu_con .menu li > a{display:block;line-height:80px;border-bottom:2px solid #fff;font-size:25px;font-weight:600;color:#fff}
    .sitemap_win .menu_con .menu .sub{padding:20px 0}
    .sitemap_win .menu_con .menu .sub dd{margin:25px 0}
    .sitemap_win .menu_con .menu .sub dd a{font-size:20px;color:#fff;opacity:0.8;transition:0.3s}
    .sitemap_win .menu_con .menu .sub dd a:hover{text-decoration:underline;text-underline-offset:6px;opacity:1}

    
    
		
	/*main*/
     #main{padding-top:110px}  
    /*
    .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 5px;width:5px;height:5px;background:#fff;border-radius:5px;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*/
    .fsec1{padding:10px 0}       
    .fsec1 .container{}
    .fsec1 .menuG{text-align:right}
    .fsec1 .menuG a{font-size:18px;margin-left:50px}
    .fsec1 .companyG{border-top:1px solid #ddd;padding:30px 0;margin:30px 0 0}
    .fsec1 .companyG .logo{}
    .fsec1 .companyG .info{display:flex;justify-content:space-between;font-size:16px;margin-top:20px}
    
    
    

}


/*tablet*/
@media all and (max-width:1780px) and (min-width:1200px) {
    .container{padding:0 5%}
}


/*_mobile*/
@media all and (max-width:1200px) {
    html{font-size:13px}
    .container{padding:0 5%}
    
    ._pc{display:none !important}
    
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff}
	.hsec1 .container{display:flex;align-items:center;justify-content: space-between; height:60px;}
    .hsec1 h1 img{max-height:26px;vertical-align:top}   	
	
    .lnbG{display:none}
    
    .sitemap_open{background:url('../images/ico_toggle.png') no-repeat center /34px;width:34px;height:18px;cursor:pointer}
    
    .sitemap_win{visibility:hidden;position:fixed;left:0%;width:100%;top:0%;height:100vh;z-index:100;background:var(--main-color);overflow:auto;opacity:0;transition: 0.6s;}
    .sitemap_win.on{visibility: visible;opacity:1}
    .sitemap_win .head_con{display:flex;align-items:center;justify-content: space-between;height:60px}
    .sitemap_win .head_con .logo img{height:26px}
    .sitemap_win .head_con .close{background:url('../images/sitemap_close.png') no-repeat center /cover;width:24px;height:24px;cursor:pointer}
    .sitemap_win .menu_con{max-width:1200px;margin:40px auto 0}
    .sitemap_win .menu_con .menu{}
    .sitemap_win .menu_con .menu li{}
    .sitemap_win .menu_con .menu li > a{display:flex;align-items:center; gap:10px;line-height:40px;font-size:18px;font-weight:600;color:#fff}
    .sitemap_win .menu_con .menu li > a:before{content:'';border-left:3px solid #fff;height:18px}
    .sitemap_win .menu_con .menu .sub{display:none;padding:10px 0}
    .sitemap_win .menu_con .menu .sub dd{margin:5px 0;padding-left:15px}
    .sitemap_win .menu_con .menu .sub dd a{font-size:13px;color:#fff;opacity:0.8}
    

    
    
    
    /*main*/
    #main{padding-top:60px}

    
    /*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}       
    .fsec1 .container{}
    .fsec1 .menuG{display:none;}
    .fsec1 .companyG{}
    .fsec1 .companyG .logo{border-bottom:1px solid #ddd;padding:30px 0}
    .fsec1 .companyG .logo img{width:120px}
    .fsec1 .companyG .info{font-size:12px;margin-top:20px;color:#555}
    .fsec1 .companyG .info .copyright{margin-top:10px}

   

}