@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*공통*/
body {
  font-family:"Nanum Gothic", "나눔고딕", NanumGothic, "맑은고딕", "Malgun Gothic", "돋움", dotum, "굴림", gulim, sans-serif;
}

* {margin:0; padding:0; box-sizing:border-box;}
html,body{width:100%;height:100%;margin:0;padding:0;font-size:14px; color:#000000;letter-spacing: -0.05em;-webkit-text-size-adjust: 100%;}
html,body,div,p,ul,li,ol,dl,dt,dd,input,textarea,select,p,hr,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,ol,dl,dd,dt{list-style:none;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none;color:#222222;}

caption{position:absolute; left:-9999px;}
table{margin:0px;border-collapse:collapse;-ms-word-break: keep-all;word-break: keep-all;}
td,th,p,span {letter-spacing: -0.05em;}/*-ms-word-break: keep-all;word-break: keep-all;*/
.hidden{position: absolute; left:-9999px;}
.overflow{overflow:hidden}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
p{line-height: 28px;}

form{display:block;}
fieldset{margin:0px;padding:0px;border:0px;}
input{padding:0px;vertical-align:middle;border-radius: 0px;}
input[type='text']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='password']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='file']{padding:2px 0px 2px 5px;border:1px solid #eaeaea;}
input[type='checkbox'],input[type~='radio']{margin:-1px 0px;padding:2px 5px 2px 5px;-webkit-appearance:radio;-moz-appearance:radio;}
input[type='button'],input[type~='submit']{padding-top:3px;cursor:pointer;}
input[type='image']{margin:0px;padding:0px;cursor:pointer;}
/*select{padding:0px;vertical-align:middle; padding:1px;border:1px solid #ccc; font-size: 11px; height: 20px;}*/
textarea{padding:2px 0px 2px 5px;border:1px solid #ccc;}

img{margin:0px;padding:0px;border:0;}

.hand {cursor:pointer;}
.clear{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left}
.align_c{text-align:center !important}
.align_r{text-align:right}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.ml_0{margin-left:0px}
.ml_10{margin-left:10px !important;}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}
.ml_40{margin-left:40px}
.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

.h3{font-size:18px; font-weight:600;}
.h4{font-size: 15px; font-weight: 400;}

/*텍스트강조컬러*/
.text_blue {color:#1077c4;}
.text_red {color:#b40000}
.bold {font-weight: 600;}

/* width */
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp40 {width:40%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp90 {width:90%;}
.wp100 {width:100% !important;}

/* height */
.h10  {height:10px !important;}
.h20  {height:20px !important;}
.h30  {height:30px !important;}
.h40  {height:40px !important;}
.h50  {height:50px !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}

/*비밀번호입력*/
.pw_wrap {width:70%; margin:0 auto; padding:5%; margin-bottom:30px; border:#DDD 1px solid; border-radius:10px; text-align:center;}
.pw_wrap p {color:#666; font-size:14px; margin-bottom:20px}
.inp_txt {height:28px; padding:0 5px; border:1px solid #cacaca; letter-spacing:-0.05em;}
.inp_rad {margin-right:4px; margin-left:12px; vertical-align:-2px;}

/* button style */
.bt_wrap {padding:25px 0 35px 0;}
.bt1,.bt2,.bt3 {white-space:nowrap; cursor:pointer;}
.bt1 {display:inline-block; height:31px; padding:0 12px; line-height:26px; font-weight:600; color:#383838; border:1px solid #cecece; border-radius:3px 3px; background:#fff;}
.bt1.can {padding-left:28px; background:#fff url('/design/img/common/bt_cancel.png') no-repeat 10px center;}

.bt2 {display:inline-block; height:30px; padding:0 12px; line-height:30px; font-weight:600; color:#fff; border:0; border-radius:3px 3px; background:#666; font-size:15px; padding-top:0px !important;}
.bt2.mod {padding-left:28px; background:#fd5d5c url('/design/img/common/bt_modify.png') no-repeat 10px center;}
.bt2.del {padding-left:28px; background:#555 url('/design/img/common/bt_delete.png') no-repeat 10px center;}

.bt3 {display:inline-block; height:35px; line-height:35px; padding:0 13px; border:0; font-weight:600; color:#fff; border-radius:4px 4px; background:#0084ff;}
.bt3.bgcG {background:#0b8d48 !important;}
.bt3.srch {padding-left:33px; background:#0084ff url('/design/img/common/bt_search.png') no-repeat 11px center;}
.bt3.xls {padding-left:43px; background:#0b8d48 url('/design/img/common/bt_xls.png') no-repeat 11px center;}

.bt4 {display:inline-block; height:35px; padding:0 5px; line-height:26px; font-weight:600; color:#333;
border:1px solid #ccc; border-radius:3px 3px; background:#efefef; letter-spacing:-0.05em; }

.taC {text-align:center;}