@charset "utf-8";
/* 공통 */
.subbox {margin-bottom:100px; padding-left:38px; position:relative;}
.subbox.pd {padding:0;}
.subbox.mg {margin-bottom:0;}
.subtit {font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1em; color:#121212; margin-bottom:33px; position:relative;}
.subtit::before {content:""; position:absolute; left:-38px; width:27px; height:24px; background:url(../images/sub/tit-bf.png) center no-repeat; background-size:contain; top:1px;}
.sub-img {border:1px solid #ddd; text-align:center; padding:35px 15px;}

.hypen-list > li {padding-left:.7em; text-indent:-.7em;}

/* 사업개요 */
.ot-list {display:flex; flex-wrap:wrap; margin-top:60px; gap:100px;}
.ot-list li {width:auto; color:#121212;}
.ot-list li .ctr {line-height:1em; font-size:16px; font-weight:600; letter-spacing:-.03em; position:relative; margin-bottom:30px; padding-left:5px;}
.ot-list li .ctr::before {content:""; position:absolute; left:0; width:16px; height:16px; z-index:-1; border-radius:100%; background:#49ab48; top:-5px; opacity:0.2;}
.ot-list li .tit {font-size:22px; font-weight:600; line-height:1.6em; letter-spacing:-.03em;}
.ot-list li .txt {line-height:1.5em; font-size:14px; font-weight:400; letter-spacing:-.03em; color:#505050; margin-top:12px;}

/* 오시는 길 */
.mapbox {border:1px solid #ddd; margin-bottom:40px;}
.lct-box {display:flex; justify-content:space-between; gap:15px; align-items:center; flex-wrap:wrap;}
.lct-box>div {display:flex; gap:15px 30px; flex-wrap:wrap; align-items:center;}
.lct-box span {display:inline-block; font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#121212; position:relative;}
.lct-box span.add {padding-left:33px;}
.lct-box span.add::before {content:""; position:absolute; left:0; width:18px; height:18px; background:url(../images/sub/add.png) center no-repeat; background-size:contain; top:1px;}
.lct-box span.trail strong {display:inline-block; margin-right:5px; background:#8936e0; border-radius:13px; color:#fff; line-height:1em; padding:6px 10px; font-size:14px; font-weight:700; letter-spacing:-.03em;}
.lct-box span.tel strong {display:inline-block; padding-left:33px; position:relative; padding-right:20px; font-weight:600;}
.lct-box span.tel strong::before {content:""; position:absolute; left:0; width:18px; height:18px; background:url(../images/sub/tel.png) center no-repeat; background-size:contain; top:2px;} 

.root_daum_roughmap .cont {display:none;}

/* 프리미엄 */
.pr-tit {text-align:center; font-size:48px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#121212; margin-bottom:140px;}
.pr-tit span {font-weight:700; color:#49ab48;}
.pr-fx {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:140px;}
.pr-fx.rv {flex-direction:row-reverse;}
.pr-fx.mg {margin-bottom:0;}
.pr-fx>div {width:calc(100%/2);}
.pr-fx .left {padding-right:25px;}
.pr-fx .left h4 {line-height:1em; font-size:18px; font-weight:700; letter-spacing:-.03em; color:#49ab48; margin-bottom:30px;}
.pr-fx .left h3 {font-size:40px; font-weight:600; line-height:1.2em; letter-spacing:-.03em; color:#121211; margin-bottom:50px;}
.pr-fx .left p {font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#505050;}
.pr-fx .right {text-align:right;}
.pr-fx.rv .left {padding-left:150px;}
.pr-fx.rv .right {text-align:left;}

/* 평면정보 */
.pl-tit {line-height:1em; font-size:100px; font-weight:700; letter-spacing:-.03em; color:#121212; margin-bottom:45px;}
.pl-list {display:flex; flex-wrap:wrap; gap:30px 100px; margin-bottom:35px;}
.pl-list li {display:flex; align-items:center; gap:30px;}
.pl-list li .tit { line-height:1.3em; font-size:22px; font-weight:400; letter-spacing:-.03em; color:#505050;}
.pl-list li .txt {font-size:22px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#121212;}
.pl-list li .txt sup {font-size:12px; line-height:1em;}
.pl-txt {text-align:right; margin-top:15px; font-size:14px; font-weight:400; line-height:1.4em; color:#878787; letter-spacing:-.03em;} 
.cm-tit {font-size:48px; font-weight:600; margin-bottom:40px; letter-spacing:-.03em; color:#121212;}
.cm-tit span {display:inline-block; padding-left:60px; font-size:22px; font-weight:400; letter-spacing:-.03em; color:#505050;}
.organ {margin-bottom:70px; text-align:center; padding-left:100px;}

/* 청년주택 안내 */
.yt-list {margin-top:25px;}
.yt-list li {position:relative; padding-left:10px; margin-bottom:18px;}
.yt-list li:last-child {margin-bottom:0;}
.yt-list li .tit {line-height:1.2em; font-weight:700; color:#121212;}
.yt-list li .txt {line-height:1.666em; font-size:16px; font-weight:400; letter-spacing:-.03em; color:#505050; margin-top:8px;}
.yt-list li::before {content:""; position:absolute; left:0; width:5px; height:2px; background:#121212; top:10px;}

/* 자격요건 */
.lc-txtbox {display:flex; margin-bottom:100px; padding-bottom:55px; border-bottom:1px solid #121212; align-items:center;}
.lc-txtbox .tit {font-size:40px; font-weight:700; letter-spacing:-.03em; line-height:1em; color:#121212; width:360px;}
.lc-txtbox .info {flex:1 1 auto; min-width:0; width:1%;}
.lc-txtbox .info p {margin-bottom:20px; position:relative; padding-left:30px; font-size:18px; font-weight:400; letter-spacing:-.03em; color:#121212; line-height:1.5em;}
.lc-txtbox .info p::before {content:""; position:absolute; left:0; width:16px; height:14px; background:url(../images/sub/sub3-2-chk.png) center no-repeat; background-size:contain; top:6px;}
.lc-txtbox .info p:last-child {margin-bottom:0;}
.lc-group {margin-bottom:55px;}
.lc-group.mg {margin-bottom:0;}
.lc-group h3 {line-height:1.2em; font-weight:700; color:#121212; margin-bottom:24px;}
.lc-group .txt {position:relative; padding-left:18px; font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#505050; font-weight:400; margin-bottom:12px;}
.lc-group .txt:last-child {margin-bottom:0;}
.lc-group .txt::before {content:""; position:absolute; left:0; width:6px; height:6px; border-radius:6px; background:#ccc; top:8px;}
.lc-group .txt strong {color:#121212; font-weight:600;}
.lc-group .spanbox {margin-top:6px;}
.lc-group .spanbox span {display:block; line-height:1.6em; font-size:14px; letter-spacing:-.03em; color:#878787; font-weight:400;}
.lc-group .spanbox strong {color:#121212; font-weight:600;}
.lc-tbl-wrap {overflow:auto;}
.lc-tbl {width:100%; border-collapse:collapse; border-top:1px solid #121212;}
.lc-tbl.pd {margin-bottom:14px;}
.lc-tbl tr {border-bottom:1px solid #ddd;}
.lc-tbl tr th {border-right:1px solid #ddd; line-height:1em; font-size:16px; font-weight:700; color:#121212; background:#f4f4f4; padding:18px 5px;}
.lc-tbl tr th:last-child {border-right:none;}
.lc-tbl.pd tr th {padding:10px 8px; line-height:1.444em;}
.lc-tbl.pd tr th.bd {border-right:1px solid #ddd;}
.lc-tbl tr td {border-right:1px solid #ddd; line-height:1.5em; font-size:16px; font-weight:400;  color:#505050;  padding:15px 8px; text-align:center;}
.lc-tbl tr td:last-child {border-right:none;}
.lc-tbl tr td.tl {padding-left:20px; text-align:left;}
.lc-tbl.pd tr td.fw {font-weight:700; color:#121212;}
.lc-tbl.pd tr td.clr {color:#121212;}
.lc-tbl.pd tr.bg td {background:#f9f9f9;}
.lc-tbl.pd tr.bg2 td {background:#f4f4f4;}
.lc-tbl.fz tr td {font-size:14px;}
.lc-tbl.fz tr td.tl {padding-left:20px; text-align:left;}
.lc-tbl.fz tr td.bd {border-right:1px solid #ddd;}
.lc-tbl.fz tr td strong {font-weight:600; color:#121212;}
.lc-group p {font-size:16px; letter-spacing:-.03em; line-height:1.5em; color:#121212; margin-top:15px; font-weight:400; margin-bottom:4px;}
.gray-txt {line-height:1.6em; font-size:14px; letter-spacing:-.03em; color:#878787; font-weight:400;}
.lc-group .red-txt {font-size:16px; letter-spacing:-.03em; color:#e11515; line-height:1.3em; font-weight:400; margin-top:40px;}

/* 금융지원 안내 */
.bk-tit {font-size:40px; font-weight:700; letter-spacing:-.03em; line-height:1em; color:#121212;}
.bk-list {border-top:1px solid #121212; margin:30px 0 25px;}
.bk-list li {border-bottom:1px solid #ddd; display:flex; padding:50px 35px; align-items:center; justify-content:space-between;}
.bk-list li .tit {font-size:32px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#121212; width:350px;}
.bk-list li .info {padding:0 15px; flex:1 1 auto; min-width:0; width:1%; padding-left:110px;}
.bk-list li .info .red-txt {font-size:16px; letter-spacing:-.03em; color:#e11515; line-height:1.3em; font-weight:400; margin-top:20px;}
.bk-list li .link {display:flex; width:250px; height:60px; align-items:center; padding-left:30px; background:#49ab48; line-height:1.2em; position:relative; color:#fff; font-weight:600;}
.bk-list li .link::after {content:""; position:absolute; right:30px; top:0; bottom:0; margin:auto; width:13px; height:13px; background:url(../images/sub/sub3-3-view.png) center no-repeat; background-size:contain;}
.bk-list li .group {margin-bottom:25px;}
.bk-list li .group:last-child {margin-bottom:0;}
.bk-list li .group .tit2 {font-weight:700; line-height:1em; color:#121212; margin-bottom:8px;}

/* 모집공고 */
.am {background:#027fd3; display:flex; align-items:center;}
.am .img {width:58%;}
.am .info {width:42%; padding:0 90px; text-align:center; color:#fff;}
.am .info .tit {font-size:24px; font-weight:600; line-height:1.5em; margin:35px 0 45px;}
.am .info a {display:flex; width:100%; font-size:20px; font-weight:600; height:70px; background:#fff; align-items:center; color:#121212; padding-left:30px; position:relative; line-height:1em; transition:.2s; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
.am .info a::after {content:""; position:absolute; right:30px; top:0; bottom:0; margin:auto; width:22px; height:23px; background:url(../images/sub/sub3-4-down.png) center no-repeat; background-size:contain; transition:.2s;}
.am .info a:hover {background:#0e4348; color:#fff;}
.am .info a:hover::after {background-image:url(../images/sub/sub3-4-down-w.png);}

/* 임대료 */
.cs-txt {display:flex; justify-content:space-between; align-items:center; margin:25px 0 18px;}
.cs-txt span {font-size:16px; font-weight:400; color:#878787;}
.cs-red-txt {font-size:16px; letter-spacing:-.03em; color:#e11515; line-height:1.3em; font-weight:400; margin-top:5px;}

/* 입주관심 등록 */
.ct-box {margin-bottom:80px;}
.ct-box.mg {margin-bottom:0;}
.ct-box.mb {margin-bottom:140px;}
.ct-titbox {display:flex; justify-content:center; align-items:center; border:8px solid #eee; padding:20px 5px; gap:30px;}
.ct-titbox h4 {font-size:20px; line-height:1.5em; color:#505050; font-weight:400;}
.ct-tit {font-size:24px; font-weight:600; line-height:1.2em; margin-bottom:20px; color:#121212;}
.ct-box .scroll-box {border:1px solid #ddd; padding:30px 40px; color:#121212; line-height:1.556em; font-size:16px; font-weight:400; max-height:400px; overflow:auto;}
.ct-box .scroll-box::-webkit-scrollbar {width:12px; background:#fff; border-radius:2px;}
.ct-box .scroll-box::-webkit-scrollbar-thumb {background-color:#49ab48; width:4px; height:50px; background-clip:padding-box; border-radius:6px; border:4px solid transparent;}
.ct-box .scroll-box::-webkit-scrollbar-track {background-clip:padding-box;}
.ct-box .scroll-box::-webkit-scrollbar-button {width:0;}
.ct-box .scroll-box strong {font-weight:700; display:inline-block; margin-bottom:4px;}
.ct-fx {margin-top:15px; display:flex; align-items:center; justify-content:space-between ; flex-wrap:wrap; gap:10px;}
.ct-fx p {line-height:1.5em; color:#121212;}
.ct-fx p span {color:#e11515;}
.ct-agree-chkbox {display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;  color:#121212; font-size:16px;}

/* 청약일정 */
.sc-list {display:flex; margin-top:75px; flex-wrap:wrap; gap:40px; margin-bottom:35px;}
.sc-list li {width:calc(100%/5 - 32px); text-align:center; position:relative; border-radius:16px; border:2px solid #49ab48;}
.sc-list li::after {content:""; position:absolute; right:-28px; top:0; bottom:0; margin:auto; width:10px; height:14px; background:url(../images/sub/sub4-1-right.png) center no-repeat; background-size:contain;}
.sc-list li:last-child::after {display:none;}
.sc-list li .num {position:absolute; left:0; right:0; margin:auto; width:40px; height:40px; border-radius:40px; background:#49ab48; display:flex; align-items:center; justify-content:center; line-height:1em; color:#fff; font-size:20px; font-weight:700; top:-20px;}
.sc-list li .tit {min-height:140px; display:flex; align-items:center; justify-content:center; text-align:center; color:#49ab48; font-weight:600; border-bottom:1px dashed #7fcaec;}
.sc-list li .txt {min-height:170px; font-size:16px; line-height:1.556em; display:flex; align-items:center; justify-content:center; text-align:center;}
.sc-link {width:300px; height:60px; display:flex; align-items:center; color:#fff; padding-left:30px; background:#49ab48; line-height:1.2em; font-size:18px; font-weight:600; position:relative; margin-top:50px;} 
.sc-link::after {content:""; position:absolute; right:30px; top:0; bottom:0; margin:auto; width:14px; height:14px; background:url(../images/sub/sub4-1-download.png) center no-repeat; background-size:contain;}

/* 청약신청 */
.app-sec {margin-top:100px; color:#121212;}

.app-tit {font-size:24px; line-height:1.3em; letter-spacing:-.03em; color:#121212; margin-bottom:25px;}
.app-tit small {display:inline-block; color:#4aab48; font-size:0.83em; font-weight:400; line-height:1.3em;}

.app-agree .box-wrap {height:400px; margin-bottom:20px; border:1px solid #ddd; padding:40px; overflow:auto; font-size:16px; font-weight:400; line-height:1.6em; color:#505050;}
.app-agree .box-wrap .sec {margin-bottom:2em;}
.app-agree .box-wrap .sec h3 {margin-bottom:.7em; font-size:inherit;}
.app-agree .box-wrap .sec p {margin-bottom:.7em;}
.app-agree .box-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.app-agree .box-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.app-agree .box-wrap .policy-contact dl:first-child {border-left:0;}
.app-agree .box-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}
.app-agree .check-wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;}
.app-agree .check-wrap .text {font-size:18px; line-height:1.6em;}
.app-agree .check-wrap .text em {color:#e11515; font-style: normal;}
.app-agree .check-wrap .checkboxs {display:flex; align-items:center; justify-content:space-between; gap:10px 40px; flex-wrap:wrap; font-size:16px;}

.app-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #121212; font-size:16px; line-height:1.5em;}
.app-form table th {padding:15px 20px; height:75px; border:1px solid #ddd; background:#f4f4f4; font-size:18px; color:#121212;}
.app-form table td {padding:15px 20px; border:1px solid #ddd; color:#121212;}
.app-form tr th:first-child,
.app-form tr td:first-child {border-left:0;}
.app-form tr th:last-child,
.app-form tr td:last-child {border-right:0;}
.app-form .required {color:#4aab48}
.app-form .items {display:flex; flex-wrap:wrap; gap:12px 40px; padding:10px 0;}
.app-form .tel-wrap {display:flex; align-items:center; gap:10px;}

.app-note {margin-top:15px; font-size:16px; line-height:1.5em; color:#686868;}

.app-result {border:1px solid #ddd; padding:70px; margin-top:150px; text-align:center; background:url("/images/sub/result-bg.jpg") 50% 50%/cover no-repeat;}
.app-result h3 {font-size:24px; line-height:1.3em; color:#49ab48; margin-bottom:20px;}
.app-result p {font-size:18px; line-height:1.6em; color:#505050;}
.app-result:first-child{margin-top:0;}

.app-result-info {margin-top:60px;}
.app-result-info table{width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #121212; font-size:16px; line-height:1.5em;}
.app-result-info table th {padding:12px; border:1px solid #ddd; border-top:0; background:#f4f4f4; color:#121212;}
.app-result-info table td {padding:12px; border:1px solid #ddd; border-top:0; color:#505050; text-align:center;}
.app-result-info tr th:first-child,
.app-result-info tr td:first-child {border-left:0;}
.app-result-info tr th:last-child,
.app-result-info tr td:last-child {border-right:0;}

.app-result-note {margin-top:60px; border:8px solid #eee; padding:24px; font-size:20px; line-height:1.5em; color:#505050; text-align:center;}
.app-result-note img {display:inline-block; vertical-align:middle; margin-right:26px;}

.app-submit {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; gap:10px 16px; margin-top:60px;}
.app-submit .btn-pack.xlarge {min-width:250px; display:flex; justify-content:center; align-items:center; text-align:center; line-height:1.2em !important;}
.app-submit .btn-pack.dark {background:#505050; border-color:#505050;}