/*reset*/
@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:top}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:17px; color:#666}
h1,h2,h3,h4,h5,h6,strong,b,dt,em,th{font-weight:600;color:#000}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}


/*common*/    
.clear:after{display:block;content:'';clear:both}
    
    
/*pc*/
@media all and (min-width:1200px) {	
    .mo{display:none !important}
	.container{position:relative;max-width:1400px;margin:0 auto}

	/*header*/
	#header{position:absolute;left:0;top:0;width:100%;z-index:100}

	.hsec1{height:125px;transition:0.3s}
    .hsec1 .container{display:flex;justify-content: space-between}
    .hsec1:hover{background:#db5d1a}
    .hsec1:hover h1{filter: brightness(20)}
	.hsec1 h1{float:left;height:90px;padding-top:30px}    
    
    
    
    .lnb{}
	.lnb .close{display:none}
	.lnb ul{display:flex;justify-content:center; position:relative;z-index:10}
	.lnb ul li{display:flex;position:relative}			
	.lnb ul li > a{display:block;height:120px;line-height:135px;font-size:18px;padding:0 60px;color:#fff}
	.lnb ul li > a:hover{color:#571f01}
	.lnb ul li:hover > a{color:#571f01}
    .lnb .sub{display:none;position:absolute;left:0;top:120px;padding-left:60px;width:100%;text-align:center;height:250px}
    .lnb .sub dl {text-align:left;padding:30px 0}
    .lnb .sub dd{margin:10px 0}
	.lnb .sub dd > a{display:block;line-height:1.5;font-size:16px;color:#fff}
	.lnb .sub dd > a:hover{color:#571f01}
    
    .lnb_bg{display:none;position:absolute;left:0;top:120px;width:100%;height:280px;background:#db5d1a;border-top:1px solid rgba(255,255,255,0.5)}

    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:18px;height:18px;margin:0 12px;background:#cdcccb;opacity:1}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#e85a0f}
    .swiper-button-prev{left:5%;width:60px;height:60px;background:url('../images/swiper_prev.png') no-repeat center}
    .swiper-button-next{right:5%;width:60px;height:60px;background:url('../images/swiper_next.png') no-repeat center}
    .swiper-button-prev.out{left:-80px}
    .swiper-button-next.out{right:-80px}
    
    
    /*footer*/
    #footer{background:#515151;padding:80px 0}

    #footer .company{font-size:17px;color:#fff;line-height:1.8}
    #footer .company i{display:inline-block;width:2px;height:14px;background:#fff;margin:0 10px}
    #footer .contact a{color:#fff}
    
    


}

@media all and (min-width:1280px) {	
	/*Á» ´õ Å« Çػ󵵿¡¼­ Á¶Á¤ÀÌ ÇÊ¿äÇÑ °æ¿ì
	.lnb ul li > a{padding:0 60px}*/
}



/*mobile*/
@media all and (max-width:1199px) {
    body, div, td, p, input, button, textarea, select,a{font-size:12px}
    .pc{display:none !important}
    
    .container{padding:0 4%}
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:200}
	.hsec1{height:60px;transition:0.3s}
	.hsec1 h1{float:left;padding:10px 0} 
    .hsec1 h1 img{height:40px}  
    
    .hsec1 .lnb_open{position:absolute;right:0;top:0;width:60px;height:60px;background:url(../images/hd_toggle.png) no-repeat center}
	
	
	.lnb{position:fixed;width:70%;left:-70%;top:0;z-index:90;height:100%;background:#fff;border-right:1px solid #aaa;transition:.3s;overflow:auto}
	.lnb.on {left:0;transition:.3s}
	.lnb .close{color:#fff;float:right;width:40px;height:40px;background:url('../images/lnb_close.png') no-repeat center /24px;margin:10px 0}
	.lnb ul{clear:both}
	.lnb li{position:relative;border-bottom:1px solid #ddd;height:auto}
	.lnb li.be{background:url('../images/ico_plus.png') no-repeat 95% 15px}
	.lnb li.be.on{background:url('../images/ico_minus.png') no-repeat 95% 15px #e85a0f}
    .lnb li.be.on > a{color:#fff}
	.lnb li > a{display:block;height:45px;line-height:45px;font-size:14px;padding-left:20px}

	.lnb .sub{display:none;background:#f5f5f5;padding:10px 0;height:auto}
	.lnb dl{}
	.lnb dd > a{display:block;line-height:30px;font-size:13px;color:#333;padding-left:30px}
    .lnb dd > a:hover{color:#014e72;text-decoration:underline}

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

    
    
    #fp-nav.right{right:0px}

	
	/*main*/
	#main{}/*header °ø°£ »©ÁÜ*/
    
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;background:#cdcccb;opacity:1}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#e85a0f}
    .swiper-button-prev{display:none;left:5%;width:40px;height:40px;background:url('../images/swiper_prev.png') no-repeat center}
    .swiper-button-next{display:none;right:5%;width:40px;height:40px;background:url('../images/swiper_next.png') no-repeat center}
    .swiper-button-prev.out{left:-40px}
    .swiper-button-next.out{right:-40px}
    
    
    /*footer*/
    #footer{background:#515151;padding:50px 0}

    #footer .company{font-size:13px;color:#fff;line-height:1.8}
    #footer .company i{display:inline-block;width:1px;height:10px;background:#fff;margin:0 5px}
    #footer .contact a{color:#fff}
    
	


}