@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:middle;max-width:100%}
body{letter-spacing:-0.5px}
body, div, table, th, td, p, input, button, textarea, select,a{font-family:'Nanum Gothic','Noto Sans KR',sans-serif; font-size:13px;; color:#444}
h1,h2,h3,h4,h5,h6,strong,b,dt,th,em{font-weight:600}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}

html{overflow-y:scroll}

.container{position:relative;margin:0 auto}
.clear:after,
.cleara:after{display:block;content:'';clear:both}
.hidden{display:none}

/*°Ô½ÃÆÇ*/
#wiz_get_table_width{width:100% !important}


/*pc*/
@media all and (min-width:1000px) {	
    .mo{display:none}
	.container{position:relative;max-width:1200px;margin:0 auto}

	/*header*/
	#header{position:relative;z-index:100;background:#fff;border-bottom:2px solid #76be43}
    .h_sec1{}
	.h_sec1 h1{float:left;width:20%}
    .h_sec1 .store{float:right;width:13.91%;margin-left:10px}
    .h_sec1 .language{float:right;margin-top:30px;font-size:0}
    .h_sec1 .language a{display:inline-block;font-size:12px;line-height:20px;width:36px;border:1px solid #aaa;background:#ddd;text-align:center;margin:0 1px}
	.h_sec1 .language a.on{font-weight:600}
    
    .lnb{float:right;width:53%}
	.lnb .close{display:none}
	.lnb ul{position:relative;z-index:10;text-align:center}
	.lnb ul li{position:relative;float:left;width:25%}			
    .lnb ul li:hover dl{visibility:visible; opacity:1;padding:5px 0}
	.lnb ul li > a{display:block;position:relative;z-index:10;font-size:15px;color:#222;height:85px;line-height:85px}
	.lnb ul li:hover > a{color:#76be43;background:url('../images/ico_leaf.gif') no-repeat center 28%}
    .lnb ul li:hover > a b{display:inline-block;border-bottom:2px solid #76be43;line-height:30px}
    .lnb dl{visibility:hidden;opacity:0;position:absolute;width:100%;left:0;top:85px;padding:0px;background:#fff;border:2px solid #76be43;border-top:0;transition:0.2s}
    .lnb dl dd{padding:0 20px}
	.lnb dl dd > a{display:block;line-height:20px;padding:10px 0;font-size:13px;color:#222;border-top:1px solid #ddd}
	.lnb dl dd > a:hover{color:#76be43}	
    .lnb dl dd:first-child > a{border-top:0}
    
    
    /*footer*/
	#footer{background:#fff;padding:25px 0;border-top:1px solid #ddd}
	.f_sec1{}
    .f_sec1 .logo{float:left;margin:20px 0}
	.f_sec1 .info{float:left;margin-left:40px;line-height:1.6}
    .f_sec1 .info b{margin-left:10px}
	.f_sec1 .info .copyright{margin-left:10px}
	.f_sec1 .sns{margin:5px 10px}


}



/*mobile*/
@media all and (max-width:999px) {
    .pc{display:none}
    .container{position:relative;padding:0 2%}
    body, td, p, input, button, textarea, select,a{font-family:'Nanum Gothic','Noto Sans KR',sans-serif; font-size:12px;; color:#222;font-weight:300}
	
	/*°Ô½ÃÆǺäÆäÀÌÁö ÅؽºÆ®Á¶Á¤*/
	.AWbbs_view_table font{font-size:12px !important}

	/*header*/
	#header{position:relative;z-index:100;background:#fff;border-bottom:2px solid #76be43}
	.h_sec1{overflow:hidden}	
	.h_sec1 h1{width:40%;margin:0 auto;text-align:center}
    .h_sec1 .store{position:absolute;right:0;top:0;width:14.5%;text-align:right}
    .h_sec1 .lnb_toggle{position:absolute;left:0;top:0;width:14.5%;}
	
	
	.lnb{position:fixed;left:-60%;top:0;z-index:90;width:60%;height:100%;background:#222;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;margin:10px}
	.lnb ul{clear:both}
	.lnb ul li{border-top:1px solid #333}
	.lnb ul li > a{display:block;height:45px;line-height:45px;font-size:14px;color:#fff;padding-left:20px}
	.lnb ul li > a:hover{color:#76be43}
	.lnb ul li.on dl{display:block}
	.lnb dl{display:none;background:#333}
	.lnb dd{border-top:1px solid #444}
	.lnb dl dd > a{display:block;padding:8px 0;line-height:18px;font-size:12px;color:#ddd;padding-left:30px}
	.lnb dl dd > a:hover{color:#76be43}
    
    .lnb .language{padding:10px 0 0 20px}
    .lnb .language a{display:inline-block;font-size:12px;height:auto;line-height:20px;width:36px;border:1px solid #333;background:#555;text-align:center;padding-left:0}
	.lnb .language a.on{color:#76be43}

	.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    
    /*footer*/
    #footer{background:#fff;padding:20px 0;border-top:1px solid #ddd}
	.f_sec1{}
    .f_sec1 .logo{text-align:center;margin-bottom:20px}
	.f_sec1 .info{text-align:center;line-height:1.6}
    .f_sec1 .info b{margin-left:10px}
	.f_sec1 .info .copyright{margin-left:10px}
	.f_sec1 .sns{margin:5px 10px}
}