@charset "utf-8";
@import url(reset.css);
@import url(melon.datepicker.css);
@import url(jquery-ui.min.css);
@import url(jquery-ui-timepicker-addon.min.css);


/* html, body { width:100%; background:#e9ecef;height:100%; position: relative;} */
html, body { width:100%; background:#fff;height:100%; position: relative;}
body { position:relative; width:100%;height:100%; line-height:1em; letter-spacing:-1px; color:#ccc; font-size: 62.5%; font-family: '돋움', dotum, sans-serif,arial,Tahoma;}
.wrap { position:relative; height:100%; }
.wrap1 { background:#fff; margin:10px 20px; padding:0 15px 15px; position:relative; min-height:586px; }
.wrap2 { background:#fff; border:solid 1px #fa7c6b; border-radius:10px; margin:10px 20px; padding:15px; position:relative; min-height:590px; }
.wrap3 { background:#fff; margin:15px auto; width:1173px; }
#Header {border-bottom:solid 1px #072650; background: #25589c; height: 45px; position: relative; }
#Header .logo {}
#Header .btn_home { height: 45px; width: 45px; display: block; position: absolute; top: 0; left: 0  }
#Header .btn_help,#Header .btn_close { height: 45px; width: 45px; display: block; position: absolute; top: 0; right: 0  }
#Header .title { margin:0 45px; width: 100; text-align: center; font-weight: bold;font-size: 1.6em; line-height: 45px ; color: #fff; height: 45px}
#Content {position: relative; padding-bottom: 93px; }

/* .content_box {padding:10px; border-bottom:2px solid #e0e0e0;background: #fff; padding:10px;} */
.content_box {padding:10px; background: #fff; }

/* icon */
.icon {background: url(/images/common/icon.png) no-repeat 0 0 ; background-size: 360px 360px; display: block; text-indent: -99999px; }
#Header .icon_home { height: 22px; width: 22px; position: absolute; left: 14px; top: 12px  }
#Header .icon_close {height: 22px; width: 22px; position: absolute; right: 14px; top: 12px; background-position: -0px -268px;   }
#Header .icon_help { height: 22px; width: 22px; position: absolute; right: 14px; top: 12px; background-position: -62px 0px;  }
.icon_detail{ background-position:0 -95px ; height: 20px; width: 20px; display: inline-block; }


/* table */
.tbl_area table { width:100%; border:solid 1px #c9c9c9;  }
.tbl_area table caption { margin-bottom:10px; }
.tbl_area th { background:#e3ebf5; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9;  padding:6px 2px; color:#333; font-size:1.3em; line-height:22px;font-weight: bold  }
.tbl_area td { background:#fff; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; padding:6px 2px; color:#333; text-align:center;  font-size: 1.2em; line-height: 22px }
.tbl_area td:last-child { /* text-align:left;  */border-right:none; }
.tbl_area th:last-child { border-right:none; }
.tbl_area tr:last-child td,.tbl_area tbody tr:last-child th { border-bottom:none; }
.tbl_area td li { padding-bottom:10px }
.tbl_area td li:last-child { padding-bottom:0; }

.data_view_tbl td:last-child {  text-align:left;  }

/* box */
.more_area{margin-top:10px;}

/* button */
.btn_more{height: 40px; background: #fff; width: 100%; color: #25589c; font-size: 1.4em; text-align: center; line-height:40px; display: block; border: 1px solid #8aacd9;border-radius: 6px}
.top_btn {overflow: hidden; margin: 10px 5px; margin-bottom:0;}
.top_btn ul{ }
.top_btn ul li{float: left; width: 50%; overflow: hidden;  }
.top_btn ul li span{margin:0 5px;display:block; overflow: hidden;}
.top_btn ul li a,.top_btn ul li span button{display:block;height: 38px;  line-height: 38px; text-align: center; width: 100%;
 background: -webkit-linear-gradient(#6dda6b,#3dbf3e);
 background:-o-linear-gradient(#6dda6b,#3dbf3e);
 background:-moz-linear-gradient(#6dda6b,#3dbf3e);
 background: linear-gradient(#6dda6b,#3dbf3e);
border-radius: 5px; border:1px solid #59c058;
-webkit-box-shadow : inset 0 0 5px #7adf7a;
-moz-box-shadow : inset 0 0 5px #7adf7a;
box-shadow: inset 0 0 5px #7adf7a;
 color: #fff; font-size: 1.4em; font-weight: bold}

 .top_btn ul li a.disabled, .top_btn ul li button:disabled{
 background: -webkit-linear-gradient(#c0c4c0,#c0c4c0);
 background:-o-linear-gradient(#c0c4c0,#c0c4c0);
 background:-moz-linear-gradient(#c0c4c0,#c0c4c0);
 background: linear-gradient(#c0c4c0,#c0c4c0);
border-radius: 5px; border:1px solid #b8bcb8;
-webkit-box-shadow : inset 0 0 5px #7adf7a;
-moz-box-shadow : inset 0 0 5px #7adf7a;
box-shadow: inset 0 0 5px #b8bcb8;
cursor: ;
 color: #ddd;}


.top_btn ul li:first-child a{border-left: none }
.top_btn ul li:last-child a{border-right: none }

/* menu*/
.m_menu{width: 100%;position: fixed; bottom: 0; border-top:1px solid #e0e0e0;background: #f9f9f9; z-index: 100}
.m_menu li{float: left; width: 33.33%; height: 36x; background: #f9f9f9; border-top:1px solid #d7d7d7}
.m_menu li a{text-align: center; display: block; line-height: 40px; font-size: 1.3em; border-right:1px solid #d7d7d7; color: #666; position: relative; }
.m_menu li:nth-child(3n) a,.m_menu li:nth-child(6n) a{border-right:none;}
.m_menu li.selected a {color: #fff; font-weight: bold; background: #123a6e; border-bottom-color: #6179c5;
-webkit-box-shadow:inset 3px 3px 10px  0px #051933;
-moz-box-shadow : inset 3px 3px 10px  0px #051933;
box-shadow: inset 1px 1px 5px 0px #0a264b;
}
.m_menu li a .sicon_01{ display: inline-block; background-position: 0px -63px; height: 14px; width: 14px; vertical-align: -3px; margin-right: 3px } 
.m_menu li.selected a .sicon_01{ display: inline-block; background-position: 0px -35px; height: 14px; width: 14px; vertical-align: -3px; margin-right: 3px } 
.m_menu li a .sicon_02{ display: inline-block; background-position: -20px -62px; height: 17px; width: 17px; vertical-align: -5px; margin-right: 3px } 
.m_menu li.selected a .sicon_02{ display: inline-block; background-position: -20px -33px; height: 17px; width: 17px; vertical-align: -5px; margin-right: 3px } 
.m_menu li a .sicon_03{ display: inline-block; background-position: -43px -63px; height: 15px; width: 13px; vertical-align: -4px; margin-right: 3px } 
.m_menu li.selected a .sicon_03{ display: inline-block; background-position: -43px -35px; height: 15px; width: 13px; vertical-align: -4px; margin-right: 3px } 
.m_menu li a .sicon_04{ display: inline-block; background-position: -63px -61px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu li.selected a .sicon_04{ display: inline-block; background-position: -63px -33px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu li a .sicon_05{ display: inline-block; background-position: -84px -62px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu li.selected a .sicon_05{ display: inline-block; background-position: -84px -33px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu li a .sicon_06{ display: inline-block; background-position: -106px -62px; height: 16px; width: 15px; vertical-align: -4px; margin-right: 3px } 
.m_menu li.selected a .sicon_06{ display: inline-block; background-position: -106px -33px; height: 16px; width: 15px; vertical-align: -4px; margin-right: 3px } 

/* menu 기상청 현장 검정 */
.m_menu_kma{width: 100%;position: fixed; bottom: 0; border-top:1px solid #e0e0e0;background: #f9f9f9; z-index: 100}
.m_menu_kma li{float: left; width: 50%; height: 36x; background: #f9f9f9; border-top:1px solid #d7d7d7}
.m_menu_kma li a{text-align: center; display: block; line-height: 40px; font-size: 1.3em; border-right:1px solid #d7d7d7; color: #666; position: relative; }
.m_menu_kma li:nth-child(3n) a,.m_menu_kma li:nth-child(6n) a{border-right:none;}
.m_menu_kma li.selected a {color: #fff; font-weight: bold; background: #123a6e; border-bottom-color: #6179c5;
-webkit-box-shadow:inset 3px 3px 10px  0px #051933;
-moz-box-shadow : inset 3px 3px 10px  0px #051933;
box-shadow: inset 1px 1px 5px 0px #0a264b;
}
.m_menu_kma li a .sicon_01{ display: inline-block; background-position: 0px -63px; height: 14px; width: 14px; vertical-align: -3px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_01{ display: inline-block; background-position: 0px -35px; height: 14px; width: 14px; vertical-align: -3px; margin-right: 3px } 
.m_menu_kma li a .sicon_02{ display: inline-block; background-position: -20px -62px; height: 17px; width: 17px; vertical-align: -5px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_02{ display: inline-block; background-position: -20px -33px; height: 17px; width: 17px; vertical-align: -5px; margin-right: 3px } 
.m_menu_kma li a .sicon_03{ display: inline-block; background-position: -43px -63px; height: 15px; width: 13px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_03{ display: inline-block; background-position: -43px -35px; height: 15px; width: 13px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li a .sicon_04{ display: inline-block; background-position: -63px -61px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_04{ display: inline-block; background-position: -63px -33px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li a .sicon_05{ display: inline-block; background-position: -84px -62px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_05{ display: inline-block; background-position: -84px -33px; height: 16px; width: 16px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li a .sicon_06{ display: inline-block; background-position: -106px -62px; height: 16px; width: 15px; vertical-align: -4px; margin-right: 3px } 
.m_menu_kma li.selected a .sicon_06{ display: inline-block; background-position: -106px -33px; height: 16px; width: 15px; vertical-align: -4px; margin-right: 3px } 

/*버튼*/
.btn{display: inline-block; background: #d7d7d7; font-size: 1.2em; color: #333; border:1px solid #999;border-radius: 3px}
.btn-default{  }
.btn-primary{ background: #7aaf09; border-color: #598005; color: #fff }
.btn-primary{ background: #7aaf09; border-color: #598005; color: #fff }
.btn_s{ width: 45px; text-align: center; padding:5px 0px; height: 18px; line-height: 18px }
.btn_m{ width: 70px; text-align: center; padding:5px 0px; height: 18px; line-height: 18px }
.btn-point{ background: #176ec8; border-color: #104B88; color: #fff;  }
.btn_add{margin-bottom:5px;}
.tbl_area .btn{font-size: 1.0em;padding:5px 0px; }
.tbl_area  select,.tbl_area  textarea,.tbl_area  input[type="text"]{font-size: 1.0em; display: block; width: 100%}

/*x테이블관련*/
.tb_blc{position: relative; border-bottom: 1px solid #ddd; padding:10px 0;}
.tb_blc .info{margin-right: 100px;}
.tb_blc .bt_area {position: absolute;right: 0; top: 50%; margin-top: -17px}
.num_view{font-size: 3em; font-weight: bold; text-align: center; color: #25589c; border:1px solid #25589c; overflow: hidden; line-height: 40px; margin-top: 10px; }
.btn_model {height: 45px; font-size: 1.5em; line-height: 45px; vertical-align: top;text-align: center;background:#91969b; color: #fff; border-radius: 6px}
.btn_model.on{background: #176ec8}

/**/
.file_textarea{margin-top: 10px; width: 100%; overflow: hidden; position: relative; }
.file_textarea .t_area{margin-right: 85px}
.file_textarea textarea{display: inline-block;width:100%;float: left; }
.file_textarea .btn{position: absolute; right: 0; top: 0; width: 79px; height: 36px; line-height: 36px}

.file_list{width: 100%; border-top: 1px solid #333;margin-top: 10px;}
.file_list li{ padding: 10px 0; border-bottom: 1px solid #999}
.file_info{padding-right: 85px; position: relative;}
.file_info input{width: 100%}
.file_list .btn_area {margin:10px 0 0px !important;}
.in-btn-r{position: absolute;right: 0; top: 0}


.right {text-align: right}
.btn_area{overflow: hidden; margin:20px 0 10px;}
.one span{width: 100%}
.duo2 {margin:20px -3px 10px;}
.duo2 span a{margin:0 3px;}
.duo2 span{width: 50%;display: inline-block; float: left;}
.btn_area a{display: block;}


/*체크박스 공통 input*/
input.choBtn { background:url(/images/common/icon.png) no-repeat; background-size:360px 360px; background-position:0 -125px;  width:20px; height:20px; margin-top:-3px; display:inline-block;  }
input[type="checkbox"]:checked { background:url(/images/common/icon.png) no-repeat; background-size:360px 360px; background-position:-25px -125px; width:20px; height:20px; margin-top:-3px; }

/*체크박스 공통 input*/
input.radBtn { background:url(/images/common/icon.png) no-repeat; background-size:360px 360px; background-position:0 -226px;  width:21px; height:21px; margin-top:-3px; display:inline-block;  }
input[type="radio"]:checked { background:url(/images/common/icon.png) no-repeat; background-size:360px 360px; background-position:-25px -226px; width:21px; height:21px; margin-top:-3px; }

select { background:#fff url(/images/common/select_arrow.png) no-repeat; background-size:20px 7px;  vertical-align: top; background-position:right  11px; padding-right: 30px }

.top_select{position: relative; margin-bottom: 10px} 
/* padding-right: 53px;  */
.top_select select{width: 100%}
.top_select input{width: 100%}
.top_select .r_bt{position: absolute;right: 0; top: 0}
.top_select2{position: relative; margin-bottom: 10px}
.top_select2 select{width: 100%}

.infomation {width: 320px; margin:0 auto;}
.infomation h3{text-align: center; padding:10px;}
.infomation .info{ font-size: 1.3em; color: #333; line-height: 20px; text-align: center; margin-top: 20px; padding:20px; border-top: 1px solid #ccc}
.infomation .info .tel{ padding-left:17px;background:url(/images/common/icon.png) no-repeat; background-size:360px 360px;  background-position:0 -189px; font-weight: bold; font-size: 1.4em; line-height: 30px}
.btn_tel{ width: 100%; font-size: 1.4em; text-align: center; background: #176ec8; color: #fff; display: block;height: 45px; line-height: 45px; border-radius: 6px; margin-bottom: 10px }


.user_name{position:absolute; right:120px; top:26px;text-align:right;font-size:13px;color:#666}

/*로그인*/
.login_wrap{background:url(/images/common/login_bg.png) no-repeat; height: 100%; width: 100%; background-size: cover; min-height: 610px}
.login_wrap .login_area {max-width: 402px; margin:0 auto;}
.login_wrap .login_area h2{ text-align: center; padding-top: 40px}
.login_wrap .login_area .vi_img{ text-align: center; padding-top: 40px; width: 100%}
.login_wrap .login_area .vi_img img{width:180px; height:auto}
.login_inp_area{ display: block; margin:40px 30px; }
.id_save{line-height: 30px; font-size: 1.4em; color: #333; margin-bottom:10px;}
.login_inp_area .id_area input, .login_inp_area .pw_area input{ font-size:1.4em;line-height:18px; padding:5px;width: 100%; height: 40px; border-radius: 6px; border:1px solid #5e95c4; margin-bottom: 10px}
.login_btn{width: 100%; font-size: 1.4em; text-align: center; background: #176ec8 url(/images/common/login_10.png)no-repeat center center; background-size: 51px 20px; text-indent:-9999em;  color: #fff; display: block;height: 45px; line-height: 45px; border-radius: 6px; margin-bottom: 10px; outline: none; border:none; }
.id_save label {margin-left: 5px}
#footer{margin:0 auto; text-align: center;color: #666; font-size: 1.1em; margin-bottom:10px;}
@media(min-width: 320px){
	.login_wrap .login_area .vi_img{ text-align: center; padding-top: 40px; width: 100%; height:auto}
	.login_wrap .login_area .vi_img img{width:200px; height:auto}
}
@media(min-width: 375px){
	.login_wrap .login_area .vi_img img{width:270px; height:auto}
}

@media(min-width: 768px){
	.login_wrap .login_area {max-width: 402px; padding-top: 150px }
}
@media(min-width: 1024px){
	.login_wrap .login_area {max-width: 402px; padding-top: 80px }
}

/*메인*/
.main_wrap{background:url(/images/common/main_bg.png) no-repeat; height: 100%; width: 100%; background-size: cover; min-height: 500px}
.main_wrap .main_area {max-width: 360px; margin:0 auto;position:relative;}
.main_wrap .main_area h2{ text-align: center; padding-top: 40px}
.main_wrap .main_area .vi_img{ text-align: center; padding-top: 10px; width: 100%}
.main_wrap .main_area .main_txt{text-align: right; margin-top: 10px;padding-right:30px}
.main_menu_area{ display: block; margin:17px auto 17px; width: 300px }
.main_menu_area .menu_btn{position: relative; line-height: 48px; margin-left:28px }
.main_menu_area .menu_btn .arrow{position: absolute; right: 24px; top:0px }
.btn_login_out{position: absolute; right: 50px; top: 17px; background: #6eacdc; display: block; border-radius: 3px; font-size:1.2em; color:#fff;padding:7px; border:1px solid #467AA2;}
.main_area .btn_help {position: absolute; right: 5px; top: 7px; }
.main_area .icon_help { height: 22px; width: 22px; position: absolute; right: 14px; top: 12px; background-position: -62px 0px;  }
.main_menu_area .menu_01{ background: #4e92ca; height: 48px;
 background: -webkit-linear-gradient(#6eacdc,#367ebb);
 background:-o-linear-gradient(#6eacdc,#367ebb);
 background:-moz-linear-gradient(#6eacdc,#367ebb);
 background: linear-gradient(#6eacdc,#367ebb);
border-radius: 5px; border:1px solid #5892c0;
-webkit-box-shadow : inset 0 0 5px #8dbee4;
-moz-box-shadow : inset 0 0 5px #8dbee4;
box-shadow: inset 0 0 5px #8dbee4;
}
.main_menu_area .menu_01 a{display:block; height:48px;background: url(/images/common/main_15.png)no-repeat 0 8px; background-size: 30px 32px; padding-left: 45px}
.main_menu_area .menu_num {font-size:2.2em; font-weight:bold; color: #ffde00; vertical-align: middle; position:absolute; right:47px; text-align:left}
.main_menu_area .menu_02{ background: #4e92ca; height: 48px; margin-top:10px;
 background: -webkit-linear-gradient(#9ed783,#5aad43);
 background:-o-linear-gradient(#9ed783,#5aad43);
 background:-moz-linear-gradient(#9ed783,#5aad43);
 background: linear-gradient(#9ed783,#5aad43);
border-radius: 5px; border:1px solid #59aa49;
-webkit-box-shadow : inset 0 0 5px #acdd95;
-moz-box-shadow : inset 0 0 5px #acdd95;
box-shadow: inset 0 0 5px #acdd95;
}
.main_menu_area .menu_02 a{display:block; height:48px;background: url(/images/common/main_25.png)no-repeat 0 8px; background-size: 38px 32px; padding-left: 45px}

.main_menu_area .menu_03{ background: #217890; height: 48px; margin-top:10px;
 background: -webkit-linear-gradient(#42a4bf,#217890);
 background:-o-linear-gradient(#42a4bf,#217890);
 background:-moz-linear-gradient(#42a4bf,#217890);
 background: linear-gradient(#42a4bf,#217890);
border-radius: 5px; border:1px solid #338599;
-webkit-box-shadow : inset 0 0 5px #5cb1c8;
-moz-box-shadow : inset 0 0 5px #5cb1c8;
box-shadow: inset 0 0 5px #5cb1c8;
}
.main_menu_area .menu_03 a{display:block; height:48px;background: url(/images/common/main_28.png)no-repeat 0 8px; background-size: 32px 34px; padding-left: 45px}

@media(min-width: 630px){
	.main_wrap{ min-height: 650px}
}

@media(min-width: 768px){
	.main_menu_area{ margin:47px auto 47px; }
	.main_wrap .main_area .vi_img{padding-top: 40px; width: 100%}
	.main_wrap .main_area {max-width: 402px; padding-top: 140px }
	.main_wrap .main_area .main_txt{padding-right:50px}
	.btn_login_out{right: 68px; top: 157px; }
	.main_area .btn_help {position: absolute; right: 25px; top: 147px; }
	.user_name{position:absolute;right: 140px;top: 166px;text-align:right;font-size:13px;color:#666;}


}
@media(min-width: 1024px){
	.main_wrap .main_area {max-width: 402px; padding-top: 60px }
	.main_wrap .main_area .main_txt{padding-right:50px}
	.btn_login_out{right: 68px; top: 77px; }
	.main_area .btn_help {position: absolute; right: 25px; top: 67px; }
	.user_name{position:absolute;right: 140px;top: 87px;text-align:right;font-size:13px;color:#666;}

}

/* pagingWrap */
.pagination 							{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li 						{display: inline;}
.pagination > li > a,
.pagination > li > span 				{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff ;border: 1px solid #ddd; font-size:1.2enm}
.pagination > li:first-child > a,
.pagination > li:first-child > span 	{ margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span 		{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus 			{ color: #333; background-color: #f0f0f0;}
/* .pagination > .active 					 { font-size:11px;position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff ;border: 1px solid #ddd;} */
.pagination > .active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus 		{  z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus 		{ color: #777; cursor: not-allowed; background-color: #929292; border-color: #ddd;}
.pagingWrap { text-align:center;}
.pagination > li:first-child > a,
.pagination > li:first-child > span 	{ border-radius:0 !important;}
.pagination > li:last-child > a,
.pagination > li:last-child > span 		{ border-radius:0 !important;}


.t-area {position: relative; width: 100%}
.t-area .info{line-height: 40px; float: left;}
.t-area .info input{width: 100px; vertical-align: middle; margin-top: 6px}
.t-area .group-input{ }
.t-area .group-btn { text-align: right }
.t-area .group-btn a{width: 47px; font-size: 1.2em;height: 38px; display: inline-block;text-align: center;line-height: 40px; background: #fff; color: #666; border:1px solid #999;}
.t-area .group-btn a+a{margin-left: -1px}

.t-area .group-btn a.on{background: #666; color:  #fff; border-color: #666; position: relative; z-index: 1}
.t-area .group-btn a.ic_o.on{background: #1c3d9d; color: #fff; border-color: #1c3d9d;}
.t-area .group-btn a.ic_x.on{background: #c12525; color: #fff; border-color: #c12525;}
.t-area .group-btn a.ic_b.on{background: #50c125; color: #fff; border-color: #50c125;}

.in-area{position: relative;}
.in-area dt{ display: inline-block; float: left; width: 100px; line-height: 30px }
.in-area dd{ padding-left: 100px }
.in-area dd input{width: 100%}

/* fix jQuery UI */
.datepicker{width: 100px !important; display: inline-block !important;}
.ll-skin-melon .ui-datepicker { width:250px; z-index:10;}
.ll-skin-melon .ui-state-disabled,
.ll-skin-melon .ui-widget-content .ui-state-disabled,
.ll-skin-melon .ui-widget-header .ui-state-disabled { opacity:1;}
.ui-datepicker-trigger { cursor:pointer;}
.ll-skin-melon .ui-widget { background:#4d5b69;}
.ll-skin-melon .ui-datepicker td { background:#337ab7; color: #fff;height: 25px}
.ll-skin-melon .ui-datepicker td a{ color: #fff !important; text-decoration: none; display: block; height: 100%; line-height: 25px}


.d-view {border-bottom:1px solid #ddd;position: relative; text-align: left; overflow: hidden; line-height: 30px; padding-bottom:5px;padding-top:5px;}
.d-view .d-btn{display:inline-block;margin-left: 7px}
.d-view label{padding-left: 3px; font-size: 1.2em}
.data_list_tbl .btn_area span a{font-size:1.0em;}
.data_list_tbl tr.active td{background:#e4efff;}


/*팝업공통*/
.popWrap { background:#f2efec; min-height:700px; }
.popBg { position:absolute; top:0; left:0; width:100%; height:100%; }
.popbggray { width:100%; height:100%; background:rgba(0,0,0,0.5); }
.popBox {  background:#e4ddd5; width:80%; position:absolute; top:12%; left:50%; margin-left:-40%; border-radius:10px; }
.popBox .header { text-align:center; font-size:1.4em; background:#f6f1eb; padding:10px 0; border-top-left-radius:10px; border-top-right-radius:10px; }
.popBox .header h1 {  font-size:1.4em; letter-spacing:-2px; line-height:30px; color: #333}
.popBox .contents { padding:10px; border-bottom:solid 1px #c5beb6; min-height:352px; }
.popBox .tel{min-height: 100px; text-align: center; font-size:14px; color: #333}
.txt1{padding:20px 0; line-height: 80px}
.popBox .btnBox { width:100%; margin:15px auto; text-align: center; }
.duo3{margin:0 auto; display: block;}
.popBox .btnBox span{display: inline-block}
.popBox .closeBtn { display: block; padding:10px; margin:0 auto; width: 40px; text-align: center; font-size:1.2em;  }

.search-area{width: 100%}
.search-area input,.search-area select,.search-area .btn{width: 100%}
.tbl_head table{border-bottom:none;}
.tbl_body{overflow-y:auto; height: 175px}
.tbl_body table{border-top:none;}


.error-area{margin:0 auto; text-align: center;  font-size: 1.2em; line-height: 1.2em; color: #333; position: absolute; top: 50% ; left: 50%; margin-left: -150px; margin-top: -120px}
.error-area .title{font-size: 1.4em; line-height: 1.4em; color: #25589c;}
.error-area .info{padding-top: 10px; border-bottom:1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.5em}
.error-area .error-btn .btn{font-size: 1.1em; padding:10px;}


.file_info{position: relative;}
.file_upload {}
.file_upload label {display: inline-block; padding:6px 12px;margin-bottom: 0;font-size: 13px;font-weight: normal;height:18px; line-height:18px;text-align: center;white-space: nowrap;vertical-align: middle;
	  -ms-touch-action: manipulation;
	      touch-action: manipulation;
	  cursor: pointer;
	  -webkit-user-select: none; 
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	  background-image: none;
	  border: 1px solid transparent;
	  display: inline-block; background: #d7d7d7; font-size: 1.2em; color: #333; border:1px solid #999;border-radius: 3px; position: absolute; right: 0; top: 0}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0);border:0;}

.ui-datepicker{z-index: 1111 !important}
.ui-datepicker-trigger{margin-left:3px}
.ui-datepicker{z-index: 1111 !important}
.pic_area{width:100%; overflow: hidden}
.pic_area img{width:100%; height: auto}

.t-area .group-btn a.on{background: #666; color:  #fff; border-color: #666; position: relative; z-index: 1}

.t-area .group-btn a.ic_o2.on{background: #209908; color: #fff; border-color: #209908;}
.t-area .group-btn a.ic_x2.on{background: #d14717; color: #fff; border-color: #d14717;}

.inline-area{display: inline-block; float: left; margin-right: 10px }
.inline-area dl{margin:2px;}
.inline-area dt{display: inline-block; float: left; width:50px; line-height: 30px }
.inline-area dd{display: inline-block;float: left;}
.inline-area dd input[type="text"]{width:55px;display: inline-block;}

.form-inline input[type='text']{ display:inline-block; width:auto; vertical-align:middle;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border-radius:4px; border:1px solid #ccc; color:#1c94c4; font-weight:bold; border:none; padding:1px}

.help_sec{margin-bottom:20px; padding:0 0px; overflow: hidden}
.hepl_page_tit{font-weight: bold ;font-size: 1.4em; line-height: 32px;letter-spacing: -1px; color: #333}
.hepl_page_tit:before{ display:inline-block; width:6px; height:6px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.hepl_sec_tit{ font-size: 1.3em; line-height: 28px; letter-spacing: -1px;color:#333; font-weight: bold }
.help_txt01 {line-height: 20px; color:#333;font-size: 1.2em; }
.help_txt02 {line-height: 20px; margin-left: 7px;color:#333; font-size: 1.2em;}
.help_txt02:before{ display:inline-block; width:3px; height:3px; background:#333; border-radius:2px;margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}

.help_img{ margin:0 auto;width:75%;height: auto; text-align:center;border:1px solid #ddd; overflow: hidden;padding:5px;}
.help_img img{width: 100%; height: auto; max-width: 412px}
.u_list{margin-left: 16px}
.u_list1{margin-bottom:15px;margin-left: 22px}
.u_list li:before,.u_list1 li:before{display:inline-block; width:3px; height:3px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.u_list li,.u_list1 li {line-height: 22px;color:#333;font-size: 1.2em;}
.img_txt{text-align: center; margin-bottom: 20px; line-height: 22px; margin-top: 5px}
.lst_title{font-weight: bold; margin-left: 7px;color:#333;font-size: 1.2em;}
.lst_title:before{ display:inline-block; width:4px; height:4px; background:#fff; border-radius:2px; border:1px solid #000; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}
.lst_title1{font-weight: bold;  margin-bottom:7px; margin-top: 15px}
.lst_title1:before{ display:inline-block; color:#333; margin-right:5px; vertical-align:middle; content:"*";}


/* 심규승 추가 */
.content_tit{font-weight: bold ;font-size: 1.3em; line-height: 20px;letter-spacing: -1px; color: #333}
.content_tit:before{ display:inline-block; width:6px; height:6px; background:#333; border-radius:2px; margin-right:5px; margin-top:-4px; vertical-align:middle; content:"";}

/* 2019807 추가 */
.main_menu_area .menu_04{ background: #556fc6; height: 48px;
 background: -webkit-linear-gradient(#556fc6,#455898);
 background:-o-linear-gradient(#556fc6,#455898);
 background:-moz-linear-gradient(#556fc6,#455898);
 background: linear-gradient(#556fc6,#455898);
border-radius: 5px; border:1px solid #192f79;
-webkit-box-shadow : inset 0 0 5px #a1b5f8;
-moz-box-shadow : inset 0 0 5px #a1b5f8;
box-shadow: inset 0 0 5px #a1b5f8;
margin-top:10px
}
.menu_04 .menu_btn{margin:0 auto; display: block; text-align: center}

.btn_table {
	min-width: 50px;
	height: 23px;
	line-height: 20px;
	padding: 0 6px;
	border: 1px solid #a1a1a1;
	border-radius: 1px;
	box-shadow: 0 1px 0 #e9e9e9, inset 0 0 1px #fff;
	background: url(../images/common/btn_table.png) repeat-x left top;
}

.td_imgUpload {
	vertical-align: top
}
.thumbList {
	position: relative;
	width: 307px;
	height: 251px;
	margin: 5px auto;
	background: url(../images/common/bg_compass.png) no-repeat center center;
}

.thumbList * {
	vertical-align: top;
}

.preList img,
.thumbList img {
	width: 88px;
	height: 70px;
	border: 1px solid #dfdfdf;
	background-color: #fafafa;
	text-align: center;
}

.thumbList img {
	position: absolute;
	margin: 4px;
}

.thumbList .img_n {
	top: 0;
	left: 50%;
	margin-left: -45px;
}
.thumbList .img_ne {
	top: 0;
	right: 0;
}
.thumbList .img_e {
	top: 50%;
	right: 0;
	margin-top: -36px;
}
.thumbList .img_se {
	bottom: 0;
	right: 0;
}
.thumbList .img_s {
	bottom: 0;
	left: 50%;
	margin-left: -45px;
}
.thumbList .img_sw {
	bottom: 0;
	left: 0;
}
.thumbList .img_w {
	top: 50%;
	margin-top: -36px;
	left: 0;
}
.thumbList .img_nw {
	top: 0;
	left: 0;
}
.preList {
	padding: 2px;
	border-top: 1px solid #b0c4e1;
	text-align: center
}
.preList li {
	display: inline-block;
}
.preList * {
	vertical-align: top;
}
.preList button {
	display: block;
	width: 90px;
	margin: 0 2px 2px;
	height: 16px;
	line-height: 12px;
	border-color: #bcbcbc;
	overflow: hidden;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
	background: url(../images/common/ico_delete.png) no-repeat center center;
}

#Header .icon_back { height: 22px; width: 22px; position: absolute; left: 14px; top: 12px ;background-position: -0px -310px;   }
.search_box{margin-bottom:10px;overflow:hidden;border:1px solid #dbdbdb; background:#f9f9f9; padding:10px}
.search_box dl{height:36px; }
.search_box dt{margin-bottom:5px;float:left; display:inline-block; width:20%;color:#333; font-size:1.3em; line-height:30px;font-weight: bold  }
.search_box dd{margin-bottom:5px;float:left; display:inline-block; width:80%; }
.search_box dd input{ width:100%}
.search_box #btn_search{width:100%;background:#176ec8; border:none; margin-top:5px}
#ContentP {position: relative; padding-bottom: 53px; }
.btn_model2 {height: 45px; font-size: 1.5em; line-height: 45px; vertical-align: top;text-align: center;background:#91969b; color: #fff; border-radius: 6px}
.btn_model3 {height: 45px; font-size: 1.5em; line-height: 45px; vertical-align: top;text-align: center;background:#91969b; color: #fff; border-radius: 6px}
.btn_model3.on{background: #176ec8}
.btn_model2.on{background: #176ec8}
.btn_model2{height: 35px; line-height: 35px; width: 80px; margin: 0px 0 10px 80px;}
.btn_model3{height: 35px; line-height: 35px; width: 80px; margin: 0px 0 10px 160px;}

.imgThumb img {
	float: left;
	width: 270px;
	height: 200px;
}

.imgFile_mi img {
	margin-left: 4px;
	display: block;
	width: 280px;
	height: 200px;
}

.imgFile img {
	margin-left: 45px;
	display: block;
	width: 300px;
	height: 200px;
}

.tableBtn_wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	/* height: 23px; */
}

.tableBtn_wrap button,
.tableBtn_wrap .ui-datepicker-trigger {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.table_row .tableBtn_wrap label {
	padding: 0 4px 0 20px;
}

.table_row .tableBtn_wrap label:first-child {
	padding-left: 4px;
}

.tableBtn_wrap_btn {
	padding-right: 50px;
}


.btn_table_up {
	min-width: 50px;
	width: 50px;
	height: 50px;
	line-height: 20px;
	padding: 0 6px;
	border: 1px solid #a1a1a1;
	border-radius: 1px;
	box-shadow: 0 1px 0 #e9e9e9, inset 0 0 1px #fff;
	background: url(../images/common/btn_table.png) repeat-x left top;
}

.tbl_area_tbl table { width:100%; border:solid 1px #c9c9c9;  }
.tbl_area_tbl table caption { margin-bottom:10px; }
.tbl_area_tbl th { background:#e3ebf5; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9;  padding:6px 2px; color:#333; font-size:1.3em; line-height:22px;font-weight: bold  }
.tbl_area_tbl td { background:#fff; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; padding:6px 2px; color:#333; text-align:center;  font-size: 1.2em; line-height: 22px }
.tbl_area_tbl td:last-child { /* text-align:left;  */border-right:none; }
.tbl_area_tbl th:last-child { border-right:none; }
.tbl_area_tbl tr:last-child td,.tbl_area_tbl tbody tr:last-child th { border-bottom:none; }
.tbl_area_tbl td li { padding-bottom:10px }
.tbl_area_tbl td li:last-child { padding-bottom:0; }
.tbl_area_tbl .btn{font-size: 1.0em;padding:5px 0px; }
.tbl_area_tbl  select,.tbl_area_tbl  textarea,.tbl_area_tbl {font-size: 1.0em; display: block; width: 100%}
.tbl_area_tbl  input[type="text"] {font-size: 1.0em; }
.tableBtn_wrap_laln  input[type="text"]{font-size: 1.0em; display: block; width: 100%}
.tableBtn_wrap_chan  input[type="text"]{font-size: 1.0em; width: 100%}
.tableBtn_wrap_laln {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.tableBtn_wrap_laln button,
.tableBtn_wrap_laln .ui-datepicker-trigger {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}