@charset "utf-8";

/* Common */
*{margin:0; padding:0}
html{width:100%; height:100%}
html {overflow-y:scroll}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
body,input,textarea,select,button,table{font-size:10pt; font-family:돋움,Dotum,gulim,굴림,Whitney,"Malgun Gothic",맑은고딕,AppleGothic,sans-serif; color:#888; font-weight: 300;}
input,textarea,select{color:#7E817A; *margin-top:1px;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:none;}
img{border:0; font-size:0; vertical-align:middle;}
input, select{vertical-align:middle; _height:18px; _margin-top:0px; }
ul,ol{list-style:none; font-size:0;}
dl,dt,dd{margin:0; padding:0; vertical-align:middle; }
li{font-size:10pt; font-weight:300; }
em,address{font-style:normal}
a{text-decoration:none; color:#666; cursor:pointer;}
a:hover, a:active{color:#21c2f8 !important; text-decoration:none;}
a:visited{color:#666 !important; text-decoration:none !important;}
fieldset{margin:0px; padding:0px; border:none;}
legend, caption{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

b, strong{font-weight: 700;}

/*푸터하단고정*/
* {margin: 0;}
html, body {height: 100%;}

/* 마진 & 패딩 */
.mt05 { clear:both; margin-top:5px !important;}
.mt10 { clear:both; margin-top:10px !important;}
.mt15 { clear:both; margin-top:15px !important;}
.mt20 { clear:both; margin-top:20px !important;}
.mt30 { clear:both; margin-top:30px !important;}
.mt34 { clear:both; margin-top:34px !important;}
.mt40 { clear:both; margin-top:40px !important;}
.mt50 { clear:both; margin-top:50px !important;}
.mb05 { clear:both; margin-bottom:5px !important;}
.mb10 { clear:both; margin-bottom:10px !important;}
.mb30 { clear:both; margin-bottom:30px !important;}
.mb50 { clear:both; margin-bottom:50px !important;}
.mr10 { clear:both; margin-right:10px !important;}
.ml05{clear:both; margin-left:5px !important;}
.ml10{clear:both; margin-left:10px !important;}
.ml15{clear:both; margin-left:15px !important;}
.pt05 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pr05 { padding-right:5px !important;}
.pr07 { padding-right:7px !important;}
.pr10 { padding-right:10px !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pl05 { padding-left:5px !important;}

/* 정렬 */
.txt_cen{text-align:center !important;}
.txt_lft{text-align:left !important;}
.txt_rgt{text-align:right !important;}
td.txt_cen{text-align:center; padding:5px 0 !important;}
td.txt_lft{text-align:left; padding:5px 5px !important;}
td.txt_rgt{text-align:right; padding:5px 5px !important;}
td.txt_vt{vertical-align:top !important;}
td.txt_vm{vertical-align:middle !important;}


h2{font-weight: 700; font-size:36px; text-align:left;  color:#000; margin-bottom:20px;}
h3{font-weight: 400; font-size:30px; text-align:left; }
h4{font-weight: 300; font-size:24px; text-align:left; }
h5{font-weight: 200; font-size:20px; text-align:left; }


/* form */
input[type=text],input[type=password],input[type=file],.txtarea_write { border:1px solid #cfd6dc; background-color:#fff; }
input,textarea,select{color:#7E817A; margin-top:-2px; *margin-top:1px;}
select {position:relative; z-index:0;  height:24px;  border:1px solid #ccc; background:#fff; display:-moz-inline-stack; display:inline-block; zoom:1; padding:0; font-size:9pt; vertical-align:middle; text-align:left;}
.checkbox{width:13px; height:13px; vertical-align:middle;  border:none;}
input[type=radio]{width:9pt; height:9pt; vertical-align:middle; border:0; margin-right:4px;}
input[type=checkbox]{width:13px; height:13px; vertical-align:middle;  border:none;}
input[type=text]{width:180px; padding:3px 0; vertical-align:middle;}
input[type=text]:hover{border:1px solid #b1bac1; background-color:#fff;}
input[type=text]:focus{border:1px solid #b1bac1; background-color:#fff;}
input[type=text],input[type=password],input[type=file]{}
input[type=button]{cursor:pointer;}
input[type=image]{border:0; }
input.readonly,input.readonly:hover, input.readonly:focus{border:1px solid #c7c7c7; background-color:#e7e7e7;}
select.readonly{background-color:#e7e7e7;}
label{margin-left:4px;}
.searchDiv input[type=text] ,.resultDiv input[type=text]{height:16px; padding:3px 0; max-height:20px; }
input.must{background:url(../images/common/must.png) 99% 12% no-repeat; padding:0 15px 0 0;}
span.must{background:url(../images/common/must.png) 99% center no-repeat; padding-right:15px;}
textarea{ scrollbar-face-color:#E4E5E6; scrollbar-highlight-color:#E1E3E4; scrollbar-3dlight-color:#F9F9FA; scrollbar-darkshadow-color:#F9F9FA; scrollbar-shadow-color:#E9EAEA; scrollbar-arrow-color:#7D807A;scrollbar-track-color:#F9F9FA; border:1px solid #c7c7c7; padding:10px 10px;}
textarea:hover{border:1px solid #9c9c9c; background-color:#f9f9f9;}

input.non:hover{border:0; background-color:#fff;}
input.non:focus{border:0; background-color:#fff;}


input.short{width:80px;}
input.short02{width:40px;}
input.short03{width:25px;}
input.short04{width:30px;}
input.nor{width:180px;}
input.long{width:350px;}
input.long02{width:450px;}
input.date{width:70px;}
input.date02{width:90px;}
input.w60{width:60px;}
input.w100{width:100px;}
input.w120{width:120px;}
input.w160{width:160px;}
input.w200{width:200px;}
input.w250{width:250px;}
input.w300{width:300px;}
input.w600{width:600px;}
input.w680{width:680px;}
input.w800{width:800px;}
input.zip_cd{width:80px; text-align:left;}
span.icon_date{display:inline-block; width:16px; height:15px; background:url(../images/ico_calendar.gif) 0 2px no-repeat; cursor:pointer; vertical-align:middle;}

textarea{border:1px solid #dddddd; padding:7px 7px; line-height:150%;}
textarea.w_01{width:780px;}