/*reset*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);/*100,300,400,500,700*/


@font-face {
font-family: 'NeoSans';
font-weight: 400;
src: url(/fonts/NeoSansProLight.eot);
src: url(/fonts/NeoSansProLight.ttf);
src: url(/fonts/NeoSansProLight.woff) format('woff');
}

@font-face {
font-family: 'NeoSans';
font-weight: 500;
src: url(/fonts/NeoSansProMedium.eot);
src: url(/fonts/NeoSansProMedium.ttf);
src: url(/fonts/NeoSansProMedium.woff) format('woff');
}

*{margin:0;padding:0;box-sizing:border-box}





li{list-style:none}
img{border:0;vertical-align:middle;max-width:100%}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:12px; color:#333} 
.f-neo,.f-neo *{font-family:'NeoSans','Noto Sans KR',sans-serif}
h1,h2,h3,h4,h5,h6,strong,b,dt,em,th{font-weight:500}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}
.clear:after{display:block;content:'';clear:both}

/*table*/
table{width:100%;border-collapse:collapse}


/*form*/
textarea { resize: none; }

/*¹Ìµð¾îÄõ¸® 320~768/769~1023/1024~*****************************/

/*pc***********************************************************/
@media all and (min-width:990px) {	        
    /*common*/
    body{min-width:990px}
    .mo{display:none !important}
   

    /*header*/
    #header{position:relative;z-index:100}        
    #header h1{position:absolute;left:50px}



    /*footer*/
    #footer{position:fixed;padding:20px 50px;bottom:0;width:100%;z-index:100}
    #footer .sns_area{}
    #footer .sns_area li{float:left;margin-right:7px}
    #footer .company_area{position:relative;margin-top:20px;font-size:11px;color:#fff;font-weight:100}
    #footer .company_area .name{font-size:13px}
    #footer .company_area span{margin-right:20px}
    #footer .company_area .copy{position:absolute;right:0;bottom:0}
}    



/*mobile***********************************************************/
@media all and (max-width:989px) {    
   body{}
    #wrap{max-width:640px;min-width:320px;margin:0 auto;overflow:hidden}
    .container{position:relative;max-width:640px;margin:0 auto}  
    .pc{display:none !important}
    
    #header{display:table;width:100%}
    #header h1{display:table-cell;width:22%}
    #header .tel{display:table-cell;color:#fff;font-size:12px;text-align:right;vertical-align:middle}
    #header .tel em{display:block;font-size:16px}
    #header .tel em1{display:block;font-size:10px}

  
    /*footer*/
    #footer{padding:30px 0}
    #footer .sns_area{float:left;width:50%}
    #footer .sns_area li{float:left;max-width:20%;margin:0 2px}
    #footer .company_area{float:right;width:50%;margin-top:0px;font-size:11px;color:#fff;font-weight:100;text-align:right}

}