@charset "utf-8";

@import url(./webFont.css); 

* {margin:0; padding:0}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body, center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output,
p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {margin:0; padding:0}
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block; }
html, body{width:100%; height:100%; overflow:hidden;}

h1, h2, h3,h4,h5, h6 {font-weight:600}
body, input, button, select, textarea, sub {font-family:'Nanum Gothic','돋움',Dotum,Helvetica,sans-serif; font-size:13px; line-height:20px; color:#646464;}
em, cite, address, optgroup {font-style:normal}
img, input, button, select, textarea {vertical-align:middle}

body{ background:#fff}
img, button,fieldset { border:0;vertical-align:middle}
ul, ol {list-style:none}
abbr, acronym {cursor:help; border-bottom:1px dotted black}
table{width:100%; border-collapse:collapse; border-spacing:0;} 
label {cursor:pointer}
th label {cursor:auto;}
select { height:22px;}

a:link, a:visited {text-decoration:none; color:#666}
a:hover, a:focus, a:active {text-decoration:underline; color:#777}

legend, hr, caption {visibility:hidden; font-size:0; width:0; height:0; line-height:0}

p{margin:5px 0 10px 0; color:#595959; font-size:13px; font-family:'Nanum Gothic','돋움',Dotum,Helvetica,sans-serif;}
strong { color:#5f5f5f;}
 
.clearfix {/*zoom:1;*/ clear:both; display:block; height:0px;}
.clearfix:after{ content: ""; display: block; clear: both;}

/* 높이 */
.mt5{ margin-top:5px}
.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}

.ml1{ margin-left:1px}
.ml2{ margin-left:2px}
.ml3{ margin-left:3px}
.ml4{ margin-left:4px}
.ml5{ margin-left:5px}
.ml6{ margin-left:6px}
.ml7{ margin-left:7px}
.ml8{ margin-left:8px}
.ml9{ margin-left:9px}
.ml10{ margin-left:10px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml40{ margin-left:40px}      
.ml50{ margin-left:50px}
.ml60{ margin-left:60px}
.ml70{ margin-left:70px}
.ml80{ margin-left:80px}
.ml90{ margin-left:90px}
.ml100{ margin-left:100px}

.mr10{ margin-right:10px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}      
.mr50{ margin-right:50px}

.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.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}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt11{ padding-top:11px}
.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}

.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}

/* 가로값 */
.wid50 { width:50px}
.wid60 { width:60px}
.wid70 { width:70px}
.wid80 { width:80px}
.wid90 { width:90px}
.wid100 { width:100px}
.wid110 { width:110px}
.wid120 { width:120px}
.wid130 { width:130px}
.wid140 { width:140px}
.wid150 { width:150px}
.wid200 { width:200px}

/* 속성 */
.fl {float:left !important;}
.fr {float:right !important;}
.dpi {display:inline !important;}
.dpb {display:block !important;}
.dpib {display:inline-block !important;} 

/* common */
.hidden {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.blind {text-indent:-3000px;overflow:hidden;padding:0;margin:0;display:none}
.clear {clear:both}

/* skip */
#skip {width:100%}
#skip a:link {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#FFFFFF}
#skip a:focus, #skip a:active {width:100%;height:auto;padding:5px 0;background:#686868}

/* text-align */
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}