@charset "utf-8";

/* CSS reset */
html,body {width:100%; height:100%;}
*{-webkit-box-sizing: border-box; box-sizing:border-box}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
body, h1,h2,h3,h4,input,button{
	font-family:"Malgun Gothic", "Dotum", "Gulim", "tahoma";
	font-size: 12px;
	color:#000;
	text-align:left;
	line-height:120%;
	text-decoration:none;
	border-collapse:collapse;
	margin:0px;
	scrollbar-arrow-color: #000000;/*bar화살표컬러*/
	scrollbar-highlight-color:#ffffff;/*bar하이라이트컬러*/
	scrollbar-shadow-color: #B4B4B4;/*bar그림자컬러*/
	scrollbar-darkshadow-color:#EEEEEE;/*bar바탕의 어두운부분컬러*/
	scrollbar-3dlight-color: #EEEEEE;/*bar하이라이트컬러*/
	scrollbar-track-color: #FAFAFA;/*bar 없는 곳 기본 컬러*/
	scrollbar-face-color: #EEEEEE;/*bar기본컬러*/
	word-break:break-all;
	-ms-word-break:break-all}
img,fieldset,iframe {border:0 none}
li {list-style:none}
input,select,button {vertical-align:middle}
select::-ms-expand {display: none}
img{vertical-align:middle}
i,em,address{font-style:normal}
button{position:relative; margin:0; padding:0; cursor:pointer; outline: none; border:none; background-color: transparent;}
button::-moz-focus-inner {padding:0;border:0;} /* firefox 여백방지 */
button img{left:auto}
option{padding-right:6px}
hr{display:none; -webkit-box-sizing:content-box; box-sizing:content-box}
legend{*width:0}
table{width:100%; border-collapse:collapse; border-spacing:0}
caption{display: none}
td,th {padding: 0;}
input, textarea{ -webkit-box-sizing:border-box; box-sizing:border-box}
input:-ms-clear{display:none}
input::-webkit-input-placeholder{color:#9a9a9a}
input:-moz-placeholder{color:#9a9a9a}
input:-ms-input-placeholder{color:#9a9a9a}
input[type=text]:disabled {background: #eeeeee; color:#919191}
textarea {vertical-align:middle; resize:vertical /*none:조절불가, both:가로/세로 조절 가능, horizontal:가로 조절만 가능, vertical:세로조절만 가능*/}

/* a link */
a:link{color:#333; text-decoration:none}
a:focus{outline: none}
a:visited{color:#333; text-decoration:none}
a:active{color:#333; text-decoration:none}
a:hover{color:#333; text-decoration:none}


/* 숨김영역 */
#skipNavi{position:absolute;width:0;height:0;line-height:0;overflow:hidden;text-indent:-2000px;left:-500px;}



/* 레이아웃-반응형필수 */
*:before,*:after {-webkit-box-sizing: border-box; box-sizing: border-box}
.row::after, .row::before {content: ""; display: table}


/* Common */

/* font */
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?gmxivq');
	src:  url('../fonts/icomoon.eot?gmxivq#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?gmxivq') format('truetype'),
	url('../fonts/icomoon.woff?gmxivq') format('woff'),
	url('../fonts/icomoon.svg?gmxivq#dw-icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

i {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon--seh:before {
	content: "\e900";
}
.icon--aqi:before {
	content: "\e901";
}
.icon--cha:before {
	content: "\e902";
}
.icon--ref:before {
	content: "\e903";
}
.icon--down:before {
	content: "\e904";
}
.icon--del:before {
	content: "\e905";
}
.icon--set:before {
	content: "\e906";
}
.icon--Envi:before {
	content: "\e907";
}
.icon--secu:before {
	content: "\e908";
}
.icon--fire:before {
	content: "\e909";
}
.icon--health:before {
	content: "\e90a";
}
.icon--wind:before {
	content: "\e90b";
}


/* float */
.fl{float:left !important;}
.fr{float:right !important;}

/* display */
.dflex{display:flex !important;}
.d_block{display:block !important;}
.d_inblock{display:inline-block !important;}
.d-none{display:none !important;}


/* Text-align */
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}


/* margin, padding */
.mb0{margin-bottom: 0px !important;}
.mt48{margin-top: 48px }
.mr3{margin-right: 3px !important;}
.mb15{margin-bottom: 15px !important;}

.pb0{padding-bottom: 0px !important;}

/* z-index */
.indexTop{z-index:9999 !important;}

/* form */

/* checkbox, radio */
.checkbox_tbl input[type="checkbox"],.checkbox input[type="checkbox"],.radiobox input[type="radio"]{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;border:0 none;margin:0;overflow:hidden;clip:rect(0 0 0 0);}
.checkbox_tbl label {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 15px;
	background: url("../images/checkbox.png") no-repeat 0 0;
	background-size: 16px 32px;
	/* vertical-align:middle;*/
	text-indent: -9999px;
	cursor: pointer;
}

.checkbox_tbl.d_inblock {
	padding-right: px;
}

.checkbox_tbl.allview label {
	text-indent: 0px;
	padding-left: 20px;
}


.checkbox label{display:inline-block;height:16px;padding-left:20px;line-height:16px;font-size:13px;background:url("../images/checkbox.png") no-repeat 0 0;background-size:16px 32px;vertical-align:middle;cursor:pointer;}

.checkbox_tbl input[type="checkbox"]:checked + label,
.checkbox input[type="checkbox"]:checked + label
{background-position:0 -16px;}

.radiobox label{display:inline-block;height:16px;line-height:16px;padding-left:20px;background:url("../images/radio.png") no-repeat 0 0;background-size:16px 32px;vertical-align:middle;cursor:pointer;}

.radiobox input[type="radio"]:checked + label{background-position:0 -16px;}

select{background:#fff url("../images/select_arrow.png") no-repeat center right 12px;background-size:12px 7px;-webkit-appearance:none;-moz-appearance:none;}
.form_group.w100{position:relative;width:100%;max-width:234px;margin-bottom:8px;}
.form_group.w100 input.on{border:2px solid #f9bd01;}
.form_control{width:100%;padding:6px 12px;height:31px;background-color:#fff !important;border:1px solid #dadada;font-size:13px;color:#131313;line-height:1.1; outline-color: #f9bd01;}

.bold{font-weight:bold;}
.btn{width:31px;height:31px;border-radius:2px;text-align:center}
.btn_line{display:inline-block;width:51px;padding:6px 10px;height:27px;border:1px solid #dadada;border-radius:4px;color:#131313;text-align:center;background-color:#fff;}

.pbtn_bg{display:inline-block;width:51px;padding:6px 10px;height:31px;border:1px solid #dadada;border-radius:4px;color:#fff;text-align:center;background-color:#1f2f52;}
.pbtn_line{display:inline-block;width:51px;padding:6px 10px;height:31px;border:1px solid #d0dceb;border-radius:4px;color:#fff;text-align:center;background-color:#fff;}
button.btn_sort_up::after{content:'';display:inline-block;width:8px;height:10px;background:url("../images/tabele_sort.png") no-repeat;background-position:-24px 0px;margin:0 0 1px 10px;}
button.btn_sort_down::after{content:'';display:inline-block;width:8px;height:10px;background:url("../images/tabele_sort.png") no-repeat;background-position:-12px 0px;margin:0 0 1px 10px;}
button.btn_sort::after{content:'';display:inline-block;width:8px;height:10px;background:url("../images/tabele_sort.png") no-repeat;background-position:-1px 0px;margin:0 0 1px 10px;}

/* 테이블 버튼 */
.tbtn{width:31px;height:31px;border:1px solid #d0dceb;border-radius:4px;text-align:center;background-color:#fff;}
table tbody tr td button.bg_blue{background-color:#4b587f;}
table tbody tr td button.tbtn.bg_blue i{color:#fff}
table tbody tr td button.tbtn i{font-size:16px;color:#4b587f;}

.tbl_type2 tbody tr td a.pop_link{color: #1187cf !important; text-decoration: underline;}