@charset "UTF-8";

/* reset */
* {outline:none;box-sizing:border-box}
*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, article, aside, canvas, details, embed, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0px;padding:0px;border:0px;font-size:inherit;font-family:'Noto Sans KR', ntk;vertical-align:baseline; font-weight:400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, canvas, summary {display:block}
audio, canvas, progress, video {display:block}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:inherit}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
iframe {padding:0px;margin:0px;border:0px;vertical-align:baseline}
img {vertical-align:middle;max-width:100%}
table {border-collapse:separate;border-spacing:0;empty-cells:show;table-layout:fixed;word-break:break-all}
table th {font-weight:normal}
table th, table td, table td img {vertical-align:middle}
fieldset, form {padding:0;margin:0;border:0 none}
legend, caption, hr {visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0}
a {color:inherit;text-decoration:none}
label {vertical-align:middle}
input, button, textarea {background-color:#fff;vertical-align:middle;-webkit-border-radius:0;border-radius:0;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input {font-size:inherit;font-family:inherit;color:inherit}
input[type="file"] {border:none}
input[type="image"] {height:auto;margin:0;border:none;padding:0;line-height:inherit}
input[type="radio"], input[type="checkbox"] {background:none;margin:0;padding:0;width:16px;height:16px}
button {margin:0;padding:0;background:none;border:none;font-size:inherit;font-family:inherit;text-transform:none}
button, [type="button"], [type="reset"], [type="submit"] {margin:0;padding:0;background:none;border:none;cursor:pointer}
select {font-size:inherit;font-family:inherit;color:inherit;text-transform:none;background-color:#fff;vertical-align:middle;-webkit-border-radius:0;border-radius:0;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
textarea {font-size:inherit;font-family:inherit;color:inherit;resize:none}
input[disabled="disabled"], select[disabled="disabled"] {background:#ebebeb;color:#959595}

.clearfix {display:block}
.clearfix:after {display:block;visibility:hidden;clear:both;content:"";overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
.clear {clear:both}
.skip {position:absolute;left:-9999px;top:-9999px;overflow:hidden;width:0;height:0;font-size:0;visibility:hidden}

.fo-none{float:none;}
.fl-left {float:left}
.fl-right {float:right}
.va-top {vertical-align:top}
.va-middle {vertical-align:middle}
.va-bottom {vertical-align:bottom}
.txt-center {text-align:center}
.txt-left {text-align:left !important}
.txt-right {text-align:right}
.txt-justify {text-align:justify}

/* 스킵네비게이션 */
#a11y {position:relative;width:100%;margin:0 auto;font-size:1rem;z-index:200}
#a11y dt {width:100%;height:0;font-size:0;line-height:0}
#a11y a {display:block;position:absolute;top:-10000px;left:0;width:100%;height:0;text-align:center;z-index:200}
#a11y a:hover, #a11y a:focus, #a11y a:active {position:absolute;top:0;padding:10px 0 25px;background:#20262c;color:#fff;z-index:200}

/* common */
.skip {position:absolute;left:-9999px;top:-9999px;overflow:hidden;width:0;height:0;font-size:0;visibility:hidden}
.ir {background:url('/site/portal/images/com/btn_sp.png') no-repeat}
.dp-none {display:none}
.dp-block {display:block}
.dp-inblock {display:inline-block}
.dp-inline {display:inline}
.ma-0{margin:0px !important;}
.mt-0 {margin-top:0px !important}
.mt-5{margin-top:5px !important;}
.mt-7 {margin-top:7px !important}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-35{margin-top:35px !important;}
.mt-70{margin-top:70px !important;}
.mr-5 {margin-right:5px !important;}
.mr-6 {margin-right:6px !important;}
.mr-7 {margin-right:7px !important;}
.mr-10{margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-60 {margin-bottom:60px !important;}
.ml-3 {margin-left:3px !important;}
.ml-5 {margin-left:5px !important;}
.ml-7 {margin-left:7px !important;}
.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.pa-0 {padding:0 !important}
.pl-25 {padding-left:25px}
.w15 {width:15%}
.w20 {width:20%}
.w23 {width:23%}
.w25 {width:25%}
.w30 {width:30%}
.w33 {width:33%}
.w40 {width:40%}
.w45 {width:45%}
.w47 {width:47%}
.w50 {width:50%}
.w55 {width:55%}
.w60 {width:60%}
.w65 {width:65%}
.w67 {width:67%}
.w70 {width:70%}
.w80 {width:80%}
.w85 {width:85%}
.wp60 {width:60%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp100 {width:100%;}
.w90 {width:90px;}
.w100 {width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w215{width:215px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w600{width:600px;}
.wdate{width:100px;}
.fl-left {float:left;}
.va-top {vertical-align:top}
.va-middle {vertical-align:middle}
.va-bottom {vertical-align:bottom}
.txt-center {text-align:center !important;}
.txt-left {text-align:left !important;}
.txt-right {text-align:right}
.txt-justify {text-align:justify}
.dp-none {display:none}
.dp-block {display:block}
.dp-inblock {display:inline-block}
.clearfix{display:block;}
.line-top, .btn-bottom.line-top{border-top:1px solid #d8d8d8; display:block;}
.br-none{border:none;}

/* 스킵네비게이션 */
#a11y {position:relative;width:100%;margin:0 auto;font-size:1rem;z-index:200}
#a11y dt {width:100%;height:0;font-size:0;line-height:0}
#a11y a {display:block;position:absolute;top:-10000px;left:0;width:100%;height:0;text-align:center;z-index:200}
#a11y a:hover, #a11y a:focus, #a11y a:active {position:absolute;top:0;padding:10px 0 25px;background:#20262c;color:#fff;z-index:200}

/* btn */
.btn-serach{width:115px; height:42px; background:#1c70c6; color:#fff; border-radius:3px; font-size:17px; line-height:42px; position:relative; margin-right:15px; padding-left:28px;}
.btn-serach i{background: url('/img/com/icon.png') no-repeat -40px -1px;display: inline-block; height: 21px;width: 21px;position: absolute;top: 12px;left: 30px;}
.btn-reset{position: relative;padding-left:16px; width:115px; height:42px; background:#fff; color:#333333; border-radius:3px; border:1px solid #c3c3c3; font-size:17px; line-height:42px;}
.adress, .btn-black.adress{height:30px; padding:3px 15px;}
.btn-black{position:relative; border-radius:3px; width:auto; background:#2a2a2a; color:#fff; padding:3px 15px 5px 15px; display: inline-block;}
.btn-black i{display:inline-block; height:21px; width:18px; position:absolute;  right:6px;}
.btn-gray{border-radius:3px; width:auto; background:#ececec; color:#333333; padding:5px 15px; display: inline-block; border:1px solid #c3c3c3;}
.btn-reset i{background:url('/img/com/icon.png') no-repeat -115px 0px; display:inline-block; height:21px; width:21px; position:absolute; top:12px; left:24px;}
.btn-down{font-size: 14px;line-height: 29px; width: 148px;height: 30px;padding: 0px 0px 0px 25px;color: #148c47;border: 1px solid #148c47;position: relative;}
.btn-down i{background:url('/img/com/icon.png') no-repeat -80px -1px; display:inline-block; height:21px; width:21px; position:absolute; top:7px; left:15px;}
.mass, .btn-down.mass{width:200px; padding:0px 0px 0px 13px;}
.mass b{background:url('/img/com/icon.png') no-repeat -38px -31px; display:inline-block; height:21px; width:21px; position:absolute; top:6px; right:10px;}
.mass2, .btn-down.mass2{width:192px; padding:0px 0px 0px 8px; background:#00b157; color:#fff; border:none;}
.mass2 b{background:url('/img/com/icon.png') no-repeat -78px -31px; display:inline-block; height:21px; width:21px; position:absolute; top:6px; right:8px;}
.btn{width:55px; height:55px;}
.calendar{background:url('/img/com/icon.png') no-repeat -154px 0px; display:inline-block; height:21px; width:21px; top:2px; left:5px; margin-right:5px;}
.btn-filesearch{width:74px; height:30px; color:#fff; font-size:14px; line-height:30px; background:#000; border-radius:3px; margin-left:5px; margin-right:5px;}
.btn-fileattachment{height:30px color:#000; line-height:30px; border:1px solid #c3c3c3; border-radius:3px; width:98px; }
.btn-bigdelete{color:#333333;font-size:17px;padding-left:13px;position:relative;width:115px; height:42px; line-height:42px; border:1px solid #c3c3c3; border-radius:3px;}
.btn-bigdelete i{width:15px; height:30px;background:url('/img/com/icon.png') no-repeat -190px 0px; color:#333333; display:inline-block; position:absolute; left:29px; top:18px;}
.btn-delete{padding-left:13px;position:relative;width:74px; height:30px; line-height:30px; border:1px solid #c3c3c3; border-radius:3px; }
.btn-delete i{width:15px; height:30px;background:url('/img/com/icon.png') no-repeat -190px 0px; color:#333333; display:inline-block; position:absolute; left:13px; top:11px;}
.btn-edit{position:relative;width:74px; height:30px; line-height:30px; border:1px solid #c3c3c3; border-radius:3px; }
.btn-green{width:125px; height:42px; background:#00b157; color:#fff; border-radius:3px; font-size:17px; line-height:42px; position:relative; margin-right:15px; display:inline-block;}

/* board */
.bd-util .bd-total, .bd-util .bd-page-division{display: inline-block;font-size: 16px;color: #333333; line-height:22px; height:22px;}
.bd-util{position:relative; margin-bottom:10px;}
.bd-left{float:left; display:block;}
.bd-left h3{font-size:20px; line-height:23px; font-weight:300;}
.bd-left .bd-total{margin-left:25px; margin-top:0px;}
.bd-left i{background:url('/img/com/icon.png') no-repeat 0px -1px; display:inline-block; height:21px; width:21px; position:absolute; top:5px; }
.bd-left strong{color:#1c70c6;}
.bd-right{float:right;}

/*--content--*/
.sub-head{margin-bottom: 12px;}
.sub-head .title h2{font-size:26px; color:#333333;}
.btn-bottom{text-align:center; display:block; margin:22px 0;}
.txt-color, .tb-cont td td{color:#e01c1c !important;}
.txt-color2{color:#1c70c6 !important;}
.txt-green{color:#00b157;}
.txt-red{color:#e01c1c !important;}

/*--padgination--*/
.pagination{text-align:center; margin:0 auto; position:relative;}
.pagination a {display: inline-block;width: 35px;height: 35px;text-decoration: none;border: 1px solid #b8b8b8; margin-right: 3px;font-size: 16px;line-height: 35px;color: #666666;}
.pagination a:hover{background:black; color:#fff;}