@charset "UTF-8";

button, html, input, select, textarea, md-select {font-family:'Noto Sans KR', sans-serif, cursive;}
.btn, .tbl_bottom .tbl_pager li .pager_aw {line-height: 0;}
md-dialog[role=alertdialog] md-dialog-content .md-dialog-content-body {line-height: 2em;}
md-dialog md-dialog-content .md-dialog-content-body > p {padding: 2px 24px; font-size: 16px; white-space: pre-wrap; color: inherit;}
md-dialog[role=dialog] .md-dialog-content .md-title {background: #159a80;}
md-dialog[role=alertdialog] .md-dialog-content .md-title {background: #fd493b;}
md-dialog[role=dialog] md-dialog-actions .md-button,
md-dialog[role=alertdialog] md-dialog-actions .md-button {color: #000 !important;}
body {height: auto;}

a:focus, input:focus, select:focus, button:focus, tr[role=button]:focus {outline: 2px dotted; outline: -webkit-focus-ring-color auto 1px;}
div.logo a:focus, div.setting_btn a:focus, tr[role=button]:focus, button.pager_aw:focus {outline-color: #dedfe0; outline-color: -webkit-focus-ring-color;}

.dialog_transparent md-dialog {background: transparent;}

.dialog_close {margin: -17px 13px 0px 0px; float: right;}

.md-datepicker-input-container input {min-width: 100px;}
.md-datepicker-input-container {border-bottom: none; width:100%}
.md-datepicker-input-container.md-datepicker-focused {border-bottom: none;}
.md-datepicker-input-container input {line-height:14px; padding:8px; border-radius:5px;}
.md-datepicker-input-container button.md-datepicker-triangle-button {right:8px;}
.md-datepicker-triangle-button .md-datepicker-expand-triangle {display: none;}
md-datepicker ~ span.search_between {font-size: 1.167em; color: #bcbec0;}
.md-datepicker-triangle-button.md-button.md-icon-button {
    height: 36px;
    width: 36px;
    background: url('/images/lems/user/icon_calendar.png;jsessionid=0B14BF471CCE43BDFB65AA10193013E2') 60% 15% no-repeat;
}

form [data-ng-messages] {clear:left; overflow:hidden;}
form [data-ng-messages] [data-ng-message] {padding:5px 0 0 0; overflow:hidden; font-size: 12px; line-height: 14px; color:#fd493b;}
.invalid_message {padding:5px 0 0 0; overflow:hidden; font-size: 12px; line-height: 14px; color:#fd493b;}

#layerPop{display:none;}
.popup_warp{width:100%; background-color:#f3f2f6; padding:20px; border-radius:5px; box-sizing:border-box;}
.popup_warp .popup_tit{font-size:1.333em; font-weight:700; color:#4c595f; line-height:50px; padding-bottom:10px; float: left;}
.popup_warp .popup_con{margin-top:20px;}
.popup_title_wrap {width: 100%; height: 60px; border-bottom: 1px solid #4c595f;}
.btn_popup_close {font-size:50px;color: #000;border: none;background: none;}
.popup_search {width:300px!important;}
.popup_search_form {width:100%;}
.popup_select {float: left;}
.popup_top_1th {text-align: left; margin: 10px 0 10px 0; padding-bottom: 10px;}

.popup_sel_cancl {font-size: 30px;background: none;margin-top: -5px;opacity: 0.6;float: left!important;}
.btn {width:108px;height:47px;border:0;border-radius:3px;font-size:18px;font-weight:700;color:#fff;}
.btn_s {width:68px;height:42px;border:0;border-radius:3px;font-size:15px;font-weight:600;color:#fff;}
.form_btn {width:100%;height:50px;border:0}
.search_btn_no_background {border: none;background: none;line-height: 38px;}
@media screen and (max-width:400px){
	.btn {width:68px;height:42px;border:0;border-radius:3px;font-size:15px;font-weight:600;color:#fff;}
}

.btn:disabled, .btn_s:disabled {color:#fff;background: rgba(166,166,166,0.7);}
.form_btn:disabled {color:#fff;background: rgba(166,166,166,0.7);}

tbody tr.on{background-color:#fffadb;}
tbody tr td a {text-decoration-line: underline!important;}
.tr_border {padding:15px;color:#575757;border:1px solid #dadada;border-width:0 0 1px 0;height: 53px;}
div.wtype_search {float:left; margin-right:10px;}
.edit_div {margin-top:10px;}
.edit_div > button {float:right;}
.edit_div > button:not(:first-child) {margin-right: 10px;}

.t_board_w_attachment .lf-ng-md-file-input {flex-direction: column-reverse; margin: 0;}
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container {border: inherit; box-shadow: inherit; background-color: inherit; flex-direction: row-reverse; margin-bottom: 4px;}
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption {display: none;}
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button {background-color: transparent; padding: 0px;}
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button .lf-icon {height: 42px; width: 42px; margin: 2px; float: right;}
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button-submit,
.t_board_w_attachment .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button-remove {display: none;}

div.no_data{padding:120px 20px; box-sizing:border-box; color:#bdbec0; text-align:center;}
div.no_data p{margin-top:15px;}
.no_data_list {height:530px;}

.txt_style > ul > li {margin-bottom: 8px;}

.navi ul li a.current_menu {font-weight:700;color:#d50000;font-size:2rem;}

.sub_title {display: none;}
@media screen and (max-width:1600px){
	.top_wrap {position:fixed; top:0; z-index:10;}
	.top_wrap.has_top_banner {top:120px;}
	.sub_title {display: block; background-color:#fff; padding:25px 0; border:1px solid #cccccc; border-width:0 0 1px 0; margin-top: 98px;}
	.sub_title.has_top_banner {margin-top: 218px;}
}
@media screen and (max-width: 1280px) {
	.sub_title {margin-top: 80px; padding:20px 0;}
	.sub_title.has_top_banner {margin-top: 200px;}
}
@media screen and (max-width:800px){
	.sub_title {margin-top: 60px; padding:16px 0;}
	.sub_title.has_top_banner {margin-top: 180px;}
}
@media screen and (max-width:640px){
	.sub_title {margin-top: 50px; padding:12px 0;}
	.sub_title.has_top_banner {margin-top: 170px;}
}

md-sidenav.m_navi {position:fixed;}

.offline_dt {text-align:center; margin-bottom:30px; font-size: 18px; color: #d50000;}

.dtl_view {border: 1px solid #cccccc; border-width: 1px 0 0 0; background-color: #fff; font-size: 16px; line-height: 22px; }
.dtl_view > div:nth-child(odd) {padding:15px; text-align:center; font-weight:normal;}
.dtl_view > div:nth-child(odd):not(:last-child) {background-color:#3f4f64; color:#fff; border:1px solid #798493; border-width:0 1px 1px 0;}
.dtl_view > div:nth-child(even) {padding:15px; color:#767676; text-align:left; border:1px solid #cccccc; border-width:0 0 1px 0;}
.dtl_view div.dtl_view_title {padding: 5px 15px; text-align:left;}
.dtl_view.unity_bbs_reply > div:nth-child(odd):not(:last-child) {background-color:#2f5c96;}
.unity_bbs_reply_title {width: 100%; padding:15px; background-color:#3f4f64; color:#fff; text-align:center; font-size: 16px; font-weight:normal; border:1px solid #798493; border-width:1px 1px 0 1px;}

.lvlab_chkbox {margin: 3px;}
.lvlab_chkbox input {margin-right: 5px;}
.lvlab_li {margin: 10px 0 10px 0!important;border-top:1px dashed #ccc;padding:10px 0 0 0}
.lvlab_li div:first-child {margin: 10px 0;}
.lvlab_search_btn {width: 50px;height: 50px;background-color: #3b3b3b;border: 0;}
.lvlab_dtladdr_span {width:49%!important;}
.lvlab_input_no_border_radius {border:1px solid #949494!important;border-radius:0!important;}
.lvlab_div {margin:0!important; width:50%!important;}
.lvlab_ul {list-style: inside!important;}
@media screen and (max-width:800px){
	.lvlab_ul {font-size:14px;}
}

.csnst_div {margin: 30px 0;border-top: 1px dashed #ccc;padding: 15px 0 0 0;}
.csnst_list div.csnst_div:first-child {margin: 0px; padding: 0px; border-top: none;}

.vert_center {display: flex; justify-content: center; flex-direction: column;}

.bor1_dashed {border-top: 1px dashed #ccc;}

.wtype_calendar_list span.csnst_disabled {width: 100%; padding: 0 10px; line-height: 42px; font-size: 14px;}
.research_list.csnst_update {margin: 0px;}
.research_list.csnst_update ul li:first-child {margin: 0px; padding: 0px; border-top: none;}
.lvlabComp_list div.bor1_dashed:first-child {margin: 0px; padding: 0px; border-top: none;}

.wtype_search span:nth-child(2) {padding: 0px;}

.bbs_wtype button.btn_color_s {width:68px;height:45px;font-size:15px;}
@media screen and (max-width:800px){
	.bbs_wtype button.btn_color_s {width:60px;height:42px;;font-size:14px;}
}
.search_w_calc_60 {width:calc(100% - 60px);}

.search_input_h50 {height: 50px;}

md-select{font-size:16px;}

.offline_chart {width: 145px;height: 145px;font-size: 145px!important;color: #AAA9AC;}

.md-button.md-icon-button.logout_btn {margin: 0px 0px 0px 20px}

.fab_div {margin-left: auto; margin-right: auto; position: fixed !important;bottom: 40px; left: auto; right: 0px; top: auto;}
.fab_reg_btn:disabled {color:#fff!important; background: rgba(166,166,166,1)!important;}
.fab_reg_btn {background-color:#004eb3!important;}
.fab_btn_border {border: 1px solid #fff;}

.rb_grp {margin:10px 0 0 0; font-size:16px; color:#5a5a5a;}
.rb_grp > span {display: inline-flex; align-items: center; position: relative;}
.rb_grp > span:not(:last-child) {margin-right: 30px;}
.rb_grp > span label, .rb_grp > span input[type='radio'] {cursor:pointer;}
.rb_grp input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; height:22px; width:22px; background-color:#fff; border-radius:50%; border:1px solid #949494; margin-right: 8px;}
.rb_grp input[type='radio']:after {content:""; position:absolute; top:4px; left:4px; width:14px; height:14px; border-radius:50%; background-color:#3a3a3a; display:none;}
.rb_grp input[type='radio']:checked:after {display:block;}

.bbs_ltype tbody tr.notice_bbs {background-color: #ffebeb;}
.bbs_ltype tbody tr.notice_bbs td.notice_num {color: #d50000; font-weight: bold;}
.bbs_ltype tbody tr.notice_bbs td.notice_sj {font-weight: bold;}
.lvlab_checkbox {width:200px;}
.secret_yn {padding: 8px;}

.bbs_ltype tbody td.send_fail {color: #d50000;}

.top_banner {width: 100%; height: 120px; background: #e7cadc; display: flex; justify-content: center; align-items: center; position: relative;}
.top_banner .top_banner_img {height: 100%; max-width: 100%;}
.top_banner .top_banner_btn {border: 0; position: absolute; bottom: 8px; right: 8px;} 
@media screen and (max-width:1600px){
	.top_banner {position: fixed; top: 0px; z-index: 10;}	
}
@media screen and (max-width:600px){
	.top_banner .top_banner_btn {top: 0px; right: 0px; bottom: inherit;}
}