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

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:middle}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:18px; color:#333}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{color:#222}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:500}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}



/*common*/    
.clear:after{display:block;content:'';clear:both}
.container{position:relative}
.container:after{display:block;content:'';clear:both}   

.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:1176px) {	
    .mo{display:none}   
	.container{max-width:1260px;margin:0 auto}    


	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff;border-bottom:1px solid #ddd}
	.hsec1{height:90x;border-bottom:1px solid #eee}
	.hsec1 h1{float:left;position:relative;z-index:20;padding-left:50px}     
    
    .lnb_wrap{position:absolute;width:100%;left:0}
	.lnb .close{display:none}
	.lnb ul{position:relative;z-index:5;text-align:center;font-size:0}
	.lnb ul li{display:inline-block;position:relative;margin:0;width:15%}			
	.lnb ul li > a{display:block;height:90px;line-height:90px;font-size:22px;color:#000;font-weight:400}
	.lnb ul li:hover > a{position:relative;color:#0064b2}
    .lnb ul li:hover > a:after{display:block;position:absolute;left:0;margin-top:-1px;content:'';height:2px;width:100%;background:#0064b2}
    .lnb ul li:hover .sub{}
    .lnb .sub{display:none;position:absolute;left:0;top:90px;padding:30px 0 0;width:100%;height:300px}    

	.lnb .sub > dd > a{display:block;line-height:20px;padding:5px 0;font-size:16px;color:#333;font-weight:400}
	.lnb .sub > dd > a:hover{color:#0064b2}
    .lnb .sub2{display:none}

    
    
    .gnb{float:right;position:relative;z-index:20}
    .gnb span{float:left;border-left:1px solid #eee}  
    .gnb span a{display:inline-block;width:80px;height:90px;line-height:90px;text-indent:-9999px;}
    .gnb span:first-child{border-left:0}
    .gnb .kr,
    .gnb .en{border:0;width:auto;font-size:16px;text-indent:0;font-weight:500;height:auto;line-height:1.4;margin:30px 8px 0}
    .gnb .en{margin-right:20px}
    .gnb .kr.on:after,
    .gnb .en.on:after{display:block;content:'';border-bottom:2px solid #333}

    .gnb .download{background:url('../images/gnb_download.png') no-repeat center}
    .gnb .youtube{background:url('../images/gnb_youtube.png') no-repeat center}
    .gnb .sitemap_open{background:url('../images/gnb_sitemap.png') no-repeat center}
    
    .lnb_bg{display:none;position:absolute;left:0;width:100%;top:90px;height:300px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}

    
    
        
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
    .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:0.5}
    .swiper-pagination-bullet-active{opacity:1}
    
    .swiper-button-next{right:6%;width:100px;height:200px;margin-top:-100px;background:url('../images/banner_next.png') no-repeat center}
    .swiper-button-prev{left:6%;width:100px;height:200px;margin-top:-100px;background:url('../images/banner_prev.png') no-repeat center}
    
    
    
    /*main*/
    #main{padding-top:90px}
    
    
	/*footer*/
    #footer{padding:25px 0;background:#343434;color:#999}
    #footer .logo{float:left;width:30%;text-align:center;margin-top:35px}
    #footer .company{float:right;width:70%;font-size:14px;color:#999}
    #footer .company .name{font-size:19px;color:#fff;border-bottom:1px solid #616161;height:45px}
    #footer .company ul{margin:15px 0}
    #footer .company li{float:left;margin-right:30px}
	#footer .company .s1{letter-spacing:0.9px}
	#footer .company .s2{letter-spacing:0.5px}
	/*
    #footer .company li:nth-child(3n+1){width:30%}
    #footer .company li:nth-child(3n+2){width:30%}
    #footer .company li:nth-child(3n+3){width:40%}
	*/
    #footer .company .copyright em{display:inline-block;margin:0 20px;color:#fff;font-weight:400;cursor:pointer}
    

        

    
    /*sitemap*/
    .sitemap_win{display:none;position:fixed;left:50%;top:50%;width:1200px;transform:translate(-50%,-50%);padding:40px 0 40px 70px;background:#fff;z-index:300}
    .sitemap_win.on{display:block}
    .sitemap_win .close{position:absolute;right:10px;top:10px;width:50px;height:50px;background:url('../images/btn_close.png') no-repeat center;cursor:pointer}
    .sitemap_win .ul > li{float:left}
    .sitemap_win .ul > li > a{display:block;font-size:24px}
    .sitemap_win .sub{margin-top:8px;margin-right:60px}
    .sitemap_win .sub > dd{margin:5px 0}
	.sitemap_win .prd div.sub{margin-right:0}
    .sitemap_win .sub2{margin:5px 0 10px}
    .sitemap_win .sub2 > dd{}
    .sitemap_win .sub2 > dd > a{font-size:14px;color:#666}
    .sitemap_win .sub2 > dd:before{position:relative;display:inline-block;content:'';width:2px;height:2px;background:#666;margin:0 5px;top:-5px}
    .sitemap_win .sub3{margin-bottom:10px}
    .sitemap_win .sub3 > dd{padding-left:15px}
    .sitemap_win .sub3 > dd > a{font-size:14px;color:#666}
	.sitemap_win .sub3 > dd > a br{display:none}
	.sitemap_win .sub3 > dd:before{position:relative;display:inline-block;content:'';width:4px;height:1px;background:#666;margin:0 5px;top:-5px}
    .sitemap_win .prd .sub{float:left}
	.sitemap_win .admin{position:absolute;right:20px;bottom:20px;color:red}
    
    
    /*email 거부*/
    .emailRefuse_win{display:none;position:fixed;left:50%;top:50%;width:680px;transform:translate(-50%,-50%);background:#fff;z-index:300}
    .emailRefuse_win.on{display:block}
    .emailRefuse_win .tit{line-height:60px;font-size:24px;background:#0064b2;color:#fff;text-align:center}
    .emailRefuse_win .info{font-size:18px;padding:50px 60px;text-align:left}
    .emailRefuse_win .close{display:block;width:180px;margin:60px auto 0;line-height:45px;color:#fff;font-size:20px;background:#00529c;text-align:center;cursor:pointer}
    
    .popup_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:200}
    .popup_bg.on{display:block}

}




/*mobile*/
@media all and (max-width:1175px) {
    body, div, td, p, input, button, textarea, select,a{font-size:12px}
    body{position:relative}
    .pc{display:none}
    .inner_pd{padding:0 3%}
    
    
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff;border-bottom:1px solid #ddd}
	.hsec1{position:relative;height:60px;padding:0 4%}
	.hsec1 h1{} 
    .hsec1 h1 img{height:60px;vertical-align:top} 	
	
	
	.lnb{position:fixed;width:75%;left:-75%;top:0;z-index:90;height:100%;background:#fff;overflow:auto;transition:.3s}
	.lnb.on {left:0}
	.lnb .close{color:#fff;float:right;width:40px;height:40px;background:url('../images/lnb_close.png') no-repeat center}
	.lnb ul{clear:both}
	.lnb li{border-bottom:1px solid #eee}
	.lnb li > a{display:block;height:45px;line-height:45px;font-size:14px;padding-left:20px;font-weight:400}
    .lnb li.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
    .lnb li.be.on > a{background:url('../images/ico_minus.png') no-repeat 95% center}
    
	.lnb .sub{display:none;background:#f5f5f5}
    .lnb .sub > dd{border-top:1px solid #eee}
    .lnb .sub > dd.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
    .lnb .sub > dd.be.on > a{background:url('../images/ico_minus.png') no-repeat 95% center}
	.lnb .sub > dd > a{display:block;line-height:40px;font-size:13px;color:#555;padding-left:20px;font-weight:400}
    
    .lnb .sub2{display:none;background:#eee}
    .lnb .sub2 > dd{border-top:1px solid #ddd}
    .lnb .sub2 > dd.be > a{background:url('../images/ico_plus.png') no-repeat 95% center}
    .lnb .sub2 > dd.be.on > a{background:url('../images/ico_minus.png') no-repeat 95% center}
	.lnb .sub2 > dd > a{display:block;line-height:40px;font-size:13px;color:#555;padding-left:30px;font-weight:400}
    
    .lnb .sub3{display:none;background:#e5e5e5}
    .lnb .sub3 > dd{border-top:1px solid #ccc;padding:10px 0}
	.lnb .sub3 > dd > a{display:block;line-height:20px;font-size:12px;color:#555;padding-left:50px;padding-right:20px;font-weight:400;}
    .lnb .sub3 > dd > a br{display:none}

    .gnb{position:relative;z-index:20;margin-top:40px;border:1px solid #eee;border-width:1px 0}
    .gnb:after{display:block;content:'';clear:both}
    .gnb span{float:left;border-left:1px solid #eee;width:33.33%;text-align:center}  
    .gnb span a{display:inline-block;width:100%;height:50px;line-height:50px;text-indent:-9999px;}
    .gnb span:first-child{border-left:0}
    .gnb .kr,
    .gnb .en{border:0;width:auto;font-size:14px;text-indent:0;font-weight:500;height:auto;line-height:1.4;margin:15px 8px 0}
    .gnb .kr.on:after,
    .gnb .en.on:after{display:block;content:'';border-bottom:2px solid #333}

    .gnb .download{background:url('../images/gnb_download.png') no-repeat center}
    .gnb .youtube{background:url('../images/gnb_youtube.png') no-repeat center}
    .gnb .sitemap_open{display:none}

	.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    .hsec1 .lnb_open{position:absolute;right:2%;top:0}
    .hsec1 .lnb_open img{height:60px;vertical-align:top}
    
    
    
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
    .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:0.5}
    .swiper-pagination-bullet-active{opacity:1}
    
    .swiper-button-next{right:6%;width:50px;height:100px;margin-top:-50px;background:url('../images/banner_next.png') no-repeat center /cover}
    .swiper-button-prev{left:6%;width:50px;height:100px;margin-top:-50px;background:url('../images/banner_prev.png') no-repeat center /cover}
    
    
    /*main*/
    #main{padding-top:60px}

	/*footer*/
    #footer{padding:25px 4%;background:#343434;color:#999}
    #footer .logo{display:none;text-align:center;margin-top:35px}
    #footer .company{font-size:12px;color:#999}
    #footer .company .name{font-size:16px;color:#fff;border-bottom:1px solid #616161;height:35px}
    #footer .company ul{margin:10px 0}
    #footer .company li{}
    #footer .company .copyright em{display:block;margin:5px 0x;color:#fff;font-weight:400}
	

    /*sitemap*/
    .sitemap_win{display:none}    
    
    /*email 거부*/
    .emailRefuse_win{display:none;position:fixed;left:50%;top:50%;width:90%;transform:translate(-50%,-50%);background:#fff;z-index:300}
    .emailRefuse_win.on{display:block}
    .emailRefuse_win .tit{line-height:45px;font-size:18px;background:#0064b2;color:#fff;text-align:center}
    .emailRefuse_win .info{font-size:14px;padding:25px 30px;text-align:left}
    .emailRefuse_win .close{display:block;width:90px;margin:30px auto 0;line-height:35px;color:#fff;font-size:16px;background:#00529c;text-align:center;cursor:pointer}
    
    .popup_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:200}
    .popup_bg.on{display:block}

}