/* 기본 */
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

/* 로딩바 */
.loading-wrap {height:100vh; background: linear-gradient(162deg, #00367B 0%, #1E5092 100%); color:#fff;}
.loading-wrap .loading {padding:0 3rem 0; height:88vh; display:flex; align-items: center;  justify-content: center; flex-direction: column}
.loading-wrap .loadingTitle {width:100%; margin-bottom:5rem;}
.loading-wrap .loadingTitle .title {font-size:2.5rem; font-weight:400; letter-spacing: -0.05rem; line-height:2.5rem;}
.loading-wrap .loadingTitle p {font-size:1.5rem; font-weight: 400; letter-spacing: -0.03rem;}
.loading-wrap .loading .loadingImg {width: 100%;}
.loading-wrap #footer {text-align:center;}
.loading-wrap #footer .loadingfix_box {padding:0 2rem; position: fixed; bottom: 0; left: 0;  width: 100%; height:8rem;}
.loading-wrap #footer .loadingfix_box a {display:block; height:6rem; border-radius:0.4rem; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15); color: #00367B; font-weight: 700; font-size:1.8rem; line-height:6rem; background:#fff;}


.footfix_box button {display: block; width: 100%; height: 100%; font-family : "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #fff; font-weight: bold; line-height: 6rem; letter-spacing: -0.02rem; text-align: center;}

.footfix_box button:disabled, button[disabled] {background: #eee; border: 1px solid #ddd;  color: #999;}

.reforminput.reforminput2 button {width:100%; background-color: #1c85e8; padding: 2rem; color: #fff; border-radius: 6px; font-size: 1.5rem; letter-spacing: -0.02rem; font-weight: bold; font-family: 'Noto Sans KR', sans-serif;}


.reforminput {float: left; width: 100%;}
.reforminput .iteminput {position: relative; display: inline-block; width: 100%; height: auto; padding: 4% 5.5556%; margin-bottom: 4.6875%; background: #fff; border: 1px solid #ddd; border-radius: 6px;}
.reforminput .iteminput.focus{border-color:#2979FF;}

.reforminput .iteminput .fminput {display: inline-block; width: 100%; font-size: 1.8rem; color: #111; font-weight: 400; padding: 1% 0 0; background: #fff; border: 0;}

.replycontent {padding-bottom: 1.5rem; border-bottom: 1px dashed #ddd;}



/*
.on-off-txt input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
*/
.colorBlue {color:#2979FF !important;}



.btn {
	padding: 1rem 3rem;
	font-size: 1.6em !important;
	outline: none !important;
	box-shadow: none !important;
}

.btn-primary {
	background-color: #1c85e8 !important;
	border: 1px solid #1c85e8 !important;
	color: #fff;
}

.btn-secondary {
	background-color: #999 !important;
	border: 1px solid #999 !important;
}


.boardlist_contents ul li .subject span {display: inline-block; width: 100%; font-family : "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #333; font-weight: 400; line-height: 2.2rem; letter-spacing: -0.04rem; word-break: keep-all;}

.boardlist_contents ul li .contents {float: left; width: 100%; margin-top: 1rem;}
.boardlist_contents ul li .contents span {display: inline-block; width: 100%; font-family : "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #999; font-weight: 400; line-height: 2.2rem; letter-spacing: -0.04rem; word-break: keep-all;}





.ajax_coverpopup_box {display:block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100000;}
.ajax_coverpopup_box .loadingImg {margin-top: calc(50vh - 5rem); height: 10rem;}
.ajax_coverpopup_box .loadingImg img {width:100%; height:100%;}









/* 약관가이드 추가 210913 */
/*
.clauseguide_title {float: left; width: 100%; padding: 0 3rem; margin-top: 7rem;}
.clauseguide_title h3 {font-size: 1.85rem; color: #333; font-weight: bold; line-height: 2rem; letter-spacing: -0.04rem;}
.clauseguide_box {float: left; width: 100%; padding: 0 3rem;}
*/
.policy-txt {float: left; width: 100%; white-space: pre-line; padding-bottom: 1rem;}
.policy-txt .tit {display: inline-block; width: 100%; font-size: 1.1rem; color: #333; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.04rem; margin-bottom: 1.1rem;}
.policy-txt p {display: inline-block; width: 100%; font-size: 1rem; color: #333; line-height: 1.3rem; letter-spacing: -0.04rem; margin-top: -1.5rem;}
.policy-txt p.privacyinfo {margin-top: 1rem;}
.policy-txt p strong {display: inline-block; font-size: 1.1rem; color: #333; font-weight: 500; line-height: 1.4rem; letter-spacing: -0.04rem; margin-bottom: 1rem;}
.policy-txt p strong.titp {margin-bottom: 0;}
.policy-txt p strong.titp span {font-size: 1.1rem;}
.policy-txt p font {font-size: 1.1rem; color: #666; font-weight: 400; line-height: 1.4rem;}
.policy-txt p span.line {display: inline-block; width: 100%; height: 0.1rem; margin-top: 3rem; background: #ddd;}
.policy-txt p span.privacytxt {display: inline-block; width: 100%; margin-bottom: 0.5rem;}

/* 약관가이드 table style */
.policy-txt .privacytable {float: left; width: 100%;}
.policy-txt .privacytable2 {margin-top: 2rem;}
.policy-txt .privacytable table.tablelayout {float: left; width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.policy-txt .privacytable table.tablelayout th {font-size: 1.3rem; color: #333; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.04rem; text-align: center; padding: 1.5rem; background: #f9f9f9; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.policy-txt .privacytable table.tablelayout td {font-size: 1.3rem; color: #666; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.04rem; text-align: center; padding: 3.2rem 1.5rem; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}


.guidetxt .txtbox {padding-top: 5.1rem}





/* 이미지 확대보기 레이어 팝업 */
.lpImageZoomWrap {width:100%; height:100%; position: absolute; top:0; left: 0; background-color:#fff; z-index:20000;}
.lpImageZoomWrap .divImageZoomContents {width:100%; height:calc(100% - 6rem); position: absolute; top: 6rem;}
.lpImageZoomWrap .divImageZoomContents iframe {width:100%; height:100%; border:0;}





/* 입주민 투표 그래프 색상 */
.vote-list .vote-progress-bar.color1 {background-color: #a9d4ff;}
.vote-list .vote-progress-bar.color2 {background-color: #a9e1b5;}
.vote-list .vote-progress-bar.color3 {background-color: #fbcf7d;}
.vote-list .vote-progress-bar.color4 {background-color: #c5b6eb;}
.vote-list .vote-progress-bar.color5 {background-color: #f1aee0;}