@charset "utf-8";

/*
* Noto Sans KR (korean) http://www.google.com/font/earlyaccess
 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/font/NotoSansKR-Thin.woff2) format('woff2'),
    url(/font/NotoSansKR-Thin.woff) format('woff'),
    url(/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
    url(/font/NotoSansKR-Light.woff) format('woff'),
    url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(/font/NotoSansKR-Regular.woff) format('woff'),
    url(/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),
    url(/font/NotoSansKR-Medium.woff) format('woff'),
    url(/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/font/NotoSansKR-Bold.woff2) format('woff2'),
    url(/font/NotoSansKR-Bold.woff) format('woff'),
    url(/font/NotoSansKR-Bold.otf) format('opentype');
}

html { margin: 0; padding: 0; }
html, body { height: 100%; }
body { margin: 0; padding: 0;/* width: 100%; height: 100%; */font-family: 'Noto Sans KR', sans-serif; font-size: 16px; /*line-height: 1;*/ letter-spacing: -0.5px; color: #333; font-weight: 400; }
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
img { border: 0; vertical-align: top; }
ul,ol,dl,dt,dd,li { list-style: none; word-break: break-word; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
th, td { border: 0; font-weight: normal; word-wrap: break-word; }
caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
legend { overflow: hidden; width: 0; height : 0; font-size: 0; line-height: 0; }
fieldset, blockquote, iframe, button { border: none; }
i, em, u, cite { font-style: normal; }
strong { font-weight: 500; }
em, b { font-weight: normal; }
label { vertical-align: middle; }
a { color: #333; text-decoration: none; word-break: break-all; }
/* a:focus, button:focus { outline: thin dotted; outline-color: #000; } */
a:focus{ outline-offset: 5px; border-color: #0048c0;}
button:focus { border-color: #0048c0;background-color: #0048c0;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
button { width: auto; border: none; cursor: pointer; vertical-align: middle; margin: 0; padding: 0; /*outline: none; */background: none; }
/*button::-moz-focus-inner {margin:0;padding:0;border:0}*/
button > span {position:relative}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0; box-sizing: border-box; }
/*input[type="file"] { width: 98%; box-sizing: border-box; border: 1px solid #aaa; height: 28px; }*/

/**/input[type="file"] { width: 98%; box-sizing: border-box; border: 1px solid #aaa; height: 28px; }
input[type="file"]::-ms-value { border: 0; background:#fff; }
input[type="file"]::-ms-browse { border: 0; background:#888; color: #fff; }
input[type="file"]::-webkit-file-upload-button {
    border: 0;
    background: #888;
    height: 26px;
    color: #fff;
    font-family: 'NotoSans';
    vertical-align: top;
    padding: 0 10px;
}
input[type="file"].m_file { height: 40px; }
input[type="file"].m_file::-webkit-file-upload-button {
    border: 0;
    background: #888;
    height: 38px;
    color: #fff;
    font-family: 'NotoSans';
    vertical-align: top;
    padding: 0 10px;
}
/**/

input, textarea, select { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; color: #333; vertical-align: middle; border: 1px solid #aaa; }
input[type="radio"], input[type="checkbox"] { border: 0; }

select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }
select::-ms-expand { display: none; }

.blind { overflow: hidden; position: absolute !important; width: 1px; height: 1px; margin-left: -1px; clip: rect(0,0,0,0); } 

/* floating */
.fl { float: left !important; }
.fr { float: right !important; }
.cl { clear: both; }
.contFr { float: right; margin-top: 10px; }
.contFr:after { display: block; clear: both; content: ''; }

/* margin */
.mtn5 { margin-top: -5px !important; }
.mt0 { margin-top: 0 !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { 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; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb80 { margin-bottom: 80px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr100 { margin-right: 100px !important; }

/* padding */
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pt0 { padding-top: 0 !important; }

/* align */
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.tc { text-align: center !important; }
.vat { vertical-align: top !important; }
.vam { vertical-align: middle !important; }
.vam_t { vertical-align: middle !important; display: table-cell !important; }

/* position */
.pr1 { position: relative; }
.top1 { position: absolute; top: 0; right: 0; }
.top2 { position: absolute; top: 5px; right: 0; }
.top3 { position: absolute; top: 0 !important; left: 0 !important; }

/* display */
.dib { display: inline-block !important; }
.db { display: block !important; }

/* font-color */
.fc_black { color: #000; }
.fc_blue { color: #007fd2; }


/* Input Text */
.input_wrap { display: inline-block; }
.inTxt { display: inline-block; vertical-align: top; width: 98%; height: 34px; padding: 0 6px; border: 1px solid #aaa; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }
.inTxt.disabled,
.inTxt[disabled] { background: #ddd; color: #c5c5c5; border: 1px solid #aaa; }

.inTxt2 { display: inline-block; /*vertical-align: top;*/ width: 98%; height: 40px; padding: 0 6px;border: 1px solid #aaa; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }
.inTxt2.disabled,
.inTxt2[disabled] { background: #ececec; color: #c5c5c5; border: 1px solid #dddddd; }
.inTxt[readonly], .inTxt2[readonly], .inTxt3[readonly] { background: #d0d0d0; color: #757575; border: 1px solid #aaa; }

.inTxt3 { display: inline-block; vertical-align: top; width: 98%; height: 46px; padding: 0 10px;border: 1px solid #aaa; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }
.inTxt3.disabled,
.inTxt3[disabled] { background: #ddd; color: #c5c5c5; border: 1px solid #aaa; }

::-webkit-input-placeholder{color:#666}
::-moz-placeholder{color:#666}
:-ms-input-placeholder{color:#666}
:-moz-placeholder{color:#666}
.placeholdersjs{color:#666}

label.disn { position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden; }

.dash { vertical-align: middle; text-align: center; font-size: 16px; display: inline-block; margin: 0 10px; }

/* selectobx */
.selectbox_wrap { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: left; }
.selectbox_wrap .select1 { width: 100%; padding: 3px 0 4px 8px; height: 34px; border: 1px solid #aaa; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('/images/common/selectbox_bg.png') right 5px center no-repeat; }
.selectbox_wrap .select2 { width: 100%; padding: 3px 0 4px 8px; height: 40px; border: 1px solid #aaa; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('/images/common/selectbox_bg.png') right 5px center no-repeat; }


/* checkbox */
.checkbox_wrap {}
.checkbox_wrap label { /*vertical-align: top;*/ margin-right: 20px; }
.checkbox_wrap .chk { margin: 0 3px 0px 3px; vertical-align: middle; width: 18px; height: 18px; }
.checkbox_wrap .disn { position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden; }
/*.chk { border: 1px solid #999999; background: #fff; vertical-align: middle; }*/
input [type="checkbox"]:disabled { border: 1px solid #dddddd; background: #ececec; }
.chk.disabled { border: 1px solid #dddddd; background: #ececec; }

/* radio */
.radio_wrap {}
.radio_wrap label { display: inline-block; margin-right: 20px; margin-left: 3px; }
.radio_wrap label input { margin: -2px 5px 0px 0px; vertical-align: middle; display: inline-block; }

/* textarea */
.textarea { width: 98%; padding: 5px 10px; border: 1px solid #aaa; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; }
textarea:disabled { border: 1px solid #dddddd; background: #ececec; color: #555; }

/* table */
.tal { padding-left: 10px !important; padding-right: 10px !important; text-align: left !important; }
.tal2 { padding-left: 10px !important; padding-right: 10px !important; text-align: center !important; }
.tar { padding-right: 10px !important; text-align: right !important; }
.tar2 { padding-left: 10px !important; padding-right: 10px !important; text-align: center !important; }

.attach_file { width: 530px; position: relative; }
.attach_file input[type="text"] { display: inline-block; vertical-align: top; width: 450px; height: 34px; padding: 0 6px; border: 1px solid #aaa; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }
.attach_file input[type="file"] { position: absolute; top: 0; right: 0; width: 82px; height: 34px; margin: 0; padding: 0; border: 0; overflow: hidden; z-index: 0; font-size: 0; }
.attach_file input[type="file"]:focus { outline: thin dotted !important; }
.attach_file input[type="file"]:hover { background: #666; text-decoration: underline; }
.attach_file label { display: block; position: absolute; top: 0; right: 0; width: 82px; height: 34px; text-align: center; background-color: #888; line-height: 34px; font-size: 15px; color: #fff; cursor: pointer; z-index: 1; }
.attach_file label:hover { background: #666; text-decoration: underline; }
.attach_file label:focus { outline: thin dotted; }

/* 게시판 분류 텍스트 색상 */
.category1 { font-weight: 500; color: #216eb2; }
.category2 { font-weight: 500; color: #1c9d7d; }
.category3 { font-weight: 500; color: #4f9d1c; }
.category4 { font-weight: 500; color: #e15f08; }
.category5 { font-weight: 500; color: #ef5350; }
.category6 { font-weight: 500; color: #000; }
.category7 { font-weight: 500; color: #9E6C00; }

/* 외부 api-하이차트 */
.highcharts-title, .highcharts-subtitle { font-size: 1px !important; color: rgba(0,0,0,0) !important; fill: rgba(0,0,0,0) !important; } 
.chart-export { position: absolute; top: 10px; right: 40px; z-index: 11; }
.chart-export button { width: 25px; height: 23px; background: #f7f7f7 url('/images/common/index_icon.png') no-repeat center 50%; border: 1px solid #ccc; border-radius: 3px; text-indent: -99999px; display: block; }
.chart-export button:hover { background-color: #e6e6e6; }
.chart-export02 { position: absolute; top: 0; right: 0; z-index: 11; }
.chart-export02 button { width: 18px; height: 18px; background: #f7f7f7 url('/images/common/index_icon.png') no-repeat center 50%; background-size: 60%; border: 1px solid #ccc; border-radius: 3px; text-indent: -99999px; display: block; }
.chart-export02 button:hover { background-color: #e6e6e6; }
g.highcharts-contextbutton rect { fill: #f7f7f7 !important; stroke: #cccccc !important; stroke-linecap: round !important; }
g.highcharts-contextbutton rect:hover { fill: #e6e6e6 !important; stroke: #cccccc !important; }
.highcharts-plot-border {stroke-width:0;}

#chartContainMain { border: 1px solid #e7e7e7; overflow: hidden; }
#chartleft .highcharts-plot-border, #chartright .highcharts-plot-border { stroke-width:1; }
.highcharts-data-table table th, .highcharts-data-table table td { border: 1px solid #e7e7e7; padding: 10px 0; }
.highcharts-data-table table td { text-align: center; }
#chartcontain .highcharts-plot-border {stroke-width:1;}
.manual_contents #chartcontain .highcharts-button, .manual_contents #chartleft .highcharts-button, .manual_contents #chartright .highcharts-button { display: none; }

/* 하이차트 하단 범례 */ 
.chart_legend { height: 20px; margin: 20px 0 30px 0; text-align: center; } 
.chart_legend span > em { display: inline-block; width: 20px; background: #000; margin-right: 10px; text-indent: -99999px; vertical-align: middle; } 
.chart_legend .legend_type1 { margin-right: 20px; } 
.chart_legend .legend_type1 > em { height: 5px; background: #888; margin-bottom: 4px; } 
.chart_legend .legend_type2 > em { height: 2px; background: #888; margin-bottom: 4px; position: relative; } 
.chart_legend .legend_type2 > em::before { 
 content: ''; 
 display: block; 
 width: 8px; 
 height: 8px; 
 position: absolute; 
 background: #888; 
 top: -3px; 
 left: 6px; 
 border-radius: 50%; 
} 

textarea:focus {outline: thin dotted;}
.archive_scroll.scrolling:focus {outline:thin dotted;}


/* layerepopup */
.layicoAt{display: table-cell;position: relative;height: 100px;padding: 0px 0px 0px 100px;vertical-align: middle;background: url('/images/new/ico_alert.png') no-repeat 20px center;}
.layer_overlay{z-index: 999999}


/* file */
.file_wrap { position: relative; }
.file_wrap * { vertical-align: middle; }
.file_wrap .inTxt { width: 500px; }
.file_wrap .file_in { position: absolute; left: 0; top: 0; }
.file_wrap .file_in input { width: 650px; opacity: 0; height: 30px; }
.file_wrap .fBtn { display: inline-block; width: 87px; text-align: center; height: 30px; line-height: 27px; border: 1px solid #bbbbbb; background: #eeeeee; color: #000; font-family:'돋움' !important; }