@charset "utf-8";
/* 공통 */
.sub-tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-.03em; color:#242424;}
.sub-txt {font-size:18px; font-weight:300; color:#555; letter-spacing:-.03em; line-height:1.6em; margin-top:10px;}

/* 사업개요 */
.ab-sec1 {display:flex;}
.ab-left {width:50%; border-radius:30px; overflow:hidden; position:relative; padding-right:100px;}
.ab-bg {border-radius:30px; width:100%;}
.ab-right {width:50%; padding-top:80px;}
.sub1-logo {position:absolute; left:55px; top:85px;}
.ab-list li {display:flex; position:relative; align-items:center; margin-bottom:28px;}
.ab-list li:last-child {margin-bottom:0;}
.ab-tit {width:150px; height:38px; line-height:38px; text-align:center; background:#004a8f; border-radius:30px; color:#fff; font-size:18px; color:#fff; font-weight:700; position:absolute; top:0;}
.ab-txt {font-size:18px; font-weight:400; letter-spacing:-.025em; line-height:1.2em; color:#555; padding-left:180px; padding-top:8px;}
.ab-txt sup {font-size:11px;}
.ab-sec2 {padding-top:230px;}
.ab-tbl-wrap {margin-top:20px;}
.ab-tbl {border-top:2px solid #0184ba; width:100%; border-collapse:collapse;}
.ab-tbl tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:18px; font-weight:400; padding:18px 30px; line-height:1.2em; color:#555;}
.ab-tbl tr td:last-child {border-right:none;}
.ab-tbl-tit {background:#f9f9f9; text-align:center; font-weight:700 !important;}
.ab-tbl .fx {display:flex; gap:10px 80px; flex-wrap:wrap;}
.ab-tbl .fx .group {display:inline-block;}
.ab-tbl .fx .group .tit {display:inline-block; padding-right:20px; position:relative; font-size:18px; font-weight:700; color:#555; line-height:1.2em;}
.ab-tbl .fx .group .tit::after {content:""; position:absolute; right:8px; width:1px; height:10px; background:#ddd; top:6px;}
.ab-tbl .fx .group .txt {display:inline-block;}

/* 오시는 길 */
.lctbox {padding:50px 55px; padding-bottom:0;}

/* 특장점 */
.fq-box {display:flex; margin-bottom:210px;}
.fq-box:last-child {margin-bottom:0;}
.fq-left {width:49%; border-radius:60px; overflow:hidden; position:relative;}
.fq-left img {width:100%;}
.fq-big {font-size:120px; font-weight:700; letter-spacing:-.05em; text-align:center; position:absolute; right:0; left:0; bottom:0; margin:auto; color:rgba(255,255,255,0.8); font-family:'GmarketSans'; line-height:0.6em;}
.fq-big2 {font-size:70px;}
.fq-right {width:51%; padding-left:70px; padding-top:60px;}
.fq-right>b {font-size:16px; font-weight:600; line-height:1em; letter-spacing:-.05em; color:#555;}
.fq-right>h3 {font-size:34px; font-weight:900; letter-spacing:-.05em; line-height:1.1em; color:#333; margin-top:15px; font-family:'GmarketSansBold';}
.fq-txtbox {margin-top:25px;}
.fq-txtbox>p {font-size:18px; font-weight:400; letter-spacing:-.05em; color:#555; padding-left:12px; position:relative; line-height:1.25em; margin-bottom:12px;}
.fq-txtbox>p:last-child {margin-bottom:0;}
.fq-txtbox>p::before {content:""; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:100%; background:#009bff;}
.fq-fx {flex-direction:row-reverse;}

/* 층별세대구성 */
.fl-tit {font-size:28px; font-weight:700; letter-spacing:-.03em; color:#242424; border-bottom:2px solid #0184ba; padding-bottom:15px;}
.fl-box {display:flex; border-bottom:1px solid #ddd; padding:45px 0; gap:30px;}
.fl-pd {padding:25px 0 45px;}
.fl-left {flex:1;}
.fl-left>h4 {font-size:20px; padding-left:5px; font-weight:700; line-height:1.2em; letter-spacing:-.03em; color:#242424;}
.fl-tbl-wrap {margin-top:10px;}
.fl-tbl {border-collapse:collapse; width:100%;}
.fl-tbl tr td {border-bottom:2px solid #fff; border-right:2px solid #fff; font-size:17px; font-weight:400; color:#333; background:#ebebeb; padding:6px 5px; text-align:center;}
.fl-tbl tr td.in-m2 {font-size:14px; line-height:1.3em;}
.fl-bg {color:#fff !important; font-weight:700 !important; background:#555 !important;} 
.fl-fw {font-weight:700 !important;}
.fl-clr1 {background:#ddeaf6 !important;}
.fl-clr2 {background:#fae4d5 !important;}
.fl-clr3 {background:#e1efd8 !important;}
.fl-clr4 {background:#fff1cb !important;}
.fl-right {text-align:right;}
.fl-sec2 {padding-top:100px;}
.fl-sec2>b {margin-top:25px; line-height:1.444em; font-size:18px; font-weight:300; color:#555; letter-spacing:-.03em; padding-left:17px; display:block;}
.fl-sec2-imgbox {margin-top:40px;}
.fl-sec2-txtbox {margin-top:20px;}
.fl-sec2-txtbox>p {font-size:16px; font-weight:300; letter-spacing:-.03em; line-height:1.556em; color:#555; position:relative; padding-left:15px;}
.fl-sec2-txtbox>p::before {content:""; position:absolute; left:5px; top:10px; width:3px; height:3px; border-radius:100%; background:#555;}

.inq-sec2-txtbox {margin-bottom:70px;}
.inq-sec2-txtbox>p {color:#888;}
.inq-sec2-txtbox>p::before {background:#888;}

/* 평면안내 */
.pl-tab {display:flex; position:relative;}
.pl-tab::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border:1px solid #ddd; z-index:-1;}
.pl-tab>li {width:calc(100%/4); border-right:1px solid #ddd; text-align:center; color:#333; vertical-align:middle;}
.pl-tab>li a {display:block; width:100%; padding:0 10px; line-height:1.2em; font-size:18px; font-weight:700; height:60px; line-height:60px;}
.pl-tab>li:last-child {border-right:none;}
.pl-tab>li.active {background:#555; border-right:1px solid #555; color:#fff;}
.pl-cate {display:flex; justify-content:center; padding:40px 0 50px; border-bottom:2px solid #0184ba;}
.pl-cate li {width:calc(100%/7); text-align:center;}
.pl-cate li img {margin:25px 0;}
.pl-cate-subtit {font-size:18px; font-weight:500; line-height:1.2em; color:#0184ba;}
.pl-cate-tit {font-weight:700; color:#333; line-height:1.2em; font-size:36px; margin-top:5px;}
.pl-cate li span {font-size:26px; line-height:1.2em;}
.pl-cate li sup {font-size:16px; line-height:1.2em; font-weight:900;}
.pl-swp {margin-top:55px;}
.pl-swiper {width:100%; height:100%; position:relative; overflow:hidden;}
.pl-swiper-slide {position:relative; background:#f2f2f2;}
.pl-swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}
.pl-swiper-button-next::after, .pl-swiper-button-prev::after {display:none;}
.pl-swiper-button-next, .pl-swiper-button-prev {width:16px; height:29px; background-size:contain;}
.pl-swiper-button-next {background:url(../images/sub/sub2_right.png) center no-repeat; right:40px;}
.pl-swiper-button-prev {background:url(../images/sub/sub2_left.png) center no-repeat; left:40px;}
.pl-swpbox {width:200px; padding:20px 10px; border-radius:60px; text-align:center; background:#004a8f; position:absolute; right:50px; top:50px;}
.pl-swpsub {font-size:20px; line-height:1.2em; letter-spacing:-.03em; color:#fff; font-weight:600;}
.pl-swptit {font-size:30px; line-height:1.2em; letter-spacing:-.03em; color:#fff; font-weight:700; margin-top:5px;}
.pl-swptit span {font-size:30px; line-height:1.2em;}
.pl-swptit sup {font-size:16px; line-height:1.2em; font-weight:900;}

/* 커뮤니티 시설 */
.com-sec1 {text-align:center;}
.com-sec1>h3 {font-size:34px; font-weight:700; letter-spacing:-.05em; line-height:1.2em; color:#333; font-family:'GmarketSans';}
.com-sec1>p {font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.05em; color:#555; margin-top:15px; position:relative;}
.com-sec1>p::after {content:""; display:block; width:1px; height:30px; background:#333; margin:30px auto;}
.com-list {display:flex; gap:70px; margin-top:170px; justify-content:center;}
.com-list>li {width:calc(100%/3); text-align:center;}
.com-list>li .imgbox {border-radius:30px; width:100%; box-shadow:10px 20px 20px rgba(0,0,0,0.15);}
.com-list>li .imgbox img {width:100%; border-radius:30px;}
.com-list-tit {font-size:24px; font-weight:700; letter-spacing:-.05em; line-height:1.2em; margin-top:40px; color:#333;}
.com-list-txt {font-size:18px; font-weight:300; line-height:1.6em; letter-spacing:-.05em; color:#555; margin-top:10px;}
.com-span {text-align:left; font-size:14px; color:#aaa; margin-top:40px; font-weight:300; line-height:1.2em;}

/* 청년안심주택 */
.yt-sec1-box {display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid #ddd; margin-top:30px;}
.yt-sec2 {padding-top:110px;}
.yt-sec2-box {margin-top:30px; padding:60px 55px; border-top:2px solid #0184ba; border-bottom:2px solid #0184ba; display:flex; align-items:center;}
.yt-circle {width:165px; height:165px; border-radius:100%; display:flex; justify-content:center; align-items:center; background:#004a8f; color:#fff; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-.03em;}
.yt-sec2-txtbox {padding-left:65px;}
.yt-sec2-txtbox p {font-size:18px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#555; position:relative; padding-left:40px; margin-bottom:10px;}
.yt-sec2-txtbox p:last-child {margin-bottom:0;}
.yt-sec2-txtbox p::before {width:22px; height:21px; position:absolute; content:""; left:0; top:1px; background:url(../images/sub/sub3_chk.png) center no-repeat;}
.yt-sec2-list {display:flex; gap:80px; max-width:1000px; width:100%; margin:90px auto;}
.yt-sec2-list>li {width:calc(100%/2 - 40px); text-align:center;}
.yt-sec2-clrbox {border-radius:30px; overflow:hidden; width:100%; display:flex; align-items:center; justify-content:center; text-align:center;padding:10px; height:260px;}
.yt-sec2-clrbox .clrtit {color:#fff; font-weight:700; letter-spacing:-.03em; line-height:1.6em; font-size:24px;}
.yt-sec2-clrbox p {font-size:18px; font-weight:300; letter-spacing:-.03em; line-height:1.5em; color:#fff; margin-top:0px;}
.yt-sec2-clrbox.clr1 {background:#0184ba;}
.yt-sec2-clrbox.clr2 {background:#004a8f;}
.yt-sec2-clrbox span {display:block; color:#fff; font-size:14px; font-weight:300; line-height:1.2em; letter-spacing:-.03em; margin-top:10px;}
.sub3-down {display:block; margin:15px auto 25px;}
.yt-sec2-result {text-align:center; font-size:24px; font-weight:700; letter-spacing:-.03em; line-height:1.2em; padding:15px 10px; border-radius:40px;}
.yt-sec2-result.clr1 {color:#0184ba; border:2px solid #0184ba;}
.yt-sec2-result.clr2 {color:#004a8f; border:2px solid #004a8f;}
.yt-sec2-box2 {border:1px solid #ddd; padding:50px 95px;}
.yt-sec2-box2>h4 {font-size:24px; font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#004a8f;}
.yt-list2 {margin-top:80px;}
.yt-list2>li {display:flex; align-items:center; margin-bottom:42px;} 
.yt-list2>li:last-child {margin-bottom:0;}
.yt-circle {width:165px; height:165px; border-radius:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-.03em;}
.yt-circle.clr1 {background:#004a8f;}
.yt-circle.clr2 {background:#333333;}
.yt-circle.clr3 {background:#0184ba;}
.yt-list-txtbox {padding-left:50px;}
.yt-list-tit {font-size:18px; font-weight:700; letter-spacing:-.03em; color:#555; line-height:1.6em;}
.yt-list-txt {margin-top:20px;}
.yt-list-txt p {font-size:16px; font-weight:300; letter-spacing:-.03em; line-height:1.6em; color:#555; margin-bottom:3px;}
.yt-list-txt p:last-child {margin-bottom:0;}

/* 청약 자격요건 */
.ss-mg {margin-top:30px;}
.ss-box {padding:30px 10px; border-top:2px solid #0184ba; border-bottom:2px solid #0184ba; margin-top:10px;}
.ss-inbox {display:flex; position:relative; margin-bottom:25px;}
.ss-inbox:last-child {margin-bottom:0;}
.ss-tit {width:150px; height:40px; line-height:40px; border-radius:20px; text-align:center; padding:0 10px; background:#004a8f; color:#fff; text-align:center; font-size:18px; font-weight:700; position:absolute; left:0; top:0;}
.ss-tit.clr2 {background:#0184ba;}
.ss-txt {font-size:18px; font-weight:300; letter-spacing:-.025em; color:#555; line-height:1.3em; padding-left:180px; width:100%;margin-top:8px;}
.ss-tbl-wrap {margin-top:25px;}
.ss-tbl {border-collapse:collapse; width:100%; border-top:1px solid #ddd;}
.ss-tbl tr th {background:#f9f9f9; padding:13px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px; font-weight:700; line-height:1.2em; color:#333; text-align:center;}
.ss-tbl tr th:last-child {border-right:none;}
.ss-tbl tr td {padding:13px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px; font-weight:400; line-height:1.2em; color:#333; text-align:center;}
.ss-tbl tr td:first-child {font-weight:700;}
.ss-tbl tr td:last-child {border-right:none;}
.ss-txt>p {font-size:15px; font-weight:400; letter-spacing:-.025em; color:#555; line-height:1.5em; padding-left:10px; margin-top:10px;}
.ss-txt>p span {padding-left:12px;}
.ss-tbl tr td.left {text-align:left; padding-left:60px;}
.ss-tbl tr td.left p {font-size:18px; line-height:1.666em; position:relative; padding-left:8px;}
.ss-tbl tr td.left p::before {content:""; position:absolute; left:0; top:13px; width:3px; height:3px; border-radius:3px; background:#555;}
.ss-tbl tr td.left strong {display:block; line-height:1.666em;}
.ss-sec2 {padding-top:150px;}
.ss-text {border:1px solid #ddd; margin-top:105px; padding:50px 45px;}
.ss-text>h4 {font-size:24px; font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#004a8f;}
.ss-text-box {margin-top:45px;}
.ss-text-box>p {font-size:18px; font-weight:300; letter-spacing:-.03em; line-height:1.6em; color:#555; position:relative; padding-left:16px; margin-bottom:5px;}
.ss-text-box>p:last-child {margin-bottom:0;}
.ss-text-box>p::before {content:""; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:100%; background:#004a8f;}

/* 금융지원 안내 */
.fn-bg {height:500px; padding:95px; background:url(../images/sub/sub3_3_bg.jpg) center no-repeat; background-size:cover;}
.fn-bg b {font-size:20px; font-weight:500; letter-spacing:-.025em; line-height:1.2em; color:#061123;}
.fn-bg h3 {font-size:36px; font-weight:700; letter-spacing:-.025em; line-height:1.25em; color:#004a8f; margin-top:10px;}
.fn-bg h4 {font-size:24px; font-weight:700; line-height:1.5em; letter-spacing:-.025em; color:#0184ba; margin-top:20px;}
.fn-list {display:flex; gap:40px; margin-top:205px; flex-wrap:wrap;}
.fn-list li {width:calc(100%/2 - 20px); margin-bottom:40px;}
.fn-list li a {display:flex; width:100%;}
.fn-list li .imgbox {border-radius:15px; overflow:hidden;  width:42%;}
.fn-list li .imgbox img {width:100%;}
.fn-list li .txtbox {padding:15px 30px; text-align:right; width:58%;}
.fn-tit {font-size:23px; font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#242424; text-align:left;}
.fn-txt {font-size:18px; font-weight:300; padding-left:10px; letter-spacing:-.03em; line-height:1.6em; color:#555; margin-top:6px; text-align:left;}
.fn-btn {padding:8px 30px; border-radius:25px; font-size:16px; color:#fff; font-weight:700; background:#004a8f; margin-top:30px; display:inline-block;}
.fn-text {margin-top:50px;}
.fn-text p{font-size:18px; font-weight:300; line-height:1.6em; letter-spacing:-.03em; color:#555; margin-bottom:5px;}
.fn-text p:last-child {margin-bottom:0;}
.fn-text p span {font-weight:700;}

/* 임차인 모집공고 */
.im-bg {height:500px; padding:125px 115px; background:url(../images/sub/sec3_4_bg.jpg) center no-repeat; background-size:cover;}
.im-bg b {font-size:24px; font-weight:700; letter-spacing:-.025em; line-height:1.2em; margin-top:20px; color:#004a8f; display:block;}
.im-bg p {font-size:20px; font-weight:400; line-height:1.2em; margin-top:70px; color:#000;}
.im-down {display:flex; justify-content:center; align-items:center; margin:80px auto 0;}
.im-down a{color:#fff; font-weight:700; font-size:20px; text-align:center; position:relative; background:#004a8f; padding:14px 50px; border-radius:30px; padding-left:85px;}
.im-down a::before {content:""; position:absolute; left:50px; top:18px; background:url(../images/sub/download.png) center no-repeat; width:21px; height:19px;}

/* 임대조건 */
.da-titbox {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:15px;}
.da-sec2 {margin-top:70px;}
.da-titbox>p {font-size:18px;}
.da-titbox div p {font-size:18px; line-height:1.6em; margin-top:15px; color:#555;}

/* 청약신청 */
.inp-subbox {display:flex; justify-content:space-between; margin-top:15px; align-items:flex-end;}
.inp-subbox>h4 {font-size:20px; font-weight:700; letter-spacing:-.025em; line-height:1.2em; color:#fe6000;}
.inp-subbox>p {font-size:16px; font-weight:400; color:#888;}

/* 제출서류 안내 */
.sm-tab {display:flex; position:relative; max-width:640px; width:100%; margin:auto;}
.sm-tab::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border:1px solid #ddd; z-index:-1;}
.sm-tab>li {width:calc(100%/2); border-right:1px solid #ddd; text-align:center; color:#333; vertical-align:middle;}
.sm-tab>li a {display:block; width:100%; padding:0 10px; line-height:1.2em; font-size:18px; font-weight:700; height:60px; line-height:60px;}
.sm-tab>li:last-child {border-right:none;}
.sm-tab>li.active {background:#555; border-right:1px solid #555; color:#fff;}
.sm-down {display:flex; justify-content:flex-end; align-items:center; margin:30px auto 0;}
.sm-down a{color:#fff; font-weight:700; font-size:18px; text-align:center; position:relative; background:#004a8f; padding:12px 40px; border-radius:30px; padding-left:70px;}
.sm-down a::before {content:""; position:absolute; left:40px; top:18px; background:url(../images/sub/download.png) center no-repeat; width:21px; height:19px;}
.sm-sec1 {margin-top:25px;}
.sm-pbox {margin:10px 0 15px;}
.sm-pbox p {position:relative; font-size:18px; font-weight:300; letter-spacing:-.03em; line-height:1.6em; color:#242424; padding-left:15px;}
.sm-pbox p::before {content:""; position:absolute; left:5px; top:12px; width:4px; height:4px; border-radius:100%; background:#0184ba;}
.sp-bdr {border-right:1px solid #ddd !important;}
.sp-tl {text-align:left !important;}
.sm-tbl tr th span {display:block; color:#333; font-size:14px; font-weight:400;}
.sm-tbl tr td {padding:12px 15px;}
.sm-tbl tr td .clr1 {font-size:16px; display:block; font-weight:400; color:#888; line-height:1.2em; padding-left:25px; padding-top:3px;}
.sm-tbl tr td .clr1.pd {padding-left:0; padding-top:5px;}
.sp-pd {padding:12px 40px !important;}
.sp-pd2 {padding:12px 30px !important;}
.sm-tbl tr td p {margin-bottom:10px;}

/* 자주하는 질문 */
.faq-tab {display:flex; position:relative; max-width:640px; width:100%; margin:0 auto 40px;}
.faq-tab::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border:1px solid #ddd; z-index:-1;}
.faq-tab>li {width:calc(100%/5); border-right:1px solid #ddd; text-align:center; color:#333; vertical-align:middle;}
.faq-tab>li a {display:block; width:100%; padding:0 10px; line-height:1.2em; font-size:18px; font-weight:700; height:60px; line-height:60px;}
.faq-tab>li:last-child {border-right:none;}
.faq-tab>li.active {background:#555; border-right:1px solid #555; color:#fff;}

/* 입주관심등록 */
.it-box {background:#004a8f; display:flex; padding:40px 20px 40px; width:100%; justify-content:center; align-items:center; margin-bottom:50px;}
.it-box img {padding-right:40px;}
.it-box p {font-size:18px; font-weight:700; color:#fff; line-height:1.5em; padding-left:40px; position:relative; border-left:1px solid #fff; padding:10px 40px; padding-right:0;}
.bd-field {font-size:16px; font-weight:400; color:#888; text-align:right; line-height:1em; display:block;}