
/*reset*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /*NanumSquare*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap'); /*Merriweather*/

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top;max-width:100%}
body, td, p, input, button, textarea, select,a{font-family:'Nanum Gothic',sans-serif; font-size:16px; color:#333}
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*/    
body{min-width:1480px;margin:0 auto}
.clear:after{display:block;content:'';clear:both}
.container{position:relative;width:1380px;margin:0 auto}
.container2{position:relative;width:1150px;margin:0 auto}
.container3{position:relative;width:1480px;margin:0 auto}



/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:10000}

.hsec1{height:56px;background:rgba(255,255,255,0.8);transition:0.3s}
/*.h_sec1 h1{position:absolute;left:0;top:0}*/
.hsec1 h1{position:absolute;top:-30px;opacity:0;transition:0.6s;left:0; z-index:9999999999}
.hsec1 h1{top:0px;opacity:1}

.lnb{text-align:center}
.lnb ul{position:relative;z-index:1000}
.lnb ul li{display:inline-block;position:relative;vertical-align:top}			
.lnb ul li > a{display:block;line-height:56px;font-size:19px;font-weight:600;color:#111;padding:0 35px}
.lnb ul li > a:hover{color:#21a40f}
.lnb ul li:hover > a{color:#00893e}
.lnb ul li:hover .sub{}
.lnb ul li.left{top:-20px;opacity:0;transition:0.6s 0.3s}
.lnb ul li.right{top:-20px;opacity:0;transition:0.6s 0.3s}

.lnb.on ul li.left{top:0;opacity:1}
.lnb.on ul li.right{top:0;opacity:1}
.lnb .sub{display:none;position:absolute;top:60px;padding:0px 0;width:100%;height:280px/*sub높이*/}
.lnb .sub dl {}
.lnb .sub dd > a{display:block;line-height:28px;padding:0px 0px ;font-size:14px;color:#333;font-weight:500}
.lnb .sub dd > a:hover{background:#21a40f;color:#ffffff; transition:0.2s }


.lnb_bg{display:none;position:absolute;left:0;width:100%;top:56px;background:rgba(255,255,255,0.8);border-bottom:1px solid #eee;height:280px/*sub높이*/}

.scroll_on .hsec1,
.lnb_on .hsec1{background:rgba(255,255,255,0.8)}

.hsec1 .banner{position:absolute;right:0;top:0;padding:0px 0 0 0;z-index:9999999999}




/*main*/
h2.tit{text-align:center;font-weight:400;font-size:14px;margin:0 0 60px}
h2.tit span{display:block;font-family:'NanumSquare',sans-serif;font-size:30px;letter-spacing:4px;margin:10px 0}
h2.tit:after{display:block;content:'';width:100px;border-top:1px solid #000;margin:30px auto}



/*마진*/
		
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mb4{margin-bottom:4px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}


.ml30{margin-left:30px}
.ml40{margin-left:40px}

/*footer*/

/*footer*/


.fsec1 {border-top:1px solid #ccc;text-align:center;padding:00px 0 40px; margin-top:60px}
.fsec1 .btn_top{position:absolute;top:-22px;left:50%;margin-left:-32px}
.fsec1 .menu{padding:30px 0 20px}
.fsec1 .menu li{display:inline-block;margin:0 5px}
.fsec1 .tit{font-size:14px;color:#996633;letter-spacing:4px}
.fsec1 .tel{font-size:30px;margin:0px 0 10px; color:#d56a01}
.fsec1 .tel a{font-size:35px;margin:0 10px}
.fsec1 .company{font-size:13px;line-height:1.8}
.fsec1 .company a{font-size:13px;color:#000;font-weight:800}