@charset "UTF-8";
/*# MOBILE #*/
@media screen and (min-width:1px) and (max-width:639px) {
	/* 공통 완료페이지 */
	.complete-box .complete { font-size:1.5em; word-wrap:break-word; word-break:keep-all; }
	
	.complete-box .btn { margin-top:50px; }
	
	/* infobox-2 */
	.infobox-2 { padding:60px 20px; }
	.infobox-2 .m-txt { font-size:1.5em; font-weight:600; }
	.infobox-2 .s-txt { font-size:0.8em; margin-top:20px; }
	.infobox-2 .date span { display:inline-block; background-color:#fff; border:1px dashed #b2b2b2; font-weight:600; padding:10px 50px; }
	
	/* 신청 폼 테이블 */
	table.form_table colgroup,
	table.form_table thead { display:none; }
	
	table.form_table,
	table.form_table tbody,
	table.form_table tbody tr { display:block; }
	table.form_table tbody td, 
	table.form_table tbody th { width:100%; display:block; border-left:1px solid #ccc; border-right:1px solid #ccc; }
	table.form_table th { text-align:left; }
	table.form_table tbody tr td { border:1px solid #ccc; padding:20px 10px; }
	table.form_table { border-top:1px solid #ccc; }
	
	/* 개인정보 수집 및 이용 동의서 */
	#personal-info .box { font-size:0.80em; }
	#personal-info .cont-box .tt { font-size:1.5em; }
	#personal-info .cont-box .item-tt { display:block; }
	#personal-info .cont-box .item-cont { font-size:0.8em; }
	
	#personal-info .cont-box .agree li:not(:last-of-type) { margin-bottom:10px; }
	
	/* 선발결과 확인 공통 - 디자인 */
	.dormselect-info-box .main-tt { font-size:1.8em; }
	.dormselect-info-box .m-txt span { font-size:1.4em; font-weight:600; }
	
	/* 선발결과 - 선발 */
	.dormselect-info-box .ex-txt-box { background-position:center 30px; padding:130px 20px 20px 20px; text-align:center; }
	.dormselect-info-box .ex-txt-box .s-tt { padding-bottom:25px; border-bottom:1px dashed #ccc; }
	
	.dormselect-info-box .ex-txt-box .l-r-cont .head { border-radius:5px 5px 0 0 }
	.dormselect-info-box .ex-txt-box .l-r-cont .cont-txbox { border:1px solid #205c9a; padding:10px; }
	
	/* 메이트 매칭신청자(대표자) */
	#matching .orner { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	#matching .orner .tt,
	#matching .orner .cont { width:100%; border-bottom:1px solid #ccc; padding:15px; }
	
	#matching .orner .tt { border-top:2px solid #333; }
	#matching .orner .cont span { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	#matching .orner .cont span:not(:last-of-type) { margin-bottom:8px; }
	#matching .orner .cont span input[type="text"] { width:calc(85% - 10px); }
	#matching .orner .cont span label { width:15% }
	
	/* 메이트 매칭신청 - 검색 */		
	.matching-frame .box:not(:last-of-type) { margin-bottom:20px; }
	
	/* 마이페이지 - 퇴사신청*/
	#apply-form.write .bank-info-box { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	#apply-form.write .bank-info-box .item:not(:last-of-type) { margin-bottom:12px; }
	
	/* =================================================================================================== 마이페이지 =================================================================================================================================== */

	/* 마이페이지 다학기 연장신청 */
	.payment-info .item { width:100%; }
	.payment-info .item:not(:last-of-type) { margin-bottom:12px; }
	
	/* 마이페이지 - 입주포기신청*/
	.mypage.giveup .bank-info-box { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.mypage.giveup .bank-info-box .item:not(:last-of-type) { margin-bottom:12px; }
	
	/* 마이페이지 - 상벌점 안내 */
	.score-info-box { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.score-info-box .list-info,
	.score-info-box .score-sum { width:100%; textdomain:center; }
	.score-info-box .score-sum { padding-top:12px; margin-top:12px; border-top:1px dashed #b2b2b2; }
	
	/* 수도광열비 고지/납부 확인 */
	.top-search-box .t-s-info .item .cont { text-align:center; }
	
	.top-search-box .button-box .s-btn { margin-top:12px; }
	
	.table-basic.moblie-trans { border-top:0px; }
	.table-basic.moblie-trans thead,
	.table-basic.moblie-trans colgroup { display:none; }
	.table-basic.moblie-trans,
	.table-basic.moblie-trans tbody,
	.table-basic.moblie-trans tbody tr { display:block; }
	.table-basic.moblie-trans tbody th,
	.table-basic.moblie-trans tbody td { text-align:left; border-left:0px; border-right:0px; border-bottom:0px; min-height:36px; display:block; padding:10px; padding-left:160px; position:relative; }
	.table-basic.moblie-trans tbody tr { border-top:2px solid #1e507e; }
	.table-basic.moblie-trans tbody tr:not(:last-of-type) { margin-bottom:15px; }
	
	.table-basic.moblie-trans tbody th:before,
	.table-basic.moblie-trans tbody td:before { width:120px; border-right:1px solid #dadada; position:absolute; left:15px; font-weight:600; white-space:pre; }
	
	.table-basic.moblie-trans tbody td:last-of-type { border-bottom:1px solid #dadada; }
	
	.charge-detail-view table.table-basic tbody tr:not(:last-of-type) { margin-bottom:15px; }
	
	/* 수도광열비 부분 */
	*[data-mqtitle="payment"]:before { content:'금액'; }
	*[data-mqtitle="e-meter"]:before { content:'검침'; }
	*[data-mqtitle="depart"]:before { content:'구분'; }
	*[data-mqtitle="date"]:before { content:'정산기간'; }
	
	*[data-mqtitle="n-semeter"]:before { content:'학기'; }
	*[data-mqtitle="n-year"]:before { content:'고지년월'; }
	*[data-mqtitle="n-dorm"]:before { content:'생활관'; }
	*[data-mqtitle="n-room"]:before { content:'호실'; }
	*[data-mqtitle="n-payment"]:before { content:'고지금액'; }
	*[data-mqtitle="n-mod"]:before { content:'예치금잔액'; }
	*[data-mqtitle="n-detail-view"]:before { content:'세부내역'; }
	
	/* 상담신청/확인 부분 */
	*[data-mqtitle="h-day"]:before { content:'상담희망일자'; }
	*[data-mqtitle="h-state"]:before { content:'상태'; }
	*[data-mqtitle="h-hdate"]:before { content:'상담일자'; }
	*[data-mqtitle="h-depart"]:before { content:'상담요청분야'; }
	*[data-mqtitle="h-cont"]:before { content:'내용'; }
	*[data-mqtitle="h-adate"]:before { content:'신청일자'; }
	
	/* 호실점검 */
	*[data-mqtitle="c-depart"]:before { content:'점검항목'; }
	*[data-mqtitle="c-money"]:before { content:'금액'; }
	*[data-mqtitle="c-amount"]:before { content:'수량'; }
	*[data-mqtitle="c-state"]:before { content:'상태'; }
	
	/* 입사신청 */
	*[data-mqtitle="i-name"]:before { content:'생활관 / 일정명'; }
	*[data-mqtitle="i-date"]:before { content:'입사신청 일정'; }
	*[data-mqtitle="i-apply-bt"]:before { content:'입사신청'; }
	*[data-mqtitle="i-repair-bt"]:before { content:'신청서 수정'; }
	
	/* 마이페이지 - 퇴사신청*/
	.mypage.stay-out .bank-info-box { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.mypage.stay-out .bank-info-box .item:not(:last-of-type) { margin-bottom:12px; }
	
	.living-ex-infobox { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.living-ex-infobox .item { width:100%; } 
	.living-ex-infobox .item:not(:last-of-type) { margin-bottom:20px; }
	
	/* 마이페이지 - 호실점검신청 */ 
	.mypage.room-check {  }
	.mypage.room-check .radio_bt { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.mypage.room-check .radio_bt .item { width:100%; }
	.mypage.room-check .radio_bt .item:not(:last-of-type) { margin-bottom:10px; }
}

/*# MOBILE & TABLET #*/
@media screen and (min-width:1px) and (max-width:1216px) {
	/* 호실선택 */
	#roomSearch .s-info .item {  }
	#roomSearch .s-info .item:not(:first-of-type) { margin-top:15px; padding-top:15px; border-top:1px dashed #b2b2b2; }
}

/*# TABLET #*/
@media screen and (min-width:640px) and (max-width:1216px) {
	/* 선발결과 - 선발 */
	.dormselect-info-box .ex-txt-box .l-r-cont { width:100%; }
}

/*# TABLET & DESKTOP #*/
@media screen and (min-width:640px) {
	/* 공통 완료페이지 */
	.complete-box .complete { font-size:2em;  }
	.complete-box .btn { margin-top:80px; }
	
	/* infobox-2 */
	.infobox-2 { padding:90px 40px; }
	.infobox-2 .m-txt { font-size:2em; font-weight:800; }
	.infobox-2 .s-txt { font-size:0.91em; margin-top:35px; }
	.infobox-2 .date span { display:inline-block; background-color:#fff; border:1px dashed #b2b2b2; font-weight:600; padding:10px 50px; border-radius:1000px; }
	
	/* 신청 폼 테이블 */
	table.form_table tr:first-of-type th,
	table.form_table tr:first-of-type td { border-top:2px solid #454545; }
	table.form_table td,
	table.form_table th { border:1px solid #ccc; }
	
	table.form_table td .block.adr-m-input { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
	table.form_table td .block.adr-m-input input { width:49.5%; }
	
	/* 개인정보 수집 및 이용 동의서 */
	#personal-info .box { font-size:0.91em; }
	
	#personal-info .cont-box .tt { font-size:2em; }
	#personal-info .cont-box .item-tt { display:inline-block; }
	#personal-info .cont-box .item-cont { font-size:0.85em; }
	
	
	#personal-info .cont-box .agree { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
	
	/* 선발결과 확인 공통 - 디자인 */
	.dormselect-info-box .main-tt { font-size:2.2em; }
	.dormselect-info-box .m-txt span { font-size:1.8em; font-weight:800; }
	
	/* 선발결과 - 선발 */
	.dormselect-info-box .ex-txt-box { background-position:30px 30px; padding:30px 30px 30px 180px; }
	.dormselect-info-box .ex-txt-box .frame { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.dormselect-info-box .ex-txt-box .l-r-cont { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	.dormselect-info-box .ex-txt-box .l-r-cont.w100 { width:100%; }
	.dormselect-info-box .ex-txt-box .l-r-cont .head,
	.dormselect-info-box .ex-txt-box .l-r-cont .cont-txbox { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
	
	.dormselect-info-box .ex-txt-box .l-r-cont .head { border-radius:5px; }
	
	/* 메이트 매칭신청자(대표자) */
	#matching .orner .tt,
	#matching .orner .cont { border-top:2px solid #333; border-bottom:1px solid #ccc; }
	
	#matching .orner .tt { width:20%; border-right:1px solid #ccc;  }
	#matching .orner .cont { width:80%; }
	#matching .orner .cont span { margin-right:22px; }
	
	/* 메이트 매칭신청 - 공통 */
	.matching-frame { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
	.matching-frame .box { width:49.5%; } 
	
	/* 메이트 매칭신청 - 검색 */		
	.matching-frame .box.search .list-box { height:250px; }
	
	/* 메이트 매칭신청 - 수락요청 현항 */
	.matching-frame .box.apply-list .cont { height:342px; }
	
	/* 중도퇴사신청*/
	#apply-form.write .bank-info-box .item:not(.item4) { width:22%; }
	#apply-form.write .bank-info-box .item:not(last-of-type) { margin-right:1%; }
	
	
	/* =================================================================================================== 마이페이지 =================================================================================================================================== */

	/* 마이페이지 다학기 연장신청 */
	.payment-info .item { width:50%; }
	.payment-info .item:nth-of-type(n+3) { margin-top:10px; }
	
	/* 마이페이지 - 입주포기신청*/
	.mypage.giveup .bank-info-box .item:not(.item4) { width:22%; }
	.mypage.giveup .bank-info-box .item:not(last-of-type) { margin-right:1%; }
	.mypage.giveup .bank-info-box .item.item4 { width:31%; }
	
	/* 마이페이지 - 상벌점 안내 */
	.score-info-box { justify-content:space-between; -ms-flex-pack:justify; }
	
	.score-info-box .list-info,
	.score-info-box .score-sum { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
	
	/* 수도광열비 고지/납부 확인 */
	.top-search-box { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
	.top-search-box .t-s-info,
	.top-search-box .button-box { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
	
	
	.top-search-box .t-s-info,
	.top-search-box .t-s-info .item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	
	.top-search-box .t-s-info { width:90%; }
	
	.top-search-box .button-box { width:10%; }
	
	.top-search-box .t-s-info .v-c { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
	
	/* 마이페이지 - 퇴사신청 */
	.mypage.stay-out .bank-info-box .item:not(.item4) { width:22%; }
	.mypage.stay-out .bank-info-box .item:not(last-of-type) { margin-right:1%; }
	.mypage.stay-out .bank-info-box .item.item4 { width:31%; }
	
	.living-ex-infobox .item { width:50%; }
	
	/* 마이페이지 - 호실점검신청 */
	.mypage.room-check .radio_bt { justify-content:center; -ms-flex-pack:center; }
}

/*# DESKTOP #*/
@media screen and (min-width:1217px) {
	/* 선발결과 - 선발 */
	.dormselect-info-box .ex-txt-box .l-r-cont { width:50%; }
	
	/* 호실선택 */
	#roomSearch .s-info { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	
	
	
}

/* 공통 */
.waring-txt { font-size:0.85em; font-weight:600; margin-top:8px; }

.flex-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.flex-box .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
.flex-box .cal-btn { border:0px; background-color:transparent; margin-left:10px; }

.radio_bt { display:-ms-flexbox; display:flex; -ms-flex-pack:start; justify-content:flex-start; }
.radio_bt .item { display:-ms-flexbox; display:flex; -ms-flex-pack:start; justify-content:flex-start; }
.radio_bt .item:not(:last-of-type) { margin-right:10px; }

.radio_bt .item input[type="radio"],
.radio_bt .item label { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.radio_bt .item label { margin-left:5px; }

/* 공통 완료페이지 */
.complete-box { width:100%; border:1px dashed #b2b2b2; background-color:#fafafa; text-align:center; padding:110px 20px; border-radius:5px; }

.complete-box .complete { font-weight:600; background:url('../img/form/img-complete-icon.png') no-repeat center top; padding-top:150px; }
.complete-box .s-tt { font-weight:600; margin-top:20px; }
.complete-box .s-tt span { display:block; }

/* btn */
.bt-box { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; margin-top:40px; }

.btn-style {  }
.btn-style .btn { font-weight:600; border:1px solid #ccc; border-radius:5px; background-color:#f7f7f7; display:inline-block; padding:4px 20px; }
.btn-style .btn.apply { background-color:#24719d; border-color:#1a5b80; color:#fff; }
.btn-style .btn.repair { background-color:#24719d; border-color:#187928; color:#fff; }

.btn-style .btn.apply:hover,
.btn-style .btn.apply:focus { background-color:#0f3951; border-color:#0f3951; text-decoration:none; }

.btn-style .btn.repair:hover,
.btn-style .btn.repair:focus { background-color:#0f4d19; border-color:#0f4d19; text-decoration:none; }

/* infobox-2 */
.infobox-2 { border:1px solid #ccc; border-top:3px solid #333; background-color:#f7f7f7; }
.infobox-2 .m-txt { text-align:center; }
.infobox-2 .s-txt { font-weight:600; text-align:center; }
.infobox-2 .s-txt .block { display:block; line-height:1.6; }
.infobox-2 .date { text-align:center; width:100%; display:block; margin-top:35px; }

/* 신청 폼 테이블 */
table.form_table .check { padding-left:16px; background:url('../img/sub/img_required_check.png') no-repeat left center; }
table.form_table .r-bt { margin-left:5px; }
table.form_table input[type="text"] { width:100%; border:1px solid #b2b2b2; padding:5px; }
table.form_table textarea { resize:none; padding:7px; width:100%; min-height:120px; }

table.form_table thead tr th { border-bottom:1px solid #ccc; }

table.form_table td,
table.form_table th { padding:10px; word-break:keep-all; word-wrap:break-word; }

table.form_table th { background:#eaeaea; padding-top:15px; padding-bottom:15px; font-size:0.91em; }
table.form_table td { text-align:left; background-color:#fff; font-weight:600; font-size:0.85em; }
table.form_table td .block { display:block; line-height:1.5; }
table.form_table td .block:not(:last-of-type) { margin-bottom:5px; }

.adr-search-btn { border:0px; background-color:#1c549f; margin-left:6px;}
.adr-search-btn:hover,
.adr-search-btn:focus { background-color:#343434; }
.adr-search-btn img { vertical-align:middle; }

table.form_table.list th { border-top:2px solid #454545; }
table.form_table.list td { text-align:center; }
table.form_table.list tr:last-of-type th,
table.form_table.list tr:last-of-type td { border-bottom:1px solid #ccc; }

/* 입사신청 폼 */
#join_apply fieldset:not(:last-of-type) { margin-bottom:30px; }



/* 안내 메시지 디자인 2 */
.j_a_waring_text { border:1px solid #ccc; background-color:#fafafa; padding:15px; margin-top:12px; font-size:1.1em; }
.j_a_waring_text dl.p_b20 { padding-bottom:20px; }
.j_a_waring_text dt { display:inline-block; padding:8px 20px; background-color:#2b5b67; color:#fff; font-weight:bold; border-radius:3px; margin-bottom:12px; }
.j_a_waring_text dd { padding-left:10px; line-height:1.6; }
.j_a_waring_text dd.law_box { margin-left:10px; padding:12px; border:1px solid #ccc; background-color:#fff; margin-top:10px; margin-bottom:10px; }
.j_a_waring_text dd.law_box span { display:block; line-height:1.6; }
.j_a_waring_text dd:not(:last-of-type) { margin-bottom:2px; }

.j_a_waring_text p { font-weight:bold; display:flex; display:-ms-flexbox; -ms-flex-pack:justify; justify-content:space-between; padding-top:20px; border-top:1px dashed #ccc; }
.j_a_waring_text p span { -ms-flex-item-align: center; align-self: center; }

.j_a_waring_text .bl dd { overflow:hidden; }
.j_a_waring_text .bl dd:not(:last-of-type) { margin-bottom:5px; }
.j_a_waring_text .bl dd span { display:block; float:left; }
.j_a_waring_text .bl dd span:nth-of-type(1) { width:20px;  }
.j_a_waring_text .bl dd span:nth-of-type(2) { width:834px; }

.r_bt { margin-right:12px; }
.r_bt label { display:inline-block; margin-left:5px; }

.w_txt { font-weight:bold; margin-top:10px; }
ul.w_txt span,
ul.w_txt li { display:block; line-height:1.3; }
ul.w_txt li { padding-left:10px; background: url(/res/img/sub/img-list-brown.png) no-repeat left 6.3px; }

.mb15 { margin-bottom:15px; }

.btn_box { padding-top:20px; border-top:1px dashed #ccc; text-align:center; }
.apply_btn { border-radius:4px; padding:8px 30px; font-size:1.3em; font-weight:bold; border:1px solid #21658e; background-color:#21658e; color:#fff; }
.apply_btn:hover,
.apply_btn:focus { border-color:#e54e79; background-color:#e54e79;}

/* 개인정보 수집 및 이용 동의서 */
#personal-info {  }
#personal-info .box { padding:30px 20px; border:1px dashed #c2c2c2; background-color:#f1f1f1; line-height:1.5; font-weight:600; margin-bottom:40px; }

#personal-info .cont-box { border:1px solid #ccc; border-top:2px solid #454545; padding:15px; }
#personal-info .cont-box .tt { font-weight:600; text-align:center; padding:25px 0; }

#personal-info .cont-box .item:not(:last-of-type) { margin-bottom:20px; }
#personal-info .cont-box .item-tt { background-color:#454545; color:#fff; font-weight:600; padding:8px 20px; }
#personal-info .cont-box .item-cont { padding:10px; border:1px solid #454545; }
#personal-info .cont-box b { display:block; margin-bottom:4px; }
#personal-info .cont-box .item span { display:block; font-weight:600; padding-left:10px; background:url('../img/common/img-dot.png') no-repeat 0px 7px; }
#personal-info .cont-box .item span:not(:last-of-type) { margin-bottom:6px; }

#personal-info .cont-box .agree { margin-top:20px; padding-top:20px; border-top:1px dashed #ccc; }
#personal-info .cont-box .agree li { font-size:0.85em; font-weight:600; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center;  }
#personal-info .cont-box .agree li span { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
#personal-info .cont-box .agree li span:not(:last-of-type) { margin-right:25px; }
#personal-info .cont-box .agree label { margin-right:5px; }


/* 선발결과 확인 공통 - 디자인 */
#dormSelect {  }
#dormSelect .dormselect-info-box { width:100%; padding:60px 30px; background-color:#f7f7f7; border:1px dashed #b2b2b2; border-radius:5px; }
.dormselect-info-box .main-tt { text-align:center; font-weight:800; color:#000; }
.dormselect-info-box .m-txt { background-position:center top; background-repeat:no-repeat; margin-top:40px; }
.dormselect-info-box .m-txt span { display:block; line-height:1.3; text-align:center; }

/* 선발결과 - 선발 */
.dormselect-info-box .s-txt { text-align:center; margin-top:20px; }
.dormselect-info-box .s-txt .block { display:block; font-weight:600; font-size:0.91em; line-height:1.6; }

.dormselect-info-box .ex-txt-box { background-image:url('/res/img/form/img-payment-01.png'); background-repeat:no-repeat; border:2px solid #306d90; background-color:#fff; margin-top:40px; }
.dormselect-info-box .ex-txt-box .m-tt { font-weight:600; font-size:1.6em; margin-bottom:13px; }
.dormselect-info-box .ex-txt-box .s-tt { font-weight:600; margin-bottom:25px; }
.dormselect-info-box .ex-txt-box .l-r-cont { font-size:0.9em; font-weight:600; }
.dormselect-info-box .ex-txt-box .l-r-cont:not(:last-of-type) { margin-bottom:12px; }

.dormselect-info-box .ex-txt-box .l-r-cont .head { width:140px; background-color:#205c9a; color:#fff; margin-right:15px; padding:8px 15px; text-align:center; }

.dormselect-info-box.select .m-txt { background-image:url('/res/img/form/img-dorm-selected-bg.png'); padding-top:280px; }


/* 선발결과 - 비선발 */
.dormselect-info-box.un-select .m-txt { background-image:url('/res/img/form/img-dorm-unselected-bg.png'); padding-top:200px; }


/* 메이트 매칭신청자(대표자) */
#matching .orner { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
#matching .orner .tt,
#matching .orner .cont { padding:15px; }

#matching .orner .tt { font-weight:600; background-color:#f7f7f7; }

#matching .orner label { margin-left:10px; font-weight:600; }

/* 메이트 매칭신청 - 공통 */
.matching-frame .box .title { color:#fff; font-weight:600; text-align:center; padding:15px; }
.matching-frame .box .cont { padding:15px; border:1px solid #b2b2b2; border-top:0px; }  

/* 메이트 매칭신청 - 검색 */
.matching-frame .box.search .title { background-color:#1c4986; }

.matching-frame .box.search .search-bar { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; }
.matching-frame .box.search .search-bar span { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
.matching-frame .box.search .search-bar span label { font-weight:600; font-size:0.91em; margin-right:6px; }
.matching-frame .box.search .search-bar span input[type="text"] { width:100%; }
		
.matching-frame .box.search .list-box { margin-top:15px; border-top:1px solid #b2b2b2; overflow-y:auto; }
.matching-frame .box.search .list-box .list { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; padding:15px; }
.matching-frame .box.search .list-box .list:not(:last-of-type) { border-bottom:1px dashed #b2b2b2; }
.matching-frame .box.search .list-box .list:hover,
.matching-frame .box.search .list-box .list:focus { background-color:#f7f7f7; }

.matching-frame .box.search .list-box .info,
.matching-frame .box.search .list-box .btn { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
.matching-frame .box.search .list-box .info { font-weight:600; color:#000; font-size:0.91em; }
.matching-frame .box.search .list-box .p-btn { background-color:#464646; color:#fff; font-weight:600; font-size:0.80em; padding:4px 10px; border:0px; }
.matching-frame .box.search .list-box .p-btn:hover,
.matching-frame .box.search .list-box .p-btn:focus { background-color:#1c4b86; }

/* 메이트 매칭신청 - 수락요청 현항 */
.matching-frame .box.apply-list .title { background-color:#1c7b86; }
.matching-frame .box.apply-list .cont { overflow-y:auto; padding-top:0px; padding-bottom:0px; }
.matching-frame .box.apply-list .list-box {  }
.matching-frame .box.apply-list .list-box .item { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; padding:15px 0; }
.matching-frame .box.apply-list .list-box .item:not(:last-of-type) { border-bottom:1px dashed #b2b2b2; }
.matching-frame .box.apply-list .list-box .item:hover,
.matching-frame .box.apply-list .list-box .item:focus { background-color:#f7f7f7; }
.matching-frame .box.apply-list .list-box .item .info,
.matching-frame .box.apply-list .list-box .item .state { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; font-weight:600; }

.matching-frame .box.apply-list .list-box .item .info { font-size:0.91em; }
.matching-frame .box.apply-list .list-box .item .state { min-width:80px; text-align:center; background-color:#464646; color:#fff; font-weight:600; font-size:0.80em; padding:4px 10px; border:0px; }

.matching-frame .box.apply-list .list-box .item .state.waiting { background-color:#454545; }
.matching-frame .box.apply-list .list-box .item .state.accept { background-color:#229e54; }

/* 호실선택 */
#roomSearch .s-info { width:100%; border:1px solid #b2b2b2; background-color:#f7f7f7; padding:15px; }
#roomSearch .s-info .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center;  }

#roomSearch .s-info .item-flex { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; } 
#roomSearch .s-info .item-flex:not(:last-of-type) { margin-right:25px; }
#roomSearch .s-info .item-flex .tt,
#roomSearch .s-info .item-flex .cont { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

#roomSearch .s-info .item .tt { font-weight:600; margin-right:12px; }
#roomSearch .s-info .item .cont { font-weight:600; font-size:0.8em; }
#roomSearch .s-info .item .cont .r-box { padding:5px 30px; background-color:#464646; border-radius:12.5px; color:#fff; }
#roomSearch .s-info .item .cont .r-box.solo { background-color:#2769a1; }
#roomSearch .s-info .item .cont .r-box.duo { background-color:#27a174; }
#roomSearch .s-info .item .cont .r-box.home { background-color:#2927a1; }

#roomSearch .room-list-box { margin-top:20px; }
#roomSearch .room-list-box { font-weight:600; }

#roomSearch .room-list-box .room-floor { width:15%; }
#roomSearch .room-list-box .room-num { width:15%; }
#roomSearch .room-list-box .room-info { width:55%; }
#roomSearch .room-list-box .btn { width:15%; }
#roomSearch .room-list-box .list-head .btn { width:calc(15% + 17px); }

#roomSearch .room-list-box .list-head { border-top:2px solid #646464; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; background-color:#f2f2f2; font-weight:0.91em; }
#roomSearch .room-list-box .list-head span { border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center; font-weight:600; padding:15px; } 
#roomSearch .room-list-box .list-head span:first-of-type { border-left:1px solid #dadada; }

#roomSearch .room-list-box .list-body { height:410px; overflow-y:scroll; border-left:1px solid #dadada; border-bottom:1px solid #dadada; }

#roomSearch .room-list-box .item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; font-size:0.8em; }
#roomSearch .room-list-box .item:hover,
#roomSearch .room-list-box .item:focus { background-color:#f7f7f7; }
#roomSearch .room-list-box .item span { border-collapse:collapse; border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:12px 10px; word-break:break-all; }
#roomSearch .room-list-box .item .btn { border-right:0px; }
#roomSearch .room-list-box .item span:not(.room-info) { text-align:center; }

#roomSearch .room-list-box .btn .select { border:0px; background-color:#575757; color:#fff; font-weight:600; font-size:0.91em; padding:6px 0; text-align:center; min-width:62px; }
#roomSearch .room-list-box .btn .select.active { background-color:#2755a1; }

::-webkit-scrollbar { width:17px; }
::-webkit-scrollbar-track-piece { background:#f1f1f1; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); }

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.1); 
}

/* 배정완료페이지 */
#roomSelect.bed .complete-box .complete { background:url('../img/form/img-roombed-complete-icon.png') no-repeat center top; padding-top:240px; }

/* 중도퇴사신청 */
#apply-form.write {  }
#apply-form.write .bank-info-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
#apply-form.write .bank-info-box .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }


/* =================================================================================================== 마이페이지 =================================================================================================================================== */

/* 마이페이지 - 거주자정보 */
#information .state { display:inline-block; padding:5px 15px; background-color:#454545; color:#fff; font-weight:600; }
#information .state.selected { background-color:#3076c3; }
#information .state.assignment { background-color:#6430c3; }
#information .state.residence { background-color:#28931a; }
#information .state.leave { background-color:#c33030; }

/* 마이페이지 다학기 연장신청 */
.payment-info { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; }
.payment-info .item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }

.payment-info .item .tt,
.payment-info .item .cont { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.payment-info .item .tt { padding:5px 20px; min-width:120px; text-align:center; color:#fff; background-color:#27598d; margin-right:10px; border-radius:5px; }


/* 마이페이지 - 입주포기신청*/
.mypage.giveup {  }
.mypage.giveup .bank-info-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.mypage.giveup .bank-info-box .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.mypage.giveup select { padding-right:25px; padding-top:5px; padding-bottomm:5px; }


/* 마이페이지 - 상벌점 안내 */
.score-info-box { border:1px solid #b2b2b2; background-color:#f7f7f7; font-weight:600; padding:15px; font-size:0.85em; display:flex; display:-ms-flexbox; }
			
.score-info-box .score-sum,
.score-info-box .score-sum .item { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.score-info-box .score-sum .item,
.score-info-box .score-sum .item .tt,
.score-info-box .score-sum .item .num { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.score-info-box .score-sum .item { margin-right:20px; font-size:1.2em; }

.score-info-box .score-sum .item .tt { padding:4px 12px; font-weight:600; border-radius:5px; margin-right:12px; }
.score-info-box .score-sum .item.plus .tt { background-color:#1e6d9a; color:#fff; }
.score-info-box .score-sum .item.minus .tt { background-color:#9a1e1e; color:#fff; }

/* 수도광열비 고지/납부 확인 */
		
.top-search-box .t-s-info .item { font-weight:600; font-size:0.91em; border:1px solid #1e527e; background-color:#1e527e; }
.top-search-box .t-s-info .item .tt { min-width:60px; background-color:#1e527e; padding:8px 20px; text-align:center; color:#fff; }
.top-search-box .t-s-info .item .cont { padding:13px 45px; background-color:#fff; }

.top-search-box .button-box .s-btn { width:100%; text-align:center; font-weight:600; border:0px; padding:15px 20px; background-color:#676767; color:#fff; box-shadow:3px 3px 0 rgba(0,0,0,0.3);}
.top-search-box .button-box .s-btn:hover,
.top-search-box .button-box .s-btn:focus { background-color:#1e527e; }

.d-btn { display:inline-block; padding:0 22px; background-color:#afafaf; border-radius:5px; }
.d-btn:hover,
.d-btn:focus { background-color:#1e767e; }

/* 마이페이지 - 퇴사신청 */
.mypage.stay-out {  }
.mypage.stay-out .bank-info-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.mypage.stay-out .bank-info-box .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.mypage.stay-out select { padding-right:25px; padding-top:5px; padding-bottomm:5px; }

.living-ex-infobox { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-box:start; }
.living-ex-infobox .item { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.living-ex-infobox .tt { display:inline-block; padding:5px 20px; background-color:#203657; color:#fff; font-weight:600; margin-bottom:6px; }
.living-ex-infobox .cont { margin-left:12px; }




/* {S} 매칭 초대 수락 안내 */
/*# MOBILE #*/
@media screen and (min-width:1px) and (max-width:639px) {
	.mate_accept { margin-left:-175px; width:350px !important; height:220px; margin-top:-110px; }
	.massage-box .massage-title { background-color:#2f9599; color:#fff; padding:12px; font-size:1.2em; }
	.massage-box .massage-cont-txt { margin-top:20px; margin-bottom:20px; }
	.massage-box .massage-cont-txt span { font-size:0.91em; }
	
	.massage-box .accept-btn3 { padding:15px 30px; font-size:0.80em; }
}

/*# MOBILE & TABLET #*/
@media screen and (min-width:1px) and (max-width:1216px) {
	
}

/*# TABLET #*/
@media screen and (min-width:640px) and (max-width:1216px) {
	
}

/*# TABLET & DESKTOP #*/
@media screen and (min-width:640px) {
	.mate_accept { margin-left:-315px; width:630px !important; height:460px; margin-top:-230px; }
	
	.massage-box .massage-title { background-color:#2f9599; color:#fff; padding:25px; font-size:1.5em; }
	.massage-box .massage-cont-txt { margin-top:40px; padding-top:160px; display:block; background-image:url('/res/img/common/img-mate-alram-bg.png'); background-repeat:no-repeat; background-position:center top; }
	.massage-box .massage-cont-txt span { font-size:1.1em; }
	
	.massage-box .btn-box3 { margin-top:30px; margin-bottom:30px; }
	.massage-box .accept-btn3 { padding:15px 60px; font-size:0.91em; }
}

/*# DESKTOP #*/
@media screen and (min-width:1217px) {
	
}

.massage-box { background-color:#fff; border:4px solid #2f9599; text-align:center; }
.massage-box .massage-cont-txt span { display:block; line-height:1.6; font-weight:600; }

.massage-box .btn-box3 { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; }
.massage-box .accept-btn3 { display:block; font-weight:600; color:#fff; box-shadow:3px 3px 0 rgba(0,0,0,.3); }

.massage-box .accept-btn3.apply { background-color:#3077ae; }
.massage-box .accept-btn3.cancle { background-color:#919191; }

.mate_accept_blind { position:fixed; background-color:#000000; opacity:0.3; width:100%; height:100%; top:0px; left:0px; z-index:2656; }
.mate_accept { margin-bottom:20px; position:fixed; top:50%; left:50%; z-index:3800; }

/* {E} */