@charset "utf-8";
@import url("webfont.css");

/************************************************************************
 * 파일명      : base.css
 * 설명        : 기본_공통
 * 작성자      : 박수림
 * 작성일      : 2020.07.10
************************************************************************/


*{ margin:0; padding:0;}
body {height:100%; font-family:"NotoM","dotum",sans-serif; font-size:0.75em; color:#333; line-height:170%; letter-spacing:-0.05em;}
pre, div, ul, ol, dl, p, td, th, input, textarea, select {font-family:"NotoM", sans-serif; font-size:14px;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;}
img, fieldset{ border:none; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
img, fieldset {border:0 none; vertical-align:middle;}
caption, legend { display:none; }
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number]{ height:24px; border-radius:3px; border:1px solid #d7d7d7; font-family:inherit; color:#333; }
input[type=button]{ font-family:inherit; cursor:pointer; outline:none;}
textarea {border:1px solid #ccc; color:#333; font-family:inherit; }
select {height:23px; -webkit-height:26px; border-radius:3px; border:1px solid #d7d7d7; color:#333; font-family:inherit; background:#fff;}
h1, h2, h3, h4, h5, th, b {font-weight:500;}
i {font-style:normal;}
label {font-weight:normal;}

/* Link */
a {text-decoration:none; color:#333;}
a:hover, a:active {text-decoration:none; color:#1a58cc;}
input,select,option {font-size:14px; height:24px; font-family:"dotum", sans-serif; color:#515151; vertical-align:middle;}


/* form */
select,input {vertical-align:middle; word-break: break-all;}
input.text { height:23px; border:1px solid #e0e0e0; line-height:20px;}
input.disable {height:23px; border:1px solid #e0e0e0; background:#f8f8f8; line-height:20px;}
textarea.textarea {font-family:"", sans-serif; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%;  width:150px; height:120px;}


.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm {vertical-align:middle;}

.bold {font-weight:bold;}

.hid {overflow:hidden; font-size:0; color:#fff;} 

/* color */
.f_red {color:#de1549;}
.f_blue {color:#0000ff; margin-left: 0px;}

/* width */
.w_40 {width:40px;}
.w_60 {width:60px;}
.w_80 {width:80px;}
.img_90{width:90%;}


/* margin */ /* 200727 */
.mg2 {margin:2px;}
.mg_b30 {margin-bottom:30px;}
.mg_t10 {margin-top:10px;}
.mg_tb15 {margin:15px 0;}
.mg_l8 {margin-left:8px;}

/* logo */
.mainlogo {background-image:url(../img/logo.gif); left:0;}
.gnb_logo01 {background-image: url(../img/gnb_img01.gif); left:0;}

/*20230213 추가*/
#popBody {height:100%; font-family:"NotoM","dotum",sans-serif; font-size:0.75em; color:#333; line-height:170%; letter-spacing:-0.05em; background:#e7ebf6;}

/* 알림 등록 모달  */
.index_popup {display: none; position: fixed; z-index: 99998; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.index_popup .popCont {position: absolute; top: 50%; left: 50%; background: #fff; width: 400px; height: 120px; transform: translate(-50%,-50%); border: 2px solid #3f75e7;}
.index_popup .popCont .close {display: block; position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: .3s;}
.index_popup .popCont .close i {font-size: 25px; margin: 13px 0 0 13px; transition: .4s;}
.index_popup .popCont .close:hover {background: #3f75e7;}
.index_popup .popCont .close:hover i {color: #fff; transform: rotate(90deg);}
.index_popup .popCont .popTit {font-size: 16px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff; margin-bottom: 1px}
.index_popup .popCont .popTitSub {font-size: 14px; font-family: 'NotoB'; padding: 12px 5px;}
.index_popup .popCont .popBtm {position: relative; width: 100%; height: calc(100% - 77px); padding: 5px 15px 0; box-sizing: border-box;}
.index_popup .popCont .popBtm .listWrap {position: relative;width: 100%; height: calc(100% - 70px); border: 1px solid #e6e6e6; padding: 15px 20px; box-sizing: border-box;}
.index_popup .popCont .popBtm .group_list {position: relative; width: 100%; height: calc(100% - 10px); overflow: auto;}
.index_popup .popCont .popBtm .group_list li {padding-right: 13px; font-size: 16px;}
.index_popup .popCont .popBtm .group_list li a:focus {color: #3f75e7; font-family: 'NotoM';}
.index_popup .popCont .popBtm .group_list li i {margin-right: 10px;}
.index_popup .popCont .popBtm .group_btn {position: relative; display: flex; justify-content: flex-end; width: 100%; height:50px;}
.index_popup .popCont .popBtm .group_btn .group_add {display: none; position: absolute; width: 100%; height: 100%; background: #fff; margin-top: 10px;}
.index_popup .popCont .popBtm .group_btn .group_add input {border: 1px solid #e6e6e6; width: calc(100% - 130px); padding: 5px 10px;}
.index_popup .popCont .popBtm .group_btn .group_add input:hover {cursor: text;}
.index_popup .popCont .popBtm .group_btn .group_add button {color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px;background: #3f75e7; border: none; line-height: 170%; font-family: 'NotoR'; margin-left: 10px; cursor: pointer;}
.index_popup .popCont .popBtm .group_btn .group_add a.return {margin-top: 0; margin-left:3px;}
.index_popup .popCont .popBtm .group_btn a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 5px 10px; border-radius: 3px; margin-top: 18px; margin-left: 5px; transition: .2s; width:60px; text-align : center;}
.index_popup .popCont .popBtm .group_btn a:hover {background: #264b9b;}
.index_popup .popCont .popBtm .group_btn a.add {background: #3f75e7;}
.index_popup .popCont .popBtm .group_btn a.add:hover {background: #3169e1;}
.index_popup .popCont .popBtm .group_btn a.add2 {background: #3f75e7;}
.index_popup .popCont .popBtm .group_btn a.add2:hover {background: #3169e1;}
.index_popup .popCont .popBtm .group_btn a.add3 {background: #3f75e7;}
.index_popup .popCont .popBtm .group_btn a.add3:hover {background: #3169e1;}
.index_popup .popCont .popBtm .group_btn a.init {background: #3f75e7;}
.index_popup .popCont .popBtm .group_btn a.init:hover {background: #3169e1;}
.index_popup .popCont .popBtm .group_btn a.save {background: #3f75e7;}
.index_popup .popCont .popBtm .group_btn a.save:hover {background: #3169e1;}
.index_popup .popCont .popBtm .group_btn a.del {background: #fa5858;}
.index_popup .popCont .popBtm .group_btn a.del:hover {background: #f5a9a9;}


/*담당자 알림 등록 모달  */
.index_up_popup {display: none; position: fixed; z-index: 99998; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.index_up_popup .popCont {position: absolute; top: 50%; left: 50%; background: #fff; width: 410px; height: 210px; transform: translate(-50%,-50%); border: 2px solid #3f75e7;}
.index_up_popup .popCont .close {display: block; position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: .3s;}
.index_up_popup .popCont .close i {font-size: 25px; margin: 13px 0 0 13px; transition: .4s;}
.index_up_popup .popCont .close:hover {background: #3f75e7;}
.index_up_popup .popCont .close:hover i {color: #fff; transform: rotate(90deg);}
.index_up_popup .popCont .popTit {font-size: 16px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff; margin-bottom: 10px}
.index_up_popup .popCont .popTitSub {font-size: 14px; font-family: 'NotoB'; padding: 12px 5px;}
.index_up_popup .popCont .popTitSub span{display: block;}
.index_up_popup .popCont .popBtm {position: relative; width: 100%; height: calc(100% - 77px); padding: 5px 15px 0; box-sizing: border-box;}
.index_up_popup .popCont .popBtm .listWrap {position: relative;width: 100%; height: calc(100% - 70px); border: 1px solid #e6e6e6; padding: 15px 20px; box-sizing: border-box;}
.index_up_popup .popCont .popBtm .group_list {position: relative; width: 100%; height: calc(100% - 10px); overflow: auto;}
.index_up_popup .popCont .popBtm .group_list li {padding-right: 13px; font-size: 16px;}
.index_up_popup .popCont .popBtm .group_list li a:focus {color: #3f75e7; font-family: 'NotoM';}
.index_up_popup .popCont .popBtm .group_list li i {margin-right: 10px;}
.index_up_popup .popCont .popBtm .group_btn {position: relative; display: flex; justify-content: flex-end; width: 100%; height:50px;}
.index_up_popup .popCont .popBtm .group_btn .group_add {display: none; position: absolute; width: 100%; height: 100%; background: #fff; margin-top: 10px;}
.index_up_popup .popCont .popBtm .group_btn .group_add input {border: 1px solid #e6e6e6; width: calc(100% - 130px); padding: 5px 10px;}
.index_up_popup .popCont .popBtm .group_btn .group_add input:hover {cursor: text;}
.index_up_popup .popCont .popBtm .group_btn .group_add button {color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px;background: #3f75e7; border: none; line-height: 170%; font-family: 'NotoR'; margin-left: 10px; cursor: pointer;}
.index_up_popup .popCont .popBtm .group_btn .group_add a.return {margin-top: 0; margin-left:3px;}
.index_up_popup .popCont .popBtm .group_btn a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 5px 10px; border-radius: 3px; margin-top: 18px; margin-left: 5px; transition: .2s;}
.index_up_popup .popCont .popBtm .group_btn a:hover {background: #264b9b;}
.index_up_popup .popCont .popBtm .group_btn a.add3:hover {background: #3169e1;}
.index_up_popup .popCont .popBtm .group_btn a.init {background: #3f75e7;}
.index_up_popup .popCont .popBtm .group_btn a.init:hover {background: #3169e1;}
.index_up_popup .popCont .popBtm .group_btn a.save {background: #3f75e7;}
.index_up_popup .popCont .popBtm .group_btn a.save:hover {background: #3169e1;}
.index_up_popup .popCont .popBtm .group_btn a.del {background: #fa5858;}
.index_up_popup .popCont .popBtm .group_btn a.del:hover {background: #f5a9a9;}


/* accessible hidden text */
.txt_blind { 
	overflow: hidden; 
	display: inline-block; 
	position: absolute; 
	border: 0; 
	width: 1px; 
	height: 1px; 
	clip: rect(0, 0, 0, 0); 
	-webkit-clip-path: inset(50%); 
	clip-path: inset(50%); 
}

/*tool Tip*/
.inner_box .div_right .tit:hover span.def {display:block; position:absolute; background:#fff; font:13px "NotoR"; width:230px; border: 1px solid #000; padding:5px; text-align: left; }
.inner_box .div_right .tit span.def{display:none; z-index: 1;}
.inner_box .div_right .tit img.info {margin: 0 0 5px 5px;}