/*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:18px; color:#333}
p{line-height:1.8}
h1,h2,h3,h4,h5,h6{font-weight:600}
strong,th,b,dt,em{font-weight:500}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}

/*common*/  
body{min-width:1450px}
.container:after,
.clear:after{display:block;content:'';clear:both}
    
 
.container{position:relative;max-width:1410px;margin:0 auto}    

/*scroll*/
.scroll #header{background:#fff;border-bottom:1px solid #eee}
.scroll #header h1 a{background:url('../images/hd_logo_on.png') no-repeat center;height:80px}
.scroll .lnb li > a{color:#000;height:80px;line-height:80px}
.scroll .lnb .sub{top:80px}
.scroll .hsec1 .open_allmenu{background-image: url(../images/hd_sitemap_on.png);height:80px}

/*over*/
.over #header{background:#fff;border-bottom:1px solid #eee}
.over #header h1 a{background:url('../images/hd_logo_on.png') no-repeat center}
.over .lnb li > a{color:#000}
.over .hsec1 .open_allmenu{background-image: url(../images/hd_sitemap_on.png)}

/*sub페이지상단 scroll상태로 만들기 -> <body class="sub"> */
body.sub #header{background:#fff}
body.sub #header .lnb li > a{color:#000}


/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:100;transition:background 0.5s}

.hsec1 h1{position:absolute;left:1%;top:0;} 
.hsec1 h1 a{display:block;height:100px;width:240px;background:url('../images/hd_logo.png') no-repeat center;text-indent:-9999px;transition:height 0.3s}
.hsec1 .open_allmenu{position:absolute;right:1%;top:0;width:100px;height:100px;background:url('../images/hd_sitemap.png') no-repeat center;text-indent:-9999px;cursor:pointer;transition:height 0.3s}

.lnb{text-align:center}
.lnb li{display:inline-block;position:relative}			
.lnb li > a{display:block;position:relative;height:100px;line-height:100px;padding:0 50px;font-size:18px;color:#fff;transition:0.3s}
.lnb li > a:before{position:absolute;content:'';left:50%;top:0;width:0%;height:2px;background:#266633;transition:0.3s}
.lnb li:hover > a:before{left:0;width:100%}
.lnb li:hover .sub{display:block}
.lnb .sub{display:none;position:absolute;left:50%;top:100px;width:160px;transform:translateX(-50%);background:#fff;padding:20px 0;border:1px solid #eee;border-top:0;transition:top 0.3s}  
.lnb .sub dd{padding:0 20px;}
.lnb .sub dd a{display:block;line-height:40px;font-size:16px}
.lnb .sub dd a:hover{color:#14a578}        


.all_menu{position:fixed;z-index:100;top:-100%;left:0;width:100%;height:100%;background:#35ac46;transition:top 0.5s}
.all_menu.on{top:0}
.all_menu .logo{padding:20px 50px}
.all_menu .close{position:absolute;right:50px;top:50px;width:50px;height:50px;background:url('../images/close_x.png') no-repeat center;cursor:pointer}
.all_menu ul{border:1px solid rgba(255,255,255,0.2);border-width:1px 0;text-align:center}
.all_menu li{display:inline-block;position:relative;line-height:80px}
.all_menu li > a{color:#fff;font-size:24px;padding:0 50px}
.all_menu .sub{position:absolute;width:100%;padding:30px 0}
.all_menu .sub dd{line-height:35px}
.all_menu .sub a{font-size:16px;color:#fff}

/*main*/
#main{}  

/*footer*/
#footer{background:#4d525e;padding:50px}
.fsec1 .logo{float:left;padding:50px 20px}
.fsec1 .con{float:left;margin-left:50px;font-size:16px;color:#fff}
.fsec1 .con .menu a{font-size:16px;color:#fff}
.fsec1 .con .menu a:hover{opacity:0.7}
.fsec1 .con .menu i{display:inline-block;border-left:2px solid #fff;height:14px;opacity:0.3;margin:0 20px 0 25px}
.fsec1 .con .company{margin:20px 0;font-size:14px}
.fsec1 .con .copyright{opacity:0.7;font-size:13px;font-weight:300}


/*마진*/
		
.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}


.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}

.pb4{padding-bottom:4px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}

.ml30{margin-left:30px}
.ml40{margin-left:40px}