@charset "utf-8";
@import url('../font.css');

*,html{margin:0;padding:0}
body{position:relative;margin:0;padding:0;height:100%;color:#333;font-family:NanumGothic,"굴림", Dotum,"돋움",Arial,Verdana,sans-serif;font-size:12px;line-height:1.2}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,input,table,tr,th,td,button,textarea,select,thead,tbody,tfoot,pre,option{margin:0;padding:0}
div{border-collapse:separate}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li,dl,dt,dd{list-style:none}
strong,caption,em,address{font-style:normal;font-weight:normal}
fieldset,img{border:0}
img,label{vertical-align:middle}
caption,legend{width:1px;height:1px;font-size:1px;line-height:0;text-indent:-9999em}
a{color:#333;text-decoration:none}
a:hover, a:focus {text-decoration:underline}
a:visited{color:#333}
strong {font-weight:normal; font-family:NanumGothicBold; letter-spacing:-0.5px}

/* table */
table{width:100%;border-collapse:collapse;border-spacing:0; table-layout:fixed}
th,td{font-style:normal;font-weight:normal;text-align:left;vertical-align:middle}

/* form */
input,select,textarea{border:0;color:#4c4c4c;font-size:13px;vertical-align:middle}
textarea {margin-bottom:10px; padding:5px; border:1px solid #c5cbd2; font-family:NanumGothic}
input[type="text"] {padding:0 10px; height:28px; line-height:28px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
input.byte {border:0; padding:0 5px; text-align:right; font-weight:bold; height:auto; line-height:normal; vertical-align:middle}
button{border:0;background:none;cursor:pointer}

.hidden {overflow:hidden}
.clear {clear:both}
.ir {display:block; overflow:hidden; margin:-1px 0 0 0 !important; padding:0 !important; height:1px !important; width:1px !important; background:none !important; text-indent:-9999px; color:#fff}
.ellipsis {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ellipsis.w95 {max-width:93%}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}
.am {vertical-align:middle !important;}
.at {vertical-align:top !important;}
.abs {vertical-align:baseline !important;}

/* display */
.block {display:block !important}
.inline_block {display:inline-block !important}

/* margin */
.mt00 {margin-top:0 !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mb05 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.ml0 {margin-left:0 !important}
.ml05 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.mr05 {margin-right:5px !important}

/* padding */
.pr15 {padding-right:15px !important}
.pr55 {padding-right:55px !important}

/* color */
.f_blue {color:#1665bc !important}
.f_red {color:#fb0000 !important}
.f_bk {color:#333 !important}

/* font-size */
.f_13 {font-size:13px !important}

/* float */
.fl {float:left}
.fr {float:right}

.bs_bdrbox {box-sizing:border-box !important}