@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:800);

/* 공통 */
html, body {width:100%; margin:0; padding:0;border:0}
html {overflow-y:scroll;}
body {font-size:14px; font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic, verdana, Arial, Helvetica, sans-serif;}
a, address, blockquote, br, fieldset, legend, label, form, input, select, textarea, button, table, th, td caption, cite, code, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, div, iframe, ul, ol, li, hr, form, img 
{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic, verdana, Arial, Helvetica, sans-serif; }
ul, ol {list-style:none;}
img {vertical-align: middle; border:none;}
address { font-style:normal; }
div img { vertical-align:middle; }
li img { vertical-align:middle; }
a.roll img { display:inline; border:0;}
a.roll img.over { display:none; }
a.roll:hover { border:0; color:#333333;}
a.roll:hover img { display:none; color:#333333;}
a.roll:hover img.over { display:inline; color:#333333;}
strong, b {font-weight:bolder;}
::selection {background:#fec7c7;color:#fff;}
outline {border:0;}



/* Hyper Link */
a,
a:link,
a:active,
a:visited {text-decoration:none; color:#000; }
a:hover {text-decoration:none; color:#222;}
a, img {selector-dummy: expression(this.hideFocus=true); border:0;}


/* Hidden Content */
.skip{width:0; height:0; line-height:0; font-size:0; margin:0; padding:0; overflow:hidden; display:none; visibility:hidden; position:absolute; z-index:-1; top:-3000px;}

.dis_none {display:none;}


/* hr */
hr{clear:both; display:none; list-style:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; border:0; background:none; font-size:0px; line-height:0; visibility:hidden;}


/* Legend,Label */
legend {display:none; list-style:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; border:0; background:none; font-size:0px; line-height:0; visibility:hidden;}
label.label_none {display:none; list-style:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; border:0; background:none; font-size:0px; line-height:0; visibility:hidden;}


/* Form */
fieldset {border:none;}
input{vertical-align:middle; border-spacing:0; outline:none; border-spacing:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input, select, textarea, option, button {font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic; outline:none;}
select {border:0; padding:10px 10px; background-color:#f4f3f4; margin:0; color:#333; font-size:14px;}
textarea {border:0; padding:10px; background-color:#f4f3f4; margin:0; color:#333; font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input[type=text],input[type=password] {border:0; padding:15px 10px; background-color:#f4f3f4; margin:0; color:#333; font-size:14px;}
input[type=radio],input[type=checkbox] {background:none; border:0; cursor:pointer; width:15px; height:15px;}
label {cursor:pointer;}

/*
input[type=text],input[type=password] {border:1px solid #d4d4d4; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px; background-color:#fff; margin:0; color:#666; border-radius:10px; -moz-border-radius:10px; -webkik-border-radius:10px; cursor:pointer;}
input[type=radio],input[type=checkbox] {background:none; border:0; cursor:pointer;}
*/
/* Table */
table {border-collapse:collapse; border-spacing:0;}
caption {display:none; list-style:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; border:0; background:none; line-height:0; visibility:hidden;}

.table_list { clear:both; margin-bottom:15px }
.table_list table { width:100%; border-top:2px solid #a2a2a2; border-left:1px solid #bababa; border-right:1px solid #bababa; }
.table_list table th { text-align:center; font-size:13px; font-weight:bold; padding:8px 10px; }
.table_list table td { text-align:left; font-size:13px; padding:8px 10px; }

.table_write { clear:both; margin-bottom:15px }
.table_write table { width:100%; }
.table_write table th { color:#666;text-align:left; font-size:14px; font-weight:bold; padding:8px 10px; }
.table_write table td { color:#999;text-align:left; font-size:14px; padding:10px 10px; }
.table_write table td input { background:#fff; border:1px solid #bababa; margin:0; color:#333; padding:6px 10px; font-size:13px; }
.table_write table td input[type=checkbox], .table_write table td input[type=radio] { border:0; padding:0; background-color:#fff; margin:0 0 0 5px; }
.table_write table td input[type=button] {padding:6px 10px; vertical-align:middle; border:1px solid #333; background-color:#333; color:#fff; font-weight:bolder; margin:0 0 0 5px; font-size:12px;}







/*정렬*/
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.fnormal { font-weight:normal; }
.tleft { text-align:left; }


/*간격*/
.ml3 { margin-left:3px; }
.ml9 { margin-left:9px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.mb8 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mt2 { margin-top:2px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.pl15 { padding-left:15px; }
.pr0 { padding-right:0; }
.pr10 { padding-right:10px; }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt28 { padding-top:28px; }
.pt30 { padding-top:30px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }


/*폰트*/
.red {color:#ff1f1f;}
.white {color:#fff;}
.eng {font-family: 'Raleway', sans-serif;}