@charset "utf-8";

/* reset */
html {height:100%;}
body {min-height:100%;position:relative;overflow-y:auto;}

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, label, input, textarea, button, select, iframe, object, table {margin:0;padding:0;}
img, a, span, abbr, address, pre, code, del, em, strong, sub, sup {margin:0;padding:0;}

body, textarea {word-wrap:break-word;}
body, input, textarea, select, button, table, th, td {line-height:1.5;border:0 none;font-size:12px;font-family:NanumGothic,'나눔고딕',Malgun Gothic,'맑은 고딕',Dotum,Helvetica,sans-serif;color:#333;letter-spacing:-1px;}

img,fieldset {border:0 none;}
ul, ol, li {list-style:none;}

a {text-decoration:none;color:#333;}
a:hover, a:active, a:focus {text-decoration:none;}
a:focus, input:focus, button:focus, textarea:focus {outline:1px dotted #ddd;}

a.buttons-collection{margin-left: 1em;}

hr, caption, legend {display:none;}

table {border-spacing:0;word-wrap:break-word;}
table,
table thead,
table tbody,
table tfoot,
table tr,
table th,
table td {border:0 none;}
.skip {position:absolute;left:-5000px;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

select {display:inline-block;border:1px solid #ccc;height:24px;vertical-align:top;}
input[type="text"] {height:18px;line-height:18px;padding:2px;border:1px solid #ccc;margin:0 5px 0 0;}
input[type="number"] {height:18px;line-height:18px;padding:2px;border:1px solid #ccc;margin:0 5px 0 0;}
input[type="password"] {height:18px;line-height:18px;padding:2px;border:1px solid #ccc;margin:0 5px 0 0;}
input[type="time"] {height:18px;line-height:18px;padding:2px;border:1px solid #ccc;margin:0 5px 0 0;}
input[type="radio"] {height:16px;width:16px;vertical-align:middle;margin-right:5px;border:none;}
input[type="checkbox"] {height:18px;width:18px;vertical-align:middle;border:1px solid #ccc;}
textarea {line-height:18px;padding:2px;border:1px solid #ccc;margin:0 5px 0 0;}

/* 공통 */
.so01 {width:94% ! important;}
.so50 {width:50px ! important;}
.so100 {width:100px ! important;}
.so120 {width:120px ! important;}
.so150 {width:150px ! important;}
.so180 {width:180px ! important;}
.so190 {width:190px ! important;}
.so200 {width:200px ! important;}
.so230 {width:230px ! important;}
.so300 {width:300px ! important;}
.so400 {width:400px ! important;}
.so420 {width:420px ! important;}
.so550 {width:550px ! important;}
.so500 {width:500px ! important;}
.so600 {width:600px ! important;}
.so700 {width:700px ! important;}
.so800 {width:800px ! important;}

.mat10 {margin-top:10px ! important;}
.mat15 {margin-top:15px ! important;}
.mat20 {margin-top:20px ! important;}
.mat30 {margin-top:30px ! important;}
.mat40 {margin-top:40px ! important;}
.mat50 {margin-top:50px ! important;}

.mar5 {margin-right:5px ! important;}
.mar10 {margin-right:10px ! important;}
.mar20 {margin-right:20px ! important;}

.mab5 {margin-bottom:5px ! important;}
.mab10 {margin-bottom:10px ! important;}
.mab20 {margin-bottom:20px ! important;}
.mab30 {margin-bottom:30px ! important;}

.mal5 {margin-left:5px ! important;}
.mal10 {margin-left:10px ! important;}
.mal20 {margin-left:20px ! important;}
.mal30 {margin-left:30px ! important;}
.mal40 {margin-left:40px ! important;}
.mal50 {margin-left:50px ! important;}

.pat3 {padding-top:3px ! important;}
.patb6 {padding:6px 0 ! important;}


@font-face{
    font-family:NanumGothic;
    weight:300;
    src:url(font/NanumGothic.eot);
    src:local('※'), url(font/NanumGothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    weight:600;
    src:url(../font/NanumGothicBold.eot);
    src:local('※'), url(font/NanumGothicBold.woff) format('woff');
}


.filebutton {margin:0 6px 0 0}
.filebutton {position:relative; width:80px; height:25px; margin:0 7px 0 0; overflow:hidden;}
.filebutton span {display:inline-block; width:80px; height:23px; *height:31px; background:url(http://i2.daumcdn.net/mimg/10mail/btn_fileadd_v3.gif) 0 0 no-repeat}
.filebutton input {z-index: 999; position: absolute; top: -2px; left: -700px; margin: 0; padding:0; font-size: 50px; line-height: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
}
.filebox {float:left; width:180px; height:21px; margin:0 3px 0 0; padding:0 4px; overflow:hidden; border:1px solid #b9bccf; color:#00817f; font-size:11px; white-space:nowrap; line-height:21px}
.file {margin:10px 0 0 0}
.file-result {margin:5px 0 0 0; padding:0 0 0 18px; clear:both; background:url(/images/icon_file.gif) 0 0 no-repeat}
.file-result img {padding:0 0 0 5px; margin:-2px 0 0 0; cursor:pointer}