@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
 @import url(font.css);
html { -webkit-font-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: keep-all }
body, div, 
dl, dt, dd, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, 
p, blockquote, th, td { padding:0; margin:0; line-height:1.6em;  font-family:'NotoSansKR', '맑은고딕', sans-serif;  font-weight:300; word-break:keep-all;}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	font-size:1em;
	color:#333; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: none;
	height: 100%;
	min-width:1024px;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0; width:100%;}
.dn{display:none}

/* 숨김영역 */
hr, legend, .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; left:-9999px;}
caption { width:0; height:0; font-size:0; line-height:0; left:-9999px;}
.blind{position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}

/*list*/
ul li:after{content:''; clear:both; display:block;}
ul li{line-height:23px; word-wrap:break-word; word-break:keep-all;}
ul > li > ul{margin-left:15px;}

/*Link*/
a:link,
a:visited,
a:active,
a:hover,a:focus{text-decoration:none !important; color:#323236 }

/* align */
img{vertical-align:middle}
.clear:after{content:"";display:block;clear:both}
.fl_l{float:left;}
.fl_r{float:right}
.fl_n{float:none}
.clear_b{clear:both;}


.dp_b{display:block;}
.dp_ib{display:inline-block;}
.dp_i{display:inline;}
.dp_f{display:flex}

.dp_ib_ul>ul>li {display:inline-block}

.va_t{vertical-align:top;}
.va_m{vertical-align:middle;}
.va_b{vertical-align:bottom;}

.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.ta_r{text-align:right !important}

.posR{position:relative;}
.posA{position:absolute;}

.point {color:#4475aa;}
.point2{color:#2c63a1;}
.point3{color:#a12d2a;}
.point4{color:#5f748d;}
.point5{color:#FEB946;}
.point6{color:#22b600;}
.point7{color:#85afdc;}
.point8{color:#c35b27;}
.point9{color:#78a6d8;}
.txt_ex{color:#a7a7a7;}
.red{color:#d44946;}
.bk{color:#000;}

/*공백*/
.mgT-5 { margin-top:-5px !important;}
.mgT-10 { margin-top:-10px !important;}
.mgT-15 { margin-top:-15px !important;}
.mgT-20 { margin-top:-20px !important;}
.mgT-25 { margin-top:-25px !important;}
.mgT-30 { margin-top:-30px !important;}
.mgT-40 { margin-top:-40px !important;}
.mgTM22 { margin-top:-22px !important;}
.mgT5 { margin-top:5px !important;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT45 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL5 { margin-left:5px !important;}
.mgL10 { margin-left:10px !important;}
.mgL15 { margin-left:15px !important;}
.mgL20 { margin-left:20px !important;}
.mgL30 { margin-left:30px !important;}
.mgL35 { margin-left:35px !important;}
.mgL40 { margin-left:40px !important;}
.mgL50 { margin-left:50px !important;}
.mgL60 { margin-left:60px !important;}
.mgL70 { margin-left:70px !important;}
.mgR10 { margin-right:10px !important;}
.mgR30 { margin-right:30px !important;}
.mgB5 { margin-bottom:5px !important;}
.mgB10 { margin-bottom:10px !important;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB50 { margin-bottom:50px !important;}
.mgB60 { margin-bottom:60px !important;}


.pdT0B0{padding-top:0 !important; padding-bottom:0 !important;}

.pdL5 { padding-left:5px !important;}
.pdL10 { padding-left:10px !important;}
.pdL20 { padding-left:20px !important;}
.pdL30 { padding-left:30px !important;}
.pdL40 { padding-left:40px !important;}
.pdL50 { padding-left:50px !important;}

.pdR20 {padding-right:20px !important;}

.w70{width:70px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w107{width:107px !important;}
.w115{width:115px !important;}
.w230{width:230px !important;}

.w5p{width:5% !important;}
.w7p{width:7% !important;}
.w7p{width:7% !important;}
.w8p{width:8% !important;}
.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w45p{width:45% !important;}
.w49p{width:49% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w100p{width:100% !important;}
.w_auto{width:auto !important}


/*Inputs*/

/* ie 아이콘삭제 */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* Chrome 아이콘삭제*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

select::-ms-expand {display: none;}
input::-ms-clear {display: none; }

input, textarea, select, img { vertical-align: middle; }
input[type="text"],input[type="email"],
input[type="password"] {width:98%;height:35px; padding:0 5px; line-height:20px; border:1px solid #cecece; vertical-align:middle; box-sizing:border-box;}
input[type="submit"] {padding:0 5px;vertical-align:middle; cursor:pointer; border:none; box-sizing:border-box;}
input[type="file"] {cursor:pointer; vertical-align:middle; box-sizing:border-box;}
input[type="submit"], button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    -webkit-border-radius: 0; 
}
textarea {border:1px solid #ccc; padding:5px; box-sizing:border-box; width:100%;}
select {border:1px solid #ccc;height:35px; width:100%; padding: 0 35px 0 10px; cursor:pointer; vertical-align:middle;}
select {background:url(../images/common/sel_arrow.png) no-repeat 100% center #fff;-webkit-appearance: none;}

input[readonly="readonly"]{background:#ddd;}


/* btn*/
.btn {width:100%;text-align:center;border:1px solid #e0e0e0;display:inline-block;box-sizing:border-box;height:40px;line-height:40px;}
.btn:hover {}
	.btn_gray {background:#3a3a3a !important}
	.btn_green {background:#289848 !important; border:1px solid #4b9409; }
	.btn_blue {background:#294e9a !important; border:1px solid #135e91; }
	.btn_blue_bd {background:#fff !important; color:#294e9a !important; border:1px solid #294e9a; }
	
	.btn_add {background:#ff4100 !important;}
	.btn_save {background:#6eb92b !important;}
	.btn_del {background:#3f3f3f !important;}
	.btn_print {background:#2398cf !important;}

	
	.btn_down {background:#1fbdd0 !important;}
	.btn_data {background:#003668 !important;}	
	
	.btn_gray_w20{background:#3a3a3a !important; width:20%; border:none; height:35px; line-height:35px; vertical-align:middle}