@charset "utf-8"; 


/*-------------Fonts---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Ek+Mukta:200,300,400,500,600,700,800&subset=devanagari,latin-ext');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');

h1 {font-size:5rem;line-height:5.6rem;}
h2 {font-size:4rem;line-height:4.6rem;}
h3 {font-size:3rem;line-height:3.6rem;}
h4 {font-size:2rem;line-height:2.6rem;}
h5 {font-size:1.5rem;line-height:2rem;}

#loading-bar
{
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left:-16px;margin-top:-16px;
 background:transparent;
}

#eg-font {}

.fw-400 {font-weight:400;}
.fw-600 {font-weight:600;}

.mgb-05 {margin-bottom:0.5rem;}
.mgb-25 {margin-bottom:2.5rem;}

.pdleft-15 {padding-left:15px;}

.eg-wd-30 {width:25%;}
.eg-wd-70 {width:75%;}

a {
    color: #616f80;
  }
  
  a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
  }

  .row {margin-left:0;margin-right:0;}

.eg-copyright {padding:2rem;font-size:0.85rem;text-align:center;letter-spacing:0.05rem;}
.eg-copyright-logo img {margin:0 1rem;}

/* margin */
.mg-01 {margin:0.8rem 0 0.3rem 0;}

html {font-size:15px;line-height:21px;min-width:1200px;}
div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,span,table,tr,td,th,nav,header,footer,section {word-break: keep-all;word-wrap: break-word;box-sizing: border-box;}
body,html,div,p,span,input,section,ul,li,h1,h2,h3,h4,h5,h5,table,th,td{margin:0;padding:0;font-family:'Noto Sans KR','Malgun Gothic', arial ,sans-serif ;letter-spacing:-0.05rem;}
.eg-number-font {font-weight:400;font-family:'Roboto', arial ,sans-serif ;letter-spacing:-0.05rem;}
.eg-serif {font-family:serif;letter-spacing:-0.3rem !important;}
.white-color {color:#fff;}
.black-color {color:#000;}
.flboth:after{content:'';clear:both;display: block;height:0;}
.txt-center {text-align:center;}
.txt-left {text-align:left !important;}
.txt-right {text-align:right;}
img {max-width:100%;height:auto;border:0;} /* 반응형 이미지세팅 별도js와 함께 */
.imgblock {display:block;}

.body {position:relative;}
.eg-login-top {position:fixed;width:100%;top:0;padding:2rem 3rem;z-index:999;}
.eg-login-top a {color:#000;}
.eg-login-top a:hover {color:#2194a5;}
.eg-login-top a i {font-size:1.5rem;}
.eg-login-top div {float:left;width:50%;}
.eg-login-top div:nth-child(1) {text-align:left;}
.eg-login-top div:nth-child(1) img{margin-right:2rem;}
.eg-login-top div:nth-child(2) {text-align:right;}

.eg-sub-top {position:fixed;width:100%;top:0;padding:2rem 3rem 1rem;z-index:999;background:#fff;}
.eg-sub-top a {color:#000;}
.eg-sub-top a:hover {color:#2194a5;}
.eg-sub-top a i {font-size:2rem;}
.eg-sub-top div {float:left;width:50%;}
.eg-sub-top div:nth-child(1) {text-align:left;}
.eg-sub-top div:nth-child(1) > img{margin-right:2rem;}
.eg-sub-top div:nth-child(2) {text-align:right;}
.eg-sub-top div:nth-child(1) a {}
.eg-sub-top div:nth-child(2) a {margin-left:1.4rem;}
.eg-sub-top div .qa-bt {
    padding:0.3rem 1rem 0.5rem;background:#e44460;color:#fff;border-radius: 30px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.eg-sub-top div .qa-bt:hover {background:#d22d4a;}
.qa-bt.on {background:#1270a4 !important;}

.eg-login-wrap {
    display:flex;justify-content: center;align-items: center;
    position: absolute;left:0;top:0;width:100%;height:100%;
    background-image : url('../img/full-back-img.jpg');
	background-repeat : no-repeat;
    background-size : cover;
    padding:0 3rem;

}
.eg-login-wrap .eg-login-box {display:flex;background:#fff;width:100%;max-width:1200px; box-shadow: 2px 2px 10px #6d7578; -webkit-box-shadow:2px 2px 10px #6d7578;}
.eg-login-wrap .eg-login-box > div {width:50%;height:494px;padding:3rem;}
.eg-login-wrap .eg-login-box > div:nth-child(1){order:1;background:#fff;position:relative;}
.eg-login-wrap .eg-login-box > div:nth-child(1) label {font-weight:600;}
.eg-login-wrap .eg-login-box > div:nth-child(2){order:2;color:#fff;background:url('../img/login-house.jpg'); background-repeat : no-repeat;
    background-size : cover;}
.eg-login-wrap .eg-login-box > div:nth-child(2) span {color:#05fff6;}
.eg-login-wrap .eg-login-box > div:nth-child(2) p {font-weight:300;font-size:0.9rem;line-height:1.4rem;}

.eg-type {display:flex;justify-content:center; align-items:center;margin-bottom:2.5rem;width:250px;border-radius:30px;background:#e6e6e6;}
.eg-type div {text-align:center;width:50%;padding:0.4rem 0.2rem 0.4rem;font-weight:600;}
.eg-type div:hover {cursor:pointer;}
.eg-login-act {border-radius:30px;background:#e44460;color:#fff;}
.manage-txt {font-size:0.9rem;line-height:1.2rem;color:#8c9196;}
.guide-pop {position:absolute;font-weight:600;font-size:0.9rem;top:35px;right:0;padding:1rem 2rem;}
.guide-pop:hover {text-decoration: underline;cursor:pointer;}

.label-line {border-bottom:1px solid #d0dfe6;color:#042030;}

/* input */

.eg-wd01 {max-width:70%;}
.form-control {border-radius:0;border-color:#d0dfe6;}
.form-control:focus {
    border: 1px solid #d0dfe6;
    background: #d0dfe6;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;

  }
.form-control::-webkit-input-placeholder {
color: #d0dfe6;
}
.form-control::-ms-input-placeholder {
color: #d0dfe6;
}
.form-control::placeholder {
color: #d0dfe6;
}

label {margin-bottom:0;}

.eg-check-box {position:absolute;left:50%; transform:translateX(-50%);bottom:1.8rem;width:90%;}
.eg-check-box p {display:flex;align-items:center;margin-bottom:1rem;}
.eg-check-box button {
    width:100%;font-size:1.5rem;padding:1rem 1.3rem;color:#fff;background:#1270a4;border:0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.eg-check-box button:hover {background:#2194a5;}
.eg-check-box label {margin-left:0.7rem;font-size:0.8rem;font-weight:400;color:#042030;}
#privacy-check {width:25px;height:25px;background:#fff;border-radius:0;border-color:#d0dfe6 !important;}

/* TABLE */

.eg-bg {background:#fff;}

.eg-contract-wrap {
    
    padding:0 3rem 3rem 3rem;    
}
.eg-contract-wrap h4 {font-weight:600;color:#000;}
.eg-contract-wrap h5 {font-size:1.3rem;padding:1.1rem 1rem 1rem;font-weight:400;margin-bottom:2rem;color:#000;font-family:'Noto Sans KR','Malgun Gothic', arial ,sans-serif ;letter-spacing:-0.05rem;}
.eg-contract-wrap h5 span {margin:0 1rem;}
.eg-contract-wrap h6 {font-size:1.2rem;margin-bottom:1rem;color:#1270a4;font-family:'Noto Sans KR','Malgun Gothic', arial ,sans-serif ;letter-spacing:-0.05rem;}
.h4-list-title {background:#eceded;padding:1rem 1rem 1.3rem 1rem;}
.admin-search {margin:2rem 0;}
.manage-search-txt {padding:4rem 0 !important;}


table {width:100%;border:hidden;}
table th, table td {text-align:center;}
.contract-list > table tbody tr {background:#dce8ee;}
.contract-list > table tbody .list-on:hover {background:#c1dce9;cursor:pointer;}
.contract-list > table th, .contract-list > table td {padding:1rem 1.3rem;border:1px solid #fff;text-align:center;}
.contract-list > table th {background:#1270a4;color:#fff;font-weight:500;}
.customer-list tr th:nth-child(1) {width:10%;}
.customer-list tr th:nth-child(2) {width:55%;}
.customer-list tr th:nth-child(3) {width:15%;}
.customer-list tr th:nth-child(4) {width:10%;}
.customer-list tr th:nth-child(5) {width:10%;}

.manage-list tr th:nth-child(1) {width:15%;}
.manage-list tr th:nth-child(2) {width:50%;}
.manage-list tr th:nth-child(3) {width:15%;}
.manage-list tr th:nth-child(4) {width:10%;}
.manage-list tr th:nth-child(5) {width:10%;}


.qa-list > table tbody tr {background:#dce8ee;}
.qa-list > table tbody .list-on:hover {background:#c1dce9;cursor:pointer;}
.qa-list > table th, .qa-list > table td {padding:1rem 1.3rem;border:1px solid #fff;text-align:center;}
.qa-list > table th {background:#1270a4;color:#fff;font-weight:500;}


.contract-view > table tr {background:#dce8ee;-webkit-print-color-adjust:exact;-ms-print-color-adjust:exact;}
.contract-view > table th, .contract-view > table td {font-size:0.9rem;padding:1rem;border:1px solid #fff;}
.contract-view > table th {background:#1270a4;color:#fff;font-weight:500;-webkit-print-color-adjust:exact;-ms-print-color-adjust:exact;}
.contract-view-title {display:flex;width:100%;justify-content:center;align-items:center;background:#eceded;padding:1rem 1.5rem 1.3rem 1rem;}
.contract-view-title h4 {flex:1;text-align:left;}
.contract-view-title p {flex:1;text-align:right;}
.contract-info th {text-align:center;}
.contract-info td {text-align:left;}
.contract-detail {text-align:center;}
.contract-detail tr td:first-child {font-weight:600;}

.contract-fee tr td:first-child{font-weight:600;}

.view-number {text-align:right;}
.contract-mgt {margin-top:3rem;}
.contract-mgt02 {margin-top:1.2rem;}
.apt-total {font-weight:600;background:#95dbe6 !important;}
.contract-total {font-weight:600;background:#50c7d9 !important;}

.contract-list {
    margin-top:6rem;background:#fff;padding:1rem;box-shadow: 2px 2px 10px #97a7ae; -webkit-box-shadow:2px 2px 10px #97a7ae;
    font-family:'NanumBarunGothic',sans-serif;

}

.qa-list {
    margin-top:6rem;background:#fff;padding:1rem;box-shadow: 2px 2px 10px #97a7ae; -webkit-box-shadow:2px 2px 10px #97a7ae;
    font-family:'NanumBarunGothic',sans-serif;

}
.contract-view{
    margin-top:6rem;background:#fff;padding:1rem;box-shadow: 2px 2px 10px #97a7ae; -webkit-box-shadow:2px 2px 10px #97a7ae;
    font-family:'NanumBarunGothic',sans-serif;
    font-size:0.9rem;

}

/* search 관련 */
a:focus, a:active, button:focus, button:active {outline: none; box-shadow: none; }
.select-style { width: 100%; overflow: hidden; background: url("../img/select-arrow.png") no-repeat 90% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px }
.select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; }
.select-style select:focus { outline: none; border: none; box-shadow: none }
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input { padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0; width:100%;}

.up-search .top-search-sel {font-size:14px;padding:12px 20px;}
.up-search button {background:#fff;border:1px solid #d1d1d1;width:100%;padding:10px 20px 11px;line-height:normal;margin:0 0 20px 0;max-width:100%;resize:none;}

.up-search {text-align:right;position: relative;}
.up-search div {width:900px;float:right;display:flex;}
.up-search div div:nth-child(1) {width:51%;margin-right:1%;}
.up-search div div:nth-child(2) {width:15%;}
.up-search div div:nth-child(3) {width:25%;margin:0 1%;}
.up-search div div:nth-child(4) {width:7%;}
.up-search div div:nth-child(4) button {text-align:center;}

.dongho-search  input {width:32% !important;}
.up-search div div:nth-child(3) input:nth-child(2) {margin-right:2%;margin-left:2%;}


.up-search-05 .top-search-sel {font-size:14px;padding:12px 20px;}
.up-search-05 button {background:#fff;border:1px solid #d1d1d1;width:100%;padding:10px 20px 11px;line-height:normal;margin:0 0 20px 0;max-width:100%;resize:none;}

.up-search-05 {text-align:right;position: relative;}
.up-search-05 div {width:950px;float:right;display:flex;}
.up-search-05 div div:nth-child(1) {width:45%;margin-right:1%;}
.up-search-05 div div:nth-child(2) {width:36%;}
.up-search-05 div div:nth-child(3) {width:10%;margin:0 1%;}
.up-search-05 div div:nth-child(4) {width:7%;}
.up-search-05 div div:nth-child(4) button {text-align:center;}

.up-search-05 div div:nth-child(3) input:nth-child(2) {margin-right:2%;margin-left:2%;}






.dongho-search {display:none;}
.name-search {width:100% !important;}

.up-search2 .top-search-sel {font-size:14px;padding:12px 20px;}
.up-search2 button {background:#fff;border:1px solid #d1d1d1;width:100%;padding:10px 20px 11px;line-height:normal;margin:0 0 20px 0;max-width:100%;resize:none;}

.up-search2 {text-align:right;}
.up-search2 div {width:600px;float:right;display:flex;}
.up-search2 div div:nth-child(1) {width:25%;}
.up-search2 div div:nth-child(2) {width:62%;margin:0 1%;}
.up-search2 div div:nth-child(3) {width:11%;}
.up-search2 div div:nth-child(3) button {text-align:center;}
.up-search2 div div:nth-child(2) input {border:1px solid #d1d1d1;}



.top-search-site {font-size:14px;}
#site-search {padding:5px 30px 5px 10px !important;}
.select-style3 {display:inline-block;overflow: hidden; background: url("../img/select-arrow.png") no-repeat 97% 50%; border: 1px solid #d1d1d1;margin-bottom:20px;}
.select-style3 select {width:100%;border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; }
.select-style3 select:focus { outline: none; border: none; box-shadow: none }


.bg-transparent {background-color: transparent;}

.up-search input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 15px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
.up-search input[type="text"] { -webkit-appearance: none; outline: none; }
/* .up-search input:focus, textarea:focus{ border-color: #585858 !important; outline: none; } */
.up-search input:focus, textarea:focus, select:focus { outline: none; box-shadow: none; }

.up-search2 input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 15px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
.up-search2 input[type="text"] { -webkit-appearance: none; outline: none; }
/* .up-search input:focus, textarea:focus{ border-color: #585858 !important; outline: none; } */
.up-search2 input:focus, textarea:focus, select:focus { outline: none; box-shadow: none; }

.up-search-05 input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 15px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
.up-search-05 input[type="text"] { -webkit-appearance: none; outline: none; }
/* .up-search input:focus, textarea:focus{ border-color: #585858 !important; outline: none; } */
.up-search-05 input:focus, textarea:focus, select:focus { outline: none; box-shadow: none; }

/* q&a */
.manage-qa-list th:nth-child(1) {width:8% !important;}
.manage-qa-list th:nth-child(2) {width:45% !important;}
.manage-qa-list th:nth-child(3) {width:15% !important;}
.manage-qa-list th:nth-child(4) {width:12% !important;}
.manage-qa-list th:nth-child(5) {width:10% !important;}
.manage-qa-list th:nth-child(6) {width:10% !important;}

.eg-filesearch {position:relative;vertical-align: middle;margin-bottom: 5px;}
.eg-filesearch input[type='file'] {position:absolute;top:0px;right:0px;width:90px;height:40px;opacity:0;}
.eg-btnsearch {position: absolute; top:0;}
.eg-inputbox_search {font-size:1rem;border:1px solid #1270a4;padding:10px;margin-left:0.3rem;box-sizing:border-box;}
.eg-inputbox_search:hover {cursor:pointer;}
.eg-inputwd_file {width:20%;padding:10px;border: 1px solid #1270a4;background:#dce8ee;}
.eg-fileadd {font-size:1rem;border:1px solid #1270a4;padding:5px 10px;color:#1270a4;}

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

.qa-select .top-search-sel {font-size:14px;padding:12px 20px;}
.qa-select div {display:inline-block;float:left;}
.qa-select .select-style2 { overflow: hidden; background: url("../img/select-arrow.png") no-repeat 90% 50%; border: 1px solid #1270a4;}
.qa-select .select-style2 select { border: none; box-shadow: none; background-color: #dce8ee; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; }
.qa-select .select-style2 select:focus { outline: none; border: none; box-shadow: none }
.qa-select .small-select select {padding: 15px 15px; line-height: normal}
.qa-medium-input {border: 1px solid #1270a4; background:#dce8ee;padding: 12px 20px; font-size: 1.2rem; line-height: normal; border-radius: 0;width:70%;}
.qa-medium-input:focus {outline: none; box-shadow: none;}

.qa-board-write th {width:15%;}
.qa-board-write td {width:85%;text-align:left !important;}
.qa-board-write textarea {width:100%;font-size:1.1rem;height:400px;background:#dce8ee;padding:15px;margin:5px 0 0 ;border: 1px solid #1270a4;}
.qa-board-write textarea:focus {outline: none; box-shadow: none;border: 1px solid #1270a4; }
.qa-board-write a:hover {color:#000;}

.qa-board-view {margin-top:0.5rem;}
.qa-board-view th {padding:1rem 1.3rem;border:1px solid #fff;text-align:center;width:15%;background:#2294a6 !important;}
.qa-board-view td {padding:1rem 1.3rem;border:1px solid #fff;text-align:center;width:85%;background:#dce8ee;text-align:left !important;}
.qa-board-view textarea {width:100%;font-size:1.1rem;height:150px;background:#dce8ee;padding:15px;margin:5px 0 0 ;border: 1px solid #2294a6;}
.qa-board-view textarea:focus {outline: none; box-shadow: none;border: 1px solid #2294a6; }
.reply-info-bar {margin:0 1rem;font-size:0.8rem;}

.qa-board-view td span {font-weight:600;}

.answer-info {display:flex;align-items:center;}
.answer-info div {width:50%;}
.answer-info div:nth-child(2) {text-align:right;}
.answer-info div:nth-child(2) i {margin:0 0.5rem;}
.answer-info div:nth-child(2) i:hover {cursor:pointer;}
.answer-info button {border:0;padding:0;background:transparent;}

.qa-board th:nth-child(1) {width:10%;}
.qa-board th:nth-child(2) {width:65%;}
.qa-board th:nth-child(3) {width:15%;}
.qa-board th:nth-child(4) {width:10%;}

.tipnum {font-size:0.8rem;font-weight:400;}



.qa-title {font-size:3rem;padding-left:0.5rem;color:#1270a4;font-weight:600;letter-spacing:-0.05rem;}
/* .qa-notice {font-weight:600;background:#95dbe6 !important;} */
.qa-notice {font-weight:600 !important;}
.qa-notice:hover {cursor:pointer;}
.qa-new {margin-left:1rem;}

.qa-list-bottom {display:flex;margin:3rem 0 1rem;align-items:center;}
.qa-list-bottom > div {width:50%;}
.qa-list-bottom > div:nth-child(1) {text-align:left;}
.qa-list-bottom > div:nth-child(2) {text-align:right;}
.qa-bt {background:#1270a4;padding:0.5rem 1rem 0.7rem;color:#fff;}
.qa-bt:hover {color:#fff;}
.qa-bt-reply {background:#2294a6;padding:0.5rem 1rem 0.7rem;color:#fff;}
.qa-bt-reply:hover {color:#fff;}
.qa-answer {margin-left:1.5rem;font-size:0.8rem;color:#fff;background:#e44460;padding:0.2rem 0.8rem 0.3rem;border-radius:30px;}

.board_bt_center {display:inline-block;width:100%;text-align:left;font-weight:300;font-family: 'Roboto',arial,'Nanum BarunGothic','NanumBarunGothic',sans-serif;}
.board_bt_center ul li, button {font-size:1.3rem;background:#fff;display:inline-block;min-width:20px;padding:0.5rem 1rem;border:1px solid #d0d0d0;margin-right:1px;}
.board_bt_center ul li:hover {cursor:pointer;}
.board_bt_center .act {background:#1270a4;color:#fff;border:1px solid #1270a4;}


@media (max-width: 1300px) {
    html {font-size:13px;}
    .up-search button {padding:10px 20px 12px;}
    .eg-login-wrap .eg-login-box > div {height:400px;}
}

@media (max-width: 1100px) {

}