@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* 초기화 셋팅 */
body, div, h1, h2, h3, h4, h5, h6, p, address, em, strong, q, blockquote, span, a, img, ul, li, ol, dl, dt, dd, form, fieldset, input, select, option, textarea, legend, table, tr, td, thead, tbody, tfoot, caption {margin:0; padding:0;}
em, address {font-style:normal;}
img, fieldset {border:none;}
ul, ol {list-style:none;}

/* 기본 본문 셋팅 */
body, input, select, label, legend {font-family:"나눔 고딕", "Nanum Gothic", sans-serif, Arial; font-size:13px; color:#888; line-height:1.5em;}
a, a:visited {color:#888; text-decoration:none;}
a:hover, a:focus, a:active, a.on {color:#333;}
table {border-spacing:0; border-collapse:collapse;}
.hide {display:none;}

/* align, float */
.al_l { text-align:left!important; }
.al_c { text-align:center!important;}
.al_r { text-align:right!important; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/* display */
.bgn { background:none!important; }

/* width, height */
.w30 { width:30px!important; }
.w50 { width:50px!important; }
.w80 { width:80px!important; }
.w100 { width:100px!important; }
.w120 { width:120px!important; }
.w140 { width:140px!important; }
.w170 { width:170px!important; }
.w200 { width:200px!important; }
.wauto { width:auto!important; }


/* margin, padding */
.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb50 { margin-bottom:50px!important; }
.pt50 { padding-top:50px!important; }
.pt80 { padding-top:80px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:10px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }