@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:17px; color:#222}
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%; }

.swiper-button-prev:after,
.swiper-button-next:after{display:none}


/*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;border-bottom:1px solid rgba(255,255,255,0.5);padding:0 5%;transition:background 0.3s}
	.hsec1{height:90px}
    .hsec1 h1{float:left;position:relative;z-index:20;}
    .hsec1 h1 a{display:block;width:380px;height:89px;background:url('../images/hd_logo.png') no-repeat center;text-indent:-9999px}     
    
    .lnb_wrap{position:absolute;width:100%;left:0;padding-left:10%}
	.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 15px;padding:0 15px}			
	.lnb ul li > a{display:block;height:90px;line-height:90px;font-size:22px;color:#fff;font-weight:500;padding:0 20px}
	.lnb ul li:hover > a{position:relative;color:#1e9bd0}
    .lnb ul li:hover > a:after{display:block;position:absolute;left:0;margin-top:-1px;content:'';height:3px;width:100%;background:#1e9bd0}
    .lnb ul li:hover .sub{}
    .lnb .sub{display:none;position:absolute;left:0;top:90px;padding:30px 0 0;width:100%;height:250px} 
	.lnb .sub > dd > a{display:block;line-height:35px;font-size:19px;color:#333;font-weight:400}
	.lnb .sub > dd > a:hover{color:#1e9bd0}  
    
    .gnb{float:right;position:relative;z-index:20}
    .gnb span{float:left}  
    .gnb .sitemap_open{display:inline-block;width:80px;height:90px;line-height:90px;text-indent:-9999px;background:url('../images/gnb_sitemap.png') no-repeat center}
    
    .lnb_bg{display:none;position:absolute;left:0;width:100%;top:90px;height:250px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}

    
    #header.scroll{background:#fff;border-bottom:1px solid #eee}
    #header.scroll .hsec1 h1 a{background:url('../images/hd_logo_on.png') no-repeat center}
    #header.scroll .lnb ul li > a{color:#333}
    #header.scroll .gnb .sitemap_open{background:url('../images/gnb_sitemap_on.png') no-repeat center}
        
    
    /*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-prev{left:0;width:100px;height:100px;margin-top:-50px;background:url('../images/swiper_prev.png') no-repeat center}
    .swiper-button-next{right:0;width:100px;height:100px;margin-top:-50px;background:url('../images/swiper_next.png') no-repeat center}

    
    
    
    /*main*/
    #main{padding-bottom:40px}
    
    
	/*footer*/
    #footer{padding:50px 0;background:#5f5f5f}
    #footer .logo{float:left;width:410px;padding-top:3px}
    #footer .company{float:left;border-left:1px solid #868686;padding-left:40px;color:#c8c8c8;font-size:14px}
    #footer .company .name span{display:inline-block;margin-right:20px}
    #footer .company .copyright{}
    

        

    
    /*sitemap*/
    .sitemap_win{display:none;position:fixed;left:50%;top:50%;width:100%;max-width:1200px;transform:translate(-50%,-50%);padding:80px 120px;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{}
    .sitemap_win .ul > li{float:left;width:25%;padding:0 2%;text-align:center}
    .sitemap_win .ul > li > a{display:block;font-size:22px;font-weight:500}
    .sitemap_win .sub{margin-top:10px;border-top:2px solid #1e9bd0;padding:20px 0}
    .sitemap_win .sub > dd{margin:5px 0}
    .sitemap_win .sub > dd a{font-size:19px}
    
    
    .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}

}


/*tablet*/
@media all and (max-width:1680px) and (min-width:1175px) {
    #header{padding:0 1%}
    .lnb_wrap{padding-left:20%}
    .lnb ul li{margin:0 15px;padding:0 15px}			
	.lnb ul li > a{}
}


/*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}
    
    
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100;border-bottom:1px solid rgba(255,255,255,0.5);transition:background 0.3s}
	.hsec1{position:relative;height:60px;padding:0 3%}
	.hsec1 h1{}
    .hsec1 h1 a{display:block;height:60px;background:url('../images/hd_logo.png') no-repeat 3% center /260px;text-indent:-9999px} 	
    
    #header.scroll{background:#fff;border-bottom:1px solid #eee}
    #header.scroll .hsec1 h1 a{background-image:url('../images/hd_logo_on.png')}
    #header.scroll .hsec1 .lnb_open{background-image:url('../images/lnb_open_on.png') }
	
	
	.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;padding:20px 0}
	.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 > a{display:block;line-height:40px;font-size:13px;color:#555;padding-left:30px;font-weight:400}


	.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:1%;top:0;width:60px;height:60px;background:url('../images/lnb_open.png') no-repeat center /cover;text-indent:-9999px}
        
    
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{position:relative;bottom:0;margin-top:15px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}
    .swiper-pagination-bullet{width:8px;height:8px;background:#555;opacity:0.2}
    .swiper-pagination-bullet-active{opacity:1}
    
    .swiper-button-next,
    .swiper-button-prev{display:none}
    
    
    /*main*/
    #main{padding-bottom:20px}
    
    
	/*footer*/
    #footer{padding:25px 0;background:#5f5f5f}
    #footer .logo{width:60%}
    #footer .company{color:#c8c8c8;font-size:12px;margin-top:15px}
    #footer .company .name span{display:block;padding-left:35px;text-indent:-35px}
    #footer .company .copyright{}
    
	

    /*sitemap*/
    .sitemap_win{display:none}        
    
    .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}

}