@charset "UTF-8";

/* 게이트 페이지 */
.gate {position: relative; width: 100%; height: 100vh; overflow: hidden; font-family: "Poppins-Medium";}
.gate h1 {position: absolute; top: 300px; left: 50%; transform: translate(-50%, 0); z-index: 100; opacity: 0; cursor: pointer;}
.gate .s_line {position: absolute; top: calc(50% + 10px); left: 50%; transform: translate(-50%, -50%); width: 17px; height: 216px; background: url('../images/gate-sline.svg') no-repeat 0 0; background-size: 100%;}
.gate .line1 {position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: 1px; background: rgba(255, 255, 255, 0.2); z-index: 2;}
.gate .line2 {position: absolute; top: 10px; left: 10px; width: 1px; height: calc(100vh - 20px); background: rgba(255, 255, 255, 0.2); z-index: 2;}
.gate .line3 {position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); height: 1px; background: rgba(255, 255, 255, 0.2); z-index: 2;}
.gate .line4 {position: absolute; bottom: 10px; right: 10px; width: 1px; height: calc(100vh - 20px); background: rgba(255, 255, 255, 0.2); z-index: 2;}
.gate .ground {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100vh; overflow: hidden;}
.gate .ground video {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 100%;}
.gate .ground .dimd {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100vh; background-color: #000; z-index: 1; opacity: 0.6;}

.gate .gate_sec {position: absolute; top: 0px; left: 0; width: 100%; height: 100%;}
.gate .gate_sec li {position: absolute; top: 0px; left: 0; width: 50%; height: 100vh; overflow: hidden; cursor: pointer;}
.gate .gate_sec li > .bg {min-width: 1920px}
.gate .gate_sec li > .bg > span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);}
.gate .gate_sec li.construction > .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1;}
.gate .gate_sec li.construction > a.next {display: none; position: absolute; top: 50%; right: 60px; transform: translate(0, -50%); padding-right: 100px; opacity: 0;}
.gate .gate_sec li.construction > a.next::before {content: ""; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 20px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%;}
.gate .gate_sec li.construction > a.prev {display: none; position: absolute; top: 50%; left: 60px; transform: translate(0, -50%); width: 30px; height: 20px; padding-right: 100px; opacity: 0;}
.gate .gate_sec li.construction > a.prev > p {width: 30px;}
.gate .gate_sec li.construction > a.prev img {width: 100%;}
.gate .gate_sec li.engineering {left:auto; right: 0;}
.gate .gate_sec li.engineering > .bg {display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100vh;  background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1;}
.gate .gate_sec li.engineering > a.next {display: none; position: absolute; top: 50%; left: 60px; transform: translate(0, -50%); padding-left: 100px; opacity: 0;}
.gate .gate_sec li.engineering > a.next::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 20px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%; transform: rotate(180deg);}
.gate .gate_sec li.engineering > a.prev {display: none; position: absolute; top: 50%; right: 60px; transform: translate(0, -50%) rotateY(180deg); width: 30px; height: 20px; padding-right: 100px; opacity: 0;}
.gate .gate_sec li.engineering > a.prev > p {width: 30px;}
.gate .gate_sec li.engineering > a.prev img {width: 100%;}
.gate .gate_sec li .con_div {position: absolute; top: 0px; left: 0; width: 100%; height: 100vh;}
.gate .gate_sec li .con_div .txt_div {position: absolute; top: 48%; left: 0; transform: translate(0, -50%); width: 100%; text-align: center; color: #fff; font-size: 34px;}
.gate .gate_sec li .con_div .txt_div > h2 {height: 24px; transform: translate(0, 100px); opacity: 0;}
.gate .gate_sec li .con_div .txt_div > h2 img {height: 100%;}
.gate .gate_sec li .con_div .txt_div > p {transform: translate(0, 100px); opacity: 0; margin-top: 50px; font-family: pretendard;}
.gate .gate_sec li .con_div .txt_div > a {display: block; width: 140px; height: 50px; margin: 60px auto 0; transform: translate(0, 100px); border: 1px solid #fff; font-size: 14px; line-height: 49px; color: #fff; opacity: 0;}
.gate .gate_sec li .con_div > h2 {position: absolute; bottom: 100px; left: 50%; transform: translate(-50%, 0%); height: 24px; opacity: 0;}
.gate .gate_sec li .con_div > h2 img {height: 100%;}
@media all and (max-width: 1024px) {
	.gate .gate_sec li.construction > a.next {right: 3%; padding-right: 70px;}
	.gate .gate_sec li.construction > a.next::before {width: 25px; height: 15px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%;}
	.gate .gate_sec li.construction > a.prev {width: 25px; height: 15px; left: 3%; padding-right: 70px;}
	.gate .gate_sec li.construction > a.prev > p {width: 25px;}
	.gate .gate_sec li.construction > .bg {height: 100%;}
	.gate .gate_sec li.engineering > a.next {left: 3%; padding-left: 70px;}
	.gate .gate_sec li.engineering > a.next::before {width: 25px; height: 15px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%;}
	.gate .gate_sec li.engineering > a.prev {width: 25px; height: 15px; right: 3%; padding-right: 70px;}
	.gate .gate_sec li.engineering > a.prev > p {width: 25px;}
	.gate .gate_sec li.engineering > .bg {height: 100%;}

	.gate .gate_sec li .con_div .txt_div {font-size: 24px;}
	.gate .gate_sec li .con_div .txt_div > h2 {height: 20px;}
	.gate .gate_sec li .con_div .txt_div > p {margin-top: 40px;}
	/* .gate .gate_sec li .con_div .txt_div > a {width: 120px; height: 40px; margin: 50px auto 0; font-size: 13px; line-height: 39px;} */
	.gate .gate_sec li .con_div > h2 {bottom: 80px; height: 20px;}

	.gate .s_line {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 17px; height: 216px; background: url('../images/gate-sline.svg') no-repeat 0 0;}
	.gate .gate_sec li {position: relative; width: 100%; height: 50%;}
	.gate .gate_sec li .con_div {height: 100%;}
	.gate .gate_sec li.engineering .con_div .txt_div {top: 40%;}
}
@media all and (max-width: 768px) {
	.gate .gate_sec li.construction > a.next {display: none; padding-right: 20px;}
	.gate .gate_sec li.construction > a.next > p {width: 18px; height: 13px; overflow: hidden;}
	.gate .gate_sec li.construction > a.next > p > img {height: 100%;}
	.gate .gate_sec li.construction > a.next::before {width: 15px; height: 10px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%;}
	.gate .gate_sec li.construction > a.prev {display: none; width: 15px; height: 10px; padding-right: 50px;}
	.gate .gate_sec li.construction > a.prev > p {width: 15px;}
	.gate .gate_sec li.engineering > a.next {padding-left: 20px;}
	.gate .gate_sec li.engineering > a.next > p {width: 18px; height: 13px; overflow: hidden;}
	.gate .gate_sec li.engineering > a.next > p > img {height: 100%;}
	.gate .gate_sec li.engineering > a.next::before {width: 15px; height: 10px; background: url('../images/gate-arrow.svg') no-repeat 0 0; background-size: 100%;}
	.gate .gate_sec li.engineering > a.prev {width: 15px; height: 10px; padding-right: 50px;}
	.gate .gate_sec li.engineering > a.prev > p {width: 15px;}

	.gate .gate_sec li .con_div .txt_div {font-size: 20px;}
	.gate .gate_sec li.engineering .con_div .txt_div {top: 35%;}
	.gate .gate_sec li .con_div .txt_div > h2 {height: 15px;}
	.gate .gate_sec li .con_div .txt_div > p {margin-top: 40px;}
	/* .gate .gate_sec li .con_div .txt_div > a {width: 70px; height: 25px; margin: 30px auto 0; font-size: 10px; line-height: 29px;} */
	.gate .gate_sec li .con_div > h2 {bottom: 50px; height: 15px;}
}

.gate .srch_bt {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 200px; height: 165px; z-index: 100; opacity: 0;}
.gate .srch_bt .txt {position: absolute; top: 0; left: 0; color: #fff; width: 100%; text-align: center; font-size: 16px; line-height: 26px; font-family: pretendard;}
.gate .srch_bt .img {position: absolute; bottom: -15px; left: 0; width: 200px; height: 100px;}
.gate .srch_bt .img img {width: 100%;}
.gate .srch_bt .img > span.before {display: block; position: absolute; top: 42px; left: 50%; transform: translate(-50%, 0%); width: 48px; height: 29px;}
.gate .srch_bt .img > span.after {display: block; position: absolute; top: 42px; left: 50%; transform: translate(-50%, 0%); width: 48px; height: 29px; opacity: 0;}
.gate .srch_bt .img > span img {width: 100%; height: 100%;}
@media all and (max-width: 1024px) {
	.gate {height: 100%;}
	.gate .srch_bt {width: 150px; height: 100px;}
	.gate .srch_bt .txt {font-size: 14px; line-height: 24px; width: 180px; top: 0; left: 50%; transform: translate(-50%, 0);}
	.gate .srch_bt .txt br {display: none;}
	.gate .srch_bt .img {position: absolute; bottom: -15px; left: 0; width: 150px; height: 80px;}
	.gate .srch_bt .img > img {width: 150px;}
	.gate .srch_bt .img > span.before {top: 30px; left: 50%; transform: translate(-50%, 0%); width: 40px; height: 20px;}
	.gate .srch_bt .img > span.after {top: 30px; left: 50%; transform: translate(-50%, 0%); width: 40px; height: 20px;}
	.gate .srch_bt .img > span img {width: 100%; height: 100%;}
}
@media all and (max-width: 768px) {
	.gate .srch_bt .txt {font-size: 12px; line-height: 23px; width: 180px; top: 10px; left: 50%; transform: translate(-50%, 0);}
	.gate .srch_bt .img > span img {width: 100%; height: 100%;}
}

.gate .srch_con {display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 100vh; opacity: 0; z-index: 100; overflow: hidden;}
.gate .srch_con .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(000, 000, 000, 0.7);}
.gate .srch_con .srch_div {position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); width: 640px; height: 310px; text-align: center; opacity: 0; z-index: 10;}
/* .gate .srch_con .srch_div > a {display: inline-block; position: relative; height: 34px; color: #fff; font-size: 18px; margin: 0 20px; font-family: pretendard;}
.gate .srch_con .srch_div > a:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0; transition: 0.5s;}
.gate .srch_con .srch_div > a.on:after {opacity: 1;} */
.gate .srch_con .srch_div .tabcon {width: 100%; text-align: left; color: #fff;}
.gate .srch_con .srch_div .tabcon a {color: #bbb; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.gate .srch_con .srch_div .tabcon .input_area {position: relative; width: 640px; height: 80px; margin: auto; padding: 14px 3%; border-radius: 2px; background: #fff;}
.gate .srch_con .srch_div .tabcon .input_area > input {width: calc(100% - 60px); border: 0; font-size: 18px; padding-top: 6px; margin-bottom: 10px; font-family: pretendard;}
.gate .srch_con .srch_div .tabcon .input_area > a {position: absolute; top: 50%; right: 34px; transform: translate(0, -50%);}
.gate .srch_con .srch_div .tabcon .input_area .recom_words {display: none; position: absolute; top: 80px; left: 0; width: 100%; height: 315px; padding: 40px 40px 80px; background: #fff; border-radius: 8px; overflow: hidden; opacity: 0;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec {height: 100%; overflow-y: auto;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec::-webkit-scrollbar  {width: 6px;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a {display: flex; justify-content: space-between; margin-bottom: 20px; color: #222; font-family: pretendard; font-size: 16px}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a:last-child {margin-bottom: 0px;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a > p:nth-child(1) > span {color: #961E1E; margin-right: 6px;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a > p:nth-child(2) {color: #727272; margin-right: 15px; font-size: 14px;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .nopage5 {height: 215px; border: 0; padding-top: 130px; background-position: center 46px;}
.gate .srch_con .srch_div .tabcon .input_area .recom_words .nopage5 .txt {margin: 0;}

.gate .srch_con .srch_div .tabcon .input_area .bot {position: absolute; bottom: 0px; left: 0; width: 100%; height: 40px; background: #F6F6F6; border-top: 1px solid #DDDDDD; overflow: hidden;}
.gate .srch_con .srch_div .tabcon .input_area .bot > a {position: absolute; top: 0; right: 0; width: 108px; height: 40px; color: #222; font-size: 16px; font-family: pretendard; text-align: center; line-height: 39px;}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
	.gate .srch_con .srch_div {top: 35% !important; width: 100%; height: 80px; transform: translate(-50%, -50%);}
	.gate .srch_con .srch_div .tabcon .input_area {width: calc(100% - 64px); height: 80px; padding: 0 1%;}
	.gate .srch_con .srch_div .tabcon .input_area > input {width: calc(100% - 20px); height: 80px; padding: 0 3%;  font-size: 16px; margin-bottom: 0;}
	.gate .srch_con .srch_div .tabcon .input_area > a {right: 5%; transform: translate(0, -50%); width: 32px; height: 32px;}
	.gate .srch_con .srch_div .tabcon .input_area > a > img {width: 100%;}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words {top: 46px; height: 298px; padding: 30px 3% 40px; border-radius: 4px;}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec {height: 198px;}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a {display: block; margin-bottom: 15px; font-size: 16px}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a > p:nth-child(1) {width: calc(94% - 6px);}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a > p:nth-child(1) > span {margin-right: 3%;}
	.gate .srch_con .srch_div .tabcon .input_area .recom_words .words_sec > a > p:nth-child(2) {margin-right: 3%; margin-top: 3px; font-size: 14px;}
	.gate .srch_con .srch_div .tabcon .input_area .bot {height: 40px;}
	.gate .srch_con .srch_div .tabcon .input_area .bot > a {width: 50px; height: 40px; font-size: 16px; line-height: 39px;}
}


.gate .srch_con .srch_div .tabcon .result_area {display: flex; justify-content: space-between; margin-top: 50px;}
.gate .srch_con .srch_div .tabcon .result_area dl {width: 300px;}
.gate .srch_con .srch_div .tabcon .result_area dt {font-size: 16px; font-family: pretendard; margin-bottom: 10px;}
.gate .srch_con .srch_div .tabcon .result_area dd {font-size: 18px; margin-bottom: 10px; font-family: pretendard;}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
	.gate .srch_con .srch_div .tabcon .result_area {flex-wrap: wrap; justify-content: center; margin-top: 40px;}
	.gate .srch_con .srch_div .tabcon .result_area dl {width: calc(100% - 64px);}
	.gate .srch_con .srch_div .tabcon .result_area dl:last-child {margin-top: 60px;}
	.gate .srch_con .srch_div .tabcon .result_area dd:nth-child(n+4) {display: none;}
}

.gate .srch_con .ban_bg {position: absolute; bottom: -602px; left: -602px; width: 602px; height: 602px; background: url('../images/gate-srch-banner-bg.png') no-repeat 0 0; background-size: 100%;}

.gate .srch_con .close {position: absolute; top: 0; right: 0; width: 240px; height: 240px;}
.gate .srch_con .close > p {position: absolute; top: -240px; right: 0; width: 240px; height: 240px; background: url('../images/gate-close-bg.svg') no-repeat 0 0;}
.gate .srch_con .close > a {position: absolute; top: 58px; right: 62px; opacity: 0; transform: translate(50px, 0px);}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 768px) {
	.gate .srch_con .ban_bg {bottom: -300px; left: -300px; width: 300px; height: 300px; background: url('../images/gate-srch-banner-bg.png') no-repeat 0 0; background-size: 100%;}

	.gate .srch_con .close {width: 120px; height: 120px;}
	.gate .srch_con .close > p {top: -120px; right: 0; width: 120px; height: 120px; background: url('../images/gate-close-bg.svg') no-repeat 0 0;}
	.gate .srch_con .close > a {top: 29px; right: 31px; width: 15px; height: 15px; opacity: 0; transform: translate(50px, 0px);}
	.gate .srch_con .close > a > img {width: 100%;}
}




/* 회원가입 */
/* 약관동의 */
.steps {position: relative; height: 100px; display: flex; align-items: center;}
.steps dl {text-align: center; font-family: pretendard; width: 213px;}
.steps dl dt {background: #ECE4D0; width: 44px; height: 44px; line-height: 45px; color: #A38862; border-radius: 50%; display: inline-block; position: relative;}
.steps dl dt::after {content: ""; width: 130px; height: 1px; background: #E5E5E5; display: block; position: absolute; top: 50%; right: -150px;}
.steps dl.active dt::after {background: #8F1C1C;}
.steps dl:last-child dt::after {display: none;}
/* .steps dl.active:last-child dt::after {content: ""; width: 130px; height: 1px; background: #8F1C1C; display: block; position: absolute; top: 50%; left: -193px;} */
.steps dl.active:last-child dt::after {content: ""; width: 130px; height: 1px; background: #8F1C1C; display: block; position: absolute; top: 50%; left: -149px;}
.steps dl dd {color: #808080; margin-top: 16px; font-family: pretendard;}
.steps dl.active dt {background: #8F1C1C; color: #fff;}
.steps dl.active dd {color: #8F1C1C;}

.certification {margin-top: 40px; display: flex; justify-content: space-between;}
.certification a {display: inline-block; width: 312px; height: 221px; border-radius: 8px; border: 2px solid #DDD; transition-duration: 0.3s; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.certification a:hover {border: 2px solid #8F1C1C; box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1);}
.certification a span {display: block; font-family: pretendard; width: 100%; text-align: center; padding-top: 80px; position: relative;}
.certification a span::before {content: ""; width: 64px; height: 64px; display: block; position: absolute; top: 0; transform: translateX(-50%); left: 50%; background-size: contain;}
.certification a:last-child span::before {background: url("../images/ico-ipin.svg"); background-size: contain;}
.certification a:first-child span::before {background: url("../images/ico-phone.svg"); background-size: contain;}

@media all and (max-width: 768px) {
	.steps {align-items: flex-start; width: 340px; margin: 0 auto;}
	.steps dl { width: 33.3%;}
	.steps dl dt::after {content: ""; width: 45px; height: 1px; background: #E5E5E5; display: block; position: absolute; top: 50%; right: -57px;}
	.steps dl.active:last-child dt::after {content: ""; width: 45px; height: 1px; background: #8F1C1C; display: block; position: absolute; top: 50%; left: -57px;}

	.certification {margin-top: 30px;}
	.certification a {width: calc(50% - 9px); height: 180px;}
}

@media all and (max-width: 350px) {
	.steps {width: 250px;}
	.steps dl dt::after {content: ""; width: 60%; height: 1px; background: #E5E5E5; display: block; position: absolute; top: 50%; right: -75%;}
	.steps dl.active:last-child dt::after {content: ""; width: 60%; height: 1px; background: #8F1C1C; display: block; position: absolute; top: 50%; left: -75%;}
}




/* 회원정보 입력 */
/* .table_area {width: 100%; border-top: 1px solid #2D2D2D; border-bottom: 1px solid #DDD; margin-bottom: 80px; position: relative;} */
.table_area {width: 100%; border-top: 1px solid #2D2D2D; border-bottom: 1px solid #DDD; position: relative;}
.table_area.for_margin {margin-bottom: 0;}
.table_area .essential {position: absolute; top: -40px; right: 0;}
.table_area .essential .red_dot {right: unset; left: -16px; top: 9px;}
.table_area + .table_area {margin-top: 80px;}
.table_area .basic_info dl {padding: 26px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.table_area .basic_info dl:last-child {border-bottom: 0;}
.mem .table_area .basic_info dl dt, .mem .table_area .basic_info dl dd {width: 50%;}
.table_area .basic_info dl dt {width: 210px; font-family: pretendard; word-break: break-all;}
.table_area .basic_info dl dd {width: calc(100% - 220px); color: #4D4D4D; word-break: break-all;}
.table_area .basic_info dl dd.for_flex {justify-content: flex-start; align-items: center;}
.table_area .basic_info dl dd .btn_area {display: inline-block; margin: 0;}
.table_area .basic_info.no_border dl {padding: 0; padding-top: 26px; border-bottom: 0;}
.table_area .basic_info.no_border dl:last-of-type {padding-bottom: 26px;}
.table_area .enter_info dl {margin-bottom: 50px;}
.table_area .enter_info dl:first-child {margin-top: 30px;}
.table_area .enter_info dl:last-child {margin-bottom: 30px;}
.table_area .enter_info dl dt {position: relative; display: inline-block; margin-bottom: 12px; font-family: pretendard, sans-serif;}
.table_area .enter_info dl dt label {position: relative; word-break: break-all;}
.table_area .hills_info dl {margin-bottom: 20px;}
.table_area .hills_info dl:last-child {margin-bottom: 30px;}
.table_area .hills_info dt {position: relative; display: inline-block; margin-top: 30px; font-family: pretendard, sans-serif;}
.table_area .hills_info .flex_box {margin: 30px 0;}
.table_area .hills_info .for_margin {margin-top: 10px;}
.table_area .hills_info .for_margin .form_input {display: inline-block; width: 220px;}
.table_area .hills_info .for_margin .form_input span {line-height: 48px; padding-left: 5px; color: #4D4D4D;}
/* .table_area .agree_txt > p {margin: 20px 0 30px; line-height: 24px; color: #4D4D4D;} */
.table_area .agree_txt > p {line-height: 24px;}
.table_area .agree_txt > p:first-of-type {margin-bottom: 20px; font-family: pretendard, sans-serif;}
.table_area .agree_txt > p:last-of-type {margin-bottom: 30px; color: #4d4d4d;}
.table_area .agree_txt .btn_area {display: block; margin-top: 0;}
.mem .table_area .agree_txt > p {margin-top: 20px; font-family: pretendard, sans-serif;}

.table_area + .msg {margin-top: -50px;}

.radio_select .for_flex {justify-content: flex-start;}
.radio_select .for_flex:nth-of-type(1) .form_input {width: 344px;}
.radio_select .for_flex:nth-of-type(1) .form_select {width: 240px; margin-left: 16px;}
.radio_select .for_flex + .for_flex {margin-top: 16px;}
.radio_select .for_flex:nth-of-type(2) .form_input {width: 215px;}
.radio_select .for_flex:nth-of-type(2) .form_input span {line-height: 48px; margin-left: 5px;}


@media all and (max-width: 768px) {
	.radio_select .for_flex:nth-of-type(1) {flex-wrap: wrap;}
	.radio_select .for_flex:nth-of-type(1) .form_input {width: 100%;}
	.radio_select .for_flex:nth-of-type(1) .form_select {width: 100%; margin-left: 0; margin-top: 10px;}
	.radio_select .for_flex:nth-of-type(2) {justify-content: space-between;}
	.radio_select .for_flex:nth-of-type(2) .form_input {width: 50%;}
	.radio_select .for_flex:nth-of-type(2) .form_input .w180 {width: calc(100% - 35px) !important;}
	.sub_body.mem .hills_info .flex_box .form_radio {display: inline-block;}
	.sub_body.mem .hills_info .flex_box .form_radio + .form_radio {margin-top: 0; margin-left: 60px;}
}




/* 회원가입 완료 */
.compl_area {margin-top: 80px; padding: 341px 0 80px; text-align: center; border: 1px solid #F3EFE5; background: url("../images/icon-joincompl.svg") no-repeat center 80px / 180px auto #FCFBF7;}
.compl_area .tit {line-height: 24px; color: #2d2d2d;}
.mem .compl_area .txt {margin-top: 40px; line-height: 24px; color: #4D4D4D;}

@media all and (max-width: 768px) {
	.compl_area {padding: 230px 30px 50px; background: url("../images/icon-joincompl.svg") no-repeat center 50px / 120px auto #FCFBF7;}
	.mem .compl_area .txt {margin-top: 40px;}
}




/* 로그인 */
.login {width: 480px; margin: 150px auto; margin-top:100px;}
.login .form_input input {height: 64px;}
.login .form_input:nth-of-type(2) {margin: 16px 0 40px;}
.login .password_area .ic_chkpass {top: 20px;}
.login_foot {margin-top: 40px; display: flex; justify-content: space-between;}
.login_foot .left a:first-of-type {margin-right: 22px; position: relative;}
.login_foot .left a:first-of-type::after {content: ""; background: #DDD; display: inline-block; width: 1px; height: 12px; position: absolute; top: 2px; right: -13px;}
.login_foot a {color: #4D4D4D;}
.login .btn_area .btn_type1 {width: 100%;}

@media all and (max-width: 768px) {
	.login {width: 100%; }
	.login .form_input:nth-of-type(2) {margin: 10px 0 30px;}

	.login .btn_area .btn_type1 {width: 142px; max-width: 142px;}

}




/* 아이디 찾기 결과 */
.sub_body .tit_desc {margin-bottom: 60px;}
.sub_body .tit_desc + .table_area {margin-top: 120px;}
.sub_body .ywbox_area {padding: 80px 0 80px 76px; border: 1px solid #F3EFE5; background-color: #FCFBF7;}
.sub_body .ywbox_area.textcenter {text-align: center; padding-left: 0;}
.sub_body .ywbox_desc {color: #2d2d2d; margin-bottom: 41px;}
@media all and (max-width: 768px) {
	.sub_body .ywbox_area {padding: 50px 40px;}
	.sub_body .ywbox_area.textcenter {padding-left: 20px;}
	.sub_body .ywbox_area .con_tit {font-size: 28px !important;}
}




/* 비밀번호 재설정(본인인증 전) */
.sub_body .table_area.space {margin-bottom: 60px;}
.sub_body .tit_desc.space {margin-bottom: 95px;}
.sub_body .info_title {position: relative; display: inline-block; margin: 30px 0 10px;}
.sub_body .form_input.space {margin-bottom: 30px;}




/* 비밀번호 재설정 */
.table_area.pwdreset {margin-bottom: 0;}
.table_area.pwdreset .enter_info dl:first-child {margin-top: 30px; margin-bottom: 50px;}
.table_area.pwdreset .enter_info dl:last-child {margin-bottom: 30px;}
.password_area {position: relative;}
.password_area .ic_chkpass {display: none; position: absolute; top: 12px; right: 20px; opacity: 0;}
.password_area input::-ms-reveal, .password_area input::-ms-clear {display: none;}
.password_area.focus .ic_chkpass {display: block; opacity: 1;}
/* .password_area .ic_chkpass.on {z-index: -1;} */




/* 휴면 회원안내 */
.sub_body .ywbox_area.space {margin-bottom: 60px; padding: 60px 0 60px 76px; font-weight: 500; text-align: left;}
.sub_body .ywbox_desc.space {margin-bottom: 0; color: #2D2D2D; font-family: pretendard;}
.sub_body .ywbox_desc .bkdot {position: relative; display: inline-block;}
.sub_body .ywbox_desc .bkdot::before {position: absolute; left: -12px; top: 50%; width: 4px; height: 4px; transform: translateY(-50%); border-radius: 50%; background-color: #2d2d2d; content: "";}
.sub_body .ywbox_desc.space + .ywbox_desc.space {margin-top: 20px;}
.sub_body .ywbox_desc .date {display: inline-block; margin-left: 20px;}
.add_msg {color: #727272; margin-top: 30px;}
@media all and (max-width: 768px) {
	.sub_body .ywbox_desc.space {padding-left: 10px;}
	.sub_body.mem .mobile_br {display: none;}
}




/* 에러페이지 */
.sub_body.error_body {margin: 0;}
.error_sec {position: relative; width: 100%; height: 100vh; background: url("../images/bg-error.jpg") no-repeat center center / cover;}
.error_box {position: absolute; top: 50%; left: 50%; max-width: 720px; min-height: 653px; transform: translate(-50%, -50%); text-align: center; border: 2px solid rgba(255, 225, 225, .3); background: url("../images/icon-error.svg") no-repeat center 100px / 112px auto;}
.error_box .tit {margin-top: 230px; line-height: 58px; color: #fff;}
.error_box .sub {margin-top: 60px; font-family: pretendard, sans-serif; line-height: 30px; color: #fff;}
.error_box .sub .br {display: none;}
.error_box .txt {margin-top: 30px; line-height: 24px; color: #E5E5E5;}
.error_box .txt .br {display: none;}
.error_box .btn_area a {border: 1px solid rgba(255, 225, 225, .6); background: 0;}

@media all and (max-width: 768px) {
	.error_box {width: 100%; min-height: 523px; padding: 60px 10px; background-position: center 80px; background-size: 80px 80px;}
	.error_box .tit {margin-top: 176px; line-height: 27px;}
	.error_box .sub {margin-top: 40px}
	.error_box .sub .br {display: block;}
	.error_box .txt .br {display: block;}
	.error_box .btn_area {margin-top: 40px;}
}




/* 브라우저 업데이트 안내 */
.pop_wrap .pop_body.browser_pop {min-width: 1000px; width: 1000px; height: 496px;}
.browser_pop .browser_menu {display: flex; align-items: center; justify-content: space-between;}
/* .browser_pop .browser_menu a {position: relative; width: 216px; height: 193px; border: 1px solid #ddd; background: url("") no-repeat center 42px #fff;} */
.browser_pop .browser_menu button {position: relative; width: 216px; height: 193px; border: 1px solid #ddd; background: url("") no-repeat center 42px #fff;}
.browser_pop .browser_menu button.edge {background-image: url("../images/icon-browser-edge.png"); background-size: 80px auto;}
.browser_pop .browser_menu button.chrome {background-image: url("../images/icon-browser-chrome.svg"); background-size: 81px auto;}
.browser_pop .browser_menu button.firefox {background-image: url("../images/icon-browser-firefox.svg"); background-size: 82px auto;}
.browser_pop .browser_menu button.safari {background-image: url("../images/icon-browser-safari.svg"); background-size: 80px auto;}
/* .browser_pop .browser_menu a .name {position: absolute; top: 137px ; left: 50%; transform: translateX(-50%); line-height: 29px;} */
.browser_pop .browser_menu button .name {position: absolute; top: 137px ; left: 50%; transform: translateX(-50%); line-height: 29px;}
.browser_pop .txt {text-align: center; line-height: 24px; color: #4D4D4D;}
.browser_pop .txt:first-of-type {margin-top: 32px; margin-bottom: 8px;}
.browser_pop .txt .br {display: none;}
.browser_pop .txt span {color: #961E1E; padding-bottom: 1px; border-bottom: 1px solid #961E1E;}
/* .browser_pop .txt span::before {content: ""; position: absolute; bottom: 1.5px; left: 50%; width: 100%; height: 1px; transform: translateX(-50%); background-color: #961E1E;} */

@media all and (max-width: 1024px) {
	.browser_pop .browser_menu {flex-wrap: wrap;}
	.browser_pop .browser_menu button {width: calc(50% - 7.5px); height: 187px; margin-bottom: 15px; background-position: center 40px;}
	.browser_pop .browser_menu button:last-child, .browser_menu button:nth-last-child(2) {margin-bottom: 0;}
	.browser_pop .browser_menu button.edge {background-size: 70px auto;}
	.browser_pop .browser_menu button.chrome {background-size: 71px auto;}
	.browser_pop .browser_menu button.firefox {background-size: 72px auto;}
	.browser_pop .browser_menu button.safari {background-size: 70px auto;}
	.browser_pop .browser_menu button .name {top: 124px;}
	.browser_pop .txt:first-of-type {margin-top: 40px; margin-bottom: 34px;}
	.browser_pop .txt span {margin-top: 34px;}
}
@media all and (max-width: 768px) {
	.browser_pop .browser_menu button {height: 147px; background-position: center 28px;}
	.browser_pop .browser_menu button.edge {background-size: 61px auto;}
	.browser_pop .browser_menu button.chrome {background-size: 62px auto;}
	.browser_pop .browser_menu button.firefox {background-size: 63px 63px;}
	.browser_pop .browser_menu button.safari {background-size: 61px auto;}
	.browser_pop .browser_menu button .name {top: 97px;}
	.browser_pop .txt .br {display: block;}
}




/* 이메일무단수집거부 */
.optemail_sec .email_box {display: flex; justify-content: center; align-items: center; width: 100%; padding: 30px; text-align: center; background: url("../images/bg-Opt-inEmail.jpg") no-repeat;}
.optemail_sec .email_box .email_cont {width: 100%; height: 752px; background: url("../images/ico-Opt-inEmail.svg") no-repeat center 120px / 185px 185px #fff;}
.optemail_sec .email_box .email_cont .tit {margin-top: 385px; line-height: 36px;}
.optemail_sec .email_box .email_cont .sub {margin-top: 60px; font-family: pretendard, sans-serif; line-height: 36px;}
.optemail_sec .email_box .email_cont .txt {margin-top: 40px; line-height: 28px; color: #4D4D4D;}
.optemail_sec .email_box .email_cont .sub .br {display: none;}
.optemail_sec .email_box .email_cont .txt .br {display: block;}

@media all and (max-width: 768px) {
	.optemail_sec .email_box {padding: 16px;}
	.optemail_sec .email_box .email_cont {height: auto; padding: 0 30px 62px; background-position:  center 50px; background-size: 126px 120px;}
	.optemail_sec .email_box .email_cont .tit {margin-top: 230px;}
	.optemail_sec .email_box .email_cont .sub {margin-top: 40px; line-height: 27px;}
	.optemail_sec .email_box .email_cont .txt {margin-top: 30px; line-height: 24px;}
	.optemail_sec .email_box .email_cont .sub .br {display: block;}
	.optemail_sec .email_box .email_cont .txt .br {display: none;}
}




/* 이용약관 */
/* .sub_body .content_inner {width: 1280px; margin: 0 auto;} */
.sub_body .policy_list {display: flex; flex-wrap: wrap; margin: 0 0 80px; border-top: 1px solid #2D2D2D; border-bottom: 1px solid #2D2D2D;}
.sub_body .list_wrap {width: 50%; line-height: 56px;}
.sub_body .policy_item {padding-left: 11px; border-bottom: 1px solid #DDDDDD;}
.sub_body .policy_item.semi {font-family: pretendard;}
/* .sub_body .policy_text {margin-top: 80px;} */
.sub_body .policy_title {margin: 90px 0 20px; font-family: pretendard; color: #222;}
.sub_body .policy_desc {display: flex; margin-bottom: 15px; color: #4d4d4d;}
.sub_body .policy_desc_long {margin-bottom: 20px; color: #4d4d4d;}
.sub_body .policy_desc span {display: block; width: calc(100% - 31px);}
.sub_body .policy_desc span.num {width: 31px;}

/* 이용약관 CSS 추가(240708 jhj 추가) */
.policy_desc.con_mtxt span{
    display:inline;
}

.policy_box {padding: 40px 40px 25px; margin-bottom: 20px; background-color: #f0f2f5;}
.policy_box .policy_desc .text_desc span {margin-bottom: 4px;}

@media all and (max-width: 768px) {
	.sub_body .policy_title.fir_margin {margin: 20px 0 20px;}
}




/* 개인정보처리방침 */
.sub_body .policy_desc.form_table {display: block;}
.sc_personal_poli .selectbox_area {display: flex; align-items: center; justify-content: flex-end; margin: 0 0 35px;}
.sc_personal_poli .form_select {width: 312px; margin: 0 15px;}
.sc_personal_poli .selectbox_area .box_title {font-family: pretendard;}
.sc_personal_poli .selectbox_area .mo_flexwrap {display: flex;}
.sc_personal_poli .selectbox_area .btn_area {margin-top: 0;}
.sc_personal_poli .selectbox_area .btn_area a {min-width: 64px;}
.sc_personal_poli .yw_descbox {margin-bottom: 35px;}
.sub_body .yw_descbox {width: 100%; background-color: #fcfbf7; padding: 33px 33px 33px 34px;}
.sub_body .yw_descbox .desc {color: #4d4d4d;}
.sub_body .yw_descbox .desc + .desc {margin-top: 24px;}
.sub_body .policy_list {border-bottom: 1px solid #DDDDDD;}
.sub_body .policy_list .policy_item.last_brnone {border-bottom: none;}
.sub_body .policy_desc.sub_list {margin-bottom: 8px;}
.sub_body .policy_desc.sub_bar_list {margin-bottom: 24px;}
.sub_body .policy_desc .text_desc.no_num_space {width: calc(100% - 18px); margin-left: 18px;}
.sub_body .policy_desc .num.num_space {width: 49px; text-align: center;}
.sub_body .policy_desc .text_desc.num_space {width: calc(100% - 49px);}
.policy_table {color: #4D4D4D; text-align: center;}
.policy_table thead tr th {border-top: 1px solid #2D2D2D; background-color: #F6F6F6;}
.policy_table thead tr th ~ th {border-left: 1px solid #ddd;}
.policy_table tbody tr td {border-top: 1px solid #ddd;}
.policy_table tbody tr td ~ td {border-left: 1px solid #ddd;}
.policy_table tbody tr td.text_left {border-left: 1px solid #ddd;}
.policy_table tbody {border-bottom: 1px solid #ddd;}
.policy_table th, .policy_table td {padding: 15px 27px;}
.policy_table tbody tr .text_left {text-align: left;}
@media all and (max-width: 996px) {
	.sub_body .policy_item {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media all and (max-width: 768px) {
	.sc_personal_poli .selectbox_area {display: block; margin-bottom: 30px;}
	.sub_body .policy_list {display: none;}
	.sub_body .policy_title {margin: 60px 0 20px;}
	.sc_personal_poli .selectbox_area .box_title {display: block; margin-bottom: 30px;}
	.sc_personal_poli .form_select {width: calc(100% - 74px); margin: 0 8px 0 0;}
	.sc_personal_poli .yw_descbox {padding: 40px 20px;}
	.sub_body .policy_desc {margin-bottom: 12px;}
}




/* 분양정보 - 회원/비회원 선택 레이어팝업  */
/* .pop_wrap .pop_body.choice_mem {min-width: 720px; width: 720px; height: 630px;} */
.pop_wrap .pop_body.choice_mem .pop_con {padding-bottom: 20px;}
.choice_mem .txt_area {text-align: center;}
.choice_mem .txt_area p:first-of-type {font-family: pretendard; color: #961E1E;}
.choice_mem .txt_area p:last-of-type {font-family: pretendard; margin: 20px 0 50px;}
.choice_mem .link_area {display: flex; justify-content: space-between;}
.choice_mem .link_area a {display: inline-block; border: 2px solid #ddd; border-radius: 8px; width: calc(50% - 10px); text-align: center; min-height: 306px; transition: all .3s;}
.choice_mem .link_area a:hover {border: 2px solid #8F1C1C; box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1);}
.choice_mem .link_area a:first-of-type {background: url("../images/ico-member.svg") no-repeat center 60px;}
.choice_mem .link_area a:last-of-type {background: url("../images/ico-no-member.svg") no-repeat center 60px;}
.choice_mem .link_area a p:first-of-type {font-family: pretendard; margin: 155px 0 12px; padding: 0 10px;}
.choice_mem .link_area a p:last-of-type {color: #4D4D4D; padding: 0 10px 10px 10px;}




/* 분양정보 - 비회원 관심고객 정보입력 */
/* .pop_wrap .pop_body.no_mem {min-width: 720px; width: 720px; height: 780px;} */
/* .pop_wrap .pop_body.no_mem .pop_con {max-height: 600px;} */
.for_clone + .msg {margin-top: 17px; color: #727272;}
.select_area.hide {display: none;}
.pop_wrap .pop_body.no_mem .pop_con .table_area {margin-bottom: 40px;}
.pop_wrap .pop_body.no_mem .pop_con .table_area .agree_txt {margin-bottom: 30px;}
.pop_wrap .pop_body.no_mem .pop_con .table_area a {font-size: 14px;}
.pop_wrap .pop_body.no_mem .pop_con .table_area .enter_info dl:first-child {margin-top: 30px;}

.pop_wrap .pop_body.no_mem .agree_area {padding-bottom: 40px;}
.pop_wrap .pop_body.no_mem .agree_area .txt {margin-bottom: 16px;}
.pop_wrap .pop_body.no_mem .agree_area .txt p:first-of-type {font-family: pretendard;}
.pop_wrap .pop_body.no_mem .agree_area .txt.for_margin p:first-of-type {margin-top: 50px;}
/* .pop_wrap .pop_body.no_mem .agree_area .txt p:last-of-type {margin: 16px 0 20px;} */
.pop_wrap .pop_body.no_mem .agree_area .txt p:last-of-type {margin: 16px 0 20px;}
.pop_wrap .pop_body.no_mem .agree_area .txt:first-of-type p:last-of-type {color: #4d4d4d;}
.pop_wrap .pop_body.no_mem .agree_area .table {margin-bottom: 20px;}
/* .pop_wrap .pop_body.no_mem .agree_area .as_info_table th {padding: 15px; font-family: pretendard;} */
/* .pop_wrap .pop_body.no_mem .table_area .basic_info li p:first-of-type {width: 150px;} */
/* .pop_wrap .pop_body.no_mem .as_info_table tr:first-child th:first-child {width: 182px;}
.pop_wrap .pop_body.no_mem .as_info_table tr:first-child th:nth-child(2) {width: 141px;}
.pop_wrap .pop_body.no_mem .as_info_table tr:first-child th:nth-child(3) {width: 320px;}
.pop_wrap .pop_body.no_mem .as_info_table tr:first-child td:first-child {width: 180px;}
.pop_wrap .pop_body.no_mem .as_info_table tr:first-child td:nth-child(2) {width: 140px;}
.pop_wrap .pop_body.no_mem .as_info_table tr:first-child td:nth-child(3) {width: 320px;} */
.pop_wrap .pop_body.no_mem .as_info_table .chk_area label {font-family: pretendard;}
.as_info_table .text_left {text-align: left;}
.agree_area .poli_desc {margin-bottom: 20px; color: #727272;}




/* 분양정보 - [회원]등록완료 + 기등록안내 */
/* .pop_wrap .pop_body.al_mem {min-width: 720px; width: 720px; height: 466px;}
.pop_wrap .pop_body.al_com {height: 397px;} */
.pop_wrap .pop_body.al_mem .pop_con {overflow: hidden;}
.pop_wrap .pop_body.al_mem .pop_con .wrap {background: #FCFBF7; padding: 60px 20px;}
.pop_wrap .pop_body.al_mem .pop_con .wrap p {text-align: center;}
.pop_wrap .pop_body.al_mem .pop_con .wrap p + p {margin-top: 30px;}
.pop_wrap .pop_body.al_mem .pop_con .wrap + .btn_area {margin-top: 40px;}
/* .pop_wrap .pop_body.al_mem .pop_con .wrap .con_tit {padding: 0 0 20px 0;} */




/* 분양정보 - [레이어]위치보기 */
.pop_wrap .pop_body.map {width: 720px; min-width: auto; height: auto;}
.pop_wrap .pop_body.map .pop_con {max-height: unset;}
.pop_wrap .pop_body.map .tab_con_area {padding-top: 33px;}
.pop_wrap .pop_body.map .map_area {width: 100%; height: 426px; background: #D6D6D6; margin-bottom: 16px;}
.pop_wrap .pop_body.map p {font-family: pretendard;} 




/* 분양정보 - 청약신청 */
.sub_body.no_header {margin-bottom: 60px !important;}
.subscription {width: 1280px; margin: 0 auto;}
.subscription > .con_tit {word-break: break-all;}
/* .subscription > .con_tit {padding-top: 10px;} */
.subscription .steps {width: 640px; margin: 0 auto;}
/* .subscription .steps + .con_tit {padding-top: 80px;} */
/* .table_area {margin-bottom: 0; margin-top: 80px;} */
.table_area .basic_info dl dd > span {position: relative; display: inline-block; padding-right: 16px; margin-right: 16px;}
.table_area .basic_info dl dd > span::after {content: ""; display: block; width: 1px; height: 12px; background: #DDDDDD; position: absolute; top: 5px; right: 0;}
.table_area .basic_info dl dd > span:last-of-type:after {content: ""; display: none;}
.subscription > .msg {margin-top: 30px; color: #727272;}
.subscription .chk_area {margin-top: 40px;}
.subscription .chk_area.no_padding {margin-top: 0;}
.subscription .chk_area .top p:first-of-type {font-family: pretendard; margin-bottom: 6px;}
.subscription .table_area .enter_info.flex_div dl dd .form_checkbox {display: inline-block; margin-bottom: 30px; margin-right: 50px;}
.subscription .table_area .enter_info.flex_div dl dd .form_checkbox:last-of-type {margin-right: 0;}
.subscription .table_area .enter_info.flex_div dl dd .form_checkbox + .msg {margin-top: -15px;}
.subscription .table_area .enter_info.flex_div dl dd.for_margin {width: calc(100% - 200px); padding-top: 10px;}
.subscription .table_area .enter_info.flex_div dl dd .form_checkbox input + label {background: url("../images/ico-chkbox.svg") left 0 no-repeat;}
.subscription .table_area .enter_info.flex_div dl dd .form_checkbox input:checked + label {background: url("../images/ico-chkbox-on.svg") left top no-repeat;}
.subscription .table_area .form_radio {padding-top: 10px;}
.subscription .table_area .form_radio input + label {font-size: 16px;}
.subscription .table_area .agree_txt {margin: 0;}
.subscription .table_area .agree_txt p:first-of-type {font-family: pretendard;}
.subscription .table_area .agree_txt .btn_area {margin-top: 30px;}
.poli_txt {background: #F0F2F5; padding: 40px; color: #4d4d4d; border-radius: 8px;}
.subscription .poli_txt p.division + p {margin-top: 40px;}
.subscription .steps + .poli_txt {margin-top: 80px;}
.poli_txt + .chk_area .poli_desc {margin-bottom: 20px; color: #727272;}
.chk_area + .poli_txt {margin-top: 80px;}
.subscription .chk_area + .table_area {margin-top: 80px; border-top: 0;}


.subscription .done {position: relative; width: 100%; height: 468px; background: url(../images/bg-subscription-done.svg) no-repeat center center; border: 1px solid #F3EFE5; display: flex; text-align: center; flex-wrap: wrap; justify-content: center; margin: 80px 0;}
.subscription .done::before {position: absolute; top: 0; right: 0; width: 200px; height: 200px; background: url(../images/bg-basicTemplate1-1.svg) no-repeat center center / 200px auto; content: "";}
.subscription .done::after {position: absolute; bottom: 0; left: 0; width: 400px; height: 400px; background: url(../images/bg-basicTemplate2-1.svg) no-repeat center center / 400px auto; content: "";}
.subscription .done p {font-family: pretendard;}
.subscription .done p:first-of-type {padding-top: 310px;}
.subscription .done p:last-of-type {color: #961E1E; margin-top: 10px;}
.subscription .done .txt {position: relative; z-index: 1;}
.subscription .division {margin-top: 20px; color: #4d4d4d;}
.chk_area .table_area {width: calc(100% - 80px); margin: 0 40px; border-top: 1px solid #ddd; border-bottom: 0;}
.chk_area .table_area .enter_info.flex_div dl:first-child {margin-top: 40px;}
.con_mmtxt.for_mtop {margin-top: 80px;}
dt.for_ptop {padding-top: 10px;}
dt.for_ptop + dd .form_select + .form_input {margin-top: 10px;}
.msg {font-size: 14px; color: #727272; margin-top: 15px;}
.pop_wrap .form_checkbox + .msg {margin-top: 0;}
.only_tb {margin-top: 80px;}

@media all and (max-width: 1500px) {
	.subscription {width: 1000px;}
	.subscription .done::before {width: 180px; height: 180px; background-size: 180px auto;}
	.subscription .done::after {width: 300px; height: 300px; background-size: 300px auto;}
	.subscription .table_area .enter_info.flex_div dl dd .form_checkbox {margin-bottom: 30px;}
	.subscription .table_area .enter_info.flex_div dl dd .form_checkbox + .msg {margin-top: -10px;}
}
@media all and (max-width: 1024px) {
	.subscription {width: 90%;}
	.subscription .done::before {width: 120px; height: 120px; background-size: 120px auto;}
	.subscription .done::after {width: 200px; height: 200px; background-size: 200px auto;}
}
@media all and (max-width: 800px) {
	.subscription .with_btn {margin-bottom: 80px;}
	.subscription .table_area .posit_wrap {top: -68px;}
}
@media all and (max-width: 768px) {
	.subscription .table_area .enter_info.flex_div dl dd.for_margin {width: 100%;}
	.subscription {width: 94%;}
	.subscription .done::before {width: 90px; height: 90px; background-size: 90px auto;}
	.subscription .done::after {width: 150px; height: 150px; background-size: 150px auto;}
	.poli_txt {padding: 40px 20px;}
	.chk_area .table_area {margin: 0 20px; width: calc(100% - 40px);}
	.chk_area .table_area .enter_info.flex_div dl:first-child {margin-top: 30px;}
}




/* 고객센터 - A/S 안내*/
/* .as_info_inner {margin: 100px auto 118px;} */
.gray_info_box {padding: 40px; background-color: #F0F2F5; border-radius: 8px;}
.gray_info_box + .srch_sec {margin-top: 160px;}
.gray_info_box p {color: #4d4d4d;}
.gray_info_box p:last-child {margin-top: 20px;}
.as_info_con {margin-top: 80px;}
.as_info_con + .as_info_con {margin-top: 160px;}
.as_info_con .con_mmtxt {font-family: pretendard;}
.as_info_con.mgt_high {margin-top: 160px;}
.as_info_con label {position: relative;}
/* .btn_tab_area {position: relative;}
.btn_tab_area .tab_wrap {display: flex; justify-content: space-between;}
.btn_tab_area .tab {padding: 16px 0; width: 50%; text-align: center; border-bottom: 2px solid #ddd; background: #F6F6F6; transition: all .3s;}
.btn_tab_area .tab:first-child{margin-left:0;}
.btn_tab_area .tab span {font-family: pretendard, sans-serif; font-size: 20px; color: #727272;}
.btn_tab_area .tab.on {border-bottom: 2px solid #961E1E; background: #fff;}
.btn_tab_area .tab.on span {color: #961E1E;}
.tab_con_area {padding-top: 80px;}
.tab_con_area > div {display: none;}
.tab_con_area > div.on {display: block;} */
.as_info_con .as_info_box + .as_info_box {margin-top: 80px;}
/* .as_info_con .con_tit {padding: 0 0 40px;} */
.as_info_con .content_stit {font-family: pretendard, sans-serif; font-size: 20px; color: #222;}
.as_info_con .as_txt_div {margin-top: 20px;}
.as_info_con .as_txt_div p {margin-top: 14px; color: #4D4D4D;}
.as_info_con .as_txt_div .refer_txt {margin-top: 30px; font-size: 14px; color: #727272;}
.as_info_con .as_txt_div .refer_text {font-size: 14px; color: #727272;}
.as_info_con .as_txt_div p + p {margin-top: 16px;}
.as_info_con .as_txt_div .dot_txt {position: relative; padding-left: 17px;}
.as_info_con .as_txt_div .dot_txt:before {display: block; content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #A38862; border-radius: 50%;}
.as_info_con .as_process_info {display: flex; justify-content: space-between; margin-top: 24px; padding: 48px 14px; background-color: #FCFBF7; border: 1px solid #ECE4D0; border-radius: 8px;}
.as_info_con .as_process_info .process_step {position: relative; width: 230px; text-align: center;}
.as_info_con .as_process_info .process_step:after {content: ""; display: block; position: absolute; right: -17px; bottom: 68px; width: 11px; height: 18px; background: url(../images/ico-customer-as-arrow.svg);} 
.as_info_con .as_process_info .process_step:last-child:after {display: none;} 
.as_info_con .as_process_info .process_step .step_txt {margin-bottom: 16px; font-family: pretendard, sans-serif; color: #8A7251;}
.as_info_con .as_process_info .process_step .step_icon {display: inline-block; position: relative; width: 80px; height: 80px; background: rgba(236, 228, 208, 0.6) url(../images/ico-customer-as-process-01.svg) no-repeat center center; border-radius: 50%;}
.as_info_con .as_process_info .process_step:nth-child(2) .step_icon {background: rgba(236, 228, 208, 0.6) url(../images/ico-customer-as-process-02.svg) no-repeat center center;}
.as_info_con .as_process_info .process_step:nth-child(3) .step_icon {background: rgba(236, 228, 208, 0.6) url(../images/ico-customer-as-process-03.svg) no-repeat center center;}
.as_info_con .as_process_info .process_step:nth-child(4) .step_icon {background: rgba(236, 228, 208, 0.6) url(../images/ico-customer-as-process-04.svg) no-repeat center center;}
.as_info_con .as_process_info .process_step:nth-child(5) .step_icon {background: rgba(236, 228, 208, 0.6) url(../images/ico-customer-as-process-05.svg) no-repeat center center;}
.as_info_con .as_process_info .process_step .step_bot_area {margin-top: 13px;}
.as_info_con .as_process_info .process_step .step_bot_area .txt {font-family: pretendard, sans-serif; font-size: 18px; color: #222;}
.as_info_con .num_txt {position: relative; padding-left: 20px;}
.as_info_con .num_txt .txt {margin-top: 16px;} 
.as_info_con .num_txt + .num_txt {margin-top: 40px;}
.as_info_con .num_txt .num {position: absolute; top: 0; left: 0; color: #222;}
.as_info_con .indent_div {margin-top: 20px;}
.as_info_con .word_txt {position: relative; padding-left: 22px; font-size:16px; color:#4d4d4d; font-family: pretendard, sans-serif;}
.as_info_con .word_txt + .word_txt {margin-top: 6px;}
.as_info_con .word_txt .word {position: absolute; top: 0; left: 0;}
.as_info_con .emph_txt {font-family: pretendard, sans-serif;}
/* .as_info_table {font-size: 16px; color: #4D4D4D; text-align: center; border-collapse: collapse; border-bottom: 1px solid #ddd;} */
/* .as_info_table tr th {font-family: pretendard, sans-serif; color: #222;background-color: #F6F6F6; text-align: center; border-top: 1px solid #2d2d2d; border-right: 1px solid #ddd;} */
/* .as_info_table tr th:last-child {border-right: 0;} */
/* .as_info_table th, .as_info_table td {padding: 16px; box-sizing: border-box !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align: middle; text-align: left; border-right: 1px solid #ddd; border-top: 1px solid #ddd;} */

/* tbody영역 스크롤 보이는 테이블  */
.as_info_table.vis_scl_tb {display: block;}
/* .as_info_table.vis_scl_tb thead {display: block; position: relative; padding-right: 6px; width: 100%; background: #f6f6f6; border-top: 1px solid #2D2D2D;} */
.as_info_table.vis_scl_tb thead {display: block; width: 100%; border-top: 1px solid #2D2D2D; background: #f6f6f6;}
.as_info_table.vis_scl_tb thead tr:first-child > * {border-top: none}
.as_info_table.vis_scl_tb thead tr:first-child th:first-child {border-left: none;}
.as_info_table.vis_scl_tb tbody {display: block; max-height: 336px; overflow-y: scroll; overflow-y: overlay; border-bottom: 1px solid #ddd;}
.as_info_table.vis_scl_tb tbody tr .noborder {border-left: none;}
.as_info_table.vis_scl_tb tbody tr:last-child > * {border-bottom: none;}
.as_info_table.vis_scl_tb tr > *:last-child {border-right: none;}
.as_info_table.vis_scl_tb tr:first-child th:nth-child(2) {width: 35%;}
.as_info_table.vis_scl_tb tr:first-child th:nth-child(3) {width: 50%;}
.as_info_table.vis_scl_tb tr:nth-child(2) th:first-child, .as_info_table.vis_scl_tb tr:nth-child(2) th:nth-child(2) {width: 320px;}
.as_info_table.vis_scl_tb tr:first-child td:first-child {width: 15%; border-top: 0;}
.as_info_table.vis_scl_tb tr:first-child td:nth-child(2) {width: 35%; border-top: 0;}
.as_info_table.vis_scl_tb tr:first-child td:nth-child(3) {width: 25%; border-top: 0;}
.as_info_table.vis_scl_tb tr:first-child td:nth-child(4) {width: 25%; border-top: 0;}
.as_info_table.vis_scl_tb tbody::-webkit-scrollbar {width: 6px;}
.as_info_table.vis_scl_tb tbody::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.as_info_table.vis_scl_tb tbody::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.as_info_table.vis_scl_tb tr td.no_botborder {border-bottom: none;}
/* .as_info_table.vis_scl_tb thead::after {content: ""; display: block; position: absolute; top: 56px; right: 0; width: 6px; height: 1px; background: #ddd;} */
/* .as_info_table.vis_scl_tb th {border-top: 0;} */
/* .as_info_table.vis_scl_tb th.no_border, .as_info_table.vis_scl_tb td.no_border {border-right: 0;} */
/* .as_info_table.vis_scl_tb tr:first-child th:first-child {width: 15%;} */
/* .as_info_table.vis_scl_tb tr:nth-child(n+2):nth-child(-n+6) td:nth-child(1) {width: 35%;} */
/* .as_info_table.vis_scl_tb tr:nth-child(n+2):nth-child(-n+6) td:nth-child(2) {width: 25%;} */

.refer_txt {margin-top: 20px; font-family: pretendard, sans-serif; font-size: 14px; color: #808080;}
.align_center {text-align: center !important;}
.align_left {text-align: left;}
.btn_area.btn_nar {margin: 60px auto 0; width: 112px;}
.btn_area.btn_nar a {min-width: 112px;}

.reservation .as_info_con + .con_tit {margin-top: 80px;}
.reservation .as_info_con + .table_area {margin-top: 80px;}

/* .refer_txt_area > .msg:first-of-type {color: #222; font-size: 18px;} */

@media all and (max-width: 1280px) {
	.form_table {overflow-x: auto;}
	.form_table table {width: 1280px !important;}
}

@media all and (max-width: 768px) {
	.gray_info_box {padding: 40px 20px;}

	.as_info_con .as_info_box + .as_info_box {margin-top: 60px;}
	.as_info_con .as_process_info {flex-wrap: wrap; justify-content: flex-start; width: 250px; padding: 40px 14px; margin: 20px auto 0; position: relative; background: 0; border-radius: 0; border: 0;}
	.as_info_con .as_process_info::after {content: ""; width: 94vw; height: 100%; display: block; background: #FCFBF7; position: absolute; top: 0; left: 0; border: 1px solid #ECE4D0; border-radius: 8px; z-index: -1; left: 50%; transform: translateX(-50%);}
  .as_info_con .as_process_info .process_step {width: 50%; margin-bottom: 40px;}
	.as_info_con .as_process_info .process_step .step_txt {font-size: 14px !important;}
	.as_info_con .as_process_info .process_step .step_bot_area {margin-top: 20px;}
	.as_info_con .as_process_info .process_step .step_bot_area .txt {font-size: 16px !important;}
  .as_info_con .as_process_info .process_step:last-of-type {margin-bottom: 0;}
	.as_info_con .as_process_info .process_step:after {right: -5px;}
  .as_info_con .as_process_info .process_step:nth-of-type(2):after {display: none;}
  .as_info_con .as_process_info .process_step:nth-of-type(4):after {display: none;}
	.as_info_con .as_process_info .process_step .step_icon {width: 64px; height: 64px;}

	
.reservation .as_info_con + .con_tit {margin-top: 60px;}
.reservation .as_info_con + .table_area {margin-top: 60px;}

}




/* 고객센터 - A/S 신청 */
.as_appl_inner {margin: 100px auto;}
.as_appl_inner .btn_area {margin-top: 80px; justify-content: center;}
.as_appl_inner .as_info_con {margin-top: 80px;}
.as_info_con .table_area {margin-bottom: 30px;}
.as_info_con .content_tit {padding: 0 0 36px;}
/* .table_area .enter_info.flex_div dl {display: flex; margin-bottom: 40px;} */
.table_area .enter_info.flex_div dl {display: flex; margin-bottom: 30px;}
/* .table_area .enter_info.flex_div dl:last-child {margin-bottom: 30px;} */
.table_area .enter_info.flex_div dl:first-child {margin-top: 30px;}
.table_area .enter_info.flex_div dl dt {display: flex; flex-shrink: 0; margin-bottom: 0; width: 210px;}
.table_area .enter_info.flex_div dl dt .left {display: inline-block; position: relative;}
.table_area .enter_info.flex_div dl dd {width: 640px;}
.table_area .enter_info.flex_div dl dd .for_flex .form_select {width: calc(100% / 2 - 8px);}
.table_area .enter_info.flex_div dl dd .form_input.width_btn .prod_btn {font-family: pretendard, sans-serif;}
.table_area .enter_info.flex_div dl dd .form_input_file .file_area {padding-top: 0;}
/* .table_area .enter_info.flex_div dl dd .form_input_file .file_area .file_name {margin-bottom: 0;} */
.refer_txt_area .msg {font-size: 14px; color: #737373;}
.refer_txt_area .msg + .msg {margin-top: 13px;}
.refer_txt_area .msg .link_txt {color: #1259A1; text-decoration: underline;}
.chk_area .top .txt {font-family: pretendard, sans-serif;}
.table_area .form_input.vis_scl_w {min-height: 200px; max-height: 200px; border: 1px solid #ddd; overflow: hidden;}
.table_area .form_input textarea.vis_scl {padding: 20px  20px 0 20px; min-height: 155px; border: 0; overflow-y: auto;}
.table_area .form_input.vis_scl_w .text_length_wrap {bottom: 15px; right: 15px;}


.table_area .enter_info.flex_div .img_upload dl {display: block;}
.table_area .img_upload .form_input_file {position: relative;}
.table_area .img_upload .form_input_file label {width: 400px; height: 266px; font-size: 16px; padding: 158px 0 0 0; line-height: unset; background: url("../images/ico-pic-upload.svg") #F0F2F5 no-repeat center 90px; border: 1px dashed #DDDDDD; color: #4D4D4D;}
.table_area .img_upload .form_input_file .file_area {position: absolute; top: 0; left: 0; width: 400px; height: 266px; overflow: hidden; background-color: #fff;}
/* .table_area .img_upload .form_input_file .file_area .prev {width: 400px; height: 266px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
.table_area .img_upload .form_input_file .file_area img {width: 400px; height: 266px;}
/* .table_area .img_upload .form_input_file .file_area img {width: 100%; height: 100%; object-fit: cover;} */
.table_area .img_upload .form_input_file .file_area .del {display: block; width: 48px; height: 48px; cursor: pointer; background: url("../images/ico-pic-del.svg") no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}
.table_area .enter_info.flex_div .img_upload dl:first-child {margin-top: 0;}
.table_area .enter_info.flex_div .img_upload dl dd {width: 400px; margin-top: 20px;}
.table_area + .add_msg p + p {margin-top: 7px;}

@media all and (max-width: 1500px) {
	.img_upload {display: block;}
}
@media all and (max-width: 768px) {
	.table_area .enter_info.flex_div dl {display: block; margin-bottom: 50px;}
	.table_area .enter_info.flex_div dl:last-of-type {margin-bottom: 30px;}
	.table_area .enter_info.flex_div dl dd {width: 100%; margin-top: 12px;}
	.table_area .enter_info.flex_div dl dd .for_flex {display: block;}
	.table_area .enter_info.flex_div dl dd .radio_select .for_flex {display: flex;}
	.table_area .enter_info.flex_div dl dd .for_flex .form_select {width: 100%;}
	.table_area .enter_info.flex_div dl dd .for_flex .form_select + .form_select {margin-top: 10px;}
	.as_info_con + .as_info_con {margin-top: 80px;}

	.table_area .enter_info.flex_div .img_upload dl + dl {margin-top: 50px;}
	.table_area .enter_info.flex_div .img_upload dl dd {width: 340px; height: 230px;}
	.table_area .img_upload .form_input_file label {width: 100%; height: 230px; padding-top: 136px; background: url(../images/ico-pic-upload.svg) #F0F2F5 no-repeat center 70px;}
	.table_area .img_upload .form_input_file .file_area {width: 100%; height: 230px;}
	.table_area .img_upload .form_input_file .file_area img {width: 100%; height: 230px;}
	/* .table_area .img_upload .form_input_file .file_area .prev {width: 100%; height: 100%;} */
}
@media all and (max-width: 400px) {
	.table_area .enter_info.flex_div .img_upload dl dd {width: 100%; height: 230px;}
	.table_area .img_upload .form_input_file label {width: 100%; height: 230px;}
	.table_area .img_upload .form_input_file .file_area {width: 100%; height: 230px;}
}




/* 고객센터 - 이용약관 팝업 */
.pop_wrap .pop_body.terms_pop .pop_con { max-height: 466px;}
/* .pop_wrap .pop_body.terms_pop {padding: 40px;} */
.pop_wrap .pop_body.terms_pop .btn_area {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 108px;}
.pop_wrap .pop_body.terms_pop .btn_area a {height: 56px; font-size: 16px; line-height: 56px;}




/* 고객센터 - 공종별 하자보수 책임기간 팝업 */
.pop_body.as_info_pop .pop_con .division .txt_wrap {margin-bottom: 20px;}
.pop_body.as_info_pop .pop_con .division .tit {margin-bottom: 16px;}
.pop_body.as_info_pop .pop_con .division .txt {color: #4d4d4d;}
.pop_body.as_info_pop .pop_con .division .txt + .txt {margin-top: 14px;}
.pop_body.as_info_pop .pop_con .division .txt.emph_txt {margin-top: 40px; font-family: pretendard, sans-serif; color: #222;}
/* .pop_body.as_info_pop .as_info_table {border-bottom: 1px solid #ddd;} */
/* .pop_body.as_info_pop  table.as_info_table  {width: 100% !important;} */
/* .pop_body.as_info_pop .as_info_table td {border-right: 0; border-left: 1px solid #ddd; text-align: center;} */
.pop_body.as_info_pop .as_info_table {text-align: center;}
.pop_body.as_info_pop .as_info_table tr > td.tb_head {border-left: 0;}
.pop_body.as_info_pop .pop_con .form_table + .txt_wrap {margin-top: 20px;}
.pop_wrap .pop_body .pop_con .division.for_space .tit {margin: 0 0 30px 0;}
.pop_wrap .pop_body .pop_con .division.for_space .txt + .txt {margin-top: 5px;}
.pop_wrap .pop_body .pop_con .division.for_space:first-child {margin-bottom: 40px;}
.pop_wrap .pop_body .pop_con .division.for_space:first-child .tit {font-family: pretendard; font-size: 16px;}
/* .pop_wrap .pop_body .pop_con .division.for_space:last-child {margin-bottom: 148px;} */

@media all and (max-width: 768px) {
	.pop_body.as_info_pop table.as_info_table {
		width: 768px !important;
	}
}




/* 1:1 상담내역 - 라벨작업 */
.about_cont {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.about_cont .form_area {display: flex; align-items: center;}
.about_cont .form_area .form_select {width: 312px;}
.about_cont .total {font-family: pretendard, sans-serif; line-height: 29px; color: #222;}
.about_cont .total span {color: #961E1E;}

.qa_history_sec .btn_area {margin: 0;}

.qa_history_sec .ask_list a .bot p.ask_tit, .mypage_wrap .mypage_sec:nth-child(4) .ask_list a .bot p.ask_tit {margin-bottom: 35px !important;}
.qa_history_sec .ask_list a .bot p.date, .mypage_wrap .mypage_sec:nth-child(4) .ask_list a .bot p.date {position: absolute; bottom: 60px; margin: 0 40px 0 0 !important;}

@media all and (max-width: 1500px) {
	.qa_history_sec .ask_list {justify-content: space-between;}
	.qa_history_sec .ask_list a {width: calc(50% - 20px); margin-right: 0;}
}
@media all and (max-width: 1024px) {
	.qa_history_sec .ask_list a {width: 100%;}
	.qa_history_sec .ask_list a .bot p.date, .mypage_wrap .mypage_sec:nth-child(4) .ask_list a .bot p.date {bottom: 40px;}
}
@media all and (max-width: 768px) {
	.about_cont {flex-flow: column-reverse; flex-wrap: wrap; margin-bottom: 20px;}
	.about_cont .total {width: 100%; margin-top: 30px; font-size: 16px;}
	.about_cont .form_area {width: 100%;}
	.about_cont .form_area .select_area {width: 100%;}
	.about_cont .form_area .select_area .form_select {width: calc(100% - 0px);}
}




/* 1:1 상담내역(결과없음) */
.nopage, .nopage2, .nopage3, .nopage4, .nopage5 {width: 100%; height: 355px; text-align: center; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center 120px; background-size: 64px auto;}
.nopage {background-image: url("../images/icon-nopage.svg");}
.nopage2 {background-image: url("../images/icon-nopage2.svg");}
.nopage3 {background-image: url("../images/icon-nopage3.svg");}
.nopage4 {background-image: url("../images/icon-nopage4.svg");}
.nopage5 {background-image: url("../images/icon-nodata.svg");}
.nopage .txt, .nopage2 .txt, .nopage3 .txt, .nopage4 .txt, .nopage5 .txt {margin-top: 214px; font-family: pretendard, sans-serif; color: #4d4d4d;}
.nopage.scroll_motion, .nopage2.scroll_motion, .nopage3.scroll_motion, .nopage4.scroll_motion, .nopage5.scroll_motion {transform: translateY(200px); opacity: 0; transition: 1.2s;}
.nopage.active, .nopage2.active, .nopage3.active, .nopage4.active, .nopage5.active {opacity: 1; transform: translateY(0);}

@media all and (max-width: 768px) {
	/* .nopage, .nopage2, .nopage3, .nopage4, .nopage5 {width: 100%; height: 207px; text-align: center; border: 1px solid #ddd; background: url("") no-repeat center 60px / 54px auto; border-radius: 8px;} */
	.nopage, .nopage2, .nopage3, .nopage4, .nopage5 {width: 100%; height: 207px; text-align: center; border: 1px solid #ddd; background: url("") no-repeat center 60px / 54px auto;}
	.nopage {background-image: url("../images/icon-nopage.svg");}
	.nopage2 {background-image: url("../images/icon-nopage2.svg");}
	.nopage3 {background-image: url("../images/icon-nopage3.svg");}
	.nopage4 {background-image: url("../images/icon-nopage4.svg");}
	.nopage5 {background-image: url("../images/icon-nodata.svg");}
	.nopage .txt, .nopage2 .txt, .nopage3 .txt, .nopage4 .txt, .nopage5 .txt {margin-top: 130px; font-size: 16px;}

	.nopage.scroll_motion, .nopage2.scroll_motion, .nopage3.scroll_motion, .nopage4.scroll_motion, .nopage5.scroll_motion {transform: translateY(100px);}
}




/* 1:1 상담내역 상세(답변전) */
.question_wrap {padding-top: 160px;}
.question_wrap .q_head {padding-bottom: 30px; border-bottom: 1px solid #2D2D2D;}
.question_wrap .q_head .lable {font-family: pretendard, sans-serif;}
.question_wrap .q_head .lable span {display: inline-block; padding: 8px 16px; font-family: pretendard, sans-serif; line-height: 1; color: #A38862; border-radius: 16px; border: 1px solid #A38862;}
.question_wrap .q_head .lable span:last-of-type {margin-left: 6px;}
.question_wrap .q_head .lable span.blue {color: #08213F; border: 1px solid #08213F;}
.question_wrap .q_head .lable span.red {color: #961E1E; border: 1px solid #961E1E;}
.question_wrap .q_head .q_tit {padding: 0; margin: 30px 0 60px; font-family: pretendard, sans-serif; color: #2D2D2D; word-break: break-all;}
.question_wrap .q_head .info_box {display: flex; justify-content: space-between; align-items: center; line-height: 1;}
.question_wrap .q_head .info_box .q_name {line-height: 24px; color: #727272;}
.question_wrap .q_head .info_box .q_date {line-height: 24px; color: #727272;}
.question_wrap .q_head .info_box .q_date .tit {margin-right: 30px;}
.question_wrap .q_body {padding: 60px 40px; border-bottom: 1px solid #ddd;}
.question_wrap .q_body .question {line-height: 24px; word-break: break-all;}
.question_wrap .info {margin-top: 30px; line-height: 21px; color: #727272;}
.question_wrap .file_layout .form_input_file .file_area .file_name:first-child, .answer_wrap .file_layout .form_input_file .file_area .file_name:first-child {margin-top: 80px;}

.form_input_file .file_area.no_delbt .file_name {min-width: auto;}
.form_input_file .file_area.no_delbt .file_name span {width: 100%;}
.file_layout .form_input_file .file_area {display: flex; flex-direction: column; align-items: flex-start; padding-top: 0;}
.file_layout .form_input_file .file_area .file_name:last-child {margin-bottom: 0;}

@media all and (max-width: 768px) {
	.question_wrap {padding-top: 80px;}
	.question_wrap .q_head .q_tit {margin: 30px 0 40px;}
	.question_wrap .q_head .info_box {display: block;}
	.question_wrap .q_head .info_box .q_name {margin-bottom: 10px;}
	.question_wrap .q_body {padding: 40px 20px;}
	.question_wrap .file_layout .form_input_file .file_area .file_name:first-child, .answer_wrap .file_layout .form_input_file .file_area .file_name:first-child {margin-top: 40px;}
}




/* 1:1 상담내역 상세(답변완료) */
.answer_wrap .a_head {display: flex; justify-content: space-between; align-items: flex-end; margin-top: 160px;}
.answer_wrap .a_head .a_tit {font-family: pretendard, sans-serif;}
.answer_wrap .a_head .right_box {display: flex; align-items: flex-end;}
.answer_wrap .a_head .a_date {line-height: 24px; color: #727272;}
.answer_wrap .a_head .a_date .tit {margin-right: 30px;}
.answer_wrap .a_head .btn_area {margin-top: 0;}
.answer_wrap .a_head .btn_area .btn_type4 {width: 116px; padding: 0; border: 1px solid #2D2D2D;}
.answer_wrap .a_head {padding-bottom: 30px; border-bottom: 1px solid #2D2D2D;}
.answer_wrap .a_body {padding: 60px 40px; border-bottom: 1px solid #ddd;}
.answer_wrap .a_body .answer {line-height: 24px; word-wrap: break-word;}

@media all and (max-width: 768px) {
	.answer_wrap .a_head {margin-top: 80px; display: block;}
	.answer_wrap .a_head .right_box {justify-content: space-between; margin-top: 30px;}
	.answer_wrap .a_body {padding: 40px 20px;}
}




/* 1:1상담내역 (이전 답변내역 레이어) */
.pop_body.qa_pop {min-width: 720px; width: 720px; height: 780px;}
.pop_body.qa_pop .pop_con {max-height: 624px;}
.qa_pop .before_answer {margin-bottom: 60px;}
.qa_pop .before_answer:last-child {margin-bottom: 0;}
.qa_pop .before_answer .p_head {display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 20px; border-bottom: 1px solid #2D2D2D;}
.qa_pop .before_answer .p_head .tit {font-family: pretendard, sans-serif; line-height: 24px;}
.qa_pop .before_answer .p_head .date {color: #727272;}
.qa_pop .before_answer .p_body {padding: 40px 20px; border-bottom: 1px solid #ddd;}
.qa_pop .before_answer .p_body .txt {line-height: 24px;}
.qa_pop .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 60px;}

.file_layout2 .form_input_file .file_area {display: flex; flex-direction: row; align-items: flex-end; padding-top: 0;}

@media all and (max-width: 1024px) {
	.qa_pop .before_answer:last-child {margin-bottom: 34px;}
}
@media all and (max-width: 768px) {
	.qa_pop .file_layout2 .form_input_file .file_area {flex-direction: column; align-items: flex-start;}
	.qa_pop .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 40px;}
	.qa_pop .file_layout2 .form_input_file .file_area .file_name:last-child {margin-bottom: 0px;}
}




/* AS신청내역 조회 목록 */
.as_sec .step_cont {margin: 40px 0 160px;}
.as_sec .step_cont .step_box {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 45px 116px; border: 1px solid #ECE4D0; border-radius: 8px; background-color: #FCFBF7;}
/* .as_sec .step_cont .step_box .process_step {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; width: 164px;} */
.as_sec .step_cont .step_box .process_step {display: flex; flex-direction: column; align-items: center; width: 13%;}
.as_sec .step_cont .step_box .process_step .step_icon {width: 64px; height: 64px; border-radius: 50%; background: url() no-repeat center center #F1EDDF;}
.as_sec .step_cont .step_box .process_step:nth-child(1) .step_icon {background-image: url("../images/icon-as-progress-step1.svg"); background-size: 24px;}
.as_sec .step_cont .step_box .process_step:nth-child(2) .step_icon {background-image: url("../images/icon-as-progress-step2.svg"); background-size: 22px;}
.as_sec .step_cont .step_box .process_step:nth-child(3) .step_icon {background-image: url("../images/icon-as-progress-step3.svg"); background-size: 24px;}
.as_sec .step_cont .step_box .process_step:nth-child(4) .step_icon {background-image: url("../images/icon-as-progress-step4.svg"); background-size: 24px;}
.as_sec .step_cont .step_box .process_step:nth-child(5) .step_icon {background-image: url("../images/icon-as-progress-step5.svg"); background-size: 24px;}
.as_sec .step_cont .step_box .process_step:nth-child(6) .step_icon {background-image: url("../images/icon-as-progress-step6.svg"); background-size: 24px;}
.as_sec .step_cont .step_box .process_step:nth-child(7) .step_icon {background-image: url("../images/icon-as-progress-step7.svg"); background-size: 18px;}
.as_sec .step_cont .step_box .process_step .status {margin: 15px 0 11px; font-family: pretendard, sans-serif; line-height: 29px; color: #4D4D4D;}
.as_sec .step_cont .step_box .process_step .num {font-family: pretendard, sans-serif; line-height: 29px;}
.as_sec .step_cont .step_box .process_step a.on {color: #961E1E;}
.as_sec .step_cont .txt {margin-top: 28px; line-height: 29px; color: #727272;}
.as_sec .btn_area {margin: 0 auto;}

@media all and (max-width: 1500px) {
	.as_sec .step_cont .step_box {padding: 45px 60px;}
	.as_sec .ask_list {justify-content: space-between;}
	.as_sec .ask_list a {width: calc(50% - 20px); margin-right: 0;}
}
@media all and (max-width: 1024px) {
	.as_sec .step_cont .step_box {padding: 45px 30px;}
	.as_sec .ask_list a {width: 100%;}
}
@media all and (max-width: 768px) {
	.as_sec .step_cont {margin: 20px 0 80px;}
	.as_sec .step_cont .step_box {height: auto; padding: 40px 28px 30px;}
	.as_sec .step_cont .step_box .process_step {width: 50%; margin-bottom: 30px;}
	.as_sec .step_cont .step_box .process_step:last-child, .as_sec .step_cont .step_box .process_step:nth-last-child(2) {margin-bottom: 0px;}
	.as_sec .step_cont .step_box .process_step .num {font-size: 32px !important;}
}




/* AS신청내역 조회 상세(신청중) */
.as_before_sec .question_wrap .q_head .info_box,
.as_after_sec .question_wrap .q_head .info_box {display: flex; justify-content: flex-end;}
.question_wrap .basic_info {padding: 60px 40px; border-bottom: 1px solid #ddd;}
.question_wrap .basic_info .tit {margin-bottom: 40px; font-family: pretendard, sans-serif;}
.question_wrap .basic_info .infos {display: flex; flex-wrap: wrap;}
.question_wrap .basic_info .infos ~ .infos {margin-top: 20px;}
.question_wrap .basic_info .infos dt {width: 180px; font-family: pretendard, sans-serif;}
.question_wrap .basic_info .infos dt ~ dt {margin-top: 20px;}
.question_wrap .basic_info .infos dd {width: calc(100% - 180px); color: #4D4D4D;}
.question_wrap .basic_info .infos dd ~ dd {margin-top: 20px;}
/* .as_before_sec .q_body .question, .as_after_sec .q_body .question, .as_after_sec .a_body .answer {line-height: 32px;} */
.question_wrap .img_wrap {display: flex; align-items: center; margin-top: 80px;}
.question_wrap .img_wrap .img_box {width: 32%;}
.question_wrap .img_wrap .img_box + .img_box {margin-left: 2%;}
.question_wrap .img_wrap .img_box .img_tit {margin-bottom: 24px; font-family: pretendard, sans-serif;}
/* .question_wrap .img_wrap .img_box a {display: inline-block; width: 384px; height: 256px; overflow: hidden;} */
.question_wrap .img_wrap .img_box a {position: relative; display: inline-block; width: 100%; height: 256px; overflow: hidden;}
/* .question_wrap .img_wrap .img_box a img {width: 100%; height: 100%; object-fit: cover;} */
/* .question_wrap .img_wrap .img_box a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} */
.question_wrap .img_wrap .img_box a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .question_wrap .img_wrap .img_box a img {width: 100%; height: 100%;} */

@media all and (max-width: 1500px) {
	.question_wrap .img_wrap .img_box a {height: 200px;}
}
@media all and (max-width: 1024px) {
	.question_wrap .img_wrap .img_box a {position: relative; height: auto; padding-bottom: 67%;}
	.question_wrap .img_wrap .img_box .img_tit {margin-bottom: 16px;}
}
@media all and (max-width: 768px) {
	.as_before_sec .question_wrap .q_head .info_box, .as_after_sec .question_wrap .q_head .info_box {justify-content: flex-start;}

	.question_wrap .basic_info {padding: 40px 20px;}
	.question_wrap .basic_info .tit {margin-bottom: 30px;}
	.question_wrap .basic_info .infos {display: block;}
	.question_wrap .basic_info .infos ~ .infos {margin-top: 26px;}
	.question_wrap .basic_info .infos dt {margin-bottom: 8px; width: 100%;}
	.question_wrap .basic_info .infos dd {width: 100%;}

	.question_wrap .img_wrap .img_box + .img_box {margin-left: 0;}
	
	.question_wrap .img_wrap {display: block;}
	.question_wrap .img_wrap .img_box {width: 100%;}
	.question_wrap .img_wrap .img_box ~ .img_box {margin-top: 50px;}
	.question_wrap .img_wrap .img_box .img_tit {margin-bottom: 12px;}
	.question_wrap .img_wrap .img_box a {position: relative; height: auto; padding-bottom: 66.8%;}
}




/* AS신청내역 조회 상세(답변완료) */
.as_after_sec .answer_wrap .a_head .a_date {margin-right: 0;}




/* AS신청내역 조회 상세 - 원본크기 사진 윈도우 팝업 */
.pop_wrap .pop_body.original_pop {width: 720px; min-width: 720px; height: 680px;}
/* .pop_wrap .pop_body.original_pop .pop_con {height: 527px; max-height: unset !important;} */
/* .pop_wrap .pop_body.original_pop .pop_con {max-height: unset !important;} */
/* .pop_wrap .pop_body.original_pop .pop_con {max-height: unset;} */
/* .original_pop .pop_con .img_box {width: 100%; height: 420px; } */
.original_pop .pop_con .img_box {width: 640px; height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
/* .original_pop .pop_con .img_box img {width: 100%; height: 100%; object-fit: cover;} */

@media all and (max-width: 1024px) {
	.pop_wrap .pop_body.original_pop .pop_con {height: 100%;}
	.original_pop .pop_con .img_box {width: 100%; height: 100%;}
	.original_pop .pop_con .img_box img {width: 100%; height: auto;}
}




/* 고객센터 - 품목선택 팝업(선택) */
/* .pop_wrap .pop_body.product_pop {min-width: 720px; width: 720px; height: 740px;} */
.pop_wrap .pop_body.product_pop {min-width: 720px; width: 720px; height: 719px;}
.pop_wrap .pop_body.product_pop .pop_con {max-height: 583px; overflow-y: unset;}
.product_pop .tab_con_area {padding-top: 40px;}

.tab_fn_area.type2 {display: flex; justify-content: space-between;}
.tab_fn_area.type2 .tab_tit {margin-bottom: 10px; font-family: pretendard, sans-serif;}
.tab_fn_area.type2 .tab_type2 .tab_wrap {display: block; width: 230px; border: 1px solid #e5e5e5;}
.tab_fn_area.type2 .tab_type2 .tab_wrap .tab {display: block; width: 100%; padding: 9px 20px; text-align: left; line-height: 29px; border-bottom: 0; background-color: #fff; word-wrap: break-word;}
.tab_fn_area.type2 .tab_type2 .tab_wrap .tab.on {background: #F5F7FA;}
.tab_fn_area.type2 .tab_type2 .tab_wrap .tab span {font-family: pretendard, sans-serif; font-size: 16px; color: #4d4d4d;}
.tab_fn_area.type2 .tab_type2 .tab_wrap .tab.on span {color: #4d4d4d;}
.tab_fn_area.type2 .tab_con_area {padding: 0; width: calc(100% - 250px);}
.tab_fn_area.type2 .tab_con_area .right_con {border: 1px solid #ddd;}
.tab_fn_area.type2 .tab_con_area .right_con .item {display: block; width: 100%; padding: 9px 20px; line-height: 29px; word-wrap: break-word;}
.tab_fn_area.type2 .tab_con_area .right_con .item.on {background: #F5F7FA;}
.tab_fn_area.type2 .tab_con_area .right_con .item span {font-family: pretendard, sans-serif; color: #4d4d4d; font-size: 16px;}
.tab_fn_area.type2 .tab_con_area .right_con .item.on span {color: #222;}
.tab_fn_area.type2 .vis_scl {max-height: 336px; overflow-y: auto}
.vis_scl::-webkit-scrollbar {width: 6px;}
.vis_scl::-webkit-scrollbar-track {background: #ccc;}
.vis_scl::-webkit-scrollbar-thumb {background: #999; border-radius: 0;}
/* .pop_body.product_pop .pop_con .btn_area.column2 {position: absolute; bottom: 40px;left: 50%; transform: translateX(-50%);width: 240px;} */
/* .pop_body.product_pop .pop_con {max-height: 583px; overflow: hidden;} */
/* .pop_body.product_pop .pop_con .btn_area.column2 {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); margin: 40px auto 0; width: 232px;} */
/* .pop_body.product_pop .pop_con .btn_area.column2 a { width: calc(50% - 8px);} */
/* .btn_tab_area.tab_small .tab {padding-bottom: 12px;}
.btn_tab_area.tab_small .tab span {font-size: 16px;} */

.form_input.pop_srch input {height: 56px; padding: 0 76px 0 40px; border-radius: 100px;}
.form_input.pop_srch input:focus {border-color: #2d2d2d;}
.form_input.pop_srch .btn_srch {display: block; position: absolute; right: 0; top: 0; width: 56px; height: 56px; background: #961E1E; border-radius: 100%;}
.form_input.pop_srch .btn_srch img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}




/* 고객센터 - 품목선택 팝업(검색결과) */
/* .pop_table {margin-top: 17px;} */
.srch_result_area {margin-top: 28px;}
.srch_result_area .srch_result_con {max-height: 320px; overflow: hidden; border-bottom: 1px solid #ddd;}

.srch_result_area .srch_result_con .srch_th_wrap {display: flex; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #ddd;}
.srch_result_area .srch_result_con .srch_th_wrap .srch_th {width: 50%; padding: 16px 20px; font-family: pretendard, sans-serif; font-size: 16px; line-height: 24px; color: #222; text-align: center; border-left: 1px solid #ddd; background-color: #F6F6F6;}
.srch_result_area .srch_result_con .srch_th_wrap .srch_th:first-child {border-left: 0;}

.srch_result_area .srch_result_con .right_con {max-height: 227px; height: 227px; overflow-y: auto;}
.srch_result_area .srch_result_con .right_con .item {display: flex; width: 100%; background: #fff;}
.srch_result_area .srch_result_con .right_con .item > p {padding: 16px 20px; font-family: pretendard, sans-serif; font-size: 16px; color: #4d4d4d; line-height: 24px; text-align: left; border-bottom: 1px solid #ddd;}

.srch_result_area .srch_result_con .right_con .item .left {width: 50%;}
.srch_result_area .srch_result_con .right_con .item .right {width: 50%; border-left: 1px solid #ddd;}
.srch_result_area .srch_result_con .right_con .item.scrollon .left {width: calc(50% + 7px);}
.srch_result_area .srch_result_con .right_con .item.nobold > p {border-bottom: none;}
.srch_result_area .srch_result_con .right_con .item.on {background: #F5F7FA;}




/* 고객센터 - 품목선택 팝업(검색결과 없음) */
.srch_result_area .srch_result_con .right_con .nopage5 {display: inline-block; height: 100%; border: none; background-position: center 56px;}
.srch_result_area .srch_result_con .right_con .nopage5 .txt {margin-top: 140px;}
/* .srch_result_area .srch_result_con .right_con .item span {font-size: 16px; color: #727272;} */
/* .srch_result_area .srch_result_con .right_con .item.on span {color: #222;} */




/* 고객센터 - 품목선택 팝업(검색결과 없음) */
/* .srch_result_area .no_srch_area {padding: 80px 0; min-height: 265px;} */
/* .srch_result_area .no_srch_area {padding: 97px 0 0; height: 297px;} */
/* .srch_result_area .no_srch_area .no_srch_div {padding-top: 76px; text-align: center; background: url(../images/icon-customer-no-search-data.svg) no-repeat center top;} */
/* .srch_result_area .no_srch_area .no_srch_div {padding-top: 84px; text-align: center; background: url("../images/icon-nodata.svg") no-repeat center top;} */
/* .srch_result_area .no_srch_area .no_srch_div .tit {font-family: pretendard, sans-serif; font-size: 16px; color: #4d4d4d;} */




/* 고객센터 - as 신청*/
.accordion.type2 li a.question {position: relative; padding: 15px 40px; min-height: 80px; border: 1px solid #ccc; box-shadow: 0 3px 6px rgb(0 0 0 / 6%); z-index: 1; background: #fff;}
.accordion.type2 li a.question > span {transition: transform .4s;}
.accordion.type2 li.on a.question {border: 1px solid #2d2d2d;}
.accordion.type2 li.on a.question > span {background:url("../images/ico-acco-arrow-red.svg") no-repeat center;}
/* .accordion.type2 li a.question > span {background:url("../images/ico-acco-arrow-red.svg") no-repeat;} */
.accordion.type2 li a.question > p {color: #222;}
.accordion.type2 li .answer {padding: 52px 40px 40px; background: #F1EEE7; border: 1px solid #ccc;}
.accordion.type2 li .answer .img {margin: 0;}
.accordion.type2 li .answer .img img {width: 100%;}
.accordion.type2 li .answer::before {display: none;}
.as_info_con .content_tit .refer_txt {color: #727272;}
.form_input_file .file_msg.multi_msg {margin-top: 20px;}
.form_input_file .file_msg.multi_msg p + p {margin-top: 13px;}

@media all and (max-width: 768px) {
	.accordion.type2 li a.question {padding: 15px 20px; min-height: auto;}
	.accordion.type2 li .answer {padding: 30px 16px 16px;}
	.accordion li a.question p:last-of-type {font-size: 18px;}
	.accordion li a.question p:first-of-type {margin-top: 0; width: 100%;}
	.pop_wrap .pop_body.product_pop .pop_con { max-height: calc(100% - 100px); overflow-y: auto; overflow-x: hidden;}
	.tab_fn_area.type2 .tab_type2 {width: calc(50% - 8px);}
	.tab_fn_area.type2 .tab_type2 .tab_wrap {width: 100%;}
	.tab_fn_area.type2 .tab_con_area {width: calc(50% - 8px);}
	.tab_fn_area.type2 .vis_scl {max-height: 290px;}
	.accordion.type2 li a.question > span {top: 5px;}

	.form_input.pop_srch input {padding: 0 76px 0 20px;}
}




/* 회원정보수정(FO-HE-03-003) */
.sub_body .sub_title {color: #2d2d2d;}
.sub_body .yw_descbox.box_space {padding: 80px 0; margin-top: 40px; text-align: center;}
.sub_body .yw_descbox.box_space > * {width: 480px;}
.sub_body .yw_descbox.box_space .text_desc {margin: 0 auto 60px; text-align: left;}
.sub_body .yw_descbox .btn_area a {width: 100%;}
.sub_body .form_input.h64 input {height: 64px;}
.sc_chkpass .btn_area {margin: 30px auto 0;}
.yw_descbox .msg.red {text-align: left;}
.yw_descbox .password_area .ic_chkpass {top: 20px;}

@media all and (max-width: 768px) {
	.sub_body .yw_descbox.box_space {padding: 60px 0;}
	.sub_body .yw_descbox.box_space > * {width: 92%;}
	.sub_body .yw_descbox.box_space .text_desc {margin: 0 auto 40px;}
	.sc_chkpass .btn_area {margin: 20px auto 0}
}




/* 회원정보수정 일반회원 (FO-HE-03-004) */
.sc_resinfor_chang .basic_info .name_area {align-items: center; padding: 12px 0;}
.sc_resinfor_chang .pass_area .btn_area {margin: 0;}
.sc_resinfor_chang .mypage_wrap > .btn_area {margin-top: 109px;}
.table_area .hills_info .flex_wrapper {display: flex; margin: 0;}
.table_area .hills_info .flex_wrapper .flex_wrap {margin: 0;}
.table_area .hills_info dt > span {position: relative;}
.table_area .agree_txt .flex_wrap p:nth-of-type(2) {margin: 0;}
.mypage_wrap .table_area .agree_txt p {font-family:  pretendard, sans-serif;}
.btn_area.center {position: relative; justify-content: center;}
.btn_area.center .btn_type2 {width: 112px; height: 64px;}
.sub_body .memberout {position: absolute; bottom: -54px; right: 0; width: auto; font-size: 16px; color: #727272; text-decoration: underline;}
.sub_body .memberout span {color: #222;}
@media all and (max-width: 1024px) {
	.sc_resinfor_chang .form_radio {display: inline-block;}
}
@media all and (max-width: 768px) {
	.sc_resinfor_chang .basic_info .name_area {padding: 26px 0;}
	.sc_resinfor_chang .basic_info dl {display: block; padding: 26px 0;}
	.sc_resinfor_chang .basic_info dl dt {width: 100%;}
	.sc_resinfor_chang .basic_info dl dd {width: 100%; position: relative; margin-top: 12px;}
	.sc_resinfor_chang .basic_info dl dd .btn_area {position: absolute; right: 0; bottom: 6px;}
	.sc_resinfor_chang .mypage_wrap > .btn_area {width: 94%; margin: 112px auto 0;}
}



/* 회원정보수정-정보변경이력 (FO-HE-03-004-L01) */
.pop_wrap .pop_body.pop_size720 {width: 720px; min-width: 720px; height: auto;}

.pop_wrap .pop_body.change_info {width: 720px; min-width: 720px; max-height: 606px;}
.pop_wrap .pop_body.change_info .pop_con {max-height: 450px;}
.center .as_info_table th, .center  .as_info_table td {text-align: center;}
/* .center .as_info_table th:last-child,.center .as_info_table td:last-child {border-right: none;} */
.pop_wrap .pop_body.pop_table .pop_con {margin-right: 40px;}
.pop_wrap .pop_body.pop_size720  .form_table table {width: 640px !important;}

@media all and (max-width: 1024px) {
	.pop_wrap .pop_body.change_info {max-height: 100%;}

}




/* 회원정보수정(계약자), FO-HE-03-005 */
.table_sub_tit {align-items: center; margin: 40px 0 20px; position: relative;}
.table_sub_tit .btn_area {margin: 0;}
.table_area .enter_info.flex_div dl.deli1 {display: none;}
.table_area .enter_info.flex_div dl.deli2 {display: none;}
.contractor_info {position: relative;}
.contractor_info .table_area + .btn_area {position: absolute; top: -0; right: 0; margin: 0;}
@media all and (max-width: 768px) {
	.sc_resinfor_chang .mypage_wrap + .btn_area {width: 94%; margin: 112px auto 0;}
	dl.paper1, dl.paper2, dl.deli1, dl.deli2 {flex-wrap: wrap; margin-bottom: 30px !important;}
	dl.paper1 .padding_title, dl.paper2 .padding_title, dl.deli1 .padding_title, dl.deli2 .padding_title {width: 100%;}
}




/* 계약정보변경, FO-HE-03-005_L01 */
/* .table_area .flex_wrap .client {color: #4d4d4d;} */
.resi_popchange .table_area {margin-bottom: 60px;}
.resi_popchange .basic_info {margin-bottom: 0;}
.resi_popchange .basic_info dl dt {width: 180px;}
.resi_popchange .basic_info dl {border-bottom: 0;}
/* .table_area .flex_wrap .btn_area {margin-top: 30px;} */
.resi_popchange .table_area.last_tb {margin-bottom: 30px;}
.resi_popchange .table_area .enter_info dl:first-child {margin-top: 30px;}
.resi_popchange .table_area .enter_info dl:last-child {margin-bottom: 30px;}
.resi_popchange .table_area .enter_info dl:last-child dt {margin-bottom: 30px;}
.resi_popchange .add_msg {margin-top: 13px;}
@media all and (max-width: 1024px) {
	.resi_popchange .flex_box .form_radio + .form_radio {margin-top: 0; margin-left: 60px;}
}
@media all and (max-width: 768px) {
	.pop_wrap .pop_body.resi_popchange {padding-bottom: 0 !important;}
	.pop_wrap .pop_body.resi_popchange .btn_area {margin-bottom: 50px;}

	.resi_popchange .basic_info dl {display: block;}
	.resi_popchange .basic_info dl dt {width: 100%;}
	.resi_popchange .basic_info dl dd {width: 100%; margin-top: 12px;}
	.resi_popchange .add_msg .mobile_br {display: none;}

}




/* 회원탈퇴, FO-HE-03-006 */
.mypage_wrap .con_tit + .tit_txt {margin: 30px 0 60px; color: #727272;}
.fwme {font-family: pretendard, sans-serif;}
.sub_body .yw_descbox.bggray {padding: 60px; background-color: #f0f2f5; margin-top: 20px;}
.sub_body .yw_descbox.bggray .etc_box {margin-top: 30px;}
/* .sub_body .yw_descbox.bggray .etc_box .form_input {position: relative; margin-top: 23px;} */
/* .sub_body .form_input.h182 textarea {height: 182px; padding: 20px;}  */
.sub_body .yw_descbox.bggray .etc_box .form_input {position: relative; height: 182px; margin-top: 23px; border: 1px solid #ddd; background-color: #fff; overflow: hidden;}
.sub_body .yw_descbox.bggray .etc_box .form_input.brcolor {border-color: #2d2d2d}
.sub_body .form_input.h182 textarea {padding: 20px 20px 0 20px; min-height: 135px; border: 0; overflow-y: auto;} 
.sub_body .yw_descbox.bggray .etc_box .form_input.disable {color: #999999; background-color: #F6F6F6;}
.sub_body .yw_descbox.bggray .etc_box .form_input.disable textarea {overflow-y: hidden;}
.text_length_wrap {position: absolute; display: flex; bottom: 20px; right: 20px; font-size: 14px; color: #999;}

@media all and (max-width: 768px) {
	.mypage_wrap .con_tit + .tit_txt {margin: 30px 0;}
}




/* 고객센터 - 1:1상담 작성 */
.gray_info_box.type2 {display: flex; justify-content: space-between; align-items: center; padding: 16px 40px}
.gray_info_box.type2 div.left {display: flex; justify-content: flex-end; align-items: center;}
.gray_info_box.type2 div.left.timers {flex: 0 0 290px;}
.gray_info_box.type2 div.left .timer {width: 76px; font-family: pretendard; color: #961E1E; padding: 2px 0; position: relative; padding-left: 30px; margin-right: 40px;} 
.gray_info_box.type2 div.left .timer::before {content: ""; display: inline-block; width: 20px; height: 20px; background: url("../images/ico-timer3.svg") no-repeat center 0px / 20px 20px; position: absolute; left: 0; top: 6px;}
/* .counseling .table_area .enter_info.flex_div dl dd {width: 100%;} */
.counseling .table_area .enter_info .form_select {width: 240px;}
.complex_srch {display: flex;}
/* .complex_srch .form_input.width_btn {width: calc(100% - 220px);} */
.counseling .table_area .enter_info.flex_div dl dd .form_input.width_btn {margin-right: 16px; width: auto;}
.counseling .table_area .enter_info.flex_div dl dd .form_input.width_btn input {width: 240px;}
.complex_srch .form_input.width_btn a {position: unset; right: 0; margin-left: 14px; font-size: 14px;}
.complex_srch .form_select {width: 234px;}
.counseling .room dd .form_input {width: 220px; display: inline-block;}
.counseling .room dd .form_input span {line-height: 48px;	padding-left: 5px; color: #4D4D4D;}

@media all and (max-width: 1028px) {
	.sub_body .yw_descbox.bggray .etc_box {margin-top: 18px;}
}
@media all and (max-width: 1000px) {
	.complex_srch {display: block;}
	.counseling .table_area .enter_info.flex_div dl dd .form_input.width_btn {width: 100%;}
	.counseling .table_area .enter_info.flex_div dl dd .form_input.width_btn input {width: calc(100% - 106px);}
	.counseling .table_area .enter_info .form_select {width: 100%; margin-top: 10px;}
	.counseling .room dd .form_input {width: calc(100% / 2 - 8px);}
	.counseling .room dd .form_input .w180 {width: calc(100% - 30px) !important;}
}
@media all and (max-width: 768px) {
	.gray_info_box.type2 {display: block; padding: 40px 20px;}
	.gray_info_box.type2 div.left {margin: 20px 0 0; justify-content: unset;}
	.counseling .table_area .enter_info.flex_div dl dd .form_input.width_btn input {width: calc(100% - 100px);}
	.complex_srch .form_input.width_btn a {margin-left: 8px; margin-top: 0;}
	.sub_body .yw_descbox.bggray {padding: 40px 20px;}
	.sub_body .yw_descbox.bggray .etc_box .form_input {margin-top: 30px;}
}




/* 고객센터 - 로그인 시간 연장 안내 레이어 */
/* .pop_wrap .pop_body.timer_pop {height: 733px; min-width: 720px;} */
.pop_wrap .pop_body.timer_pop {height: 750px; min-width: 720px;}
/* .pop_wrap .pop_body.timer_pop .pop_con {max-height: 693px;} */
.pop_wrap .pop_body.timer_pop .pop_con {max-height: unset !important;}
.timer_pop .pop_con .grey_bg {background: url("../images/timer-ill.svg") no-repeat center 68px / 180px 180px #FCFBF7; border: 1px solid #F3EFE5; text-align: center; height: 488px;}
.timer_pop .pop_con .grey_bg .timer {margin: 267px 0 30px; font-family: pretendard; color: #961E1E; background: url("../images/ico-timer3.svg") no-repeat left center / 20px 20px; display: inline-block; padding-left: 30px;}
.timer_pop .pop_con .grey_bg .txt {color: #4D4D4D;}
.pop_wrap .pop_body.timer_pop .btn_area {margin-top: 40px;}

@media all and (max-width: 768px) {
	.timer_pop .pop_con .grey_bg {height: auto;}
	.pop_wrap .pop_body.timer_pop .pop_con {max-height: calc(100% - 100px);}
	.timer_pop .pop_con .grey_bg {background: url("../images/timer-ill.svg") no-repeat center 40px / 120px 180px #FCFBF7; border: 1px solid #F3EFE5; text-align: center; padding-bottom: 68px;}
	.timer_pop .pop_con .grey_bg .timer {margin: 200px 0 40px;}
}




/* 고객센터 - 입주자사전점검단지팝업 */
.pop_wrap .pop_body.pre_check {height: 780px; min-width: 720px;}
.pop_wrap .pop_body.pre_check .pop_tit {text-align: center; font-family: pretendard; padding-top: 20px; margin-bottom: 60px;}
.pop_wrap .pop_body.pre_check .pop_con > p {font-family: pretendard; margin-bottom: -25px;}
@media all and (max-width: 768px) {
	.pop_wrap .pop_body.pre_check .pop_tit {margin-bottom: 40px; padding-right: 16px;}
	.pop_wrap .pop_body.btn_fix .pop_con {max-height: calc(100% - 180px) !important;}
	.pop_wrap .pop_body.pre_check.btn_fix .pop_con {max-height: calc(100% - 250px) !important;}
}




/* 고객센터 - FAQ */
.faq_srch {margin: 0 auto 80px; width: 480px;}
.faq_foot {background: url("../images/bg-faq.png") no-repeat; width: 100%; height: 480px; background-size: cover; margin-top: 160px; text-align: center; position: relative; margin-bottom: -200px;}
.faq_foot::after {content: ""; display: block; width: 1px; height: 320px; background: rgba(255, 225, 225, .3); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.faq_foot .left {position: absolute; top: 50%; left: 30%; transform: translateY(-50%);}
.faq_foot .left p, .faq_foot .right p {color: #fff;}
.faq_foot .left p a {color: #fff;}
.faq_foot .left p:nth-of-type(1) {font-family: pretendard;}
.faq_foot .left p:nth-of-type(2) {font-family: pretendard; margin: 20px 0 37px;}
.faq_foot .right {position: absolute; top: 50%; right: 30%; transform: translateY(-50%);}
.faq_foot .right p {font-family: pretendard;}
.faq_foot .right a {display: inline-block; width: 168px; height: 48px; line-height: 48px; border: 1px solid #fff; color: #fff; margin-top: 43px; font-family: pretendard;}

@media all and (max-width: 1300px) {
	.faq_foot .left {left: 20%;}
	.faq_foot .right {right: 20%;}
}
@media all and (max-width: 1024px) {
	.faq_foot .left {left: 12%;}
	.faq_foot .right {right: 12%;}
}
@media all and (max-width: 768px) {
	.faq_srch {width: 94%; margin: 0 auto 30px;}

	.faq_foot {background: url("../images/bg-faq-m.jpg") no-repeat; width: 100%; height: 518px; background-size: cover; margin-top: 80px; margin-bottom: -100px;}
	.faq_foot .left {position: unset; transform: translate(0); width: 100%; padding: 62px 0 114px;}
	.faq_foot .left p:nth-of-type(2) {margin: 18px 0 24px; font-size: 32px !important;}
	.faq_foot .left p:nth-of-type(3) {font-size: 16px;}
	.faq_foot .right {position: unset; transform: translate(0); width: 100%;}
	.faq_foot::after {content: ""; display: block; width: 94%; height: 1px; background: rgba(255, 225, 225, .3); position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%);}
	.faq_foot .right p {font-size: 32px !important;}
	.faq_foot .right a {margin-top: 30px; font-size: 14px; width: 88px;}
}




/* 고객센터 - H두드림 게이트 */
.h_do_dream {padding-bottom: 200px;}
.h_do_dream .bg {width: 100%; height: 100vh; background: url("../images/bg-hdodream.jpg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1;}
.h_do_dream .container {margin-top: -20px;}
.h_do_dream .container .line {display: flex; justify-content: space-between; flex-wrap: wrap;}
.h_do_dream .container .line:nth-of-type(2) {margin-top: 40px;}
.h_do_dream .container .line .item {width: 400px; height: 480px; padding: 60px 40px 40px 60px; box-sizing: border-box; border-radius: 20px; background: #fff; position: relative;}
.h_do_dream .container .line:nth-of-type(2) .item {width: 400px; height: 300px; box-sizing: border-box;}
.h_do_dream .container .line:nth-of-type(2) .item:last-of-type {width: 840px; background: url("../images/bg-hdodream-card.png") no-repeat #fff; background-size: cover; background-position: center;}
.h_do_dream .container .line:nth-of-type(2) .item:last-of-type::after {content: ""; display: inline-block; background: url("../images/img-ph.png") no-repeat; background-size: contain; width: 190px; height: 246px; position: absolute; bottom: 0; right: 137px;}
.h_do_dream .container .line .item p:first-of-type {margin-bottom: 34px; font-family: pretendard;}
.h_do_dream .container .line .item a.go_arrow {display: inline-block; width: 64px; height: 64px; background: url("../images/ico-go.svg") no-repeat; background-size: contain; position: absolute; bottom: 40px; right: 40px;}
.h_do_dream .container .line .item a.go {color: #961E1E; border-bottom: 1px solid #961E1E; margin-top: 30px; display: inline-block; font-family: pretendard; position: relative;}
.h_do_dream .container .line .item a.go::after {content: ""; display: inline-block; background: url("../images/faq-poli.png") no-repeat; background-size: cover; width: 4px; height: 6px; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}

@media all and (max-width: 1500px) {
	.h_do_dream .container .line .item {width: 320px;}
	.h_do_dream .container .line:nth-of-type(2) .item {width: 320px;}
	.h_do_dream .container .line:nth-of-type(2) .item:last-of-type {width: 650px;}
	.h_do_dream .container .line:nth-of-type(2) .item:last-of-type::after {right: 40px; width: 120px; height: 155px;}
}
@media all and (max-width: 1024px) {
	.h_do_dream .container {width: 740px !important;}
	.h_do_dream .container .line .item {width: 230px; padding: 50px 40px; height: 370px;}
	.h_do_dream .container .line:nth-of-type(2) .item {width: 230px;}
	.h_do_dream .container .line:nth-of-type(2) .item:last-of-type {width: 480px;}
}
@media all and (max-width: 768px) {
	.h_do_dream {padding-bottom: 100px;}
	.h_do_dream .container {margin-top: 0;}
	.h_do_dream .container .line:nth-of-type(2) {margin-top: 16px;}
	.h_do_dream .container {width: 400px !important;}
	.h_do_dream .container .line .item {width: 100%; height: 320px;}
	.h_do_dream .container .line .item + .item {margin-top: 16px;}
	.h_do_dream .container .line:nth-of-type(2) .item {width: 100%; min-height: 260px; height: 100%;}
	.h_do_dream .container .line:nth-of-type(2) .item:last-of-type {background: url("../images/bg-hdodream-card-m.png") no-repeat #FCFBF7; background-size: cover; background-position: center;}
	.h_do_dream .container .line:nth-of-type(2) .item:last-of-type::after {display: none;}
	.h_do_dream .container .line .item p:first-of-type {margin-bottom: 20px; font-size: 24px;}
	.h_do_dream .container .line .item a.go_arrow {background: url("../images/ico-go-m.svg") no-repeat; background-size: contain; width: 48px; height: 48px;}
}
@media all and (max-width: 500px) {
	.h_do_dream .container {width: 94% !important;}
}




/* 마이페이지 서브메인 - 내역없음 */
.nopage_wrap .mypage_sec.for_bg {padding: 200px 0 200px;}
.nopage_wrap .mypage_sec {margin-bottom: 200px;}
.nopage_wrap .mypage_sec .top {margin-bottom: 40px;}

@media all and (max-width: 768px) {
	.nopage_wrap .mypage_sec.for_bg {padding: 100px 0 100px;}
	.nopage_wrap .mypage_sec {margin-bottom: 100px;}
	.nopage_wrap .mypage_sec.for_bg {padding: 100px 0 100px;  background: url("../images/mypage-main-bg-m2.svg") no-repeat #FCFBF7; background-size: cover;}
}

/* search 수정 */
/* .srch_sec .input_sec.type {position: relative; top: 0; margin: 80px auto 0;}
.srch_sec .input_sec > a.btn_input {right: 184px; top: 4px;}
.srch_sec .input_sec > a.btn_region {right: -1px; width: 178px; height: 100%; border-radius: 0 29px 29px 0; border: 1px solid #ddd; background: url(../images/ic-Filter.svg) #F0F2F5 no-repeat 122px center;}
.srch_sec .input_sec > a.btn_region span {display: inline-block; padding: 15px 0 0 32px; font-size: 16px; font-family: pretendard;}
.srch_sec .con_area.type {display: none; padding: 60px 60px 148px !important; margin-top: 20px;}
.srch_sec .con_area.type.open {display: block;}
.srch_sec .con_area.type .check_sec {margin: 0 !important;}
.srch_sec .con_area.type .check_sec li {justify-content: center; padding-left: 0;}
.srch_sec .con_area.type .btn_area {padding: 10px 0 60px; margin-top: 0; background-color: #fff;}

.srch_sec .input_sec > a.btn_region.open {background: url(../images/ico-pop-close.svg) #F0F2F5 no-repeat 110px center / 42px 42px;} */




/* 마이페이지 - 서브메인 */
.mypage_wrap {padding-top: 0;}
.mypage_wrap .tab_type1 {width: 1280px; transition: padding 0.5s; background: #fff;}
.mypage_wrap .tab_type1.fixed_top {position: fixed; top: 100px; z-index: 5; left: 50%; transform: translateX(-50%); padding: 33px 0; border-bottom: 1px solid #ddd;}
.mypage_wrap .tab_type1 + .mypage_sec {margin-top: 160px;}
.mypage_wrap .tab_type1 + .inner .con_tit {margin-top: 160px;}
.mypage_sec {margin-bottom: 140px;}
.mypage_sec.for_bg {position: relative; padding: 200px 0 140px; background: url("../images/mypage-main-bg.svg") no-repeat; background-size: cover;}
.mypage_sec .top {display: flex; justify-content: space-between; align-items: center;transform: translateY(50px); opacity: 0; transition: 1s; margin-bottom: 60px;}
.mypage_sec .top.active {transform: translate(0) !important; opacity: 1;}
.mypage_sec .top .sub_stit {font-family: pretendard;}
.mypage_sec .top a {font-family: pretendard; position: relative; padding-right: 40px; color: #2D2D2D;}
.mypage_sec .top a span {display: inline-block; width: 32px; height: 32px; background: url("../images/ico-more.svg") no-repeat; position: absolute; right: 0; top: -2px; transition: all .6s;}
.mypage_sec .top a:hover span {transform: rotate(-90deg);}
.mypage_sec .swiper-container .pagination {display: none;}
.mypage_sec .list_type1 {width: calc(100% - 120px); max-width: 1800px; margin: 0 auto;}
.mypage_sec .list_type1 li {margin-bottom: 0;}
.mypage_sec .list_type1 li > .info_div {left: 50%; bottom: 50%; transform: translateY(50%); background: 0;}
.mypage_sec .list_type1 li:nth-child(even) > .info_div {left: unset; right: 50%;}
.mypage_sec .list_type1 li > .info_div .detail dl dt {width: 110px;}
.mypage_sec .list_type1 li > .info_div .labels > p {font-family: pretendard; padding: 6px 20px; height: 40px; border-radius: 50px;}
.mypage_sec .list_type1 li > .info_div .links {margin-top: 60px;}
.mypage_sec .list_type1 li > .info_div .links a {font-family: pretendard; padding-right: 20px; margin-right: 20px; display: inline-block; position: relative;}
.mypage_sec .list_type1 li > .info_div .links a::after {content: ""; display: inline-block; width: 1px; height: 15px; background: #DDDDDD; position: absolute; right: 0; top: 5px;}
.mypage_sec .list_type1 li > .info_div .links a:last-of-type:after {content: ""; display: none;}
.mypage_sec .list_type1 li > .info_div .btn_area .btn_type1 {min-width: 88px !important;}
.my_complex > .btn_area {width: 212px; margin: 60px auto 0;}
.mypage_wrap .table_area.for_margin .agree_txt {margin-top: 0;}
.mypage_wrap .table_area.for_margin .radio_select {margin-top: 30px;}

.complex_list {display: flex; flex-wrap: wrap; align-items: stretch;}
.complex_list li {position: relative; display: inline-block; width: 400px; height: auto; min-height: 636px; margin-right: 40px; margin-bottom: 80px; background: #fff; transform: translateY(200px); opacity: 0; transition: 1.2s; animation: ShadowReverse .4s forwards;}
.complex_list li:nth-of-type(3n-1) {transition-delay: .2s;}
.complex_list li:nth-of-type(3n) {transition-delay: .4s; margin-right: 0;}
.complex_list li:hover {animation: Shadow .5s forwards;}
@keyframes Shadow {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0);}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1);}
}
@keyframes ShadowReverse {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1);}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0);}
}
.complex_list li .thumb {position: relative; width: 100%; height: 225px; overflow: hidden;}
.complex_list li .thumb:hover a img {transform: scale(1.1);}
.complex_list li .thumb img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.complex_list li .thumb a {width: 100%; height: 100%; display: block;}
.complex_list li .thumb a:focus {border: 2px solid #222;}
.complex_list li .desc {padding: 40px;}
.complex_list li .desc .tit p {word-wrap: break-word;}
.complex_list li .desc .tit p:first-of-type {color: #961E1E; font-family: pretendard;}
.complex_list li .desc .tit p:last-of-type {font-family: pretendard; margin: 24px 0 31px;}
.complex_list li .desc .detail {color: #4D4D4D; min-height: 123px; padding-bottom: 100px;}
.complex_list li .desc .detail dl {display: flex; margin-bottom: 13px;}
.complex_list li .desc .detail dl:last-of-type {margin-bottom: 0;}
.complex_list li .desc .detail dl dt {width: 80px;}
.complex_list li .desc .detail dl dd {display: flex; width: calc(100% - 80px); word-break: break-all;}
.complex_list li .desc .detail dl dd .progress {position: relative; width: 100px; height: 4px;}
.complex_list li .desc .detail dl dd .progress span {display: inline-block; width: 100%; background: #2D2D2D; border-radius: 2px; height: 100%; opacity: 0.1; position: absolute; top: 8px; left: 0;}
.complex_list li .desc .detail dl dd .progress span.upper {opacity: 1; background: #961E1E; width: 32.9%; max-width: 100%;}
.complex_list li .desc .detail dl dd .percent {margin-left: 20px;}
.complex_list li .desc .btn_area {display: block; margin-top: 0; padding-left: 40px; position: absolute; width: 100%; left: 0; bottom: 30px; font-size: 0; text-align: left;}
.complex_list li .desc .btn_area a.line_gr:first-child {display: block; width: calc(100% - 40px);}
.complex_list li .desc .btn_area a:last-child {display: inline-block; min-width: auto !important; height: auto; padding: 0; margin-top: 20px; font-family: pretendard, sans-serif; font-size: 14px; color: #727272; line-height: 1; border-bottom: 1px solid #727272;}

.ask_list {display: flex; flex-wrap: wrap;}
.ask_list a {display: inline-block; width: 414px; min-height: 368px; border: 1px solid #DDDDDD; padding: 60px 40px; margin-right: 19px; margin-bottom: 60px; transform: translateY(150px); opacity: 0; transition: 1.2s; animation: ShadowBorderReverse .4s forwards;}
.ask_list a:hover {animation: ShadowBorder .4s forwards;}
.ask_list a:nth-of-type(3n-1) {transition-delay: .2s;}
.ask_list a:nth-of-type(3n) {transition-delay: .4s; margin-right: 0;}
@keyframes ShadowBorder {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0); border: 1px solid #DDDDDD;}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1); border: 1px solid #2D2D2D;}
}
@keyframes ShadowBorderReverse {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1); border: 1px solid #2D2D2D;}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0); border: 1px solid #DDDDDD;}
}
.ask_list a .lable span {display: inline-block; padding: 8px 16px; font-family: pretendard, sans-serif; line-height: 1; color: #A38862; border-radius: 16px; border: 1px solid #A38862;}
.ask_list a .lable span:last-of-type {margin-left: 6px;}
.ask_list a .lable span.blue {color: #08213F; border: 1px solid #08213F;}
.ask_list a .lable span.red {color: #961E1E; border: 1px solid #961E1E;}
.ask_list a .lable .newicon {display: inline-block; width: 32px; height: 32px; margin-left: 6px; vertical-align: middle; background: url('../images/tab-newicon.png') no-repeat 0 0; background-size: contain;}
.ask_list a .tit {margin: 30px 0 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 108px; font-family: pretendard; line-height: 36px; word-break: break-all;}
.ask_list a .bot {color: #727272;}
.ask_list a .bot p:first-of-type {margin-bottom: 4px;}
.ask_list a .bot p:last-of-type {margin-top: 10px;}

@media all and (max-width: 1500px) {
	.mypage_wrap .tab_type1 {width: 1000px;}
	.mypage_sec .list_type1 li > .info_div {transform: translate(0);}
	.mypage_sec .list_type1 {width: 1000px;}
	.complex_list li {width: 320px; margin-right: 20px;}
	.complex_list li .thumb {height: 260px;}
	.ask_list a {width: 320px; margin-right: 20px;}
	.ask_list a:nth-of-type(3n) {transition-delay: 0s;}
	.ask_list a:nth-of-type(3n-1) {transition-delay: 0s;}
	.ask_list a:nth-of-type(2n) {transition-delay: .2s;}
}
@media all and (max-width: 1024px) {
	.mypage_sec .swiper-container .pagination {display: flex; justify-content: center;}
	.mypage_wrap .tab_type1 {width: 90%;}
	
	.complex_list li {margin: 0; min-height: 100%; width: 100%; margin-bottom: 50px;}
	.complex_list li .thumb {height: 0px; padding-bottom: 56.4%;}
	.complex_list li .thumb img {position: absolute; top: 0px; left: 0px;}
	.mypage_sec .complex_list {flex-wrap: nowrap;}
	.mypage_sec .complex_list li {margin-bottom: 0;}
	
	.mypage_sec .list_type1 {width: 90%;}
	
	.complex_list li:nth-of-type(3n-1) {transition-delay: 0s;}
	.complex_list li:nth-of-type(3n) {transition-delay: 0s;}
	.complex_list li .desc {padding: 30px;}
	.complex_list li .desc .tit p:last-of-type {margin: 20px 0;}
	.complex_list li .desc .detail {padding-bottom: 40px;}
	.complex_list li .desc .btn_area {position: unset; display: block !important; padding-left: 0;}
	.complex_list li .desc .btn_area a.line_gr:first-child {width: 100%;}
	.complex .pagination {margin-top: 40px;}
	.complex .pagination .swiper-pagination-bullet {opacity: .5; margin: 0 8px;}
	.complex .pagination .swiper-pagination-bullet-active {background: #961E1E; opacity: 1;}
	
	.mypage_sec .ask_list {flex-wrap: nowrap;}
	.ask_list {width: calc(100% + 1px);}
	.ask_list a {padding: 40px 30px; min-height: 327px; margin-bottom: 40px; margin-right: 0;}
	.ask_list a:nth-of-type(2n) {transition-delay: 0s;}
	.ask .pagination .swiper-pagination-bullet {opacity: .5; margin: 0 8px;}
	.ask .pagination .swiper-pagination-bullet-active {background: #961E1E; opacity: 1;}
	.ask2 .pagination .swiper-pagination-bullet {opacity: .5; margin: 0 8px;}
	.ask2 .pagination .swiper-pagination-bullet-active {background: #961E1E; opacity: 1;}

}
@media all and (max-width: 768px) {
	.mypage_wrap .tab_type1.fixed_top {padding: 20px 0; border-bottom: 0;}
	.mypage_wrap .tab_type1 + .inner .con_tit {margin-top: 80px;}
	.mypage_wrap .tab_type1 {width: 94%;}
	.mypage_wrap .tab_type1 + .mypage_sec {margin-top: 80px;}
	
	.mypage_sec {margin-bottom: 100px;}
	.mypage_sec .top {margin-bottom: 40px;}
	.mypage_sec .top a {padding: 0; position: relative; font-size: 16px;}
	.mypage_sec .top a::after {content: ""; width: 100%; height: 1px; display: block; position: absolute; background: #2D2D2D; bottom: 2px;}
	.mypage_sec .top a span {display: none;}
	.mypage_sec.for_bg {padding: 100px 0 100px;  background: url("../images/mypage-main-bg-m.svg") no-repeat #FCFBF7; background-size: cover;}
	.mypage_sec .list_type1 {width: 94%;}
	.mypage_sec .list_type1 li > .info_div .links {margin-top: 40px;}
	.mypage_sec .list_type1 li > .info_div .links a {padding-right: 16px; margin-right: 16px;}
	.mypage_sec .list_type1 li > .info_div .links a:last-of-type {padding-right: 0; margin-right: 0;}
	.mypage_sec .btn_area.more {width: 94%; margin: 50px auto 0;}
	.ask_list a {margin-bottom: 16px; min-height: 303px; animation: unset;}
	.ask_list a .tit {line-height: 30px; min-height: 84px; margin: 30px 0 10px;}
	.qa_history_sec .btn_area {margin-top: 60px;}
}
@media all and (max-width: 380px) {
	.ask.swiper-container {width: calc(100% + 3px) !important; padding-left: 1px;}
	.ask_list {overflow-x: visible; }
	.ask_list a {width: 100% !important;}
	.ask_list a:first-of-type {width: calc(100% - 1px) !important;}
}




/* 나의 관심단지 */
.interest_sec .complex_list li {border: 1px solid #ddd;}
.interest_sec .btn_area {margin-top: -20px;}

@media all and (max-width: 1500px) {
	.interest_sec .complex_list {justify-content: space-between;}
	.interest_sec .complex_list li {width: calc(50% - 20px); margin-right: 0;}
	.interest_sec .complex_list li:nth-of-type(3n) {transition-delay: 0s;}
	.interest_sec .complex_list li:nth-of-type(3n-1) {transition-delay: 0s;}
	.interest_sec .complex_list li:nth-of-type(2n) {transition-delay: .2s;}
}
@media all and (max-width: 1024px) {
	.interest_sec .complex_list li {width: 100%;}
	.interest_sec .complex_list li {margin-bottom: 60px;}
	.interest_sec .btn_area {margin-top: 0px;}
}
@media all and (max-width: 1024px) {
	.interest_sec .complex_list li:nth-of-type(2n) {transition-delay: 0s;}
}




/* 분양 캘린더 */
.sale_calendar .top .year {position: relative; width: 348px; height: 49px; margin: auto;}
.sale_calendar .top .year > p {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); font-family: pretendard, sans-serif; color: #222; font-size: 40px; line-height: 48px;}
.sale_calendar .top .year > .left {position: absolute; top: 0; left: 0;}
.sale_calendar .top .year > .right {position: absolute; top: 0; right: 0;}
.sale_calendar .top .check_sec {display: flex; align-items: center;}
.sale_calendar .top .check_sec .check_list {display: flex; margin-left: 40px;}
.sale_calendar .top .check_sec .check_list .form_checkbox {margin-bottom: 0; margin-right: 40px; font-size: 16px; font-family: pretendard; color: #222;}
.sale_calendar .top .check_sec .check_list .form_checkbox input + label {background: url(../images/ico-chkbox.svg) 0 0 no-repeat; padding-left: 36px;}
.sale_calendar .top .check_sec .check_list .form_checkbox input:checked + label { background: url(../images/ico-chkbox-on.svg) 0 0 no-repeat;}
.sale_calendar .calendar_sec {margin-top: 60px; border-top: 1px solid #2D2D2D; width: 100%;}
.sale_calendar .calendar_sec li {display: flex; position: relative; width: 100%; min-height: 100px; padding: 40px; padding: 20px 40px; border-bottom: 1px solid #ddd;}
.sale_calendar .calendar_sec li .month {min-width: 51px; margin-right: 136px; font-family: pretendard; font-size: 40px; color: #222;}
.sale_calendar .calendar_sec li .events {display: flex; flex-wrap: wrap; width: calc(100% - 180px); margin-top: 10px;}
.sale_calendar .calendar_sec li .events > div {display: flex; width: 480px; margin: 10px 50px 10px 0; position: relative;}

/* .sale_calendar .calendar_sec li .events > div:nth-child(1) {margin: 0px 50px 30px 0;}
.sale_calendar .calendar_sec li .events > div:nth-child(2) {margin: 0px 50px 30px 0;} */
.sale_calendar .calendar_sec li .events > div:nth-child(even) {margin-right: 0px;}
.sale_calendar .calendar_sec li .events .th {width: 73px; height: 27px; margin-right: 30px; border-radius: 14px; font-family: pretendard, sans-serif; font-size: 12px; text-align: center; line-height: 26px;}
.sale_calendar .calendar_sec li .events .td {width: calc(100% - 58px); min-height: 27px; font-family: pretendard, sans-serif; font-size: 16px; line-height: 26px; word-break: break-all;}
.sale_calendar .calendar_sec li .events .th.ing {color: #fff; background: #961E1E;}
.sale_calendar .calendar_sec li .events .th.com {border: 1px solid #961E1E; color: #961E1E;}
.sale_calendar .calendar_sec li .events .th.exp {border: 1px solid #8D7656; color: #8D7656;}
.sale_calendar .add_txt {font-family: pretendard, sans-serif; font-size: 14px; color: #727272; margin-top: 30px;}

.sale_calendar .calendar_sec li .events .layer {border: 1px solid #ddd; border-radius: 8px; padding: 30px; width: 470px; position: absolute; background: #fff; z-index: -1; opacity: 0; top: 20px; display: none;}
.sale_calendar .calendar_sec li .events .layer dl {display: flex; color: #4D4D4D; word-break: break-all;}
.sale_calendar .calendar_sec li .events .layer dl dt {width: 90px; margin-right: 10px; font-family: pretendard, sans-serif; color: #222; word-break: break-all;}
.sale_calendar .calendar_sec li .events .layer dl dd {width: calc(100% - 90px);word-break: break-all; }
.sale_calendar .calendar_sec li .events .layer dl + dl {margin-top: 13px;}
.sale_calendar .calendar_sec li .events .layer .btn_area {justify-content: start; margin-top: 20px; text-align: left; padding-left: 90px;}
.sale_calendar .calendar_sec li .events .layer .xbt {display: inline-block;	position: absolute;	width: 48px; height: 48px;background: url("../images/ico-pop-close.svg");	top: 0;	right: 0; cursor: pointer;}
.sale_calendar .calendar_sec li .events .layer .xbt > span {opacity: 0;}

@media all and (max-width: 1500px) {
	.sale_calendar .calendar_sec li .events {display: block;}
	.sale_calendar .calendar_sec li .events > div {width: 100%;}
}
@media all and (max-width: 768px) {
	.sale_calendar .top .year {width: 100%;}
	.sale_calendar .top .year > p {font-size: 28px;}
	.sale_calendar .calendar_sec {margin-top: 40px;}
	.sale_calendar .calendar_sec li {display: block; padding: 20px 0; min-height: 60px;}
	.sale_calendar .calendar_sec li .month {margin-right: 0; font-size: 28px;}
	.sale_calendar .calendar_sec li .events {width: 100%; margin-top: 0;}
	.sale_calendar .calendar_sec li .events .th {margin-right: 16px;}
	.sale_calendar .calendar_sec li .events > div {margin: 0px 50px 20px 0;}
	.sale_calendar .calendar_sec li .events > div:nth-child(1) {margin: 20px 50px 20px 0;}
	.sale_calendar .calendar_sec li .events > div:nth-child(2) {margin: 0px 50px 20px 0;}

	.sale_calendar .calendar_sec li .events .layer {width: 100%; padding: 50px 30px 30px 30px;} 
	.sale_calendar .calendar_sec li .events .layer dl dt {width: 70px; word-break: break-all;}
	.sale_calendar .calendar_sec li .events .layer dl dd {width: calc(100% - 70px);}
	.sale_calendar .calendar_sec li .events .layer .btn_area {padding-left: 70px;}

	.sale_calendar .add_txt {margin-top: 20px;}
}




/* 분양단지 */
.sale_complex_list {position: relative;}
/* .sale_complex_list .list_type1 {margin: -465px 0 -200px; padding: 520px 0 200px; background: #F1EEE7;} */
.sale_complex_list .list_type1 .tenant_guide {position: absolute; right: 0; top: -20px;}
.sale_complex_list .list_type1 .tenant_guide .btn_area {margin-top: 0;}
.sale_complex_list .list_type2 ul li > .info_div .btn_area a {font-family: pretendard; color: #4d4d4d;}




/* 입주단지 */
/* .sale_complex_list .list_type1.type2 {background: #F1EEE7; margin: -316px 0 -200px; padding: 456px 0 200px;} */
.for_flex.left_line {justify-content: flex-start;}
.sale_complex_list .list_type1.type2 {background: #F1EEE7; margin: -180px 0 -200px; padding: 300px 0 200px;}
.sale_complex_list .list_type1.type2 .for_flex {position: relative; flex-wrap: wrap;}
.sale_complex_list .list_type1.type2 .for_flex .item {width: 400px; height: auto; margin-bottom: 70px; margin-left: 40px; border: 1px solid #DDCB97; background: #fff; opacity: 0; transform: translateY(150px); transition: all 1.2s; min-height: 319px; position: relative; padding: 60px 40px; display: inline-block;}
.sale_complex_list .list_type1.type2 .for_flex .item:nth-of-type(3n-2) {margin-left: 0;}
.sale_complex_list .list_type1.type2 .for_flex .item:nth-of-type(3n-1) {transition-delay: .2s;}
.sale_complex_list .list_type1.type2 .for_flex .item:nth-of-type(3n) {transition-delay: .4s;}
.sale_complex_list .list_type1.type2 .for_flex .item.active {opacity: 1; transform: translateY(0);}
.sale_complex_list .list_type1.type2 .for_flex .item::after {content: ""; position: absolute; bottom: -11px; left: 10px; z-index: -1; display: block; width: 380px; height: 10px; background: #ECE4D0;}
.sale_complex_list .list_type1.type2 .for_flex .item .label {display: inline-block; padding: 6px 8px 7px; font-family: pretendard, sans-serif; font-size: 12px; line-height: 1; color: #961E1E; border-radius: 20px; border: 1px solid #961E1E;}
.sale_complex_list .list_type1.type2 .for_flex .item .label.red {color: #961E1E; border: 1px solid #961E1E;}
.sale_complex_list .list_type1.type2 .for_flex .item .tit {margin: 26px 0 24px;}
.sale_complex_list .list_type1.type2 .for_flex .item .tit .con_ltxt {word-break: break-all;}
.sale_complex_list .list_type1.type2 .for_flex .item .tit .con_stxt {margin-bottom: 10px; line-height: 1; color: #8A7251;}
.sale_complex_list .list_type1.type2 .for_flex .item .tit .con_tit {overflow: hidden; text-overflow: ellipsis; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sale_complex_list .list_type1.type2 .for_flex .item dl {display: flex; justify-content: space-between; align-items: center; color: #4D4D4D; align-items: flex-start;}
.sale_complex_list .list_type1.type2 .for_flex .item dl + dl {margin-top: 4px;}
.sale_complex_list .list_type1.type2 .for_flex .item dl dt {width: 78px; word-break: break-all; line-height: 24px;}
.sale_complex_list .list_type1.type2 .for_flex .item dl dd {width: calc(100% - 88px); word-break: break-all; line-height: 24px;}
.sale_complex_list .list_type1.type2 .for_flex .item .btn_area {justify-content: start; text-align: left; margin-top: 30px;}

/* .sale_complex_list .list_type1.type2 > .btn_area.more {margin-top: 0;} */
.sale_complex_list .for_position {position: absolute; top: -10px; right: calc(50% - 567px); transform: translateX(50%); z-index: 5; padding-top: 0; text-align: right; width: auto !important;}
.sale_complex_list .for_position.fixed_top {position: fixed; padding-top: 25px;}
.sale_complex_list .for_position .btn_area {margin-top: 0; display: inline-block;}

@media all and (max-width: 1500px) {
	.sale_complex_list .list_type1.type2 .for_flex .item {width: 320px; margin-left: 20px;}
	.sale_complex_list .list_type1.type2 .for_flex .item::after {width: 300px;}
	.sale_complex_list .for_position {right: calc(50% - 429px);}
}
@media all and (max-width: 1024px) {
	.sale_complex_list .list_type1.type2 .for_flex .item {width: 100%; margin-left: 0;}
	.sale_complex_list .list_type1.type2 .for_flex .item::after {width: calc(100% - 20px);}
	.sale_complex_list .list_type1.type2 .for_flex .item:nth-of-type(3n-1) {transition-delay: 0s;}
	.sale_complex_list .list_type1.type2 .for_flex .item:nth-of-type(3n) {transition-delay: 0s;}
	/* .sale_complex_list .list_type1.type2::before {content: ""; display: block; width: 100%; height: 100px; background: #F1EEE7; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); z-index: -1;} */
	.sale_complex_list .for_position {right: 5%; transform: translateX(0);}
}
@media all and (max-width: 768px) {
	.sale_complex_list .list_type1 {margin: 50px 0 -100px; padding: 0px 0 100px;}
	.sale_complex_list .list_type1.type2 {margin: -280px 0 -100px; padding: 360px 0 100px;}
	/* .sale_complex_list .list_type1::before {content: ""; display: block; width: 800px; height: 500px; background: #F1EEE7; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); z-index: -1;} */
	/* .sale_complex_list .list_type1.type2 {background: #F1EEE7; margin: 50px 0 -100px; padding: 0px 0 100px; position: relative;} */
	/* .sale_complex_list .list_type1.type2::before {content: ""; display: block; width: 800px; height: 500px; background: #F1EEE7; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); z-index: -1;} */
	.sale_complex_list .for_position {margin-top: 85px; left: 3%; right: unset; transform: translateX(0); width: auto !important; text-align: left;}
	.sale_complex_list .for_position.fixed_top {padding-top: 0;}

	.sale_complex_list .list_type1.type2 .for_flex .item {padding: 30px; min-height: 250px; margin-bottom: 40px;}
	.sale_complex_list .list_type1.type2 > .btn_area.more {width: 94%; margin: 0 auto;}
}




/* 지업주택조합 목록 */
/* .tab_fix .list_type1 {margin-top: 120px;}
.apartment_list .list_type1 {margin-top: 120px;}
.apartment_list .list_type1 li {display: flex; height: 426px; margin-bottom: 80px;}
.apartment_list .list_type1 li:last-child {margin-bottom: 0;}
.apartment_list .list_type1 li > .img {position: unset; width: 640px; height: 426px;}
.apartment_list .list_type1 li:nth-child(even) > .img {right: auto;}
.apartment_list .list_type1 li > .info_div {position: unset; width: 640px; height: 426px; padding: 47px 60px;}
.apartment_list .list_type1 li:nth-child(even) > .info_div {left: auto;}
.apartment_list .list_type1 li > .info_div .spec {margin: 30px 0 28px;}
.apartment_list .list_type1 li > .info_div .info {position: unset;}
.apartment_list .list_type1 li > .info_div .info .like {top: 0; right: 0;} */
.apartment_list .list_type2 ul.label_height li {padding-bottom: 96px;}
.apartment_list .list_type2 ul.label_height li > .info_div {padding-bottom: 40px;}
.apartment_list .list_type2 ul.label_height li > .info_div .labels {min-height: 66px; margin-bottom: 14px;}
/* .apartment_list .list_type2 ul.label_height + .btn_area.more {margin-top: 0;} */
/* .apartment_list .list_type2 ul.label_height li > .info_div .detail {margin: 36px 0;} */
/* .apartment_list .list_type1 ul.label_height li > .info_div .detail dl {margin-bottom: 8px;} */
@media all and (max-width: 768px) {
	.apartment_list .list_type2 ul.label_height li > .info_div {padding-bottom: 30px;}
	/* .tab_fix .list_type1 {margin-top: 40px;}
	.apartment_list .list_type1 {margin-top: 80px;} */
}




/* 공사단지 목록 */
/* .apartment_list.type2 .list_type1 li {height: 380px;} */
/* .apartment_list.type2 .list_type1 li > .img {width: 570px; height: 380px;} */
/* .apartment_list.type2 .list_type1 li:nth-child(even) > .img {right: auto;} */
/* .apartment_list.type2 .list_type1 li > .info_div {width: 710px; height: 380px; padding: 50px 80px 50px; border: 1px solid red;} */
/* .apartment_list.type2 .list_type1 li:nth-child(even) > .info_div {left: auto;} */




/* [레이어]갤러리 이미지 */
.pop_wrap .gallery_pop .pop_tit {display: none;}
.pop_wrap .pop_body.gallery_pop {min-width: 100%; width: 100%; height: 100vh; background-color: #08213F;}
.pop_wrap .pop_body.gallery_pop .pop_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 896px; max-height: unset; padding-right: 0;}
.gallery_pop .sub_stit {color: #fff; text-align: center;}
.gallery_wrap {position: relative; margin-top: 100px;}
.gallery_wrap .gallery_view {position: relative; width: 720px; height: 480px; margin: 0 auto 40px; overflow: hidden;}
.gallery_wrap .gallery_view > .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
/* .gallery_wrap .gallery_view > .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 480px;} */
.gallery_wrap .gallery_view > .img > img {width: 100%; height: 100%; object-fit: cover;}
.gallery_wrap .swiper_box {position: relative !important;}
.gallery_wrap .gallery_swiper_s {width: 720px; height: 80px;}
.gallery_wrap .gallery_swiper_s .swiper-slide {position: relative; height: 100%; cursor: pointer;}
.gallery_wrap .gallery_swiper_s .swiper-slide.on:before {content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border: 2px solid #fff; box-sizing: border-box;}
.gallery_wrap .gallery_swiper_s .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.gallery_wrap .swiper-button-prev, .gallery_wrap .swiper-button-next {top: 50%; transform: translateY(-50%); width: 48px; height: 48px; margin-top: 0; background: url("../images/ico-swiper-prev.svg");}
.gallery_wrap .swiper-button-prev {left: 0;background-image: url("../images/ico-swiper-prev.svg")}
.gallery_wrap .swiper-button-next {right: 0; background-image: url("../images/ico-swiper-next.svg");}
.pop_wrap .pop_body.gallery_pop .xbt {width: 56px; height: 56px; background: url("../images/ico-pop-close2.svg") no-repeat center center / cover; top: 40px; right: 40px;}

@media all and (max-width: 1024px) {
	.pop_wrap .pop_body.gallery_pop .pop_con {width: 100%; height: auto;}
	.gallery_wrap {margin-top: 80px;}
	.gallery_wrap .swiper-button-prev {display: none;}
	.gallery_wrap .swiper-button-next {display: none;}
	.gallery_wrap .gallery_view {width: 94%; height: 500px;}
	.gallery_wrap .gallery_swiper_s {width: 94%;}
	/* .gallery_wrap .gallery_view > .img {height: 100%;} */
}
@media all and (max-width: 768px) {
	.gallery_wrap {margin-top: 60px;}
	.gallery_wrap .gallery_view {height: 350px; margin: 0 auto 30px;}
	.gallery_wrap .gallery_swiper_s {height: 53px; width: 97%; margin-left: 3%;}
	.pop_wrap .pop_body.gallery_pop .xbt {width: 48px; height: 48px; background: url("../images/ico-pop-close2-m.svg") no-repeat center center / cover; top: 5px; right: 0;}
}




/* [레이어]인허가 진행상황 */
.pop_wrap .pop_body.progress_pop {min-width: 720px; width: 720px; min-height: 300px; height: auto;}
/* .pop_wrap .pop_body.progress_pop {min-width: 720px; width: 720px;} */
/* .pop_wrap .pop_body.progress_pop {min-width: 720px; width: 720px;} */
.pop_wrap .pop_body.progress_pop .pop_con {max-height: 760px;}
.progress_pop .progress {position: relative; display: flex; flex-direction: column; align-items: flex-end; background: #F5F7FA; padding: 30px; border: 1px solid #DDDDDD; border-radius: 8px; box-shadow: 0 3px 6px rgba(000, 000, 000, 0.06);}
.progress_pop .progress li {position: relative; display: flex; align-items: center; width: calc(100% - 64px);}
.progress_pop .progress li::before {content: ""; position: absolute; left: -53px; top: 25px; width: 2px; height: 150%; background-color: #ddd;}
/* .progress_pop .progress li:nth-last-child(2)::before {top: 40px;} */
.progress_pop .progress li:last-child:before {content: ""; position: absolute; left: -58px; top: 6px; width: 12px; height: 8px; background: url("../images/ico-progress-triangle.svg") no-repeat center center / 12px 8px;}
.progress_pop .progress li::after {content: ""; position: absolute; left: -58px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background-color: #961E1E; border-radius: 100%;}
.progress_pop .progress li.off:before {display: none;}
.progress_pop .progress li ~ li {margin-top: 30px;}
.progress_pop .progress li .labels > p {position: relative; width: 86px; height: 40px; margin-right: 30px; font-family: pretendard, sans-serif; line-height: 40px; text-align: center; color: #fff; border-radius: 20px;}
.progress_pop .progress li .labels > p.blue {background-color: #08213F;}
.progress_pop .progress li .labels > p.brown {background-color: #8A7251;}
.progress_pop .progress li .labels > p.red {background-color: #961E1E;}
.progress_pop .progress li .txt {font-family: pretendard, sans-serif; font-size: 18px !important;}
/* .progress_pop .btn_area {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);} */
/* .progress_pop .btn_area {margin-right: 40px;} */
@media all and (max-width: 1024px) {
	.pop_wrap .pop_body.progress_pop {max-height: unset;}
}
@media all and (max-width: 768px) {
	.progress_pop .progress li {width: calc(100% - 30px);}
	.progress_pop .progress li ~ li {margin-top: 16px;}
	.progress_pop .progress li .txt {font-size: 16px !important;}
	.progress_pop .progress li::before {left: -23px; top: 20px; height: 123%;}
	.progress_pop .progress li::after {left: -26px; width: 8px; height: 8px;}
	.progress_pop .progress li:last-child:before {left: -28px; top: 3px;}
	.progress_pop .progress li .labels > p {width: 74px; height: 32px; margin-right: 20px; line-height: 32px; font-size: 14px !important;}
	.sub_body .pop_wrap .pop_body.progress_pop .btn_area {margin-top: 50px;}
}




/* 홍보관보기 */
.pop_wrap .pop_body.map_pop {min-width: auto; width: 720px; height: auto;}
.pop_wrap .pop_body.map_pop .pop_con {max-height: unset;}
.map_pop .tab_type2 .tab {height: 56px; padding: 0; line-height: 56px;}
.map_pop .tab_con_area {padding-top: 32px;}
.map_pop .map_api {width: 100%; height: 426px; margin-top: 16px; background-color: #D6D6D6;}
.map_pop .name {margin-bottom: 4px; font-family: pretendard, sans-serif; word-break: break-all;}
.map_pop .addr {word-break: break-all;} 
@media all and (max-width: 1024px) {
	.map_pop .map_api + .btn_area {display: none;}
	.pop_wrap .pop_body.map_pop .pop_con {height: 100% !important;}
}
@media all and (max-width: 768px) {
	.map_pop .map_api {height: 400px; margin-top: 30px;}
}
@media all and (max-width: 500px) {
	.map_pop .map_api {height: 228px; margin-top: 30px;}
}




/* 분양캘린더 위치보기 */
.pop_wrap .pop_body.map_pop.type2 {height: 778px;}
.pop_wrap .pop_body.map_pop.type2 li {width: auto !important; min-height: unset !important;}




/* 당첨자 조회_목록 , FO-SA-06-001 */
.sc_prizelist .sub_tit {padding-bottom: 80px;}
.sc_prizelist .view_prize {margin-bottom: 40px; font-family: pretendard, sans-serif;}
.sc_prizelist .view_prize strong {font-family: pretendard, sans-serif; color: #961e1e;}
/* .sc_prizelist .booking_list li dl {margin: 40px 0;} */
/* .sc_prizelist .gray_info_box {color: #4d4d4d;} */
.gray_info_box .btn_area {display: block; margin-top: 0;}
.sc_prizelist .scroll_motion .con_mtxt +.con_mtxt {margin-top: -20px;}
.sc_prizelist .btn_area.more {margin-top: 20px;}




/* 예비당첨자 조회, FO-SA-06-002 */
.sub_body .winner_chk .box .con_tit {margin-bottom: 60px;}
.sub_body .winner_chk .bg {width: 100%; height: 100vh; background: url("../images/bg-winner.jpg") no-repeat center center / cover; position: absolute; top: 0; left: 0; z-index: -1;}
.sub_body .winner_chk .box .table_area {width: 640px; margin: 0 auto; border-top: 0; border-bottom: none;}




/* 예비당첨자 조회_결과(당첨되었을경우), FO-SA-06-003 */
.sc_winner {margin-bottom: 0;}
.sub_body .bg_prize {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 800px; text-align: center;}
.sc_winner .bg_prize {background: url("../images/prizewinner-bg.jpg") no-repeat top center / cover;}
.sub_body .prize_box {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 1000px; min-height: 496px; background: #FCFBF7; border-radius: 20px;}
.sub_body .winner_desc .fwsemi {font-family: pretendard;}
.sub_body .winner_desc .buildname {display: block; margin: 41px 0 40px; font-family: pretendard;}
.sub_body .winner_desc .pointc {color: #961E1E;}
.sc_winner .bg_prize::before {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); content: "";}
@media all and (max-width: 1024px) {
	.sub_body .prize_box {width: 90%;}
}
@media all and (max-width: 768px) {
	.sub_body .bg_prize {height: auto; padding: 120px 0 120px;}
	.prizewin_wrap {width: 100%;}
	.sub_body .prize_box {width: 94%; border-radius: 16px; min-height: unset; padding: 60px 20px;}
	.sub_body .winner_desc .buildname {margin: 30px 0 30px;}
}




/* 예비당첨자 조회_결과(미당첨 되었을경우), FO-SA-06-004 */
.sub_body .winner_desc.notwin .con_ltxt {display: block; margin-top: 40px; font-family: pretendard;}




/* 계약단지내역없음 */
.service_sec .nopage2 {margin-top: 80px;}




/* 테이블 데이터가 없을 경우 */
.as_info_table tr.no_table td {padding: 60px 20px; text-align: center;}




/* FO-CO-03-003-T01_분양옵션 입금내역 */
.service_sec .mobile_br {display: none;}

.service_sec .accordion {margin-top: 40px;}
.service_sec .accordion li .answer::before {display: none;}
.service_sec .accordion li a.question p.btn_apart_search {color: #222;}
.service_sec .accordion li a.apart_tab_wrap {min-height: 72px; padding: 0 12px 0 40px;}
.service_sec .accordion li .answer_tab {margin-bottom: 50px; padding: 55px 40px 40px;}
.service_sec .accordion li .apart_list {display: flex; flex-wrap: wrap;}
.service_sec .accordion li .answer_tab a {display: flex; justify-content: center; align-items: center; width: calc((100% - 40px) / 2); height: 86px; font-family: pretendard; color: #727272; border: 1px solid #DDDDDD;}
.service_sec .accordion li .answer_tab a:nth-child(-n+10) {margin-top: 20px;}
.service_sec .accordion li .answer_tab a:nth-child(-n+2) {margin-top: 0;}
.service_sec .accordion li .answer_tab a:nth-child(2n+1) + a:nth-child(2n) {margin-left: 40px;}
.service_sec .accordion li .answer_tab a.on {color: #A38862; border-radius: 8px; border-color: #A38862;}

.service_sec .service_apt {display: flex; align-items: center; width: 100%; height: 486px; margin: 50px 0 80px; overflow: hidden;}
.service_sec .service_apt .img_box {position: relative; width: 57%; height: 100%; overflow: hidden;}
.service_sec .service_apt .img_box img {width: 100%; height: 100%; object-fit: cover;}
.service_sec .service_apt .info_box {width: 43%; height: 100%; padding: 60px 56px; border: 1px solid #ccc; background: #fff;}
.service_sec .service_apt .info_box .tit {min-height: 80px; margin-bottom: 40px; font-family: pretendard; line-height: 40px;}
.service_sec .service_apt .info_box .spec p {display: flex; line-height: 24px;}
.service_sec .service_apt .info_box .spec p ~ p {margin-top: 13px;}
.service_sec .service_apt .info_box .spec p .th {width: 135px; font-family: pretendard, sans-serif; color: #A38862;}
.service_sec .service_apt .info_box .spec p .td {width: calc(100% - 135px);}
.service_sec .service_apt .info_box .btn_area {display: inline-block; text-align: left;}

.service_sec .tab_wrap {width: 106.2%; margin-left: -3.1%;}

.service_sec .tab_con_area {padding-top: 0px;}
.service_sec .tab_con_area.posit {position: relative;}
.service_sec .btn_tab_area.sub_tab {display: flex; margin-top: 16px;}
.service_sec .btn_tab_area.sub_tab a {position: relative; display: block; padding: 14px 30px; font-family: pretendard; line-height: 1; color: #727272;}
.service_sec .btn_tab_area.sub_tab a:first-child {padding-left: 0;}
.service_sec .btn_tab_area.sub_tab a::before {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #ddd; content: "";}
.service_sec .btn_tab_area.sub_tab a:first-child::before {display: none;}
.service_sec .btn_tab_area.sub_tab a.on {position: relative; color: #961e1e;}
.service_sec .btn_tab_area.sub_tab a.on span {position: relative;}
.service_sec .btn_tab_area.sub_tab a.on span::after {content: ""; position: absolute; bottom: -8px; left: 0; right: 0; height: 2px; background-color: #961e1e;}

.service_sec .as_info_box .table_tit {position: relative; padding: 160px 0 40px;}
.service_sec .as_info_box:first-of-type .table_tit:first-of-type {padding: 80px 0 40px;}
.service_sec .as_info_box .table_tit .con_mtxt {margin-left: 4px;}
.service_sec .as_info_box .table_tit span {color: #727272;}
.service_sec .as_info_box .as_txt_div .tsub_tit {font-family: pretendard, sans-serif; padding: 0; padding-bottom: 22px;}
.service_sec .as_info_box .table_tit.result {padding: 60px 0 20px;}
.con_tit.result {font-size: 20px !important;}

.service_sec .as_info_box .form_table + .form_table {margin-top: 40px;}
.service_sec .as_info_box .as_txt_div + .as_txt_div {margin-top: 60px;}
.service_sec .as_info_box .table_area {margin-bottom: 0;}
.service_sec .as_info_box .table_area.with_flex {display: flex;}
.service_sec .table_area .enter_info.flex_div.calen dl dt {width: auto; margin-right: 20px;}
.service_sec .table_area .enter_info.flex_div.money_calc dl dt {width: auto; margin-right: 20px;}

.service_sec .as_info_box .gray_desc_box {display: flex; width: 100%; height: 84px; margin-bottom: 40px; padding: 31px 40px; background-color: #f0f2f5;}
.service_sec .as_info_box .desc_wrap + .desc_wrap {padding-left: 80px;}
.service_sec .as_info_box .desc_wrap {position: relative; display: flex;}
.service_sec .as_info_box .desc_wrap::before {position: absolute; top: 50%; left: 40px; transform: translateY(-50%); width: 1px; height: 24px; background-color: #ddd; content: "";}
.service_sec .as_info_box .desc_wrap:first-child::before {display: none;}
.service_sec .as_info_box .desc_wrap .gray_title {font-family: pretendard; margin-right: 15px;}
.service_sec .as_info_box .desc_wrap .gray_text {color: #727272;} 

.as_info_box .table_bold {font-family: pretendard;}
.service_sec .as_info_box .refer_txt {margin-top: 30px;}

.as_info_table {font-size: 16px; border-collapse: collapse;}
.as_info_table tr th {padding: 13px 20px; font-family: pretendard, sans-serif; line-height: 29px; background-color: #F6F6F6;}
.as_info_table tr td {padding: 13px 20px; line-height: 29px; color: #4d4d4d;}
/* .as_info_table tr:first-child > * {border-top: 1px solid #ddd;} */
.as_info_table tr > * {border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.as_info_table tr > *:last-child {border-right: 1px solid #ddd;}

.as_info_table.col_tb th {padding: 22px 20px;}
.as_info_table.col_tb td {padding: 22px 40px;}
.as_info_table.col_tb tbody tr:first-child > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb tbody tr th:first-child {border-left: 0;}
.as_info_table.col_tb tbody tr > *:last-child {border-right: 0;}
.as_info_table.col_tb1 th {padding: 10px 20px;}
.as_info_table.col_tb1 td {padding: 10px 20px;}
.as_info_table.col_tb1 thead tr > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb1 tr > *:first-child {border-left: none;}
.as_info_table.col_tb1 tr > *:last-child {border-right: none;}
.as_info_table.col_tb2 th {padding: 13px 20px;}
.as_info_table.col_tb2 td {padding: 13px 40px;}
.as_info_table.col_tb2 tbody tr:first-child > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb2 tbody tr th {background-color: #F6F6F6;}
.as_info_table.col_tb2 tbody tr > *:first-child {border-left: 0;}
.as_info_table.col_tb2 tbody tr > *:last-child {border-right: 0;}
.as_info_table.col_tb3 tr th:first-child {border-left: none;}
.as_info_table.col_tb3 tr > *:last-child {border-right: 0;}
.as_info_table.col_tb3 thead tr th {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb4 tr > *:first-child {border-left: none;}
.as_info_table.col_tb4 tr > *:last-child {border-right: 0;}
.as_info_table.col_tb4 thead tr:first-child th {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb5 tr > *:first-child {border-left: none;}
.as_info_table.col_tb5 tr > *:last-child {border-right: 0;}
.as_info_table.col_tb5 thead tr th {background-color: unset;}
.as_info_table.col_tb5 thead tr:first-child th {border-top: 1px solid #2d2d2d; background-color: #F6F6F6;}
.as_info_table.col_tb6 thead tr > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb6 tr > *:first-child {border-left: none;}
.as_info_table.col_tb6 tr > *:last-child {border-right: none;}
.as_info_table.col_tb7 thead tr > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb7 thead tr > *:last-child {border-right: none;}
.as_info_table.col_tb7 thead tr > *:first-child {border-left: none;}
.as_info_table.col_tb7 tbody tr th {background-color: unset;}
.as_info_table.col_tb7 tbody tr th:first-child {border-left: none;}
.as_info_table.col_tb7 tbody tr > *:last-child {border-right: none;}
.as_info_table.col_tb8 thead tr > * {border-top: 1px solid #2d2d2d;}
.as_info_table.col_tb8 thead tr > *:last-child {border-right: none;}
.as_info_table.col_tb8 thead tr > *:first-child {border-left: none;}
.as_info_table.col_tb8 tbody tr th {background-color: unset;}
.as_info_table.col_tb8 tbody tr:first-child th:first-child {border-left: none;}
.as_info_table.col_tb8 tbody tr > *:last-child {border-right: none;}

.service_sec .as_info_box.col_tb2 .form_table + .form_table {margin-top: 50px;}
.service_sec .as_info_box.col_tb3 .form_table + .form_table {margin-top: 50px;}

.service_sec .tab_con_area .btn_area.h46 a {position: absolute; right: 0; top: 130px; min-width: 88px; height: 46px; padding: 0 20px; font-size: 14px; line-height: 46px;}
.service_sec .tab_con_area .btn_area.h46.no_tab a {top: 80px;}
.service_sec .tab_con_area .btn_area.h46.top_posit a {top: 170px;}

.print .paint_img {display: none;}
.print .paint_img {text-align: right; margin-top: 40px; font-size: 0;}
.print .paint_img .img_box {position: relative; display: inline-block; width: 62px; height: 62px;}
/* .print .paint_img .img_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} */
.print .paint_img .img_box img {width: 100%; height: 100%; object-fit: contain;}

@media all and (max-width: 1500px) {
	.service_sec .service_apt {height: 450px;}
	.service_sec .service_apt .img_box {width: 50%;}
	.service_sec .service_apt .info_box {width: 50%; padding: 51px 47px;}
	.service_sec .service_apt .info_box .tit {margin-bottom: 30px;}
	.service_sec .service_apt .info_box .btn_area {margin-top: 50px;}
}
@media all and (max-width: 1024px) {
	.service_sec .service_apt {height: 430px;}
	.service_sec .service_apt .info_box {padding: 40px;}
	.service_sec .service_apt .info_box .spec p .th {width: 100px;}
	.service_sec .service_apt .info_box .tit {margin-bottom: 20px;}
	.service_sec .service_apt .info_box .btn_area {margin-top: 40px;}
	.service_sec .tab_con_area .btn_area.h46 {display: none;}
	
	.service_sec .tab_type2 .tab_wrap {overflow-x: auto;}
	.service_sec .tab_type2 .tab_wrap::-webkit-scrollbar {height: 4px;}
	.service_sec .tab_type2 .tab_wrap::-webkit-scrollbar-track {background: transparent; border-radius: 0;}
	.service_sec .tab_type2 .tab_wrap::-webkit-scrollbar-thumb {background: #ccc; border-radius: 3px;}
	.service_sec .btn_tab_area.sub_tab {overflow-x: auto; white-space: nowrap;}
	.service_sec .btn_tab_area.sub_tab::-webkit-scrollbar {height: 4px;}
	.service_sec .btn_tab_area.sub_tab::-webkit-scrollbar-track {background: transparent; border-radius: 0;}
	.service_sec .btn_tab_area.sub_tab::-webkit-scrollbar-thumb {background: #ccc; border-radius: 3px;}

	.con_tit.result {font-size: 18px !important;}
}
@media all and (max-width: 768px) {
	.service_sec .service_apt {flex-wrap: wrap; height: auto; margin: 40px 0 40px;}
	.service_sec .service_apt .img_box {width: 100%; height: 0; padding-bottom: 66.8%;}
	.service_sec .service_apt .img_box img {position: absolute; top: 0; left: 0;}
	.service_sec .service_apt .info_box {width: 100%; height: auto; padding: 40px 30px 30px;}
	.service_sec .service_apt .info_box .tit {margin-bottom: 30px; min-height: auto; line-height: 30px;}
	.service_sec .service_apt .info_box .spec p {font-size: 16px;}
	.service_sec .service_apt .info_box .spec p .td {width: calc(100% - 100px);}
	.service_sec .service_apt .info_box .btn_area {margin-top: 30px;}
	.service_sec .service_sec .print_bt {display: none;}
	
	.service_sec .accordion li a.apart_tab_wrap {min-height: 80px;}
	.service_sec .accordion li a.apart_tab_wrap {padding-left: 20px;}
	.service_sec .accordion li a.question p:last-of-type {margin-top: 25px;}
	.service_sec .accordion li a.question > span {top: 15px;}
	.service_sec .accordion li .answer_tab a:nth-child(2n+1) + a:nth-child(2n) {margin-left: 0;}
	.service_sec .accordion li .answer_tab a {width: 100%;}
	.service_sec .accordion li .answer_tab a {margin-top: 16px;}
	.service_sec .accordion li .answer_tab a:first-child {margin-top: 0;}
	.service_sec .accordion li .answer_tab a:nth-child(2) {margin-top: 20px;}
	.service_sec .accordion li .answer_tab {margin-bottom: 40px; padding: 35px 20px 20px;}

	.service_sec .tab_con_area .tab_con:last-child .sub_tab a:last-child {margin-right: 30px;}
	.service_sec .tab_con_area .tab_con:first-child .sub_tab a:first-child {margin-left: 30px;}
	.service_sec .tab_type2 .tab_wrap {white-space: nowrap;}
	/* .service_sec .tab_type2 .tab_wrap .tab {padding: 22px 24px 21px; line-height: 1.1;} */
	/* .service_sec .tab_type2 .tab_wrap .tab:first-child {padding-left: 30px;} */
	/* .service_sec .tab_type2 .tab_wrap .tab.on {background: #F6F6F6;} */
	.service_sec .btn_tab_area.sub_tab {width: 106%; margin-left: -3%;}
	.service_sec .btn_tab_area.sub_tab {-ms-overflow-style: none; scrollbar-width: none;}

	.service_sec .as_info_box:first-child .table_tit:first-child {padding: 60px 0 30px;}
	.service_sec .tab_con_area .btn_area.h46 a {top: 125px;}
	.service_sec .tab_con_area .btn_area.h46.no_tab a {top: 61px;}
	.service_sec .as_info_box .table_tit {padding: 80px 0 30px;}
	.service_sec .as_info_box .gray_desc_box {display: block; height: auto; margin-bottom: 30px; padding: 30px;}
	.service_sec .as_info_box .desc_wrap::before {display: none;}
	.service_sec .as_info_box .desc_wrap + .desc_wrap {padding-left: 0; margin-top: 20px;}

	.service_sec .as_txt_div {width: 103%;}
	.service_sec .form_table {padding-right: 3%;}
	.service_sec .as_info_box .as_txt_div + .as_txt_div {margin-top: 40px;}
	.service_sec .table_area .enter_info.flex_div.calen dl dd {width: 100%;}
	.service_sec .table_area .enter_info.flex_div.calen dl .form_input {width: 100%;}
}
@media all and (max-width: 375px) {
	.service_sec .mobile_br {display: block;}
}




/* 분양금납부확인원 */
.service_sec .as_txt_div .date {margin-bottom: 20px;}
.service_sec .as_txt_div .date .name {font-family: pretendard, sans-serif;}
.service_sec .as_txt_div .date .day {margin-left: 15px; color: #727272;}
.service_sec .as_txt_div .table_txt {margin-top: 40px; line-height: 1;}
.service_sec .tab_con_area .tab_con:last-child .sub_tab {display: flex; justify-content: flex-end;}
.service_sec .tab_con_area .tab_con:last-child .sub_tab a:first-child {padding-left: 30px;}
.service_sec .tab_con_area .tab_con:last-child .sub_tab a:last-child {padding-right: 0;}




/* FO-CO-03-003-T04_선납연체계산(분양) */
.table_area .enter_info.flex_div.money_calc dl dd {display: flex;}
.table_area .enter_info.flex_div.money_calc dl dt {width: 220px;}
.table_area .enter_info.flex_div.money_calc .form_input {width: 276px;}
.table_area .enter_info.flex_div.money_calc .h48 {margin-top: 0; margin-left: 16px;}
.table_area .enter_info.flex_div.money_calc .h48 a {position: relative; top: 0; height: 48px; line-height: 48px;} 
.table_area .enter_info.flex_div.calen dl dt {width: 220px;}
.table_area .enter_info.flex_div.calen dl dd {width: 276px;}
.table_area .enter_info.flex_div.calen dl {margin-bottom: 30px;}
.table_area .enter_info.flex_div.calen dl .form_input {width: 276px;}
.table_area .enter_info.flex_div.money_calc {margin-left: 60px;}
/* .as_info_box.wide_table {overflow-x: scroll;} */
.as_txt_div .form_table::-webkit-scrollbar  {height: 6px;}
.as_txt_div .form_table::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.as_txt_div .form_table::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.as_info_box.wide_table .scroll_tb {position: relative; overflow-x: auto;}
.as_info_box.wide_table .scroll_tb table {width: 1374px;}
.as_info_box .posiab {position: absolute; bottom: 20px; right: 0; color: #727272;}




/* FO-CO-03-003-T05 */
.service_sec .table_area .enter_info.flex_div.option dl dt {width: auto; margin-right: 20px;}
.table_area .enter_info.flex_div.option dl dd {width: 192px; margin-right: 60px;}
.table_area .enter_info.flex_div.option dl .form_select {width: 192px;}




/* FO-CO-03-007-T03_옵션금 납부내역 */
/* .service_sec .sub_tit {padding-bottom: 82px;} */
/* .as_info_box.col_tb .title_sub_txt.fwme {font-family: pretendard; color: #222; margin-bottom: 20px;} */




/* FO-CO-03-007-T04_선납연체계산(분양) */
.table_area .enter_info.flex_div.calen dl dd {display: flex;}
.table_area .enter_info.flex_div.calen .h48 {margin-top: 0; margin-left: 16px;}
.form_table {position: relative;}
.as_info_table td.calcu_box {padding: 4px;}
td .form_input.width_btn input {width: 100%;}
.service_sec .tab_con_area .title_sub_txt {margin: -20px 0 40px; color: #727272;}
.service_sec .as_info_box.calcu_area .table_area {margin-bottom: 40px;}
.service_sec .as_info_box.calcu_area .table_area:last-child {margin-bottom: 0;}
/* .service_sec .as_info_box.calcu_area .as_txt_div {margin-bottom: 80px;} */
@media all and (max-width: 1500px) {
	.service_sec .as_info_box .table_area.with_flex.wide {flex-wrap: wrap;}
	.table_area.wide .enter_info.flex_div.option {width: 100%;}
	.table_area.wide .enter_info.flex_div.option dl {flex-wrap: wrap; width: 100%; margin-bottom: 20px;}
	.table_area.wide .enter_info.flex_div.option dl dd {width: 100%;}
	.table_area.wide .enter_info.flex_div.option dl dd {width: 100%; margin-top: 12px; margin-right: 0;}
	.table_area.wide .enter_info.flex_div.option dl dd .form_select {width: 100%;}
	.table_area.wide .enter_info.flex_div.calen {width: 100%;}
	.table_area.wide .enter_info.flex_div.calen dl {flex-wrap: wrap; width: 100%;}
	.table_area.wide .enter_info.flex_div.calen dl dd {width: 100%;}
	.table_area.wide .enter_info.flex_div.calen dl .form_input {width: 100%; margin-top: 12px;}
	.table_area.wide .enter_info.flex_div.money_calc {width: 100%; margin-left: 0;}
	.table_area.wide .enter_info.flex_div.money_calc dl {flex-wrap: wrap; width: 100%; margin-top: 20px;}
	.table_area.wide .enter_info.flex_div.money_calc dl dd {width: 100%; margin-top: 12px;}
	.table_area.wide .enter_info.flex_div.money_calc .form_input {width: calc(100% - 64px);}
	.service_sec .as_info_box.calcu_area .select_area {width: 100%;}
}
@media all and (max-width: 1024px) {
	.service_sec .as_info_box .table_area.with_flex {flex-wrap: wrap;}
	.table_area .enter_info.flex_div.calen {width: 100%;}
	.table_area .enter_info.flex_div.calen dl {flex-wrap: wrap; width: 100%;}
	.table_area .enter_info.flex_div.calen dl dd {width: 100%;}
	.table_area .enter_info.flex_div.calen dl .form_input {width: 100%; margin-top: 12px;}
	.table_area .enter_info.flex_div.money_calc {width: 100%; margin-left: 0;}
	.table_area .enter_info.flex_div.money_calc dl {flex-wrap: wrap; width: 100%; margin-top: 20px;}
	.table_area .enter_info.flex_div.money_calc dl dd {width: 100%; margin-top: 12px;}
	.table_area .enter_info.flex_div.money_calc .form_input {width: calc(100% - 64px);}

}
@media all and (max-width: 970px) {
	.table_area .enter_info.flex_div.money_calc dl dt {flex-shrink: 0;}
}
@media all and (max-width: 768px) {
	.sc_service_resi .table_area .enter_info.flex_div.money_calc .form_input {width: calc(100% - 106px);}
	.service_sec .tab_con_area .title_sub_txt {margin: -10px 0 30px;}
	.sc_service_resi .as_info_box.wide_table .scroll_tb {white-space: nowrap;}

	.as_txt_div .form_table::-webkit-scrollbar  {width: 4px;}
	.as_txt_div .form_table::-webkit-scrollbar-track {background: transparent; border-radius: 0;}
	.as_txt_div .form_table::-webkit-scrollbar-thumb {background: #ccc; border-radius: 3px;} 
}




/* 계약입주 방문예약목록 */
.booking .srch_sec {height: 86px; margin-top: -40px;}
.booking .srch_sec .input_sec {top: 0;}
.booking .srch_sec .check_sec li p {font-family: pretendard;}
.booking .gray_info_box {margin-bottom: 80px;}
.booking .gray_info_box p {color: #222;}
.gray_info_box.one_sent {display: flex; justify-content: space-between; align-items: center; padding: 16px 40px;}

.booking_list {display: flex; flex-wrap: wrap;}
.booking_list li {width: 620px; min-height: 262px; padding: 40px; border: 1px solid #DDDDDD; box-sizing: border-box; margin-bottom: 40px; transform: translateY(200px); opacity: 0; transition: 1.2s; animation: ShadowBorderRReverse .4s forwards; position: relative;}
.booking_list li::after {content: ""; width: 100%; height: 4px; display: block; background: #E6D9B9; position: absolute; bottom: 0; left: 0;}
.booking_list li:nth-of-type(2n) {margin-left: 40px; transition-delay: .2s;}
/* .booking_list li:hover {animation: ShadowBorderR .4s forwards;} */
.booking_list li .con_ltxt {padding: 0; font-family: pretendard; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; transition: all .3s; height: 65px;}
/* .booking_list li:hover .con_ltxt {color: #961E1E;} */
.booking_list li dl {margin: 20px 0 30px; display: flex; justify-content: space-between;}
.booking_list li dl dt {width: 75px; word-break: break-all; color: #A38862; font-family: pretendard;}
.booking_list li dl dd {width: calc(100% - 75px); color: #4D4D4D;}
.booking_list li .btn_area {justify-content: start; margin: 0; text-align: left;}

@keyframes ShadowBorderR {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0); border: 1px solid #DDDDDD;}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1); border: 1px solid #961E1E;}
}
@keyframes ShadowBorderRReverse {	
	0% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0.1); border: 1px solid #961E1E;}
	100% {box-shadow: 0 10px 15px rgba(000, 000, 000, 0); border: 1px solid #DDDDDD;}
}

.booking_list + .btn_area {margin-top: 20px;}

@media all and (max-width: 1500px) {
	.booking_list li {width: 480px;}
}
@media all and (max-width: 1024px) {
	.booking_list li {width: 100%;}
	.booking_list li:nth-of-type(2n) {margin-left: 0; transition-delay: 0s;}
}
@media all and (max-width: 768px) {
	.booking .srch_sec {margin: 0;}
	.gray_info_box + .srch_sec {margin-top: 130px;}
	.srch_sec .input_sec {width: 100%;}
	.booking_list li {padding: 40px; margin-bottom: 30px;}
	.booking_list li .con_ltxt {height: 60px;}
	.booking_list li dl {margin: 30px 0;}
	.gray_info_box.one_sent {padding: 20px; display: block;}
	.gray_info_box.one_sent > p {font-size: 16px; margin-bottom: 30px;}
	.gray_info_box.one_sent .btn_area {text-align: left;}
	.sc_prizelist .booking_list li dl {margin: 30px 0 40px;}
	.sc_prizelist .scroll_motion .con_mtxt +.con_mtxt {margin-top: -30px;}
}




/* 예약정보 입력 */
.reservation {position: relative;}
.reservation > .bg {width: 1920px; height: 800px; background: url("../images/bg-reservation-info.jpg"); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.reservation > .bg::after {content: ""; width: 1600px; height: 500px; display: block; position: absolute; background: #fff; top: 400px; left: 50%; transform: translateX(-50%); z-index: -1;}
.reservation .sub_stit {padding-top: 500px;}
.reservation .sub_stit.for_padding {padding-bottom: 32px;}
.reservation .img_box {margin: 80px 0;}
.reservation .img_box img {width: 100%;}
.reservation .top_info {margin-bottom: 80px;}
.reservation .top_info .list {margin: 0 0 60px;}
.reservation .top_info .list dl {margin-bottom: 24px; display: flex; justify-content: space-between;}
.reservation .top_info .list dl:last-of-type {margin-bottom: 0;}
.reservation .top_info .list dl dt {font-family: pretendard; width: 140px; word-break: break-all; word-wrap: break-word;}
.reservation .top_info .list dl dd {width: calc(100% - 150px); word-break: break-all; word-wrap: break-word;}
.reservation .top_info .notice {padding: 60px; background: #F0F2F5; color: #4d4d4d;}
.reservation .top_info .notice div {max-height: 290px; overflow-y: auto; margin-top: 40px; word-break: break-all;}
.reservation .top_info .notice div::-webkit-scrollbar  {width: 6px;}
.reservation .top_info .notice div::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.reservation .top_info .notice div::-webkit-scrollbar-thumb {background: #999; border-radius: 0;}
.reservation .sub_stit + .top_info {margin-top: 80px;}
.reservation .notice + .list {margin-top: 80px;}

.custom_select {position: relative;}
.custom_select .form_input::after {content: ""; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url("../images/ico-selectbox.svg") center center no-repeat; transition: transform .2s ease;}
.custom_select.on .form_input::after{transform: translateY(-50%) rotate(180deg);}
.custom_select .form_input input:focus {border: 1px solid #222;}
.custom_select .option {display: none; width: 100%; position: absolute; background: #fff; z-index: 1; height: 0; transition: all .4s; max-height: 240px; overflow-y: auto; padding: 0; width: calc(100% + 1px);}
.custom_select.on .option {height: 240px; border: 1px solid #DDDDDD; }
.custom_select.on2 .option {display: block;}

/* .srch_sec .cdt_sel .custom_select .option {max-height: 240px; overflow-y: auto; padding: 0; width: calc(100% + 1px);} */
.custom_select .option::-webkit-scrollbar  {width: 6px;}
.custom_select .option::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.custom_select .option::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
/* .srch_sec .cdt_sel .custom_select .option a {height: 56px; padding: 0 40px; line-height: 56px;} */


.custom_select .option a {display: block; height: 48px; line-height: 48px; padding: 0 20px;}
.custom_select .option a:hover {background: #F5F7FA;}
.custom_select .option a.close {display: block; position: absolute; top: 10px; right: 8px; width: 30px; height: 30px; padding: 0;}
.custom_select .option a.close img {width: 100%; height: 100%;}

/* .table_area dl.dong_select .for_flex {justify-content: normal;} */
/* .table_area .enter_info.flex_div dl.dong_select {margin-bottom: 40px;} */
/* .table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {max-width: 240px;} */
.table_area .dong_select dd.wide_width {justify-content: space-between;}
.table_area .dong_select dd.wide_width .custom_select {width: calc(100% / 2 - 8px);}
.table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {width: 240px;}
.table_area .dong_select dd .form_select + .form_select {margin-left: 12px;}
.table_area .dong_select dd .custom_select + .custom_select {margin-left: 8px;}

.table_area .enter_info.flex_div dl dd.for_width {width: 100%;}
.table_area .enter_info.flex_div dl dd.for_width .form_input {max-width: 640px;}
.table_area .enter_info.flex_div dl dd.for_width input {width: calc(100% - 206px);}
.table_area .enter_info.flex_div dl dd.for_width a {width: 190px;}
.table_area .enter_info.flex_div dl dd.for_width .msg {margin-top: 17px; line-height: 21px;}
.table_area .enter_info.flex_div dl dd.for_width .msg + .msg {margin-top: 8px;}

.reservation .table_area .enter_info dl dd .select_area {width: 100%;}


@media all and (max-width: 1700px) {
	.reservation > .bg::after {width: 1400px;}
}
@media all and (max-width: 1500px) {
	.reservation > .bg::after {width: 1200px;}
}
@media all and (max-width: 1280px) {
	.reservation > .bg::after {width: 1200px;}
}
@media all and (max-width: 1024px) {
	.reservation .sub_tit_copy {width: 100%;}
	.reservation .img_box {margin: 40px 0;}
}
@media all and (max-width: 798px) {
	.reservation .table_area .enter_info.flex_div .dong_select dd {display: block; width: 100%;}

	/* .table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {max-width: unset;} */
	.dong_select.v_align dd {flex-wrap: wrap;}
	.table_area .dong_select dd.wide_width .custom_select {width: 100%;}
	.reservation .table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {width: 100%;}
	.reservation .table_area .dong_select dd .form_select + .form_select, .table_area .dong_select dd .custom_select + .custom_select {margin-left: 0; margin-top: 10px;}

	.table_area .dong_select dd.wide_width {display: block;}
	.table_area .dong_select dd.wide_width .custom_select {width: 100%;}
	
	.reservation .table_area .basic_info dl {display: block;}
	.reservation .table_area .basic_info dl dt {width: 100%;}
	.reservation .table_area .basic_info dl dd {width: 100%; margin-top: 12px;}
}
@media all and (max-width: 768px) {
	.reservation > .bg {height: 400px; background-size: cover; background-position: center center;}
	.reservation > .bg::after {display: none;}
	.reservation .sub_stit {padding-top: 460px;}
	.reservation .top_info {margin-bottom: 80px;}
	.reservation .top_info .list {margin: 40px 0 40px;}
	.reservation .sub_stit.for_padding {padding-bottom: 0;}
	.reservation .top_info .list dl {display: block; margin-bottom: 30px;}
	.reservation .top_info .list dl dt {width: 100%;}
	.reservation .top_info .list dl dd {width: 100%; margin-top: 16px;}
	.reservation .top_info .notice {padding: 40px;}
	.reservation .top_info .notice div {padding-right: 18px; margin-top: 30px; font-size: 16px;}


	.reservation .sub_stit + .top_info {margin-top: 40px;}
	.reservation .notice + .list {margin-top: 40px;}
	.reservation .table_area .enter_info dl dd .select_area a {margin-left: 7px;}

	/* .reservation .table_area .enter_info.flex_div .dong_select dd {display: block; width: 100%;} */

	/* .table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {max-width: unset;} */
	/* .table_area .dong_select dd .form_select, .table_area .dong_select dd .custom_select {width: 100%;}
	.table_area .dong_select dd .form_select + .form_select, .table_area .dong_select dd .custom_select + .custom_select {margin-left: 0; margin-top: 10px;}
	
	.reservation .table_area .basic_info dl {display: block;}
	.reservation .table_area .basic_info dl dt {width: 100%;}
	.reservation .table_area .basic_info dl dd {width: 100%; margin-top: 12px;} */
}

@media all and (max-width: 370px) {
	.reservation .table_area .enter_info dl dd .select_area {display: block;}
	.reservation .table_area .enter_info dl dd .select_area a {margin-top: 10px; margin-left: 0;}
}




/* 예약 완료 */
.book_done {padding-bottom: 200px;}
.book_done .bg {width: 100%; height: 120vh; background: url("../images/bg-book-done.jpg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; background-position: center;}
.book_done.confirm .bg {width: 100%; height: 100vh; background: url("../images/bg-book-confirm.jpg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; background-position: center;}
.book_done .box {background: #fff; border-radius: 20px; padding: 120px 0;}
.book_done .box .tit {text-align: center;}
.book_done .box .tit .sub_stit {font-family: pretendard;}
.book_done .box .tit .sub_stit::after {content: ""; background: #961E1E; width: 60px; height: 4px; display: block; margin: 60px auto;}
.book_done .box .tit .con_mmtxt {color: #4D4D4D; margin-top: 20px;}
.book_done .box .tit .con_mtxt {color: #4D4D4D; margin-top: 20px;}
.book_done .box ul {border-top: 1px solid #2D2D2D; width: 640px; margin: 40px auto 0;}
.book_done .box ul li {border-bottom: 1px solid #DDDDDD; padding: 30px 0;}
.book_done .box ul li dl + dl {margin-top: 20px;}
.book_done .box ul li dl {display: flex; justify-content: space-between;}
.book_done .box ul li dl dt {width: 220px; color: #8A7251; font-family: pretendard;}
.book_done .box ul li dl dd {width: calc(100% - 230px); color: #4D4D4D;}
@media all and (max-width: 768px) {
	.book_done {padding-bottom: 100px;}
	.book_done .box {padding: 60px 20px; border-radius: 16px;}
	.sub_body .winner_chk .box .con_tit {margin-bottom: 50px; text-align: left;}
	.sub_body .winner_chk .box .table_area {width: 100%;}
	/* .book_done .box .btn_type1:first-of-type {min-width: calc(100% - 88px) !important;}
	.book_done .box .btn_type1:last-of-type {min-width: 80px !important;} */

	.book_done .box ul {width: 100%;}
	.book_done .box .tit .sub_stit::after {margin: 40px auto 40px;}
	.book_done .box .tit .con_mmtxt {margin-top: 16px;}
	.book_done .box ul li dl {display: block;}
	.book_done .box ul li dl dt {width: 100%;}
	.book_done .box ul li dl dd {width: 100%; margin-top: 12px;}
	/* .book_done .box ul li dl:first-of-type {margin-bottom: 30px;} */
	/* .book_done .box ul + .btn_area {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.book_done .box ul + .btn_area .btn_type1:first-of-type {min-width: 100% !important; margin-bottom: 16px;}
	.book_done .box ul + .btn_area .btn_type1:nth-of-type(2) {min-width: calc(50% - 8px) !important; margin-left: 0;}
	.book_done .box ul + .btn_area .btn_type1:nth-of-type(3) {min-width: calc(50% - 8px) !important; margin-left: 0;} */
}




/* 예약정보 수정 */
.reservation .info {width: 100%; height: 735px; background: url("../images/bg-reservation.png") no-repeat; padding: 150px 60px;}
.reservation .info .box {width: 100%; min-height: 375px; background: #fff; padding: 80px 90px; margin-top: 30px;}
.reservation .info .box dl {margin-bottom: 30px; display: flex; justify-content: space-between;}
.reservation .info .box dl dt {width: 77px; word-break: break-all; font-family: pretendard; color: #A38862;}
.reservation .info .box dl dd {width: calc(100% - 87px);}
.reservation .info .box dl:last-of-type {margin-bottom: 0;}

.reservation .terms {width: 100%; height: 350px; overflow-y: auto; border: 1px solid #DDDDDD; padding: 40px; color: #727272;}
.reservation .terms::-webkit-scrollbar  {width: 6px;}
.reservation .terms::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.reservation .terms::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 

.reservation .tit_box {display: flex; justify-content: space-between; align-items: center;}
.reservation .tit_box .btn_area.h48 a {padding: 0 20px;}




/* FO-MO-05-003_명의변경 - 신청 정보 입력(명의변경 구분 - 전매) */
/* .sc_resichange .form_input_file .file_area {padding-top: 3px;} */
.sc_resichange .form_select {width: 240px;}
.sc_resichange .add_msg {margin-top: 10px;}
.sc_resichange .color4d {margin-bottom: 0;}
.sc_resichange .client .form_select {padding-left: 0;}
.table_area .client.fwme {font-family: pretendard;}
.table_area .basic_info li.col4d {padding: 27px 0 26px;}
.table_area .basic_info li.col4d.with_select {padding: 12px 0; align-items: center;}
.table_area .basic_info li.col4d p {color: #4d4d4d;}
.client .form_select {width: 240px; padding-left: 20px;}
.padding_title {padding-top: 10px;}
.form_input.only_address a {position: unset; width: 92px; margin-bottom: 10px;}




/* FO-MO-05-003-1_명의변경 - 신청 정보 입력(명의변경 구분 - 공동명의) */
.table_area .posit_wrap {position: absolute; right: 0; top: -88px;}
.table_area .posit_wrap .btn_area {margin-top: 0;}
@media all and (max-width: 768px) {
	.table_area .posit_wrap {top: -70px;}
	.subscription .steps {width: 340px;}
	/* .subscription .table_area {margin-top: 90px;} */
	.subscription .table_area .basic_info dl {display: block;}	
	.subscription .table_area .basic_info dl dt {width: 100%;}
	.subscription .table_area .basic_info dl dd {width: 100%; margin-top: 10px;}

	.sc_resichange .table_area .basic_info dl {display: block;}
	.sc_resichange .table_area .basic_info dl dt {width: 100%;}
	.sc_resichange .table_area .basic_info dl dd {width: 100%; margin-top: 12px;}
}
@media (max-width: 350px) {
	.subscription .steps {width: 250px;}
}




/* FO-MO-05-003-L01_명의변경 - 필수서류 안내 팝업 */
.pop_wrap .con_bgwrap {min-height: 564px; background-color: #F6F6F6;}
.bggray_pop .con_textwrap {padding: 30px; overflow-y: auto;}
.pop_wrap .con_textwrap .fwme {font-family: pretendard;}
.pop_wrap .con_textwrap .con_mtxt +.con_mtxt {margin-top: 14px;}
.personal_pop .con_textwrap p:first-child {margin-top: 0; margin-bottom: 20px;}
@media (max-width: 768px) {
	.pop_wrap .con_bgwrap {min-height: 100%;} 
	.table_area .enter_info.flex_div .wide_input dd.for_width input {width: 100%;}
	.table_area .enter_info.flex_div .wide_input dd.for_width a {position: relative; margin: 10px 0 14px;}
}




/* FO-MO-05-003-L02_명의변경 - 약관 팝업 */
.pop_wrap .personal_pop .con_textwrap .con_mtxt.txt {margin-top: 34px;}
.pop_wrap .pop_body.personal_pop .form_table table {width: 100% !important;}
.personal_pop .with_table {margin-top: 40px; margin-bottom: 20px;}
.personal_pop .btn_area {margin-top: 75px;}
.form_select select.disab {background-color: #f6f6f6;}
.pop_wrap .personal_pop .for_flex_br {display: flex;}
.pop_wrap .personal_pop .for_flex_br span.num {width: 15px;}
.pop_wrap .personal_pop .for_flex_br span > span {display: block;}
@media (max-width: 1024px) {
	.personal_pop .btn_area {margin-top: 30px;}
}
@media (max-width: 768px) {
	.pop_wrap .pop_body.personal_pop .form_table table {width: 768px !important;}
}



/* FO-MO-05-006_명의변경 - 신청완료 */
.sc_changecompl .book_done .box ul li dl:last-child {margin-top: 20px;}

@media (max-width: 768px) {
	.sc_changecompl .book_done .box ul li dl:first-of-type{margin-bottom: 20px;}
}




/* 예약정보 입력 - 예약기간 */
.period_srch {border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 30px 0;}
.period_srch dl {display: flex;}
.period_srch dl dt {font-family: pretendard; margin-right: 20px; line-height: 46px;}
.period_srch dl dd {display: flex;}
.period_srch dl dd .form_select {width: 264px;}
.period_srch dl dd .form_select:after {right: 45px;}
.period_srch dl dd .form_select select {width: calc(100% - 30px); color: #222;}
.period_srch dl dd .form_select span {line-height: 46px; display: inline-block; margin-left: 8px;}
.period_srch dl dd > span {display: inline-block; margin: 0 20px 0 15px; font-family: pretendard; line-height: 48px;}
.period_srch dl dd a {display: inline-block; line-height: 48px; padding: 0 20px; font-size: 14px; font-family: pretendard;}
.period_srch dl dd a:first-of-type {background: #2D2D2D; border: 1px solid #2D2D2D; color: #fff; margin: 0 16px 0 30px;}
.period_srch dl dd a:last-of-type {border: 1px solid #CCCCCC;}

.booking_period.for_flex {display: flex; margin-top: 40px; position: relative; justify-content: space-between;}
.booking_period.for_flex .calendar_sec {position: relative; width: 624px; padding: 40px 40px 34px 40px; border: 1px solid #2D2D2D; border-radius: 8px; box-shadow: 0 3px 6px rgba(000, 000, 000, 0.1);}
.booking_period .calendar_sec {position: relative; width: 100%; padding: 40px 40px 34px 40px; border: 1px solid #2D2D2D; border-radius: 8px; box-shadow: 0 3px 6px rgba(000, 000, 000, 0.1);}
.booking_period .calendar_sec .dvsn {position: absolute; top: 60px; left: 80px; font-family: pretendard; font-size: 16px; color: #222;}
.booking_period .calendar_sec .dvsn li {position: relative; margin-bottom: 10px; padding-left: 31px;}
.booking_period .calendar_sec .dvsn li:nth-child(1)::before {content: ""; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #961E1E; border: 1px solid #961E1E;}
.booking_period .calendar_sec .dvsn li:nth-child(2)::before {content: ""; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #ddd;}
.booking_period .calendar_sec .calendar_area {position: relative; width: 448px; height: 620px; margin: auto;}
.booking_period .calendar_sec .calendar_area .year_month {position: relative; width: 374px; height: 48px; line-height: 48px; margin: 0 auto 22px; text-align: center; font-family: pretendard; font-size: 28px; color: #222;}
.booking_period .calendar_sec .calendar_area .calender .day {display: flex; justify-content: space-between; width: 100%; height: 64px; margin-bottom: 16px;}
.booking_period .calendar_sec .calendar_area .calender .day > p {width: calc(100% / 7); height: 64px;}
/* .booking_period .calendar_sec .calendar_area .calender .day > p {width: 64px; height: 64px;} */
.booking_period .calendar_sec .calendar_area .calender .day > p > span {display: block; width: 64px; height: 64px; margin: auto; text-align: center; line-height: 63px; font-family: pretendard; font-size: 18px; color: #727272;}
.booking_period .calendar_sec .calendar_area .calender .date {display: flex; flex-wrap: wrap; width: 100%; height: 64px; margin-bottom: 16px;}
.booking_period .calendar_sec .calendar_area .calender .date > p {width: calc(100% / 7); height: 64px; margin-bottom: 16px; background: #FCFBF7; border-top: 1px solid #A38862; border-bottom: 1px solid #A38862;}
.booking_period .calendar_sec .calendar_area .calender .date > p:nth-child(7n) {border-radius: 0 32px 32px 0; border-right: 1px solid #A38862;}
.booking_period .calendar_sec .calendar_area .calender .date > p:nth-child(7n + 1) {border-radius: 32px 0 0 32px; border-left: 1px solid #A38862;}

.booking_period .calendar_sec .calendar_area .calender .date > p > a {display: block; width: 64px; height: 64px; margin: auto; text-align: center; line-height: 63px; font-family: pretendard; font-size: 18px; color: #4D4D4D;}
/* .booking_period .calendar_sec .calendar_area .calender .date > p.today > a {border: 1px solid #222; border-radius: 50%; color: #222;} */
.booking_period.for_flex .calendar_sec .calendar_area .calender .date > p.today > a {border: 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p.on > a {background: #961E1E; border: 1px solid #961E1E; border-radius: 50%; color: #fff; box-shadow: 0 10px 10px rgba(000, 000, 000, 0.16); transform: translateY(-1px) translateX(-1px);}
.booking_period .calendar_sec .calendar_area .calender .date > p.impo > a {background: #fff; border-radius: 50%; color: #999999; pointer-events : none;}
.booking_period .calendar_sec .calendar_area .calender .date > p.impo {background: #fff; border: 0;}
.booking_period.for_flex .calendar_sec .calendar_area .calender .date > p.impo {background: 0; border: 0;}
.booking_period.for_flex .calendar_sec .calendar_area .calender .date > p.impo > a {background: 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p:nth-child(7n + 1).impo {border-radius: 32px 0 0 32px;}
.booking_period.for_flex .calendar_sec .calendar_area .calender .date > p:nth-child(7n + 1).impo {border-radius: 32px 0 0 32px; border-left: 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p:nth-child(7n).impo {border-radius: 0 32px 32px 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p.end {border-radius: 0 32px 32px 0; border-right: 1px solid #A38862;}
.booking_period .calendar_sec .calendar_area .calender .date > p.start {border-left: 1px solid #A38862; border-radius: 32px 0 0 32px;}
.booking_period .calendar_sec .calendar_area .calender .date > p.end.start {border-radius: 32px 32px 32px 32px;}
.booking_period .calendar_sec .calendar_area .calender .date > p.start.impo {border-left: 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p.end.impo {border-right: 0;}
/* .booking_period .calendar_sec .calendar_area .calender .date > p.start {} */
.booking_period .calendar_sec .calendar_area .calender .date > p.impo_alone {pointer-events : none; border: 0; color: #999; background: 0;}
.booking_period .calendar_sec .calendar_area .calender .date > p.impo_alone > a {background: 0; color: #999999;}
.booking_period .calendar_sec .calendar_area .calender .date > p.impo_alone > a {border-radius: 50%; color: #999999; pointer-events : none;}
.booking_period .calendar_sec .calendar_area .year_month .swiper-button-prev {width: 48px; height: 48px; background: url('../images/calendar-prvbt.svg') no-repeat 0 0; top: 0; margin-top: 0;}
.booking_period .calendar_sec .calendar_area .year_month .swiper-button-next {width: 48px; height: 48px; background: url('../images/calendar-nxtbt.svg') no-repeat 0 0; top: 0; margin-top: 0;}

.booking_period .calendar_sec + .form_checkbox {position: absolute; top: 20px; left: 674px;}

.booking_period.for_flex .time_sec {display: flex; flex-wrap: wrap; margin-top: 90px; overflow-y: auto; height: 605px; position: relative; width: 596px; align-content: flex-start;}
.booking_period .time_sec {display: flex; flex-wrap: wrap; margin-top: 90px; position: relative; width: 100%;}
.booking_period .time_sec::-webkit-scrollbar  {width: 6px;}
.booking_period .time_sec::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.booking_period .time_sec::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.booking_period.for_flex .time_sec .nopage5 {height: 100%; background-position: center 212px;}
.booking_period.for_flex .time_sec .nopage5 .txt {margin-top: 307px}

.booking_period .time_sec > a {display: block; width: 297px; height: 83px; padding: 15px 3%; text-align: center; border-radius: 8px; margin-right: 30px; margin-bottom: 30px;  background: #FCFBF7; border: 1px solid #A38862;}
.booking_period.for_flex .time_sec > a {display: block; width: 260px; height: 83px; padding: 15px 3%; text-align: center; border: 1px solid #ccc; border-radius: 8px; margin-right: 30px; margin-bottom: 30px; background: #FCFBF7; border: 1px solid #A38862;}
.booking_period .time_sec > a:nth-child(4n) {margin-right: 0;}
.booking_period .time_sec > a .time {width: 100%; font-family: pretendard; font-size: 18px; color: #4d4d4d;}
.booking_period .time_sec > a .info {font-family: pretendard; font-size: 16px; color: #4d4d4d;}
.booking_period .time_sec > a.on {border: 1px solid #961E1E; background: #961E1E; box-shadow: 0 10px 10px rgba(000, 000, 000, 0.06);}
.booking_period .time_sec > a.on .time {color: #fff;}
.booking_period .time_sec > a.on .info {color: #fff;}

@media all and (max-width: 1500px) {
	.booking_period .time_sec > a {width: 226px;}
	.booking_period.for_flex {display: block;}
	.booking_period.for_flex .calendar_sec {width: 100%;}
	.booking_period .calendar_sec + .form_checkbox {position: relative; margin-top: 60px; top: 0; left: 0;}
	.booking_period.for_flex .time_sec {width: 100%; margin-top: 0;}
	.booking_period.for_flex .time_sec > a:nth-child(4n) {margin-right: 30px;}
}
@media all and (max-width: 1024px) {
	.booking_period .calendar_sec .dvsn {top: 40px; left: 40px;}
	.booking_period .time_sec > a {width: calc(50% - 10px); margin-right: 0;}
	.booking_period .time_sec > a:nth-of-type(2n) {margin-left: 20px;}
	.booking_period.for_flex .calendar_sec .calendar_area .year_month {margin: 0 auto 10px;}
	.booking_period.for_flex .calendar_sec {padding: 40px 20px 20px 20px;}
	.booking_period.for_flex .time_sec {padding-right: 30px;}
	.booking_period.for_flex .time_sec > a {width: calc(50% - 10px); margin-right: 0;}
	.booking_period.for_flex .time_sec > a:nth-child(4n) {margin-right: 0;}
	.period_srch dl {display: block;}
	.period_srch dl dd {display: block;}
	.period_srch dl dd .form_select {width: calc(100% - 30px); margin-bottom: 10px;}
	.period_srch dl dd > span {margin: 0; transform: translateY(-5px) translateX(5px);}
	.period_srch dl dd a:first-of-type {margin: 20px 16px 0 0;}
}
@media all and (max-width: 768px) {
	.booking_period .calendar_sec {padding: 100px 20px 40px;}
	.booking_period .calendar_sec .calendar_area {width: 280px; height: 430px;}
	.booking_period .calendar_sec .calendar_area .year_month {font-size: 20px; width: 100%; display: flex; align-items: center; justify-content: center;}
	.booking_period .calendar_sec .calendar_area .year_month .month {padding-left: 7px;}
	.booking_period .calendar_sec .calendar_area .calender .day {height: 40px;}
	.booking_period .calendar_sec .calendar_area .calender .day > p > span {height: 40px; font-size: 16px; width: 40px;}
	.booking_period .calendar_sec .calendar_area .calender .date {height: 40px;}
	.booking_period .calendar_sec .calendar_area .calender .date > p {height: 40px;}
	.booking_period .calendar_sec .calendar_area .calender .date > p > a {width: 40px; height: 40px; line-height: 40px; font-size: 16px;}
	.booking_period .calendar_sec .dvsn {top: 40px; left: 40px; }
	.booking_period .calendar_sec .dvsn li {display: inline-block;}
	.booking_period .calendar_sec .dvsn li + li {margin-left: 40px;}
	.booking_period .time_sec {margin-top: 30px;}
	.booking_period .time_sec > a {width: calc(50% - 4px); margin-right: 0; margin-bottom: 8px;}
	.booking_period .time_sec > a:nth-of-type(2n) {margin-left: 8px;}
	.booking_period .time_sec > a .time {font-size: 16px;}
	.booking_period  + .btn_area {width: 94%; margin: 60px auto 0;}
	.booking_period .calendar_sec .calendar_area .calender .date > p.on > a {box-shadow: 0 5px 5px rgba(000, 000, 000, 0.16); }
	/* .booking_period .calendar_sec .calendar_area .calender .date > p > a {height: 38px;} */
	.booking_period .calendar_sec .calendar_area .calender .date > p:nth-child(7n).impo {transform: translateX(-1px);}
	.booking_period.for_flex .time_sec {height: 270px; padding-right: 0;}
	.booking_period .calendar_sec + .form_checkbox {margin-top: 30px; margin-bottom: 30px;}
	.booking_period.for_flex .time_sec > a {margin-bottom: 10px;}
	.booking_period.for_flex .time_sec .nopage5 {background-position: center 87px;}
	.booking_period.for_flex .time_sec .nopage5 .txt {margin-top: 155px;}
	.booking_period .calendar_sec .calendar_area .year_month {height: 40px;}
	.booking_period .calendar_sec .calendar_area .year_month .swiper-button-prev {width: 40px; height: 40px; background: url("../images/calendar-prvbt.svg") no-repeat; background-size: contain;}
	.booking_period .calendar_sec .calendar_area .year_month .swiper-button-next {width: 40px; height: 40px; background: url("../images/calendar-nxtbt.svg") no-repeat; background-size: contain;}
}
@media all and (max-width: 340px) {
	.booking_period .calendar_sec {padding: 30px 0 10px 0;}
	.booking_period.for_flex .calendar_sec {padding: 30px 0 10px 0;}
	.booking_period .calendar_sec .calendar_area {width: 245px; height: 395px;}
	.booking_period .calendar_sec .calendar_area .calender .date {height: 35px;}
	.booking_period .calendar_sec .calendar_area .calender .date > p {height: 35px;}
	.booking_period .calendar_sec .calendar_area .calender .date > p > a {width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
	.booking_period .calendar_sec .calendar_area .year_month {height: 30px; font-size: 18px;}
	.booking_period .calendar_sec .calendar_area .year_month .swiper-button-prev {width: 30px; height: 30px; background: url("../images/calendar-prvbt.svg") no-repeat; background-size: contain;}
	.booking_period .calendar_sec .calendar_area .year_month .swiper-button-next {width: 30px; height: 30px; background: url("../images/calendar-nxtbt.svg") no-repeat; background-size: contain;}
}



/* FO-MO-05-005_명의변경-방문예약일시예약(진행상황-방문예약가능) */
.booking_period .time_sec > a.v_align {display: flex; flex-wrap: wrap; justify-content: center;}
.booking_period .time_sec > a.no_select {background: 0; pointer-events: none; color: #999; border: 1px solid #CCCCCC;}
.booking_period .time_sec > a.no_select .time {color: #999;}
.booking_period .time_sec > a.no_select .info {color: #999;}




/* 입주(이사)예약 - 계약자 정보 입력 */
.move_reservation .tit_box {display: flex; justify-content: space-between; align-items: center;}
.move_reservation .tit_box .btn_area {margin-top: 0;}
.move_reservation .table_area {margin-top: 40px;}
.move_reservation .form_input.width_btn a {min-width: 64px; font-family: pretendard, sans-serif;}
.move_reservation .form_input.width_btn input {width: calc(100% - 80px);}
.move_reservation .table_area .enter_info.flex_div dl:last-child  {margin-bottom: 30px;}




/* 입주(이사)예약-예약조회정보입력 */
.move_reservation .cot_tit_copy {margin-top: 16px;}




/* FO-MO-07-003_입주증 - 신청 정보 입력 */
.font_regul {font-family: pretendard;}
.paper_title {display: inline-block; padding-top: 15px;}
.v_align {align-items: center;}
.v_align dd {display: flex;}
.v_align .form_input_file {display: inline-block;}
.v_align .btn_area {margin-left: 13px;}
.v_align .btn_area.h48 .btn_type2 {min-width: 127px; padding: 0 16px 0 56px;}
.table_area .basic_info dl {position: relative;}
.table_area .link_flie_infor {position: absolute; top: 81px; left: 0; font-family: pretendard, sans-serif; text-decoration: underline; color: #961e1e;
}
.table_area .link_flie_infor::after {position: absolute; top: 50%; transform: translateY(-50%); right: -12px; width: 6px; height: 4px; background: url(../images/faq-poli.png) no-repeat center center; content: "";}
/* .sc_resicard .form_input_file .file_area {padding-top: 3px;} */

@media all and (max-width: 768px) {
	.sc_resicard .form_input_file .file_area {width: calc(100% - 88px);}
	.sc_resicard .table_area .basic_info dl dd {flex-wrap: wrap;}
}




/* FO-MO-07-005_입주증 - 신청 정보 상세 확인 */
.reserchk_tit {position: relative; margin: 0 0 80px 24px; font-family: pretendard; color: #2D2D2D;}
.reserchk_tit::before {position: absolute; top: 10px; left: -24px; width: 4px; height: 20px; background-color: #961e1e; content: "";}
.sc_resicard .add_msg {margin-top: 10px;}
.con_textwrap.for_marginone p:first-child {margin-top: 0;}

.no_btn_num .form_input {display: flex;}
.no_btn_num .form_input.width_btn input {width: 100%;}
.no_btn_num .form_input.width_btn a {position: relative; margin-left: 16px; flex: 0 0 88px;}




/* FO-MO-05-003-L01_명의변경 - 필수서류 안내 팝업 */
.bggray_pop .con_textwrap .fwme {margin-bottom: 20px;}

@media all and (max-width: 768px) {
	.sc_resicard .v_align .form_input_file {margin-bottom: 10px;}
	/* .sc_resicard .table_area .basic_info dl dd .btn_area {width: 100%; margin-left: 0;} */
	.reserchk_tit {margin: 0 0 60px 24px;}
	.reserchk_tit::before {top: 6px;}
	.sc_resicard .table_area .basic_info dl {display: block;}
	.sc_resicard .table_area .basic_info dl dt {width: 100%;}
	.sc_resicard .table_area .basic_info dl dd {width: 100%; margin-top: 12px;}
	.table_area .link_flie_infor {top: 32px; left: unset; right: 10px;}
	.paper_title {padding-top: 0;}
}

.choice_mem {overflow: hidden;}
.no_mem {overflow: hidden;}


/* 단지검색 */
.t_srch_sec {display: none; position: absolute; top: -100%; left: 0; width: 100%; height: 100vh; padding: 250px 5% 0; overflow-y: auto; background: #FCFBF7; opacity: 0; z-index: 101; transition-duration: 0.8s; transition-property: top, opacity;}
.t_srch_sec::-webkit-scrollbar  {width: 6px;}
.t_srch_sec::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.t_srch_sec::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 

.t_srch_sec .logo {position: absolute; top: 40px; left: 60px; width: 203px; height: 36px;}
.t_srch_sec .logo a {display: block; width: 203px; height: 36px; background: url("../images/logo-red.svg") no-repeat; background-size: contain;}
.t_srch_sec .logo a > span {opacity: 0;}
.t_srch_sec .deco1 {position: absolute; bottom: 0; left: 0; width: 860px; height: 860px; background: url('../images/tsrch-deco1.png') no-repeat 0 0; background-size: 100%;}
.t_srch_sec .deco2 {position: absolute; top: 0; right: 0; width: 345px; height: 345px; background: url('../images/tsrch-deco2.png') no-repeat 0 0; background-size: 100%;}
.t_srch_sec.pcopen {top: 0; opacity: 1;}
.t_srch_sec.block {display: block;}

#cBody .srch_sec.total {margin-top: 260px; width: 1280px;}
.srch_sec.total + .sub_tit {word-break: break-all;}
.srch_sec.total {padding-top: 0; width: 960px; margin: auto; z-index: 8;}
.srch_sec.total .input_sec {position: relative; width: 100%; height: 80px; top: 0; z-index: 9;}
#cBody .srch_sec.total .input_sec {position: relative; width: 640px; height: 80px; top: 0; z-index: 9;}
.srch_sec.total .input_div {width: 100%; height: 80px;}
.srch_sec.total .input_div input {width: 100%; height: 80px; border-radius: 40px; padding: 3px 40px;}
.srch_sec.total .auto_com_sec {display: none; position: absolute; top: 50px; left: 0; width: 100%; min-height: 0; height: 0; padding: 0; background: #fff; border: 0px solid #ddd; border-radius: 8px; box-shadow: 0 10px 10px rgba(000, 000, 000, 0.06); opacity: 0; overflow: hidden;}
.srch_sec.total .auto_com_sec.open {min-height: 145px; height: auto; padding: 40px 40px 80px; border: 1px solid #ddd;}.srch_sec.total .auto_com_sec .rec_srch_word {position: relative; width: 100%; border-bottom: 1px solid #ddd; margin: 16px auto 0; padding-bottom: 30px;}
.srch_sec.total .auto_com_sec .rec_srch_word {position: relative; width: 100%; border-bottom: 1px solid #ddd; margin: 16px auto 0; padding-bottom: 20px;}
.srch_sec.total .auto_com_sec .rec_srch_word .switch_bt {position: absolute; top: -40px; right: 86px;}
.srch_sec.total .auto_com_sec .rec_srch_word .switch_bt > p {margin-left: 12px; margin-right: 0;}
.srch_sec.total .auto_com_sec .rec_srch_word .words {display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; max-height: 50px; overflow: hidden;}
.srch_sec.total .auto_com_sec .rec_srch_word .words::-webkit-scrollbar  {width: 6px;}
.srch_sec.total .auto_com_sec .rec_srch_word .words::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.srch_sec.total .auto_com_sec .rec_srch_word .words::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.srch_sec.total .auto_com_sec .rec_srch_word .words > p {display: flex; align-items: center; margin-right: 10px; margin-bottom: 10px; padding: 10px 20px; border-radius: 19px; background: #F5F7FA;}
.srch_sec.total .auto_com_sec .rec_srch_word .words > p > a.word {max-width: 216px; height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.srch_sec.total .auto_com_sec .rec_srch_word .words > p > a.delbt {margin-left: 6px;}
.srch_sec.total .auto_com_sec .rec_srch_word .t_del {display: block; position: absolute; top: -41px; right: 0; padding-left: 16px; text-decoration: underline;}
.srch_sec.total .auto_com_sec .rec_srch_word .t_del::before {content: ""; display: block; position: absolute; top: 6px; left: 0; width: 1px; height: 12px; background: #2D2D2D;}
.srch_sec.total .auto_com_sec .word_result {position: relative; width: 100%; max-height: 200px; overflow-y: auto; margin-top: 30px; padding-right: 40px;}
.srch_sec.total .auto_com_sec .word_result::-webkit-scrollbar  {width: 6px;}
.srch_sec.total .auto_com_sec .word_result::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.srch_sec.total .auto_com_sec .word_result::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.srch_sec.total .auto_com_sec .word_result > a {position: relative; display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px; word-break: break-all;}
.srch_sec.total .auto_com_sec .word_result > a > .con_mtxt {word-break: break-all; width: calc(100% - 190px);}
.srch_sec.total .auto_com_sec .word_result > a > .con_stxt > span {font-family: pretendard;}
.srch_sec.total .auto_com_sec .word_result > a > .con_stxt > span:nth-child(1) {position: relative; padding-right: 12px; margin-right: 6px; color: #961E1E;}
.srch_sec.total .auto_com_sec .word_result > a > .con_stxt > span:nth-child(1)::after {content: ""; display: block; position: absolute; top: 3px; right: 0; width: 1px; height: 10px; background: #ddd;}
.srch_sec.total .auto_com_sec .word_result > a > .con_stxt > span:nth-child(2) {color: #8A7251;}
.srch_sec.total .auto_com_sec > .xbt {position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: #F6F6F6; border-top: 1px solid #ddd;}
.srch_sec.total .auto_com_sec > .xbt > a {display: block; position: absolute; top: 0; right: 0; width: 108px; height: 38px; line-height: 37px; text-align: center; font-size: 16px; font-family: pretendard;}

.t_srch_sec .recom_list {height: 316px; margin: 194px auto 0;}
.t_srch_sec .recom_list .con_mmtxt {color: #2D2D2D; font-family: pretendard;}
.t_srch_sec .recom_list .list_sec {display: flex; justify-content: space-between; width: 100%; height: 242px; margin-top: 40px;}
.t_srch_sec .recom_list .list_sec > a {display: block; width: 243px; height: 162px;}
.t_srch_sec .recom_list .list_sec > a > .img {display: block; width: 243px; height: 162px; background-size: cover;}
.t_srch_sec .recom_list .list_sec > a > .con_mtxt {margin-top: 20px; color: #222; font-family: pretendard;}

.t_srch_sec > .xbt {position: absolute; top: 32px; right: 60px; width: 56px; height: 56px; background: url('../images/t-srch-closebt.svg') no-repeat 0 0; background-size: 100%; transform: rotateZ(0deg); transition-duration: 0.5s; transition-property: transform; display: none;}
.t_srch_sec > .xbt:hover {transform: rotateZ(180deg);}
.t_srch_sec > .xbt > span {opacity: 0;}

/* .total .list_type1 {margin-top: 160px;} */
.total .tab_type1 {margin-bottom: 160px;}
.total .list_type2 {margin-top: 0; margin-bottom: 200px;}
.total .sale_complex_list {margin-bottom: -200px; padding: 200px 0 200px; background-color: #F1EEE7;}
.total .sale_complex_list .list_type1.type2 {margin: 0 auto; padding: 0; background-color: unset;}
.total .add_txt {font-size: 40px; margin-bottom: 60px; line-height: 1;}
.total .view_all {position: absolute; top: 28px; right: 0; height: 32px; padding-right: 41px; font-family: pretendard; font-size: 18px; line-height: 31px; color: #2D2D2D;}
.total .view_all::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url('../images/icon-plus.svg') no-repeat 0 0;}
.sub_tit .red {color: #961E1E;}
/* .total a.view_all + .btn_area.more {margin-top: 0;} */




/* 단지검색 - 전체결과없음 */
.nopage_wrap.total .sale_complex_list {margin-bottom: 0; padding: 0; background-color: unset;}

@media all and (max-width: 1500px) {
	#cBody .srch_sec.total {width: 1000px;}
}
@media all and (max-width: 1024px) {
	.t_srch_sec {background: 0; margin-top: 90px; width: 0; left: 100%; overflow: hidden; padding: 0 !important; transition-duration: 0s; transition-property: left, width; height: auto;}
	.t_srch_sec.mopen {position: fixed; top: 0;  left: 0; width: 100%; opacity: 1;}
	#cBody .srch_sec.total {width: 90%;}
	.srch_sec.total {width: 100%;}
	.srch_sec.total .input_div input {height: 56px;}
	
	.total .sale_complex_list { padding: 100px 0;}

	.total .sale_complex_list .list_type1.type2 {margin: 0 auto; padding-top: 80px;}
	.total .sale_complex_list .list_type1.type2 .view_all {top: 82px;}
	
  .t_srch_sec .logo {display: none;}
  .t_srch_sec .deco1 {display: none;}
  .t_srch_sec .deco2 {display: none;}
  .t_srch_sec > .xbt {display: none;}
  .srch_sec.total .input_sec {height: 65px;}
	.srch_sec.total .auto_com_sec .word_result {padding-right: 30px;}
  .t_srch_sec .srch_sec.total {padding: 0 20px;}
  .srch_sec .input_sec > a {width: 65px; height: 65px; transition-duration: 1.2s; transition-property: right;}
	.srch_sec.mopen .input_sec > a {right: 0;}
  .srch_sec .input_sec > a img {width: 100%;}
  .srch_sec .input_sec .input_div input {border-radius: 70px !important;}
  .t_srch_sec .recom_list {display: none;}
  .srch_sec.total {width: 100%;}
  .srch_sec.total .auto_com_sec.open {max-height: 60vh; width: calc(100% - 40px); left: 20px;}
	#cBody .srch_sec.total .auto_com_sec.open {width: 100%; left: 0;}
  .srch_sec.total .auto_com_sec .rec_srch_word .words {max-height: 12vh;}
  .srch_sec.total .auto_com_sec .word_result {max-height: 20vh;}
}
@media all and (max-width: 768px) {
	#cBody .srch_sec.total {margin-top: 100px; margin-bottom: -60px;}e
	.srch_sec.total .input_div input {height: 56px; padding: 3px 20px;}
	#cBody .srch_sec.total .input_sec {width: 100%;}
	.total .tab_type1 {margin-bottom: 80px;}
	.total .add_txt {font-size: 24px; margin-bottom: 30px;}
	.total .view_all {font-size: 16px; top: 5px;}
	.total .list_type2 {margin-bottom: 80px;}
	.total .sale_complex_list {margin-bottom: -100px;}
	.total .sale_complex_list .list_type1.type2::before {top: 0;}
  .srch_sec.total .input_sec {height: 56px;}
	.srch_sec.total .input_div input {height: 56px; padding: 3px 65px 3px 20px ;}
  .srch_sec .input_sec > a {width: 56px; height: 56px; right: 0 !important;}
  .srch_sec.total .auto_com_sec.open {padding: 30px 20px 60px 20px; max-height: 480px;}
  .srch_sec.total .auto_com_sec .con_mmtxt {font-size: 20px; font-family: pretendard;}
  .srch_sec.total .auto_com_sec .rec_srch_word {margin: 60px auto 0; max-height: 150px;}
  .srch_sec.total .auto_com_sec .rec_srch_word .switch_bt {left: 0; right: unset; top: -50px;}
	.srch_sec.total .auto_com_sec .rec_srch_word .words {max-height: 95px;}
	.srch_sec.total .auto_com_sec .rec_srch_word .words > p {height: auto;}
  .srch_sec.total .auto_com_sec .rec_srch_word .words > p span {word-break: break-all;}
	/* .srch_sec.total .auto_com_sec .rec_srch_word .words > p > a.word {max-width: 100%; -webkit-line-clamp: 2; height: 100%;} */
  .srch_sec.total .auto_com_sec .word_result {margin-top: 30px; max-height: 120px; height: 120px;}
  .srch_sec.total .auto_com_sec .word_result > a {display: block; height: auto;}
	.srch_sec.total .auto_com_sec .word_result > a > .con_mtxt {width: 100%;} 
	.srch_sec.total .auto_com_sec .rec_srch_word .t_del {top: -50px; left: 198px;}
}

@media all and (max-width: 500px) {
	/* .srch_sec.total .auto_com_sec.open {height: 440px;} */
	.srch_sec.total .auto_com_sec .rec_srch_word {max-height: 150px; height: 130px;}
	.srch_sec.total .auto_com_sec .rec_srch_word .words {height: 100%;}
	.srch_sec.total .auto_com_sec .word_result{height: 100px;}

	.srch_sec.total .auto_com_sec > .xbt > a {width: 90px;}
}
@media all and (max-width: 360px) {
	.srch_sec.total .auto_com_sec .rec_srch_word {margin: 80px auto 0;}
	.srch_sec.total .auto_com_sec .rec_srch_word .switch_bt {top: -70px;}
	.srch_sec.total .auto_com_sec .rec_srch_word .t_del {left: 0; top: -45px; padding-left: 0;}
	.srch_sec.total .auto_com_sec .rec_srch_word .t_del::before {display: none;}

}

@media all and (max-height: 900px) {
	/* .t_srch_sec .recom_list {height: 316px; margin: 80px auto 0;} */
	/* .srch_sec.total .auto_com_sec .rec_srch_word .words {max-height: 40px; overflow: hidden;} */
}




/* 계약입주 - 입주증(본인인증 안내) */
.con_mtxt.verif_tit {margin-top: 16px;}
.verification_info {margin-bottom: -200px; padding-top: 160px; width: 100%; min-height: 800px; background: #F5F4F2 url(../images/img-verification_info.png) no-repeat left center; margin-top: 80px;}
.verification_info .verification_con {display: flex; justify-content: right;}
.verification_info .verification_con .right_con {padding-left: 150px; width: 640px; text-align: center;}
.verification_info .verification_con .right_con .icon_tit {padding-top: 170px; font-family: pretendard; font-size: 36px; color: #222; background: url(../images/icon-verification-info-phone.svg) no-repeat center top;}
.verification_info .verification_con .right_con .con_mtxt {margin: 40px 0 60px; color: #4d4d4d;}
.verification_info .verification_con .right_con .btn_area {text-align: center !important;}

@media all and (max-width: 1800px) {
	.verification_info {background: #F5F4F2 url(../images/img-verification_info.png) no-repeat -200px center;}
}

@media all and (max-width: 1500px) {
	.verification_info {background: #F5F4F2 url(../images/img-verification_info.png) no-repeat -400px center;}
}
@media all and (max-width: 1140px) {
	.verification_info .verification_con .right_con {padding-left: 190px;}
}
@media all and (max-width: 1024px) {
	.verification_info {background: #F5F4F2; position: relative; padding-top: 480px; padding-bottom: 100px;}
	.verification_info::before {content: ""; width: 100%; height: 400px; background: url("../images/img-verification_info-m.jpg") no-repeat; background-size: cover; display: block; position: absolute; top: 0; left: 0;}
	.verification_info .verification_con .right_con {padding-left: 0; width: 100%;}
}
@media all and (max-width: 768px) {
	.verification_info {padding-top: 380px; margin-bottom: -98px;}
	.verification_info::before {height: 300px;}
	.verification_info .verification_con .right_con .icon_tit {font-size: 20px; padding-top: 130px; background: url(../images/icon-verification-info-phone.svg) no-repeat center top; background-size: 100px;}
	.verification_info .verification_con .right_con .con_mtxt {margin: 30px 0 0; padding: 0 20px;}
}




/* 계약입주 - 입주증(계약내용 확인) */
.contract_list {position: relative; margin-top: 80px;}
.contract_list li {display: flex; justify-content: space-between; width: 100%; border: 1px solid #ccc; transition: all 1.2s; opacity: 0; transform: translateY(150px);  animation: ShadowBorderReverse .4s forwards;}
.contract_list li.active {opacity: 1; transform: translateY(0);}
.contract_list li:hover { animation: ShadowBorder .4s forwards;}
.contract_list li + li {margin-top: 40px;}
.contract_list li > div {width: 50%;}
.contract_list li .left_con {position: relative;}

.contract_list li .left_con .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); opacity: 0; transition: .3s;}

.contract_list li .left_con:hover .img::after {background: rgba(0, 0, 0, 0.7); opacity: 1;}

.contract_list li .left_con .img {width: 640px; height: 100%; overflow: hidden;}
.contract_list li .left_con .img img {width: 100%; height: 100%; object-fit: cover;}
.contract_list li .left_con .icon_plus {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s;}
.contract_list li .left_con .con_info_w {position: absolute; bottom: 40px; left: 32px;}
.contract_list li .left_con .con_info_w .con_info dl {display: flex; transform: translateY(50px); font-size: 18px; color: #fff;  opacity: 0; transition: .3s; transition-delay: .2s;}
.contract_list li .left_con:hover .con_info_w .con_info dl {display: flex; font-size: 18px; color: #fff; transform: translate(0); opacity: 1;}
.contract_list li .left_con:hover .icon_plus {opacity: 0;}
.contract_list li .left_con .con_info_w {width: calc(100% - 72px);}
.contract_list li .left_con .btn_area {flex-wrap: wrap; justify-content: start; transform: translateY(50px); text-align: left; font-size: 0; opacity: 0; transition: .3s; transition-delay: .1s;}
.contract_list li .left_con:hover .btn_area {transform: translate(0); opacity: 1;}
.contract_list li .left_con .btn_area a {flex: none; min-width: 50px !important; margin-top: 8px; margin-left: 8px; background: transparent; border: 1px solid #fff; color: #fff; white-space: nowrap;}
.contract_list li .right_con {padding: 60px 80px;}
.contract_list li .right_con .con_tit {margin-bottom: 40px; font-family: pretendard;}
.contract_list li .right_con .info_box dl {display: flex;}
.contract_list li .right_con .info_box dl dt {width: 136px; font-family: pretendard; color: #A38862; word-break: break-all;}
.contract_list li .right_con .info_box dl dd {width: calc(100% - 136px); word-break: break-all;}
.contract_list li .right_con .info_box dl + dl {margin-top: 10px;}
.contract_list li .right_con .info_box + .info_box {margin-top: 30px; padding-top: 30px; border-top: 1px solid #DDDDDD;}
@media all and (max-width: 1500px) {
	.contract_list li .left_con .img {width: 500px;}
}
@media all and (max-width: 1024px) {
	.contract_list li {display: block;}
	.contract_list li > div {width: 100%;}
	.contract_list li .left_con .img {width: 100%;}
	.contract_list li .left_con .img img {width: 100%;}
}
@media all and (max-width: 768px) {
	.contract_list {margin-top: 60px;}
	.contract_list li .right_con {padding: 40px 30px;}
	.contract_list li .right_con .con_tit {margin-bottom: 30px;}
	.contract_list li .right_con .info_box dl dt {width: 100px;}
	.contract_list li + li {margin-top: 60px;}
	.contract_list li .left_con .con_info_w {width: calc(100% - 52px);}
	.contract_list li .left_con .icon_plus {width: 48px; height: 48px;}
	.contract_list li .left_con .icon_plus img {width: 100%;}
	.contract_list li .left_con .con_info_w {bottom: 30px; left: 22px;}
	.contract_list li .left_con .btn_area {width: calc(100% - 30px);}
}




/* 입주(이사)예약 - 단지 검색 레이어 */
.pop_wrap .pop_body.apartsrch_pop {height: 718px; max-width: 1000px;}
.pop_wrap .pop_body.apartsrch_pop .pop_con {max-height: 564px;}
.apartsrch_pop .pop_srch {margin-bottom: 24px;}
.apartsrch_pop .pop_srch .msg {margin-top: 14px;}
.apartsrch_pop .srch_result_area {margin-top: 0;}
.apartsrch_pop .srch_result_area .srch_result_con {max-height: unset;}
.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th {word-break: break-all;}
.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.name {display: flex; align-items: center; justify-content: center; width: 38%;}
.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.num {display: flex; align-items: center; justify-content: center; width: 26.5%;}
.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.addr {display: flex; align-items: center; justify-content: center; width: 35.5%;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con {max-height: 284px; height: 284px;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item p {display: flex; align-items: center; padding: 16px 20px; font-family: pretendard, sans-serif; font-size: 16px; color: #222; word-break: break-all;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .chk_name {display: flex; width: 38%; border-bottom: 1px solid #ddd;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .chk {display: flex; align-items: center; padding: 0 14px 0 20px; width: 58px;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .name {width: calc(100% - 58px); padding-left: 0;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .num {justify-content: center; width: 26.5%; text-align: center; border-left: 1px solid #fff;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .addr {width: 35.5%; border-left: 1px solid #fff;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.nobold .chk_name {border-bottom: none;}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .chk_name {width: calc(38% + 2px);}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .num {width: calc(26.5% + 2px);}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .addr {width: calc(35.5% - 6px);}
.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .form_radio {font-size: 0;}

@media all and (max-width: 768px) {
	.apartsrch_pop .srch_result_area {overflow-x: auto;}
	.apartsrch_pop .srch_result_area .srch_result_con {width: 768px;}
	.apartsrch_pop .srch_result_area::-webkit-scrollbar {height: 6px;}
	.apartsrch_pop .srch_result_area::-webkit-scrollbar-track {background: #ddd;}
	.apartsrch_pop .srch_result_area::-webkit-scrollbar-thumb {background: #999;} 

	.srch_result_area .srch_result_con .srch_th_wrap .srch_th {padding: 14px;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item p {padding: 14px; font-family: pretendard, sans-serif;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .chk {padding: 0 12px 0 14px; width: 50px;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .name {width: calc(100% - 50px);}

	.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.name {width: 41%;}
	.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.num {width: 20.5%;}
	.apartsrch_pop .srch_result_area .srch_result_con .srch_th_wrap .srch_th.addr {width: 38.5%;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .chk_name {width: 41%;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .num {width: 20.5%;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .addr {width: 38.5%;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .chk_name {width: calc(41% + 2px);}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .num {width: calc(20.5% + 2px);}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item.scrollon .addr {width: calc(38.5% - 4px);}
}
@media all and (max-width: 400px) {
	.apartsrch_pop .pop_srch {margin-bottom: 20px;}
	.apartsrch_pop .srch_result_area .srch_result_con {width: 500px; }

	.srch_result_area .srch_result_con .srch_th_wrap .srch_th {padding: 14px 10px;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item p {padding: 14px 10px;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .chk {padding: 0 12px 0 10px; width: 46px;}
	.apartsrch_pop .srch_result_area .srch_result_con .right_con .item .name {width: calc(100% - 46px);}
}




/* 입주(이사)예약 - 단지 검색 레이어(검색결과없음) */ 
.apartsrch_pop .srch_result_area .srch_result_con .nopage5 {display: inline-block; height: 100%; border: none; background-position: center 98px;}
.apartsrch_pop .srch_result_area .srch_result_con .nopage5 .txt {margin-top: 182px; font-size: 16px;}




/* 입주가이드 */
.movein1_sec {position: relative; width: 100%; margin-top: 80px;}
.movein1_sec .bg_sec {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.movein1_sec p.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url('../images/movein1-bg.jpg') no-repeat center center;  background-size: cover;}
.movein1_sec p.dim {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);}
.movein1_sec p.txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1280px; font-family: pretendard; font-size: 48px; color: #fff;}
.movein1_sec .info_sec {display: flex; flex-wrap: wrap; justify-content: flex-end; width: 1280px; margin: auto; padding-top: 100vh;}
.movein1_sec .info_sec ul {position: relative; width: 700px; height: 1280px;}
.movein1_sec .info_sec ul li {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 330px; height: 496px; background: #FCFBF7; border-radius: 20px; transition-duration: 0.5s; transition-property: background;}
.movein1_sec .info_sec ul li .txt1 {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 96px; height: 96px; border-radius: 50%; background: #F1EEE7; font-size: 16px; font-family: pretendard; color: #882924; transition-duration: 0.5s; transition-property: background;}
.movein1_sec .info_sec ul li .txt2 {margin: 35px 0 10px; font-size: 24px; font-family: pretendard; color: #222; transition-duration: 0.5s; transition-property: color;}
.movein1_sec .info_sec ul li .txt3 {font-size: 18px; font-family: pretendard; color: #4D4D4D; transition-duration: 0.5s; transition-property: color;}
.movein1_sec .info_sec ul li:nth-child(1) {top: 80px; right: 0;}
.movein1_sec .info_sec ul li:nth-child(2) {top: 248px; left: 0;}
.movein1_sec .info_sec ul li:nth-child(3) {top: 616px; right: 0;}
.movein1_sec .info_sec ul li:nth-child(4) {top: 784px; left: 0;}
.movein1_sec .info_sec ul li.active {background: #882924;}
.movein1_sec .info_sec ul li.active .txt1 {background: #fff;}
.movein1_sec .info_sec ul li.active .txt2 {color: #fff;}
.movein1_sec .info_sec ul li.active .txt3 {color: #fff;}
.movein1_sec .info_sec .msg {width: 55%; margin-top: 31px; color: #fff; white-space: nowrap;}

@media (max-width: 1280px) {
	/* .movein1_sec .bg_sec {position: unset;} */
	.movein1_sec p.txt {width: 90%;}
	.movein1_sec .info_sec {width: 90%; justify-content: center; padding-top: 90vh;}
	.movein1_sec .info_sec .msg {width: 700px;}
}
@media (max-width: 768px) {
	.movein1_sec .bg_sec {height: 45vh;}
	.movein1_sec .bg_sec .pin-spacer {z-index: -1;}
	.movein1_sec p.txt {font-size: 28px;}
	.movein1_sec .info_sec {padding-top: 45vh;}
	.movein1_sec .info_sec ul {width: 330px; height: 100%;}
	.movein1_sec .info_sec ul li {position: unset; height: 358px;}
	.movein1_sec .info_sec ul li + li {margin-top: 50px;}
	.movein1_sec .info_sec ul li .txt2 {font-size: 20px;}
	.movein1_sec .info_sec ul li .txt3 {font-size: 16px;}
	.movein1_sec .info_sec .msg {white-space: initial; width: 100%;}
}

.movein2_sec {position: relative; top: 0; width: 100%; margin-top: 80px;}
.movein2_sec .bg_sec {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.movein2_sec .pin-spacer {z-index: -1;}
.movein1_sec .pin-spacer .pin {z-index: -1;}
.movein2_sec p.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url('../images/movein2-bg.jpg') no-repeat center center; background-size: cover;}
.movein2_sec p.dim {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);}
.movein2_sec .info_sec {position: relative; width: 840px; margin: auto; padding-top: 40vh;}
.movein2_sec .info_sec ul {position: relative;}
.movein2_sec .info_sec ul li {position: relative; width: 100%; height: 363px; margin-bottom: 128px; padding: 100px 60px; background: #FCFBF7; border-radius: 16px;}
.movein2_sec .info_sec ul li::before {content: ""; display: block; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px dashed #9E8967; border-radius: 16px;}
.movein2_sec .info_sec ul li .txt1 {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -48px; left: 50%; transform: translate(-50%, 0); width: 96px; height: 96px; border-radius: 50%; background: #8A7251; font-size: 16px; font-family: pretendard; color: #fff; transition-duration: 0.5s; transition-property: background;}
.movein2_sec .info_sec ul li dt {padding-left: 60px; margin-bottom: 40px; font-size: 32px; font-family: pretendard; color: #222;}
.movein2_sec .info_sec ul li:nth-child(1) dt {background: url('../images/movein2-icon1.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li:nth-child(2) dt {background: url('../images/movein2-icon2.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li:nth-child(3) dt {background: url('../images/movein2-icon3.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li:nth-child(4) dt {background: url('../images/movein2-icon4.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li:nth-child(5) dt {background: url('../images/movein2-icon5.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li:nth-child(6) dt {background: url('../images/movein2-icon6.svg') no-repeat 0 center;}
.movein2_sec .info_sec ul li dd {position: relative; padding-left: 14px; font-size: 16px; line-height: 32px; font-family: pretendard; color: #4D4D4D;}
.movein2_sec .info_sec ul li dd::before {content: ""; display: block; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #727272; border-radius: 50px;}
.movein2_sec .info_sec ul li.active .txt1 {background: #961E1E;}
.movein2_sec .info_sec ul li:last-child {margin-bottom: 30px;}
.movein2_sec p.msg {margin-bottom: 80px; color: #fff;}

@media (max-width: 1024px) {
	.movein2_sec .info_sec {width: 90%;}
	.movein2_sec .info_sec ul li {height: 100%;}
}
@media (max-width: 768px) {
	.movein2_sec .info_sec {padding-top: 160px;}
	.movein2_sec .info_sec ul li {padding: 80px 30px; margin-bottom: 105px;}
	.movein2_sec .info_sec ul li:nth-child(1) dt {background: url('../images/movein2-icon1.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li:nth-child(2) dt {background: url('../images/movein2-icon2.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li:nth-child(3) dt {background: url('../images/movein2-icon3.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li:nth-child(4) dt {background: url('../images/movein2-icon4.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li:nth-child(5) dt {background: url('../images/movein2-icon5.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li:nth-child(6) dt {background: url('../images/movein2-icon6.svg') no-repeat 0 center; background-size: 32px;}
	.movein2_sec .info_sec ul li dt {font-size: 20px; font-family: pretendard; padding-left: 40 px;}
}

.movein_gidue .table_area .enter_info.flex_div dl {width: 100%; margin-bottom: 30px; align-items: center;}
.movein_gidue .table_area .enter_info.flex_div dd {width: 100%; align-items: center; justify-content: flex-start;}
.movein_gidue .table_area .enter_info.flex_div dd .form_select {width: 180px; margin-right: 10px;}
.movein_gidue .table_area .enter_info.flex_div dd .select_area {align-items: center;}
.movein_gidue .table_area .enter_info.flex_div dd label {margin-right: 16px;}
/* .movein_gidue .tab_type1 {margin-bottom: 160px;} */
.movein_gidue .tab_type1 {margin-bottom: 80px;}
.movein_gidue .msg {font-size: 14px; color: #727272;}

.movein_gidue .calendar_sec {margin: 80px auto 0;}
.movein_gidue .calendar_sec .today_area {display: flex; align-items: center; font-family: pretendard; font-size: 28px; color: #222;}
.movein_gidue .calendar_sec .today_area > .year {margin-left: 10px;}
.movein_gidue .calendar_sec .today_area > .dday {display: inline-block; width: 80px; height: 34px; margin-left: 20px; text-align: center; line-height: 33px; background: #EEE; border-radius: 17px; font-family: pretendard; font-size: 18px;}
.movein_gidue .calendar_sec .calendar_area {position: relative; margin-top: 40px; border-top: 1px solid #707070;}
.movein_gidue .calendar_sec .calendar_area .day_area {display: flex; align-items: center; width: 100%; height: 80px; background: #F0F2F5; border-bottom: 1px solid #ddd;}
.movein_gidue .calendar_sec .calendar_area .day_area li {width: calc(100% / 7); text-align: center; font-family: 'Poppins-Medium'; font-size: 20px; color: #222;}
.movein_gidue .calendar_sec .calendar_area .date_area {display: flex; align-items: center; flex-wrap: wrap; width: 100%;}
.movein_gidue .calendar_sec .calendar_area .date_area li {position: relative; width: calc(100% / 7); height: 182px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.movein_gidue .calendar_sec .calendar_area .date_area li:nth-child(7n) {border-right: 0px solid #ddd;}
.movein_gidue .calendar_sec .calendar_area .date_area li.d_day {background: #FCFBF7;}
.movein_gidue .calendar_sec .calendar_area .date_area li .date {position: absolute; top: 21px; left: 24px; width: 20px; text-align: center; font-size: 18px; font-family: pretendard; color: #4D4D4D; z-index: 1;}
.movein_gidue .calendar_sec .calendar_area .date_area li .sche {position: absolute; top: 62px; left: 24px; font-size: 16px; font-family: pretendard; color: #4D4D4D;}
.movein_gidue .calendar_sec .calendar_area .date_area li .s_label {position: absolute; top: 24px; right: 20px; width: 55px; height: 24px; text-align: center; line-height: 23px; border-radius: 12px; background: #F1EEE7; font-size: 14px; font-family: pretendard; color: #222;}
.movein_gidue .calendar_sec .calendar_area .date_area li .d_label {position: absolute; top: 24px; right: 20px; width: 63px; height: 24px; text-align: center; line-height: 23px; border-radius: 12px; background: #882924; font-size: 14px; font-family: pretendard; color: #fff;}
.movein_gidue .calendar_sec .calendar_area .date_area li .t_label {position: absolute; top: 10px; left: 10px; width: 48px; height: 48px; border-radius: 24px; background: #F5F7FA; border: 1px solid #2D2D2D;}
.movein_gidue .calendar_sec .calendar_area .print_bt {position: absolute; top: -85px; right: 0;}
.movein_gidue .grey_box {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 80px; padding: 0 20px 0 40px; margin-top: 80px; font-size: 16px; color: #4D4D4D; background: #F0F2F5; border-radius: 8px;}
.movein_gidue .grey_box .btn_area {margin-top: 0;}

@media print {
  html:not(.ie) {zoom: .52;}
  header, footer, .sub_tit {display: none;}
  .movein_gidue .tab_type1 {display: none;}
	.movein_gidue .table_area {display: none;}
	.movein_gidue .msg {display: none;}
	.movein_gidue .grey_box {display: none;}
  .print_bt {display: none;}

	.movein_gidue .calendar_sec .calendar_area .date_area li.d_day {position: relative;}
	.movein_gidue .calendar_sec .calendar_area .date_area li.d_day::before {content: ""; width: 100%; height: 1px; background: #ddd; display: block; position: absolute; top: -2px; left: 0;}
}




/* 힐스테이트 소식 */
.sc_hills_news .tab_con_area .all_listnum {margin-top: 60px; font-family: pretendard;}
.sc_hills_news .tab_con_area .all_listnum .con_ltxt {font-family: pretendard; color: #961E1E;}
.sc_hills_news .news_list {margin-top: 40px; border-top: 1px solid #2D2D2D;}
.sc_hills_news .news_list > a {display: flex; align-items: center; border-bottom: 1px solid #ddd;}
.sc_hills_news .news_list > a:hover {background-color: #fcfbf7; border-color: #FCFBF7;}
.sc_hills_news .news_list > a.brnone {border-bottom-color: #FCFBF7;}
.sc_hills_news .news_list .part {position: relative; width: 152px; font-family: pretendard; color: #961e1e; text-align: center; word-break: break-all;}
.sc_hills_news .news_list .part:after {position: absolute; top: 50%; right: 0; height: 85px; width: 1px; transform: translateY(-50%); background-color: #eee; content: "";}
/* .sc_hills_news .news_list .day {display: block; font-family: pretendard; font-size: 48px; line-height: 1.2;} */
.sc_hills_news .news_list .date {margin-top: 16px; font-family: pretendard; color: #727272;}
.sc_hills_news .news_view {padding: 45px 0 45px 60px;}
/* .sc_hills_news .news_view .part {margin-right: 80px; font-family: pretendard; color: #961e1e;} */
.sc_hills_news .news_view .title_view {max-width: 784px; white-space: nowrap;}
.sc_hills_news .news_view .title_view span {display: inline-block; max-width: 750px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.sc_hills_news .link_icon .title_view::after {display: inline-block; width: 25px; height: 25px; margin-left: 9px; background: url(../images/ic-new-link.svg) no-repeat center center/ 25px 25px; content: ""; vertical-align: middle;}
.msg.text_right {text-align: right;}




/* FO-BR-05-003_힐스테이트 소식 - 목록(검색결과없음) */
.sc_hills_news .faq_srch {margin: 0 auto 80px;}
.sc_hills_news .nopage5 {margin-top: 40px;}
.sc_hills_news .tab_con_area {padding-top: 0;}

@media all and (max-width: 1500px) {
	.sc_hills_news .news_view .title_view {max-width: 540px;}
	.sc_hills_news .news_view .title_view span {width: auto; max-width: inherit;}
}
@media all and (max-width: 957px) {
	.sc_hills_news .news_view .part {margin-right: 40px;}
	.sc_hills_news .news_view {padding-left: 35px;}
}
@media all and (max-width: 874px) {
	.sc_hills_news .news_list > a:hover {background-color: #fff; border-color: #ddd;}
}
@media all and (max-width: 857px) {
	.sc_hills_news .news_view .title_view {max-width: 400px;}
}
@media all and (max-width: 768px) {
	.sc_hills_news .news_list > a {flex-direction: column; align-items: flex-start;}
	.sc_hills_news .news_list .part {padding: 40px 0 0 0; text-align: left; width: 100%;}
	.sc_hills_news .news_list .part::after {display: none;}
	.sc_hills_news .news_view {width: 100%; padding: 20px 0 40px 0;}
	.sc_hills_news .news_list > a:hover {background-color: #fff; border-color: #ddd;}
	.sc_hills_news .news_view .title_view {max-width: inherit; width: calc(100% - 36px);}
	.sc_hills_news .news_view .title_view span {max-width: 100%;}
	.sc_hills_news .tab_con_area .all_listnum {margin-top: 40px;}
	.sc_hills_news .nopage5 {margin-top: 20px;}
	.sc_hills_news .faq_srch {width: 100%; margin: 0 auto 30px;}
	.sc_hills_news .link_icon .title_view::after {background: url(../images/ic-mo-new-link.svg) no-repeat center center/ 24px 24px;}
}




/* 브랜드 - 상품 히스토리 */
/* .pro_history {margin-bottom: -200px;} */
.pro_history {margin-bottom: -200px;}
.pro_history .tab_type1 {margin-bottom: 80px;}
.pro_history .vis_area {width: 100%;}
.pro_history .vis_area img {width: 100%;}
.pro_history .scroll_area {height: 100vh; position: relative; padding-top: 120px; position: relative;}
.pro_history .scroll_area.fixed {position: fixed; top: 0;}
.pro_history .scroll_area .tit {margin: 0 auto 60px; position: relative; height: 70px;}
.pro_history .scroll_area .tit li { opacity: 0; transition: all .7s; position: absolute; transform: translateX(-20px);}
.pro_history .scroll_area .tit li.on {opacity: 1; transform: translateX(0)}
.pro_history .scroll_area .tit li p:last-of-type {margin-top: 15px; color: #727272;}
.pro_history .scroll_area .list {width: auto; display: flex; position: absolute; left: 0;}
.pro_history .scroll_area .list ul {display: flex; align-items: flex-start; position: relative;}
.pro_history .scroll_area .list ul + ul {margin-left: 80px;}
.pro_history .scroll_area .list ul + ul::before {content: ""; width: 2px; height: 500px; background: #EEEEEE; display: block; margin-right: 80px;}
.pro_history .scroll_area .list li {transform: translateY(0); width: 340px;}
.pro_history .scroll_area .list li:nth-of-type(2) {transform: translateY(80px);}
.pro_history .scroll_area .list li:nth-of-type(3) {transform: translateY(140px);}
.pro_history .scroll_area .list li:nth-of-type(4) {transform: translateY(200px);}
.pro_history .scroll_area .list li:nth-of-type(5) {transform: translateY(140px);}
.pro_history .scroll_area .list li:nth-of-type(6) {transform: translateY(80px);}
.pro_history .scroll_area .list li:nth-of-type(7) {transform: translateY(20px);}
.pro_history .scroll_area .list ul li + li {margin-left: 60px;}
.pro_history .scroll_area .list ul li .img {margin: 24px 0 28px;}
.pro_history .scroll_area .list ul li dl dd {margin-top: 20px; color: #4d4d4d;}
@media all and (max-width: 1024px) {
	.pro_history .vis_area {position: relative; width: 100%; height: 560px;}
	.pro_history .vis_area img {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: auto; height: 100%;}
	.pro_history .scroll_area .tit {width: 90%; margin: 0 auto 40px; height: 70px;}
	.pro_history .scroll_area {padding-top: 90px;}
	.pro_history .scroll_area.inner {width: 100% !important;}
	.pro_history .scroll_area .list {padding-left: 30%;}
	.pro_history .scroll_area .list ul + ul {margin-left: 60px;}
	.pro_history .scroll_area .list ul + ul::before {content: ""; width: 2px; height: 340px; background: #EEEEEE; display: block; margin-right: 60px;}
	.pro_history .scroll_area .list li {transform: translateY(0); width: 300px;}
	.pro_history .scroll_area .list li:nth-of-type(2) {transform: translateY(0);}
	.pro_history .scroll_area .list li:nth-of-type(3) {transform: translateY(0);}
	.pro_history .scroll_area .list li:nth-of-type(4) {transform: translateY(0);}
	.pro_history .scroll_area .list li:nth-of-type(5) {transform: translateY(0);}
	.pro_history .scroll_area .list li:nth-of-type(6) {transform: translateY(0);}
	.pro_history .scroll_area .list li:nth-of-type(7) {transform: translateY(0);}
	.pro_history .scroll_area .list ul li + li {margin-left: 60px;}
	.pro_history .scroll_area .list li img {width: 100%;}
}
@media all and (max-width: 768px) {
	.pro_history .scroll_area .tit {margin: 0 auto 60px; height: 70px;}
	.pro_history .scroll_area {padding-top: 60px;}
	.pro_history .scroll_area .list ul + ul {margin-left: 24px;}
	.pro_history .scroll_area .list ul + ul::before {content: ""; width: 2px; height: 340px; background: #EEEEEE; display: block; margin-right: 24px;}
	.pro_history .scroll_area .list li {transform: translateY(0); width: 240px;}
	.pro_history .scroll_area .list ul li + li {margin-left: 24px;}
}
.pro_history .scroll_area .anchor {width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; padding: 16px 0;}
.pro_history .scroll_area .anchor::before {content: ""; width: 200vw; height: 1px; background: #E5E5E5; position: absolute; top: 0; left: -50%; transform: translateX(0);}
.pro_history .scroll_area .anchor a {display: block; width: auto; color: #727272;}
.pro_history .scroll_area .anchor a .con_stxt {color: #727272;}
.pro_history .scroll_area .anchor a.on {color: #961E1E;}
.pro_history .scroll_area .anchor a.on .con_stxt {color: #961E1E;}
.pro_history .scroll_area .anchor a + a {margin-left: 100px;}
@media all and (max-width: 768px) {
	.pro_history .scroll_area .anchor {padding: 15px 0;}
	.pro_history .scroll_area .anchor a {width: 100px; margin-left: 3%;}
	.pro_history .scroll_area .anchor a + a {margin-left: 0;}
}




/* 브랜드 - BI */
.bi .vis {width: 100%; position: relative; height: 800px; overflow: hidden; margin: 0 auto;}
.bi .vis div img {position: absolute; left: 50%; transform: translateX(-50%); width: 1920px; height: 800px;}
.logo_type {margin-top: 160px;}
.logo_type li {display: flex; justify-content: flex-end; position: relative;}
.logo_type li + li {margin-top: 200px;}
.logo_type li .left {width: calc(100% - 840px); word-break: break-all;}
/*bi .logo_type li .left.fixed {position: fixed; top: 120px; left: calc(50% - 640px);}
.logo_type li .left.fixed2 {position: fixed; bottom: 120px; left: calc(50% - 640px);} */
.logo_type li .right {width: 840px;}
.logo_type li .right .box + .box {margin-top: 160px;}
.logo_type li:nth-of-type(2) .right .box + .box {margin-top: 160px;}
.logo_type li .right .box .txt {margin-bottom: 60px;}
.logo_type li .right .box .txt.con_mmtxt {font-family: pretendard;}
.logo_type li .right .box .txt .con_tit {margin-bottom: 30px; font-family: pretendard;}
.logo_type li:first-of-type .right .box .txt .con_tit {margin-bottom: 30px;}
.logo_type li .right .box .txt p:not(.con_tit) {padding-right: 115px;}
.logo_type li:nth-of-type(2) .right .box:first-of-type .txt .con_tit {margin-top: 80px;}
.logo_type li .right .box .img {width: 100%; height: 500px; background-size: cover; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd;}
.logo_type li .right .box .img + .img {margin-top: 40px;}
.logo_type .color_box {width: 100%; background: #17305D; height: 300px; color: #fff; padding: 100px 74px;}
.logo_type .color_box dt {color: #fff; font-family: pretendard; margin-bottom: 30px;}
.logo_type .color_box dd {color: #fff; font-family: pretendard;}

.bi .color .img {display: flex;}
.bi .color .img div {width: 460px; background: #961E1E; color: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.bi .color .img div dl {color: #fff !important;}
.bi .color .img div dl dt {margin-bottom: 40px; color: #fff; font-family: pretendard; line-height: 45px;}
.bi .color .img div dl dd {color: #fff; font-family: pretendard;}
.bi .color .img div dl dd + dd {margin-top: 20px;}
.bi .color .img div dl dd > span {display: inline-block;}
.bi .color .img div dl dd > span + span {margin-left: 20px;}
.bi .color > .con_mmtxt {margin: 80px 0 30px; font-family: pretendard;	}
.bi .color ul li {display: flex;}
.bi .color ul li + li {margin-top: 80px;}
.bi .color ul li div.mb, .bi .color ul li div.db {width: 315px;}
.bi .color ul li div.go, .bi .color ul li div.gr {width: 305px;}
.bi .color ul li:last-of-type div {width: 210px;}
.bi .color ul li div.go {margin: 0 20px;}
.bi .color ul li div.lbw {margin-right: 20px;}
.bi .color ul li div .cor_box {width: 100%; height: 60px;}
.bi .color ul li div.mb .cor_box {background: #871316;}
.bi .color ul li div.db .cor_box {background: #781B1B;}
.bi .color ul li div.go .cor_box {background: #DDCB97;}
.bi .color ul li div.gr .cor_box {background: #2D2D2D;}
.bi .color ul li div.bw .cor_box {background: #A38862;}
.bi .color ul li div.mbw .cor_box {background: #AE926D;}
.bi .color ul li div.lbw .cor_box {background: #BAA17F;}
.bi .color ul li div.bg .cor_box {background: #ECE4D0;}
.bi .color ul li div.mbg .cor_box {background: #F4EFE4;}
.bi .color ul li div.lbg .cor_box {background: #FCFBF7;}
.bi .color ul li div dl {margin-top: 20px;}
.bi .color ul li div dl dt {font-family: pretendard;}
/* .bi .color ul li div dl dd {color: #727272; margin-top: 10px;} */
.bi .color ul li div dl dd {color: #727272; line-height: 22px; margin-top: 8px;}

@media all and (max-width: 1500px) {
	.logo_type li {justify-content: space-between;}
	.logo_type li .left {width: calc(100% - 650px);}
	.logo_type li .right {width: 650px;}
	.logo_type li .right .box .img {height: 385px;}
	.bi .color .img {display: block;}
	.bi .color .img img {width: 100%;}
	.bi .color .img div {width: 100%; padding: 50px 0;}
}
@media all and (max-width: 1024px) {
	.logo_type li {display: block;}
	.logo_type li .left {width: 100%; margin-bottom: 50px;}
	.logo_type li .right {width: 100%;}
}
@media all and (max-width: 768px) {
	.bi .vis {height: 400px;}
	.bi .vis div img {height: 400px; width: 100%;}
	.logo_type {margin-top: 80px;}
	.logo_type li + li {margin-top: 80px;}
	.logo_type li .left {margin-bottom: 20px;}
	.logo_type li:first-of-type .right .box .txt .con_tit {margin-bottom: 16px;}
	.logo_type li .right .box + .box {margin-top: 60px;}
	.logo_type li .right .box .txt {margin-bottom: 30px;}
	.logo_type li .right .box .txt p:not(.con_tit) {padding-right: 0; font-size: 16px;}
	.logo_type li:nth-of-type(2) .right .box:first-of-type .txt .con_tit {margin-top: 40px;}
	.logo_type li .right .box .img {height: 244px;}
	.logo_type li .right .box .img img {width: 40%;}
	/* .logo_type li.signiture .right .box .img img {width: 50%;} */
	.logo_type li.signiture .right .box2 .img img {width: 400px;}
	.logo_type li:nth-of-type(2) .right .box + .box {margin-top: 60px;}
	.bi .color .img div {justify-content: flex-start; padding: 40px 28px;}
	.bi .color .img div dl dt {margin-bottom: 30px; font-size: 28px !important; line-height: 29px;}
	.bi .color .img div br {display: none;}
	.bi .color .img div dl dd {font-size: 16px !important;}
	.bi .color .img div dl dd + dd {margin-top: 16px;}
	.bi .color ul li {display: block;}
	.bi .color ul li > div + div {margin-top: 16px;}
	.bi .color ul li > div.go {margin: 0; margin-top: 60px; margin-bottom: 60px;}
	.bi .color ul li div.lbw {margin-bottom: 60px;}
	.bi .color ul li > div {display: flex; justify-content: space-between; width: 100% !important;}
	.bi .color ul li > div .cor_box {width: 30%;}
	.bi .color ul li > div dl {margin-top: 0; margin-left: 20px; display: flex; width: 70%; display: flex; flex-wrap: wrap;}
	.bi .color ul li > div dl dt {width: 100%;}
	.bi .color ul li > div dl dd + dd {margin-left: 20px;}
} 
@media all and (max-width: 500px) {
	/* .logo_type li.signiture .right .box .img img {width: 65%;}
	.logo_type li.signiture .right .box2 .img img {width: 90%;} */
	.logo_type li.signiture .right .box2 .img img {width: 80%;}
}
@media all and (max-width: 350px) {
	.bi .color ul li > div {display: block;}
	.bi .color ul li > div .cor_box {width: 100%;}
	.bi .color ul li > div dl {width: 100%; margin-left: 0 ; margin-top: 20px;}
}




/* H 시리즈 */
.h_series {width: 100%; height: 100%;}
.h_series .con_wrap {position: relative; height: 150vh; margin: 80px 0 -200px;}
.h_series .con_wrap .for_fixed {padding-bottom: 300px;}
.h_series .con_wrap .for_fixed.fixed {width: 100%; height: 100vh; position: fixed; top: 0; left: 0;}
.h_series .con_wrap .for_fixed.fixed2 {width: 100%; height: 100vh; position: absolute; top: unset; bottom: 0; left: 0;}

.h_series .con_wrap .con_zone {width: 100%; position: absolute; height: 100vh; width: 100%; top: 0; left: 0; opacity: 0; z-index: -1;}
.h_series .con_wrap .con_zone.on {opacity: 1; z-index: 1;}
.h_series .con_wrap .con_zone .anchor_wrap {position: absolute; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 3; opacity: 0; background: #fff; height: 80px;}
.h_series .con_wrap .con_zone .anchor {height: 100px; display: flex; align-items: center; justify-content: center; max-width: 1000px; transform: translateY(-10px);}
.h_series .con_wrap .con_zone .anchor a {padding: 0 30px; font-family: pretendard; color: #4D4D4D; position: relative; display: inline-block; height: 80px; display: flex; align-items: center; width: auto; background: #fff; transform: translateY(10px);}
.h_series .con_wrap .con_zone .anchor a.on {color: #fff; background: #961E1E; height: 100px; border-radius: 8px; transform: translateY(0);}
.h_series .con_wrap .con_zone .anchor a::after {content: ""; display: inline-block; width: 1px; height: 15px; background: #DDDDDD; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.h_series .con_wrap .con_zone .anchor a:last-of-type::after {content: ""; display: none;}
.h_series .con_wrap .con_zone .anchor a.on::after {content: ""; display: none;}

.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-prev {width: 135px; height: 80px; background: url("../images/ico-h-arrow-l.svg") no-repeat center #fff; left: -135px; top: 0; margin-top: 0; border-radius: 50px 0 0 50px;}
.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-prev.swiper-button-disabled {background: url("../images/ico-h-arrow-l-dis.svg") no-repeat center #fff; opacity: 1;}
.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-next {width: 135px; height: 80px; background: url("../images/ico-h-arrow-r.svg") no-repeat center #fff; right: -135px; top: 0; margin-top: 0; border-radius: 0 50px 50px 0;}
.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-next.swiper-button-disabled {background: url("../images/ico-h-arrow-r-dis.svg") no-repeat center #fff; opacity: 1;}

.h_series .con_wrap .con_zone ul {position: relative; overflow: hidden; height: 100vh; width: 100%;}
.h_series .con_wrap .con_zone ul li {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1;}
.h_series .con_wrap .con_zone ul li.on {opacity: 1; z-index: 1;}
.h_series .con_wrap .con_zone ul li .desc {color: #fff; position: absolute; left: 47%; transform: translateX(-50%); top: 300px; opacity: 0;}
/* .h_series .con_wrap .con_zone ul li.on .desc {opacity: 1; z-index: 1;} */
.h_series .con_wrap .con_zone ul li .desc p {width: 100%;}
.h_series .con_wrap .con_zone ul li .desc p:nth-of-type(2) {margin: 20px 0 60px; font-size: 72px; font-family: pretendard;}
.h_series .con_wrap .con_zone ul li .desc .con_tit, .h_series ul li .desc .con_mmtxt {color: #fff;}
.h_series .con_wrap .con_zone ul li .img {overflow: hidden; width: 1280px; height: 720px; margin: 0 auto; position: relative;}
.h_series .con_wrap .con_zone ul li .img img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.h_series .con_wrap .con_zone ul li .img img::selection {color: #fff; background-color: 0;}

/* .h_series .con_wrap .con_zone ul li .img img {position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1;} */
/* .h_series .con_wrap .con_zone ul li.on .img img {opacity: 1;} */

@media all and (max-width: 1500px) {
	.h_series .con_wrap .con_zone .anchor {max-width: 740px;}
}
@media all and (max-width: 1400px) {
	.h_series .con_wrap .con_zone ul li .img {width: 1000px; height: 500px;}
	.h_series .con_wrap .con_zone ul li .img img {height: 100%; width: auto;}
}
@media all and (max-width: 1024px) {
	.h_series .con_wrap .con_zone .anchor_wrap {width: 100%; bottom: 0 !important; left: 0; transform: unset;}
	.h_series .con_wrap .con_zone .anchor {max-width: 100%; height: 80px; transform: translateY(0);}
	.h_series .con_wrap .con_zone .anchor a {transform: translateY(0);}
	.h_series .con_wrap .con_zone .anchor a.on {height: 100%; border-radius: 0;}
	.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-prev {display: none;}
	.h_series .con_wrap .con_zone .anchor_wrap .swiper-button-next {display: none;}
}
@media all and (max-width: 768px) {
	.h_series .con_wrap .con_zone .anchor a {padding: 0 16px;}

	.h_series .con_wrap {margin: 60px 0 -100px;}
	.h_series .con_wrap .con_zone .anchor a::after {display: none;}
	.h_series .con_wrap .con_zone ul li .desc {top: 40%; transform: translate(-50%, -50%);}
	.h_series .con_wrap .con_zone ul li .desc p:nth-of-type(2) {font-size: 48px; margin: 20px 0 30px;}
	.h_series .con_wrap .con_zone ul li .desc .con_mmtxt {font-size: 16px;}
	.h_series .con_wrap .con_zone ul li .img {height: 100vh; width: auto;}
	
}




/* THE NEXT 시리즈 */
.the_next {position: relative;}
.the_next .intro {position: relative; width: 100%; z-index: -1;}
.the_next .intro .step1 {width: 100%; height: 100vh; position: absolute; z-index: 3;}
.the_next .intro .step1 .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; z-index: 10; opacity: 0; overflow: hidden; height: 216px;}
.the_next .intro .step1 .txt .next_p {font-family: "Poppins-Regular"; font-size: 72px; position: absolute; left: 0; width: 100%;}
.the_next .intro .step1 .next_p_copy .m_br {display: none;}
.the_next .intro .step1 .txt .next_p_copy {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%;}

/* .the_next .intro .step2_wrap.for_fixed { width: 100%; border: 10px solid blue; position: absolute; top: 0; left: 0; z-index: -1;} */
/* .the_next .intro .step2 {overflow: hidden;} */
.the_next .intro .step2 li {position: relative; height: 100vh; top: 0 !important;}
.the_next .intro .step2 li .desc {width: 490px;  height: 290px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 2; color: #fff;}
.the_next .intro .step2 li:nth-of-type(1) .desc {opacity: 0;}
.the_next .intro .step2 li .desc > p {font-family: "Poppins-Regular"; font-size: 72px;}
.the_next .intro .step2 li .desc dl dt {font-family: pretendard; color: #fff; margin: 40px 0 20px;}
.the_next .intro .step2 li .desc dl dd {position: relative; padding-left: 14px; color: #fff; font-family: pretendard;}
.the_next .intro .step2 li .desc dl dd + dd {margin-top: 10px;}
.the_next .intro .step2 li .desc dl dd::before {content: ""; width: 4px; height: 4px; background: #fff; display: block; border-radius: 50px; position: absolute; top: 8px; left: 0;}
.the_next .intro .step2 li .img {width: 100vw; height: 100vh; background: lavender; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%);}
.the_next .intro .step2 li .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%;}

.the_next .intro .step2 li .dimd {width: 100vw; height: 100%; background: rgba(0, 0, 0, 0.6);position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; z-index: 1;}

/* .the_next .intro .step2 li:last-of-type.for_fixed {width: 100%; border: 10px solid blue; position: fixed; bottom: 0; left: 0; padding-bottom: 100vh;} */

.the_next .unit {background: #F5F4F2; padding: 200px 0; z-index: 10;}
.the_next .unit .inner {display: flex; align-items: center; justify-content: space-between; opacity: 0; transform: translateY(200px); transition: all 1.2s;}
.the_next .unit.active .inner {opacity: 1; transform: translateY(0);}
.the_next .unit .swiper-container {width: 660px;}
.the_next .unit .swiper-slide {width: 660px; height: 440px; overflow: hidden; border-radius: 10px; position: relative;}
.the_next .unit .swiper-slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.the_next .unit .arrow {width: 660px; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 1;}
.the_next .unit .arrow .prev {background: url("../images/ico-the-next-unit-arrow.png") no-repeat; display: block; width: 48px; height: 48px; background-size: contain; cursor: pointer;}
.the_next .unit .arrow .next {background: url("../images/ico-the-next-unit-arrow.png") no-repeat; display: block; width: 48px; height: 48px; background-size: contain; transform: rotate(180deg); cursor: pointer;}

.the_next .unit .txt_area {width: 457px; height: 440px; position: relative;}
.the_next .unit .txt_area div {opacity: 0; width: 100%; position: absolute; top: 40px; left: 0; transition: all .4s; z-index: -1;}
.the_next .unit .txt_area div.on {opacity: 1; z-index: 1;}
.the_next .unit .txt_area div > p {font-family: pretendard; margin-bottom: 30px;}
.the_next .unit .txt_area div ul.for_flex {flex-wrap: wrap;}
.the_next .unit .txt_area div ul li {color: #4D4D4D; position: relative; padding: 10px 15px 10px; display: inline-block; width: 50%; white-space: nowrap;}
.the_next .unit .txt_area div ul li::before {content: ""; width: 4px; height: 4px; background: #727272; display: block; border-radius: 50px; position: absolute; top: 22px; left: 0;}

.function {height: 100%; background: #FCFBF7; margin-bottom: -200px;}
.function ul li {display: flex; justify-content: space-between; align-items: center; height: 960px;}
.function ul li:nth-of-type(even) {flex-direction: row-reverse;}
.function ul li .txt {width: 510px; opacity: 0; transform: translateY(150px); transition: all 1.5s;}
.function ul li.active .txt {opacity: 1; transform: translateY(0);}
.function ul li .txt p {color: #961E1E; font-family: "Poppins-SemiBold";}
.function ul li .txt dl dt {font-size: 48px; font-family: pretendard; margin: 30px 0 60px; padding-right: 120px; }
.function ul li .txt dl dd {color: #4D4D4D; position: relative; padding-left: 15px;}
.function ul li .txt dl dd + dd {margin-top: 20px;}
.function ul li .txt dl dd::before {content: ""; width: 4px; height: 4px; background: #727272; display: block; border-radius: 50px; position: absolute; top: 12px; left: 0;}
.function ul li .img {width: 50vw; overflow: hidden; position: absolute; left: 50%; overflow: hidden;}
.function ul li:nth-of-type(even) .img {right: 50%; left: unset; text-align: right;}

.function ul li .img img {transform: scale(1.2); transition: all 1.5s;}
.function ul li.active .img img {transform: scale(1);}

@media all and (max-width: 1500px) {
	.the_next .intro .inner {width: 1100px !important;}
	.the_next .unit .inner {width: 1250px !important;}
}
@media all and (max-width: 1280px) {
	.the_next .intro .inner {width: 90% !important;}
	.the_next .intro .step1 .txt .next_p {font-size: 52px; left: -56px;}
	.the_next .intro .step2 li .desc > p {font-size: 52px;}

	.the_next .unit .inner {width: 90% !important; display: block;}
	.the_next .unit .txt_area {margin: 0 auto;}

	/* .the_next .intro .step1 .txt .next_p {left: 100px;} */
}
@media all and (max-width: 1024px) {
	.the_next .intro .step1 .txt {height: auto;}
	.the_next .intro .step1 .txt .next_p {font-size: 40px; position: unset;}
	.the_next .intro .step1 .txt .next_p_copy {position: unset; transform: translate(0); margin-top: 30px; font-size: 16px; padding: 0 30px;}
	.the_next .intro .step2 li .desc {width: 100%;}
	.the_next .intro .step2 li .desc > p {font-size: 40px;}
	.the_next .intro .step2 li .desc dl dt {margin: 30px 0 20px;}
	.the_next .unit .txt_area {height: 550px}
	.function {padding-bottom: 100px; margin-bottom: -200px;}
	.function .inner {width: 100% !important;}
	.function ul li {flex-wrap: wrap; height: 100%; flex-direction: column-reverse;}
	.function ul li:nth-of-type(even) {flex-direction: column-reverse;}
	.function ul li + li {margin-top: 80px;}
	.function ul li .img {position: unset; width: 100%;}
	.function ul li .txt {position: unset; width: 100%; margin-top: 50px; width: 90%;}
}
@media all and (max-width: 768px) {
	.the_next .intro .inner {width: 94% !important;}
	.the_next .unit {padding: 80px 0;}
	.the_next .unit .inner {width: 94% !important;}
	.the_next .unit .swiper-container {width: 100%;}
	.the_next .unit .swiper-slide {height: 350px;}
	.the_next .unit .swiper-slide img {width: 100%;}
	.the_next .unit .arrow {width: 100%;}
	.the_next .unit .txt_area {width: 100%; height: 500px; position: relative;}
	.the_next .unit .txt_area div ul li {width: 100%; padding: 10px 15px 0;}
	.the_next .unit .txt_area div > p {margin-bottom: 20px;}
	.function {margin-bottom: -100px;}
	.function ul li .img {height: 300px;}
	.function ul li .img img {width: 100%;}
	.function ul li .txt {width: 94%;}
	.function ul li .txt p {font-size: 14px;}
	.function ul li .txt dl dt {font-size: 32px; margin: 16px 0 30px;}
	.function ul li .txt dl dd + dd {margin-top: 10px;}
	.function ul li .txt dl dd {font-size: 16px;}
	.the_next .unit .arrow .next {width: 32px; height: 32px;}
	.the_next .unit .arrow .prev {width: 32px; height: 32px;}
	.the_next .intro .step1 .next_p_copy .m_br {display: block;}
	.the_next .intro .step1 .next_p_copy .mobile_none {display: none;}
}
@media all and (max-width: 500px) {
	.the_next .unit .swiper-slide {height: 230px;}
}
@media all and (max-width: 450px) {
	.the_next .intro .step2 li .img {height: calc(100vh + 4px); width: calc(100vw + 2px);}
	.the_next .intro .step2 li .dimd {height: calc(100vh + 4px); width: calc(100vw + 2px);}
}




/* 현대엔지니어링 */
.engineering .intro {position: relative; height: 100vh;}
.engineering .intro .txt p:first-of-type {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; color: #fff; padding: 0 !important; opacity: 0;}
.engineering .intro .txt p:last-of-type  {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0;}
.engineering .intro .dimd  {width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; opacity: 0;}
.engineering .intro .img {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.engineering .intro .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover; height: 100%; z-index: -1;}

.engineering .vision {margin-top: 160px;}
.engineering .vision ul {margin-top: 60px; display: flex; justify-content: space-between;}
.engineering .vision ul li {width: 540px; opacity: 0; transform: translateY(350px); transition-duration: 1.2s;}
.engineering .vision ul li:first-of-type {padding-top: 180px; transition-delay: .2s;}
.engineering .vision ul li.active {transform: translateY(0); opacity: 1;}
.engineering .vision ul li .img {overflow: hidden; width: 100%; height: 540px; position: relative; margin-bottom: 40px;} 
.engineering .vision ul li .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.3); transition: all 1.3s; object-fit: cover; width: 100%; height: 100%;}
.engineering .vision ul li.active .img img {transform: translate(-50%, -50%) scale(1);}
.engineering .vision ul li dl {padding: 0 30px;}
.engineering .vision ul li dl dd {margin-top: 24px; color: #4D4D4D;}

.engineering .global {margin-top: 160px; padding: 270px 0; background: #F6F6F6;}
.engineering .global ul {display: flex; justify-content: center;}
.engineering .global ul li {text-align: center; transition: all 1s;}
.engineering .global ul li + li {margin-left: 20px;}
.engineering .global ul li p:first-of-type {margin-bottom: 30px;}
.engineering .global ul li p:last-of-type {opacity: 0; transition-duration: 1s; transition-delay: .4s;}
.engineering .global ul.active li + li {margin-left: 90px;}
.engineering .global ul.active li p:last-of-type {opacity: 1;}

.engineering .rules {display: flex; justify-content: flex-end; margin: 160px auto; position: relative;}
.engineering .rules p.sub_stit {width: 440px;}


.engineering .rules p.sub_stit {transition: all .3s; position: relative;}
.engineering .rules p.sub_stit.for_fixed {position: fixed; top: 120px; width: 440px; left: calc(50% - 640px); }
.engineering .rules p.sub_stit.for_fixed2 {position: absolute; top: unset; bottom: 100px; width: 440px; left: calc(50% - 640px);}

.engineering .rules > div {width: calc(100% - 440px); }
.engineering .rules > div .infog ul.bussi {margin-top: 80px; display: flex; align-items: center; justify-content: space-between;}
.engineering .rules > div .infog ul.bussi li {display: flex; align-items: center; justify-content: center; width: 184px; height: 184px; font-family: pretendard; color: #3368B7; border: 1px solid #3368B7; border-radius: 50%; padding: 45px; text-align: center;}
.engineering .rules > div .infog ul.bussi li + li {margin-left: -30px;}
.engineering .rules > div .infog .line {width: 1px; height: 64px; background: #3368B7; display: block; margin: -4px auto -4px; position: relative;}
.engineering .rules > div .infog .line::before {content: ""; width: 7px; height: 7px; background: #3368B7; border-radius: 7px; display: block; position: absolute; top: 0; left: -3px;}
.engineering .rules > div .infog .line::after {content: ""; width: 7px; height: 7px; background: #fff; border: 1px solid #3368B7; border-radius: 7px; display: block; position: absolute; bottom: 0; left: -3px; box-sizing: border-box;}
.engineering .rules > div .infog .logo {width: 294px; height: 294px; background: #3368B7; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.engineering .rules > div .infog .logo img {width: 180px;}
.engineering .rules > div .infog ul.bussi2 {background: #06826D; border-radius: 90px; color: #fff; font-family: pretendard; display: flex; align-items: center; justify-content: center; height: 75px;}
.engineering .rules > div .infog ul.bussi2 li + li {margin-left: 50px;}
.engineering .rules > div .infog ul.bussi3 {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 48px;}
.engineering .rules > div .infog ul.bussi3 li {font-family: pretendard; color: #06826D; width: 192px; height: 60px; background: rgba(83, 170, 143, 0.08); border: 1px solid rgba(19, 137, 53, 0.08); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.engineering .rules > div .infog ul.bussi3 li + li {margin-left: 24px;}

.engineering .score {display: flex; justify-content: flex-end; padding: 120px 0 500px; position: relative; margin-bottom: -200px;}
.engineering .score::after {content: ""; width: 100vw; height: 312px; display: block; background: url("../images/img-earth.png") no-repeat center; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);}
.engineering .score::before {content: ""; width: 100vw; height: 100%; display: block; background: #FCFBF7; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%);} 
.engineering .score p.sub_stit {width: 440px;}
.engineering .score p.sub_stit {transition: all .3s; position: relative;}
.engineering .score p.sub_stit.for_fixed {position: fixed; top: 120px; width: 440px; left: calc(50% - 640px); }
.engineering .score p.sub_stit.for_fixed2 {position: absolute; top: unset; bottom: 600px; width: 440px; left: calc(50% - 640px);}

.engineering .score > div {width: calc(100% - 440px);}
.engineering .score > div .data {margin: 80px 0 0; display: flex; flex-wrap: wrap;}
.engineering .score > div .data + .msg {margin: 0 0 80px;}
.engineering .score > div .data dl {display: flex; width: 275px; margin-bottom: 32px;}
.engineering .score > div .data dl dt {width: 100px; font-family: pretendard;}
.engineering .score > div .data dl dd {color: #4D4D4D; width: calc(100% - 100px);}
.engineering .score > div .box {display: flex; justify-content: space-between;}
.engineering .score > div .box dl {background: #F1EEE7; width: 268px; height: 140px; padding: 33px 40px;}
.engineering .score > div .box dl dt {font-family: pretendard;}
.engineering .score > div .box dl dd {font-family: pretendard; color: #961E1E;}

@media all and (max-width: 1500px) {
	.engineering .rules p.sub_stit {width: 200px;}
	.engineering .rules > div {width: calc(100% - 200px);}
	.engineering .rules p.sub_stit.for_fixed {left: calc(50% - 500px);}
	.engineering .score p.sub_stit {width: 200px;}
	.engineering .score > div {width: calc(100% - 200px);}

}
@media all and (max-width: 1024px) {
	.engineering .vision ul {display: block;}
	.engineering .vision ul li {margin: 0 auto;}
	.engineering .vision ul li:first-of-type {padding: 0;}
	.engineering .vision ul li + li {margin-top: 80px;}
	.engineering .global {padding: 100px 0;}
	.engineering .global ul {display: block;}
	.engineering .global ul li + li {margin-left: 0; margin-top: 100px;}
	.engineering .global ul.active li + li {margin-top: 60px; margin-left: 0; }
	.engineering .rules {display: block;}
	.engineering .rules p.sub_stit {width: 100%; margin-bottom: 60px;}
	.engineering .rules p.sub_stit.for_fixed {position: unset;}
	.engineering .rules > div {width: 100%;}
	.engineering .rules > div	.for_scroll {overflow-x: auto;}
	/* .engineering .rules > div .infog {width: 720px !important;} */
	.engineering .rules > div .infog {width: 720px !important; margin: 0 auto;}
	.engineering .rules > div .infog ul.bussi li {width: 160px; height: 160px; padding: 30px;}
	.engineering .rules > div .infog .logo {width: 240px; height: 240px;}
	.engineering .rules > div .infog .logo img {width: 160px;}
	.engineering .rules > div .infog ul.bussi2 {font-size: 16px;}
	.engineering .rules > div .infog ul.bussi3 li {width: 160px; font-size: 16px;}
	.engineering .score {display: block;}
	.engineering .score p.sub_stit {width: 100%; margin-bottom: 60px;}
	.engineering .score > div {width: 100%;}
	/* .engineering .score > div .box {display: block;}
	.engineering .score > div .box dl + dl {margin-top: 30px;} */
	.engineering .score > div .box + .msg.text_right {text-align: left;}
	.engineering .score > div .data + .msg.text_right {text-align: left;}
}
@media all and (max-width: 768px) {
	.engineering .rules > div .infog ul.bussi3 li {width: 142px; height: 52px;}
	.engineering .rules > div .infog ul.bussi3 li + li {margin-left: 18px;}
	.engineering .intro .txt p:last-of-type {width: 60%;}
	.engineering .intro .txt p:last-of-type img {width: 100%;}
	.engineering .vision {margin-top: 80px;}
	.engineering .vision ul {margin-top: 40px;}
	.engineering .vision ul li {transform: translateY(100px); width: 100%;}
	.engineering .vision ul li + li {margin-top: 40px;}
	.engineering .vision ul li .img {width: 100%; height: 343px; margin-bottom: 20px;}
	.engineering .vision ul li dl {padding: 0;}
	.engineering .vision ul li dl dd {margin-top: 16px;}
	.engineering .global {margin-top: 80px; padding: 136px 0;}
	.engineering .global ul li p:first-of-type {margin-bottom: 16px;}
	.engineering .rules {margin: 80px auto;}
	.engineering .rules p.sub_stit {margin-bottom: 20px;}
	.engineering .rules > div .infog ul.bussi {margin-top: 40px;}
	.engineering .score {padding: 80px 0 350px; font-size: 16px;}
	.engineering .score p.sub_stit {margin-bottom: 20px;}
	.engineering .score > div .data {margin: 40px 0 0; display: block;}
	.engineering .score > div .data dl {width: 100%; margin-bottom: 16px;}
	.engineering .score > div .data dl dt {width: 120px;}
	.engineering .score > div .data dl dd {width: calc(100% - 120px);}
	.engineering .score > div .data + .msg {margin: 0 0 40px;}
	.engineering .score > div .box {display: block;}
	.engineering .score > div .box dl {width: 100%; height: 100%; padding: 28px 20px;}
	.engineering .score > div .box dl + dl {margin-top: 16px;}
	.engineering .score > div .box dl dd {margin-top: 14px;}
	
	.engineering .score::after {bottom: 100px; width: 900px; height: 175px; background-position-y: top; background-size: cover;}
}




/* 현대 테라타워 */
.tera_tower .intro {width: 100%; height: 100vh; position: relative; overflow: hidden;}
.tera_tower .intro .step1 {width: 100%; height: 100vh;}
.tera_tower .intro .step1 p {font-size: 72px; text-align: center; color: #fff; position: absolute; top: 37%; width: 100%;}
.tera_tower .intro .step1 .sky {width: 100%; height: 100vh; background: url("../images/bg-teratower.jpg") no-repeat; background-size: cover;}
.tera_tower .intro .step1 .tower {width: 1186px; height: 816px; background: url("../images/img-tower.png") no-repeat; background-size: contain; z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); bottom: -500px;}

.tera_tower .intro .step2 {width: 100%; height: 100vh;}
.tera_tower .intro .step2 .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; opacity: 0; z-index: 2;}
.tera_tower .intro .step2 .txt .sub_tit {color: #fff; padding: 0 !important;}
.tera_tower .intro .step2 .txt .con_mmtxt {color: #fff; margin-top: 53px;}
.tera_tower .intro .step2 .bg {width: 0; height: 100vh; background: #08213F; position: absolute; top: 0; left: 0; z-index: 1; opacity: .97;}
.tera_tower .intro .step2 ul {position: absolute; top: 50%; left: 50%; z-index: 3; width: 1093px; height: 227px; transform: translate(-50%);  flex-wrap: wrap; overflow: hidden; display: flex; justify-content: center;}
.tera_tower .intro .step2 ul li {display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; border: 1px solid #fff; width: 227px; height: 227px; border-radius: 50%; font-family: "Poppins-Regular"; position: absolute; opacity: 0;}
/* .tera_tower .intro .step2 ul li:nth-of-type(1) {left: 0;}
.tera_tower .intro .step2 ul li:nth-of-type(2) {left: 217px;}
.tera_tower .intro .step2 ul li:nth-of-type(3) {left: 433px}
.tera_tower .intro .step2 ul li:nth-of-type(4) {right: 217px;}
.tera_tower .intro .step2 ul li:nth-of-type(5) {right: 0;} */
.tera_tower .intro .step2 ul li span {opacity: 0;}

.tera_tower .intro .scroll_info {position: fixed; bottom: 40px; left: 50%; transform: translate(-50%, 0); width: 132px; height: 70px; padding-top: 50px; color: rgba(255, 255, 255, 0.6); font-size: 13px; font-family: "Poppins-Bold"; text-align: center; opacity: 0; z-index: 10;}
.tera_tower .intro .scroll_info .mouse {display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 24px; height: 40px; border: 2px solid #fff; border-radius: 12px;}
.tera_tower .intro .scroll_info .mouse::after {content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 4px; height: 4px; background: #fff; border-radius: 2px; animation: wheelloof 1.5s infinite;}

.tera_tower .logo_type li {position: relative; }

.tera_tower .logo_type li.brand .left {transition: all .3s; position: relative;}
.tera_tower .logo_type li.brand .left.for_fixed {position: fixed; top: 120px; width: 440px; left: calc(50% - 640px); }
.tera_tower .logo_type li.brand .left.for_fixed2 {position: absolute; top: unset; bottom: 100px; width: 440px; left: calc(50% - 640px);}

.tera_tower .logo_type li.signiture .left {transition: all .3s; position: relative;}
.tera_tower .logo_type li.signiture .left.for_fixed {position: fixed; top: 120px; width: 440px; left: calc(50% - 640px); }
.tera_tower .logo_type li.signiture .left.for_fixed2 {position: absolute; top: unset; bottom: 100px; width: 440px; left: calc(50% - 640px);}

@media all and (max-width: 1500px) {
	.tera_tower .logo_type li {justify-content: flex-end;}
	.tera_tower .logo_type li.brand .left.for_fixed {left: calc(50% - 500px)}
	.tera_tower .logo_type li.signiture .left.for_fixed {left: calc(50% - 500px)}
	.tera_tower .logo_type li.brand .right .box .img img {width: 40%;}
	.tera_tower .logo_type li.signiture .right .box .img img {width: 60%;}
}
@media all and (max-width: 1280px) {
	.tera_tower .intro .step1 .tower {width: 105%; height: 90%;}
	.tera_tower .intro .step2 ul {width: 380px; align-items: flex-start; justify-content: space-between;}
	.tera_tower .intro .step2 ul li {width: 180px; height: auto; border-radius: 34px; padding: 12px 0; position: unset; display: inline-block; }
	.tera_tower .intro .step2 ul li:last-of-type {width: 380px;}
	.tera_tower .intro .step2 ul li br {display: none;}
}
@media all and (max-width: 768px) {
	.tera_tower .intro .scroll_info {display: none;}
	.tera_tower .intro .step1 p {font-size: 36px;}
	.tera_tower .intro .step1 .tower {bottom: -600px;}
	.tera_tower .intro .step2 .txt {width: 70%;}
	.tera_tower .intro .step2 .txt .con_mmtxt {margin-top: 30px;}
	.tera_tower .intro .step2 ul {width: 300px; height: 180px;}
	.tera_tower .intro .step2 ul li {font-size: 14px; width: 146px;}
	.tera_tower .intro .step2 ul li:last-of-type {width: 300px;}

	.logo_type .color_box {height: 180px; padding: 56px 32px;}
	.logo_type .color_box dt {margin-bottom: 10px;}
	.logo_type li .right .box .txt.con_mmtxt {margin-bottom: 20px;}
	.logo_type .color_box dt {font-size: 28px !important;}
}
@media all and (max-width: 400px) {
	.tera_tower .intro .step2 .txt {width: 70%;}
}




/* 분양뉴스 */
.about_cont2 {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px;}
.about_cont2 .total {font-family: pretendard;}
.about_cont2 .total span {font-family: pretendard; color: #222;}
.about_cont2 .faq_srch {width: 300px; margin: 0;}
.about_cont2 .faq_srch .form_input input {padding: 0 66px 0 40px;}

.salenews_sec .news_list {border-top: 1px solid #222;}
.salenews_sec .news_list > a {display: inline-block; width: 100%; padding: 53px 70px; border-bottom: 1px solid #E5E5E5; transition: background .3s;}
.salenews_sec .news_list > a:hover {background-color: #F4F4F4;}
.salenews_sec .news_list > a .cate {line-height: 1;}
.salenews_sec .news_list > a .title_view {margin: 18px 0 21px; line-height: 38px;}
.salenews_sec .news_list > a .title_view span {word-break: break-all;}
.salenews_sec .news_list > a .con_tit + .con_mtxt {margin-top: 0;}
.salenews_sec .news_list > a .date {line-height: 1; color: #727272;}
.salenews_sec .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 30px;}
.link {position: relative; display: inline-block; width: 26px; height: 26px; margin-left: 4px; vertical-align: middle; background: url("../images/ic-new-link.svg") no-repeat center center/ 25px 25px;}

@media all and (max-width: 1500px) {
	.salenews_sec .news_list > a {padding: 50px;}
}
@media all and (max-width: 1024px) {
	.salenews_sec .news_list > a {padding: 40px;}
}
@media all and (max-width: 768px) {
	.about_cont2 {flex-direction: column-reverse; align-items: flex-start; margin-bottom: 16px;}
	.about_cont2 .total {font-size: 16px !important;}
	.about_cont2 .faq_srch {width: 100%; margin-bottom: 32px;}

	.salenews_sec .news_list > a {padding: 32px 20px;}
	.salenews_sec .news_list > a .cate {font-size: 16px;}
	.salenews_sec .news_list > a .title_view {margin: 16px 0 25px; font-size: 18px !important; line-height: 28px;}
	.salenews_sec .news_list > a .date {font-size: 14px !important;}
	.link {width: 20px; height: 20px; margin-left: 2px; background-image: url("../images/ic-mo-new-link.svg"); background-size: 19px 19px;}
	.salenews_sec .btn_area {margin-top: 40px;}
}




/* 분양뉴스(상세) */
/* .inner_type2 {max-width: 1060px !important; margin: 290px auto 0;} */
.inner_type2 {max-width: 1060px; margin: 257px auto 0;}
.notice_wrap .n_head {padding-bottom: 60px; border-bottom: 1px solid #E5E5E5;}
.notice_wrap .n_head .info_box {display: flex; align-items: center;}
.notice_wrap .n_head .info_box .cate {position: relative; padding-right: 20px; margin-right: 20px; line-height: 1;}
.notice_wrap .n_head .info_box .cate::before {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background-color: #E5E5E5;}
.notice_wrap .n_head .info_box .date {font-family: pretendard, sans-serif; color: #727272; line-height: 1;}
.notice_wrap .n_head .tit {margin-top: 50px; font-family: pretendard, sans-serif; line-height: 60px; word-break: break-all;}
.notice_wrap .n_body {padding: 60px 0 30px; border-bottom: 1px solid #E5E5E5;}
.notice_wrap .n_body p {line-height: 38px; word-break: break-all;}
.notice_wrap .n_body p img {max-width: 100% !important;}
/* .notice_wrap .n_body .txt {line-height: 38px;}
.notice_wrap .n_body .img_box {text-align: center;}
.notice_wrap .n_body .img_box img {max-width: 100%; margin: 4px 0;} */
/* .notice_wrap .form_input_file {margin-top: 23px; margin-bottom: -10px;}
.notice_wrap .form_input_file .file_area {padding-top: 0;}
.notice_wrap .form_input_file .file_area .file_name:first-child {margin-top: 30px;}
.notice_wrap .form_input_file .file_area .file_name {margin-right: 8px;} */

@media all and (max-width: 1024px) {
	.inner_type2 {margin: 166px auto 0;}
}
@media all and (max-width: 768px) {
	/* .inner_type2 {margin: 98px auto 0;} */

	.notice_wrap .n_head {padding-bottom: 32px;}
	.notice_wrap .n_head .info_box .cate {font-size: 16px;}
	.notice_wrap .n_head .tit {margin-top: 40px; font-size: 20px !important; line-height: 30px;}
	.notice_wrap .n_body {padding: 32px 0;}
	.notice_wrap .n_body p {font-size: 16px; line-height: 29px;}
}




/* 공지사항 */
.notice_sec .news_list {border-top: 1px solid #222;}
.notice_sec .news_list a {display: flex; align-items: center; width: 100%; padding: 30px 50px; border-bottom: 1px solid #e5e5e5; transition: background .3s;}
.notice_sec .news_list a:hover {background-color: #F4F4F4;}
.notice_sec .news_list a .num {position: relative; padding-right: 50px; font-family: "Poppins-SemiBold" ,sans-serif; line-height: 1;}
.notice_sec .news_list a .num::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 60px; background-color: #eee;}
/* .notice_sec .news_list a .news_view {display: flex; justify-content: space-between; align-items: center; width: 100%; padding-left: 50px;} */
.notice_sec .news_list a .news_view {padding-left: 50px;}
.notice_sec .news_list a .news_view .title_view {margin-bottom: 20px;}
/* .notice_sec .news_list a .news_view .tit_box .title_view span:first-child {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-family: pretendard, sans-serif; line-height: 42px; word-break: break-all; text-overflow: ellipsis;} */
.notice_sec .news_list a .news_view .title_view p {display: inline-block; padding-right: 6px;}
.notice_sec .news_list a .news_view .title_view span:first-child {font-family: pretendard, sans-serif; line-height: 42px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; }

.notice_sec .news_list a .news_view .title_view span.file {display: inline-block; width: 24px; height: 24px; background: url("../images/ico-attachments.svg") no-repeat center center/ 24px 24px;transform: translateY(-8px);}
/* .notice_sec .news_list a .news_view .title_view span.link2 {background-image: url("../images/ico-link2.svg");} */
/* .notice_sec .news_list a .news_view .title_view span:nth-child(2) {margin-left: 8px;} */
/* .notice_sec .news_list a .news_view .title_view span:nth-child(3) {margin-left: 2px;} */
.notice_sec .news_list a .news_view .date {line-height: 1; color: #727272;}
.notice_sec .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 60px;}
.notice_sec .file_layout2 .form_input_file .file_area .file_name span {display: unset; text-overflow: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset;}

@media all and (max-width: 1500px) {
	.notice_sec .news_list a {padding: 30px 40px;}
}
@media all and (max-width: 1024px) {
	.notice_sec .news_list a {position: relative; padding: 30px;}
	.notice_sec .news_list a .num {padding-right: 40px;}
	.notice_sec .news_list a .news_view {padding-left: 40px;}
}
@media all and (max-width: 768px) {
	.notice_sec .news_list a {position: relative; display: block; padding: 30px 20px;}
	.notice_sec .news_list a .num {font-size: 24px !important;}
	.notice_sec .news_list a .num::after {display: none;}
	.notice_sec .news_list a .news_view {padding-left: 0;}
	.notice_sec .news_list a .news_view .title_view {margin: 16px 0 25px;}
	.notice_sec .news_list a .news_view .title_view span:first-child {font-size: 18px; line-height: 28px;}
	.notice_sec .news_list a .news_view .title_view span.file {width: 20px; height: 20px; margin-left: 2px; background-size: 20px 20px; transform: translateY(-4px);}
	.notice_sec .news_list a .news_view .date {font-size: 14px;}
	.notice_sec .btn_area {margin-top: 40px;}
}




/* FO-BR-04-002_브랜드PR(뉴스) */
.sc_hills_news .news_board_tit {margin-top: 50px; word-break: break-all;}
.sc_hills_news .notice_wrap .n_body {padding: 40px 40px 30px;}
/* .sc_hills_news .n_body .txt {padding: 44px 0;} */
.sc_hills_news .n_body .txt {line-height: 24px;}
.sc_hills_news .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 60px;}
.sc_hills_news .file_layout2 {max-width: 600px;}




/* FO-BR-05-002_힐스테이트 소식 - 상세 */
.sc_hills_news .cate {font-family: pretendard, sans-serif;  color: #961e1e;}
.sc_hills_news .notice_wrap .form_input_file {margin-top: 3px;}
.sc_hills_news .form_input_file .file_area {width: auto; padding-top: 0;}

@media all and (max-width: 768px) {
	.sc_hills_news .news_board_tit {margin-top: 40px; font-size: 18px !important; line-height: 27px;}
	.sc_hills_news .notice_wrap .n_body {padding: 20px 0 40px;}
	.sc_hills_news .notice_wrap .n_head {padding-bottom: 40px;}
	.sc_hills_news .file_layout2 .form_input_file .file_area .file_name:first-child {margin-top: 30px;}
}




/* 홍보영상 */
.main_video {display: flex; align-items: center; justify-content: space-between; margin-bottom: 160px;}
.main_video .img_box {position: relative; width: 840px; height: 473px; overflow: hidden;}
.main_video .img_box .iframe {position: relative; max-width: 100%; height: 0; padding-bottom: 56.31%; overflow: hidden;}
.main_video .img_box .iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* .main_video .img_box a {position: relative; display: inline-block; width: 100%; height: 0; padding-bottom: 56.31%; overflow: hidden;} */
.main_video .img_box a {position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.main_video .img_box a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.main_video .info_box {width: 360px;}
/* .main_video .info_box .tit {margin: 17px 0 28px; font-family: pretendard, sans-serif; line-height: 46px;} */
.main_video .info_box .tit {margin: 17px 0 0; font-family: pretendard, sans-serif; line-height: 46px;}
.main_video .info_box .tit .link {top: -1px;}
.main_video .info_box .date {line-height: 1; color: #727272;}
.subtitles {width: 100%; height: 212px; margin-top: 30px; padding-right: 30px; overflow-y: auto; color: #727272; line-height: 26px; word-break: break-word; background: #fff;}
.subtitles::-webkit-scrollbar {width: 4px;}
.subtitles::-webkit-scrollbar-track {background: #F4F4F4; border-radius: 4px;}
.subtitles::-webkit-scrollbar-thumb {background: #2d2d2d; border-radius: 4px;} 
.youtube {display: block; width: 27px; height: 27px; background: url("../images/icon-youtube.svg") no-repeat center center / 26px 26px;}

.sub_video .video_list {padding: 80px 0; border-top: 2px solid #222; border-bottom: 1px solid #E5E5E5;}
.sub_video .video_list a {display: flex; align-items: center; justify-content: flex-start; transition: background .3s;}
.sub_video .video_list a ~ a {margin-top: 80px;}
.sub_video .video_list a:hover {background-color: #F4F4F4;}
.sub_video .video_list a:hover .img_box img {transform: scale(104%);}
.sub_video .video_list a .img_box {position: relative; width: 440px; height: 250px; overflow: hidden;}
.sub_video .video_list a .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
.sub_video .video_list a .info_box {width: 635px; margin-left: 80px; padding: 20px 0;}
/* .sub_video .video_list a .info_box .tit {margin: 17px 0 28px; font-family: pretendard, sans-serif; line-height: 38px;} */
.sub_video .video_list a .info_box .tit {margin: 17px 0 0; font-family: pretendard, sans-serif; line-height: 38px;}
.sub_video .video_list a .info_box .tit::after {content: ""; display: inline-block; width: 25px; height: 25px; margin-left: 4px; vertical-align: middle; background: url("../images/ic-new-link.svg") no-repeat center center/ 25px 25px;}
.sub_video .video_list a .info_box .date {line-height: 1; color: #727272;}

@media all and (max-width: 1500px) {
	.main_video {margin-bottom: 140px;}
	.main_video .img_box {width: 65%; height: 366px;}
	.main_video .info_box {width: 30%;}
	/* .main_video .info_box .tit {margin: 10px 0 20px;} */
	.main_video .info_box .tit {margin: 10px 0 0;}
	.subtitles {height: 130px; padding-right: 20px}
	.sub_video .video_list a ~ a {margin-top: 50px;}
	.sub_video .video_list a .img_box {width: 34.3%; height: 0; padding-bottom: 19.54%; flex: 0 0 auto;}
	.sub_video .video_list a .info_box {margin-left: 50px; width: 100%;}
	/* .sub_video .video_list a .info_box .tit {margin: 10px 0 20px;} */
	.sub_video .video_list a .info_box .tit {margin: 10px 0 0;}
}
@media all and (max-width: 1024px) {
	.main_video {display: block; margin-bottom: 110px;}
	.main_video .img_box {width: 100%; height: auto;}
	.main_video .img_box a {height: 0; padding-bottom: 56.31%;}
	.main_video .info_box {width: 100%; padding-top: 40px;}
	/* .main_video .info_box .tit {margin: 16px 0 24px;} */
	.main_video .info_box .tit {margin: 16px 0 0;}
	.subtitles {height: 150px; padding-right: 36px}
	.sub_video .video_list a .info_box {margin-left: 30px; padding: 10px 0;}
}
@media all and (max-width: 768px) {
	.sub_video .video_list a .info_box .tit::after {background: url("../images/ic-mo-new-link.svg") no-repeat center center/ 24px 24px;}
	.main_video {margin-bottom: 80px;}
	.main_video .info_box {width: 100%; padding-top: 32px;}
	/* .main_video .info_box .tit {margin: 16px 0 20px; font-size: 20px !important; line-height: 28px;} */
	.main_video .info_box .tit {margin: 16px 0 0; font-size: 20px !important; line-height: 28px;}
	.main_video .info_box .date {font-size: 14px !important;}
	.subtitles {height: 106px; padding-right: 36px}
	.sub_video .video_list {padding: 60px 0;}
	.sub_video .video_list a {display: block;}
	.sub_video .video_list a ~ a {margin-top: 50px;}
	.sub_video .video_list a .img_box {width: 100%; padding-bottom: 57%;}
	.sub_video .video_list a .info_box {width: 100%; margin-left: 0; padding: 0 0 10px;}
	.sub_video .video_list a .info_box .youtube {display: none;}
	/* .sub_video .video_list a .info_box .tit {margin: 20px 0 26px; font-size: 18px !important; line-height: 28px;} */
	.sub_video .video_list a .info_box .tit {margin: 20px 0 0; font-size: 18px !important; line-height: 28px;}
	.sub_video .video_list a .info_box .date {font-size: 16px;}
	.sub_video .video_list a .info_box .tit::after {position: relative; top: 1px; width: 19px; height: 19px; margin-left: 4px; background-size: 19px 19px;}
	.video_sec .sub_video .btn_area {margin-top: 40px;}
}




/* 분양 단지 프리미엄 FO-SA-01-026 */
.mainview_sec {position: fixed; z-index: -1; left: 0; top: 0; width: 100%; height: 100vh;}
.mainview_sec .bgimg_area {position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.no_tab .mainview_sec .bgimg_area {transition: 1s;}
.no_tab .mainview_sec .on {transform: scale(1.2);}
.mainview_sec .bgimg_area img {width: 100%; height: 100%; object-fit: cover;}
.no_tab .mainview_sec .inner {position: relative; height: 100%;}
.no_tab .mainview_sec .main_sec_text {position: absolute; left: 0; top: 45%; transform: translateY(-52%); width: 100%; font-size: 50px;}
.mainview_sec .title_wrap .path {margin-bottom: 30px; color: #fff;}
.mainview_sec .title_wrap .path span ~ span {padding-left: 28px; background: url(../images/ico-path-arrow-wh.svg) no-repeat left center / 20px 20px;}
.mainview_sec .title_wrap .sub_tit {color: #fff;}
.mainview_sec .title_wrap .con_tit {margin-top: 30px; color: #fff;}
.mainview_sec .scroll {position: absolute; bottom: 0; left: 0; width: 133px; height: 82px; font-size: 14px; font-family: "Poppins-Regular"; color: #fff; z-index: 1;}
.mainview_sec .scroll .txt {margin-left: 22px;}
.mainview_sec .scroll .line {width: 1px; height: 82px; background-color: rgba(255, 255, 255, 0.5);}
.mainview_sec .scroll .line > span {position: absolute; top: 0; left: 0; width: 1px; height: 0; background-color: #fff; animation: lineloof 1.5s infinite;}
.sub_body.pri_bg {margin: 0 auto;}
.list_area_sec {margin-top: 100vh; padding: 200px 0; background-color: #f4efe4;}
.list_area_sec .inner > div {display: flex; flex-wrap: wrap; justify-content: center;}

.list_area_sec .link_img_infor {position: relative; display: block; width: calc((100% - 80px) / 2); transform: translateY(200px); transition: 1s; margin-top: 90px; border: 1px solid #ECE4D0; background-color: #fff; opacity: 0; transition: all 1.2s;}
.list_area_sec .scroll_motion.active {transform: translate(0) !important; opacity: 1;}
.list_area_sec .link_img_infor:nth-child(-n+2) {margin-top: 0;}
.list_area_sec .link_img_infor::after {position: absolute; left: 10px; right: 10px; bottom: -10px; height: 10px; background-color: #ECE4D0; content: "";}
.list_area_sec .link_img_infor .ig_box {position: relative; height: 398px; padding: 20px 0 0 20px; overflow: hidden; clip-path: polygon(0 0, 100% 0%, 100% 87%, 0 75%);}
.list_area_sec .link_img_infor .ig_box img {width: 100%; object-fit: cover;}
.list_area_sec .link_img_infor .ig_box .ig_logo {position: absolute; left: 50%; top: 50%; transform: translate(-45% , -70%);}
.list_area_sec .inner > div > div:nth-child(2n) {margin-left: 80px; transition-delay: .2s;}
.list_area_sec .link_img_infor .ic_box {position: absolute; top: 305px; right: 40px;}
.list_area_sec .link_img_infor .ic_box img:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.list_area_sec .link_img_infor .infor_txt_area {margin-top: -75px; padding: 0 72px 63px;}
.list_area_sec .infor_txt_area .list-nubmer {font-family: "Poppins-Thin"; font-size: 60px; color: #7D1919;}
.list_area_sec .infor_txt_area .part_name {margin-bottom: 30px; font-family: "Poppins-SemiBold", pretendard; color: #7D1919; letter-spacing: 1.5px;}
.list_area_sec .infor_txt_area .place_tit {font-size: 32px; line-height: 50px; margin-bottom: 30px;}
.list_area_sec .infor_txt_area .traffic_txt {font-size: 20px; color: #727272;}
.pri_bg .yellow_info_box {margin-top: 80px;}

.list_area_sec .inner > div {display: none;}




/* 분양 단지 프리미엄  FO-SA-01-026-1 */
.with_tab .mainview_sec {position: relative; z-index: 1; height: auto;}
.with_tab .mainview_sec .bgimg_area {position: initial; margin-top: 100px; width: 100%; height: 100vh; overflow: hidden;}
.with_tab .mainview_sec .bgimg_area img {width: 100%; height: 100%; object-fit: cover; transition: 1s;}
.with_tab .mainview_sec .bgimg_area.on img {transform: scale(1.2);}
.with_tab .mainview_sec .inner_text {position: absolute; top: 164px; left: 50%; transform: translateX(-50%); height: calc(100% - 164px);}
/* .mainview_sec .main_sec_text {position: absolute; left: 0; top: 45%; transform: translateY(-52%); width: 100%; font-size: 50px;} */
.with_tab .list_area_sec {margin-top: 0;}
.with_tab .mainview_sec .title_wrap {padding-top: 455px;}

@media all and (max-width: 1500px) {
	.with_tab .mainview_sec .bgimg_area {margin-top: 60px;}
}




/* 분양 단지 프리미엄  FO-SA-01-027 */
.list_area_sec .link_txt_infor {position: relative; display: block; width: calc((100% - 80px) / 2); transform: translateY(200px); margin-top: 90px; border: 1px solid #ECE4D0; background-color: #fff; opacity: 0; transition: all 1.2s;}
.list_area_sec .link_txt_infor::after {position: absolute; left: 10px; right: 10px; bottom: -10px; height: 10px; background-color: #ECE4D0; content: "";}
.list_area_sec .link_txt_infor:nth-child(-n+2) {margin-top: 0;}
.list_area_sec .txt_infor_list .infor_txt_area {padding: 66px 72px 121px 70px;}
.list_area_sec .link_txt_infor .ic_box {position: absolute; top: 70px; right: 70px;}
.list_area_sec .link_txt_infor .ic_box img:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@keyframes lineloof {
	0% { height: 0; }
	100% { height: 100%; }
}
@media all and (max-width: 1500px) {
	.list_area_sec .link_img_infor .ig_box img {width: auto; height: 100%; object-fit: contain;}
}
@media all and (max-width: 1000px) {
	.mainview_sec .title_wrap .sub_tit {margin: 0;}
	.list_area_sec .link_img_infor {width: 100%; margin-top: 40px;}
	.list_area_sec .inner > div > div:nth-child(2n) {margin-left: 0;}
	.list_area_sec .link_img_infor:nth-child(2) {margin-top: 40px;}
	.list_area_sec .link_txt_infor {width: 100%; margin-top: 40px;}
	.list_area_sec .inner > div > div:nth-child(2n) {margin-top: 40px;}
	.list_area_sec .link_img_infor .ig_box img {width: 100%; height: auto; object-fit: cover;}
}
@media all and (max-width: 768px) {
	.list_area_sec {padding: 100px 0;}
	.mainview_sec .title_wrap .path {margin-bottom: 25px;}
	.mainview_sec .title_wrap .path span ~ span {padding-left: 24px;}
	.title_wrap.wht .sub_tit {margin: 0 auto;}
	.mainview_sec .title_wrap .path span {padding-right: 0;}
	.mainview_sec .title_wrap .sub_tit {line-height: 1.5;}
	.mainview_sec .title_wrap .con_tit {margin-top: 40px;}
	.list_area_sec .infor_txt_area .list-nubmer {font-family: "Poppins-Light"; font-size: 28px;}
	.list_area_sec .infor_txt_area .part_name {margin-bottom: 20px; font-size: 14px !important; line-height: 1;}
	.list_area_sec .infor_txt_area .place_tit {margin-bottom: 20px; font-size: 24px; line-height: 36px;}
	.list_area_sec .infor_txt_area .traffic_txt {font-size: 16px; color: #727272;}
	.list_area_sec .link_img_infor .ic_box {width: 67px; height: 74px;}
	.list_area_sec .link_img_infor .ic_box img {width: 100%; height: 100%;}
	.list_area_sec .link_img_infor .ig_box .ig_logo {width: 100px;}
	.list_area_sec .link_img_infor .ig_box .ig_logo img {width: 100%; object-fit: cover;}
	.list_area_sec .txt_infor_list .infor_txt_area .list-nubmer {font-size: 40px;}
	.list_area_sec .txt_infor_list .infor_txt_area {padding: 40px;}
	.list_area_sec .link_txt_infor .ic_box {top: 30px; right: 30px;}
	.list_area_sec .link_txt_infor .ic_box {width: 67px; height: 74px;}
	.list_area_sec .link_txt_infor .ic_box img {width: 100%; height: 100%;}
}
@media all and (max-width: 572px) {
	.list_area_sec .link_img_infor .ig_box {height: 300px; padding: 12px 0 0 12px;}
	.list_area_sec .link_img_infor .infor_txt_area {margin-top: -50px; padding: 0 36px 34px;}
	.list_area_sec .link_img_infor .ic_box {top: 220px; right: 14px;}
}
@media all and (max-width: 428px) {
	.list_area_sec .link_img_infor .ig_box img {height: 100%; width: auto; object-fit: contain;}
}




/* 분양단지 상세 템플릿 */
.title_wrap {position: relative; z-index: 1; padding-top: 257px; padding-bottom: 80px;}
.title_wrap.have_bg {padding-bottom: 375px;}
.title_wrap.have_bg.center_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 810px; padding: 0;}
.title_wrap.have_bg .bg {position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); width: 100%; height: 100%; background: url("../images/bg-titlewrap.jpg") no-repeat center center / cover;}
.title_wrap .path {margin-bottom: 30px; font-family: pretendard, sans-serif; line-height: 1;}
.title_wrap .path span {padding-right: 3px;}
.title_wrap .path span ~ span {padding-left: 28px; background: url("../images/ico-path-arrow.svg") no-repeat left center / 20px 20px;}
.title_wrap .sub_tit {padding-top: 0 !important; padding-bottom: 0 !important;}
.title_wrap .sub_tit {line-height: 76px; color: #2D2D2D;}
.title_wrap .con_tit {margin-top: 30px; font-family: pretendard, sans-serif; line-height: 42px; color: #727272;}
.title_wrap.wht .path {color: #fff;}
.title_wrap.wht .path span ~ span {background-image: url("../images/ico-path-arrow-wht.svg");}
.title_wrap.wht .sub_tit {color: #fff;}
.title_wrap.wht .con_tit {color: #fff;}

.tab_area2 {margin-top: 257px;}
.tab_area2 + .title_wrap {padding-top: 100px;}
.tab_area2 + .title_wrap.have_bg {margin-top: 100px;}

.basic_sec_type1 {z-index: 1;}
.basic_sec_type1 .cont_box {width: 100%;}
.basic_sec_type1 .cont_box .img_box {position: relative; width: 100%;}
.basic_sec_type1 .cont_box .img_box img {width: 100%;}
.have_bg + .basic_sec_type1, .basic_sec_type2 {position: relative; z-index: 1; margin-top: -295px;}
.basic_sec_type2 .cont_box {position: relative; width: 100%; padding: 30px; background-color: #ECE4D0; border: 1px solid #DDCB97;}
.basic_sec_type2 .cont_box::before {content: ""; position: absolute; top: 0; right: 0; width: 160px; height: 160px; background: url("../images/bg-basicTemplate1.svg") no-repeat center center / 160px auto;}
.basic_sec_type2 .cont_box::after {content: ""; position: absolute; bottom: 0; left: 0; width: 200px; height: 200px; background: url("../images/bg-basicTemplate2.svg") no-repeat center center / 200px auto;}
.basic_sec_type2 .cont_box .img_box {position: relative; z-index: 1; width: 100%;}
.basic_sec_type2 .cont_box .img_box img {width: 100%;}

.yellow_info_box {display: flex; flex-wrap: wrap; align-items: center; min-height: 144px; margin-top: 120px; padding: 30px 180px 30px 30px; border: 1px solid #ECE4D0; background: url("../images/ico-info.svg") no-repeat  right 50px center / 100px 100px #FCFBF7;}
.yellow_info_box li {position: relative; width: 100%; padding-left: 19px; line-height: 24px; word-wrap: break-word;}
.yellow_info_box li::before {content: ""; position: absolute; left: 6px; top: 10px; width: 3px; height: 3px; background-color: #222; border-radius: 100%;}
.yellow_info_box li ~ li {margin-top: 5px;}

.cont_box.scroll_motion {transform: translateY(50px); opacity: 0; transition: transform 1.2s ease 0s, opacity 1s ease 0s;}
.cont_box.active {transform: translate(0) !important; opacity: 1;}

@media all and (max-width: 1500px) {
	.basic_sec_type2 .cont_box {padding: 24px;}
	.basic_sec_type2 .cont_box::before {width: 140px; height: 140px; background-size: 140px auto;}
	.basic_sec_type2 .cont_box::after	{width: 180px; height: 180px; background-size: 180px auto;}

	.yellow_info_box {padding: 26px 170px 26px 26px; background-size: 90px 90px;}
}
@media all and (max-width: 1024px) {
	.title_wrap.have_bg.center_wrap {display: block; height: auto; padding-top: 166px; padding-bottom: 170px;}
	.title_wrap.have_bg {height: auto; padding-bottom: 170px;}
	.title_wrap {padding: 166px 0 60px;}
	.title_wrap .sub_tit {width: 100%;}
	
	.tab_area2 {margin-top: 156px;}
	.tab_area2 + .title_wrap {padding-top: 60px;}
	.tab_area2 + .title_wrap.have_bg {margin-top: 50px;}
	
	.have_bg + .basic_sec_type1, .basic_sec_type2 {margin-top: 60px;}
	.test .have_bg + .basic_sec_type1, .basic_sec_type2 {margin-top: -110px;}
	.basic_sec_type2 .cont_box {padding: 18px;}
	.basic_sec_type2 .cont_box::before {width: 130px; height: 130px; background-size: 130px auto;}
	.basic_sec_type2 .cont_box::after	{width: 170px; height: 170px; background-size: 170px auto;}
	
	.yellow_info_box {padding: 20px 160px 20px 20px; background-size: 80px 80px;}
}
@media all and (max-width: 768px) {
	.title_wrap .sub_tit {width: 100%;}
	.title_wrap .path {margin-bottom: 40px; font-size: 15px !important;}
	.title_wrap .path span {padding-right: 0;}
	.title_wrap .path span ~ span {padding-left: 22px;}
	.title_wrap .sub_tit {line-height: 46px;}
	.title_wrap .con_tit {margin-top: 20px; font-size: 18px !important; line-height: 28px;}
	.title_wrap .br {display: none;}
	.title_wrap + .bg {height: 453px;}

	.basic_sec_type2 .cont_box {padding: 8px;}
	.basic_sec_type2 .cont_box::before {width: 43px; height: 43px; background-size: 43px auto;}
	.basic_sec_type2 .cont_box::after	{width: 54px; height: 54px; background-size: 54px auto;}

	.yellow_info_box {margin-top: 60px; padding: 32px 28px 32px 20px; background-image: none;}
	.yellow_info_box li ~ li {margin-top: 10px;}
}




/* 입지환경 */
.deco_txt {margin: 200px 0 150px; color: #7D1919;}
.deco_txt > p {text-align: center; transition: all 1s ease 0s; opacity: 0;}
.deco_txt.active > p {transform: translate(0) !important; opacity: 1;}
/* .deco_txt .line {flex:1 1 auto; display: inline-block; width: 100%; height: 3px; background-color: #7D1919;} */
.deco_txt .deco_top {margin-bottom: 50px; transform: translateX(50px); font-family: pretendard,sans-serif; font-size: 60px; line-height: 70px;}
/* .deco_txt .deco_top .txt {flex: 0 0 600px; margin-right: 70px;} */
.deco_txt .deco_bottom {transform: translateX(-50px); transition-delay: .4s; font-size: 22px; line-height: 30px;}
/* .deco_txt .deco_bottom .txt {flex: 0 0 519px; margin-left: 70px;} */

.environment_list {display: none;}
.environment_list.on {display: flex;}
.sub_body.bg_color {margin: 0 auto; padding-bottom: 200px; background-color: #F4EFE4;}

.environment_list li {transform: translateY(150px); transition: opacity 1.2s, transform 1.3s; opacity: 0;}
.environment_list li .categori {font-family: "Poppins-SemiBold", sans-serif; letter-spacing: 2px; line-height: 1; text-transform: uppercase; color: #7D1919;}
.environment_list li .tit {margin: 30px 0; font-size: 32px; line-height: 50px; word-wrap: break-word;}
.environment_list li .txt {font-size: 20px; line-height: 28px; color: #727272; word-wrap: break-word;}
.environment_list.have_img {flex-wrap: wrap; align-items: flex-start; justify-content: center;}
.environment_list.have_img.even_num li {width: 31.2%; margin-bottom: 120px;}
.environment_list.have_img.odd_num li {width: 31.2%; margin-bottom: 180px;}
.environment_list.have_img.even_num li:nth-of-type(3n-1) {margin-left: 40px; margin-right: 40px; transition-delay: .2s;}
.environment_list.have_img.even_num li:nth-of-type(3n) {transition-delay: .4s;}
.environment_list.have_img.odd_num li:nth-of-type(2n) {transition-delay: .4s;}
.environment_list.have_img.odd_num li:nth-of-type(2n) {margin-left: 180px;}
.environment_list.have_img.even_num li:last-child {margin-right: 0;}
.environment_list.have_img li .img_box {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; background-color: #FCFBF7;}
.environment_list.have_img li .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.environment_list.have_img li:nth-child(1) .img_box {border-radius: 0 0 333px 333px;}
.environment_list.have_img li:nth-child(2) .img_box {border-radius: 0 333px 333px 0;}
.environment_list.have_img li:nth-child(3) .img_box {border-radius: 333px 333px 0 0;}
.environment_list.have_img li:nth-child(4) .img_box {border-radius: 333px 0 0 333px;}
.environment_list.have_img li:nth-child(5) .img_box {border-radius: 0 0 333px 333px;}
.environment_list.have_img li:nth-child(6) .img_box {border-radius: 0 333px 333px 0;}
.environment_list.have_img li:nth-child(7) .img_box {border-radius: 333px 333px 0 0;}
.environment_list.have_img li:nth-child(8) .img_box {border-radius: 333px 0 0 333px;}
.environment_list.have_img li:nth-child(9) .img_box {border-radius: 0 0 333px 333px;}
.environment_list.have_img li:nth-child(10) .img_box {border-radius: 0 333px 333px 0;}
.environment_list.have_img li .info_box {margin-top: 60px; text-align: center;}

.environment_list.no_img {flex-wrap: wrap; justify-content: center;}
.environment_list.no_img li {position: relative; width: calc(50% - 40px); min-height: 372px; margin-bottom: 70px; padding: 70px; background-color: #fff;}
.environment_list.no_img li:nth-child(2n) {margin-left: 80px; transition-delay: .2s;}
.environment_list.no_img li::after {content: ""; position: absolute; left: 10px; right: 10px; bottom: -10px; height: 10px; background-color: #ECE4D0;}
/* .environment_list.no_img li .categori {font-family: "Poppins-SemiBold"; color: #961E1E; letter-spacing: 2px; line-height: 1; text-transform: uppercase;}
.environment_list.no_img li .tit {margin-top: 30px; font-family: pretendard, sans-serif; font-size: 32px; line-height: 50px; word-break: break-all;}
.environment_list.no_img li .txt {margin-top: 30px; line-height: 30px; color: #727272;} */

.environment_list.have_img.even_num {margin-bottom: -160px;}
.environment_list.have_img.odd_num {margin-bottom: -220px;}
.environment_list.no_img {margin-bottom: -120px;}

@media all and (max-width: 1500px) {
	.deco_txt {margin: 230px 0 180px;}
	.deco_txt .deco_top .txt {margin-right: 50px;}
	.deco_txt .deco_bottom .txt {margin-left: 50px;}

	.environment_list li .tit {margin: 26px 0;}
	.environment_list.have_img li {max-width: unset;}
	.environment_list.have_img.odd_num li {margin-bottom: 160px;}
	.environment_list.have_img.even_num li {margin-bottom: 100px;}
	.environment_list.have_img.even_num li:nth-of-type(3n-1) {margin-left: 30px; margin-right: 30px;}
	.environment_list.have_img.odd_num li:nth-of-type(2n) {margin-left: 160px;}
	.environment_list.have_img li {margin-bottom: 80px;}
	.environment_list li .info_box {margin-top: 40px;}

	.environment_list.no_img li {width: calc(50% - 30px); min-height: 344px; padding: 60px; margin-bottom: 60px;}
	.environment_list.no_img li:nth-child(2n) {margin-left: 60px;}
	/* .environment_list.no_img li .tit {margin-top: 27px;}
	.environment_list.no_img li .txt {margin-top: 27px;} */

	.environment_list.have_img.even_num {margin-bottom: -140px;}
	.environment_list.have_img.odd_num {margin-bottom: -200px;}
	.environment_list.no_img {margin-bottom: -120px;}
}
@media all and (max-width: 1024px) {
	.deco_txt {margin: 210px 0 160px;}
	.deco_txt .deco_top .txt {margin-right: 30px;}
	.deco_txt .deco_bottom .txt {margin-left: 30px;}
	
	.environment_list li .tit {margin: 22px 0; font-size: 24px; line-height: 38px;}
	.environment_list li .txt {font-size: 16px; line-height: 26px;}
	.environment_list.have_img.odd_num li {margin-bottom: 140px;}
	.environment_list.have_img.even_num li {margin-bottom: 80px;}
	.environment_list.have_img.even_num li:nth-of-type(3n-1) {margin-left: 20px; margin-right: 20px;}
	.environment_list.have_img.odd_num li:nth-of-type(2n) {margin-left: 140px;}
	.environment_list.have_img li .info_box {margin-top: 30px;}

	.environment_list.no_img li {width: 100%; min-height: 288px; padding: 50px; margin-bottom: 50px;}
	.environment_list.no_img li:nth-child(2n) {margin-left: 0; transition-delay: 0s;}
	/* .environment_list.no_img li .tit {margin-top: 24px;}
	.environment_list.no_img li .txt {margin-top: 24px;} */

	.environment_list.have_img.even_num {margin-bottom: -120px;}
	.environment_list.have_img.odd_num {margin-bottom: -180px;}
	.environment_list.no_img {margin-bottom: -120px;}
}
@media all and (max-width: 768px) {
	.deco_txt {margin: 81px 0 60px;;}
	.deco_txt > p {display: block; text-align: center;}
	.deco_txt .line {display: none;}
	.deco_txt .deco_top {margin-bottom: 30px; font-size: 32px; line-height: 42px;}
	.deco_txt .deco_top .txt {margin-right: 0;}
	.deco_txt .deco_bottom {padding: 0 24px; font-size: 16px; line-height: 26px;}
	.deco_txt .deco_bottom .txt {margin-left: 0;}

	.environment_list li .tit {margin: 20px 0;}
	.environment_list.have_img li {width: 100% !important; margin: 0 0 60px !important;}
	.environment_list.have_img li:last-child {margin-bottom: 0 !important;}
	.environment_list.have_img li .info_box {margin-top: 32px;}
	
	.environment_list.no_img {margin-bottom: 40px;}
	.environment_list.no_img li {min-height: 264px; padding: 40px; margin-bottom: 46px;}
	.environment_list.no_img li:last-child {margin-bottom: 0;}
	.environment_list.have_img li:nth-of-type(3n-1) {margin-left: 0; margin-right: 0; transition-delay: 0s;}
	.environment_list.have_img li:nth-of-type(3n) {transition-delay: 0s;}
	.environment_list.no_img li:nth-child(2n) {transition-delay: 0s;}
	/* .environment_list.no_img li .tit {margin-top: 20px; font-size: 24px; line-height: 36px;}
	.environment_list.no_img li .txt {margin-top: 20px; color: #727272;} */

	.environment_sec .yellow_info_box {margin-top: 40px;}
	.environment_list.have_img {margin-bottom: 0 !important;}
	.environment_list.no_img {margin-bottom: 0;}

	.sub_body.bg_color {padding-bottom: 100px;}
}




/* 오시는 길 */
.directions_sec {position: relative; margin-top: 120px;}
.fixed_scrollwrap {position: relative;}
.fixed_scrollwrap .fixed_box {position: absolute; max-width: 500px;}
.fixed_scrollwrap .fixed_box.for_fixed {position: fixed;}
.fixed_scrollwrap .fixed_box.for_fixed2 {position: absolute; top: unset; bottom: 0;}
.fixed_scrollwrap .fixed_box .tit_box {width: 100%; transform: translateX(-50px); transition: transform 1s ease 0s, opacity 1s ease 0s; opacity: 0;}
.fixed_scrollwrap .fixed_box .tit_box.active {transform: translate(0) !important; opacity: 1;}
.fixed_scrollwrap .fixed_box .tit_box .top .tit {font-size: 32px; line-height: 50px; word-break: break-all;}
.fixed_scrollwrap .fixed_box .tit_box .top .txt {margin-top: 30px; line-height: 30px; color: #727272; word-break: break-all;}
.fixed_scrollwrap .fixed_box .tit_box .bottom .tit {margin-top: 60px; font-family: pretendard, sans-serif; line-height: 1;}
.fixed_scrollwrap .fixed_box .tit_box .bottom .txt {margin: 20px 0; font-family: "Poppins-Semibold", sans-serif; line-height: 1; color: #961E1E;}
.fixed_scrollwrap .fixed_box .tit_box .bottom .btn_area {justify-content: start; margin-top: 0;}
.fixed_scrollwrap .fixed_box .tit_box .bottom .btn_area.h48 a {padding: 0 30px;}
.btn_area.left {text-align: left;}
.map_list {display: flex; flex-direction: column; align-items: flex-end;}
/* .map_list .cont_box:first-child {transition-delay: .3s;} */
.map_list .cont_box {width: 660px; padding: 20px;}
.map_list .cont_box ~ .cont_box {margin-top: 50px;}
.map_list .cont_box .img_box {border: 1px solid #DDCB97;}
.map_list .cont_box .info_box {position: relative; z-index: 1; padding: 60px; border: 1px solid #DDCB97; border-top: none; background-color: #fff;}
.map_list .cont_box .info_box .tit {font-family: pretendard ,sans-serif; line-height: 1;}
.map_list .cont_box .info_box .txt {margin-top: 28px; font-family: pretendard, sans-serif; line-height: 34px; word-break: break-all;}
.map_list .cont_box .info_box .btn_area {justify-content: start; margin-top: 36px;}
/* .company_wrap 디자인 변경으로 인한 css 주석처리 */
/* .company_wrap {margin-top: 120px; margin-bottom: -200px; padding: 72px 0; border-top: 1px solid #eee;}
.company_wrap .map_company {max-width: 1020px;}
.company_wrap .map_company .company_list {display: flex; align-items: center;}
.company_wrap .map_company .company_list li {display: flex; align-items: flex-start; align-items: center;}
.company_wrap .map_company .company_list li .label {width: 50px; margin-right: 20px;}
.company_wrap .map_company .company_list li .label img {width: 100%;}
.company_wrap .map_company .company_list li .img_box {width: calc(100% - 70px);}
.company_wrap .map_company .company_list li .img_box img {width: 100%;} */

@media all and (max-width: 1500px) {
	.fixed_scrollwrap .fixed_box {max-width: 450px;}
	.map_list .cont_box {width: 50%; padding: 16px;}
	.map_list .cont_box .info_box {padding: 40px;}
	.map_list .cont_box .info_box .txt {margin-top: 20px;}
	.map_list .cont_box .info_box .btn_area {margin-top: 25px;}
	/* .company_wrap {padding: 60px 0;}
	.company_wrap .map_company {max-width: unset;} */
}
@media all and (max-width: 1024px) {
	.fixed_scrollwrap .fixed_box {width: 49%; max-width: unset; transition: none;}
	.fixed_scrollwrap .fixed_box.for_fixed {width: 44%;}
	.fixed_scrollwrap .fixed_box.for_fixed2 {top: unset; bottom: 0;}
	.map_list .cont_box {width: 48%; padding: 12px;}
	.map_list .cont_box .info_box {padding: 20px;}
	.map_list .cont_box .info_box .txt {margin-top: 15px; font-size: 20px !important; line-height: 28px;}
	.map_list .cont_box .info_box .btn_area {margin-top: 20px;}
	.map_list .cont_box .info_box .btn_area {display: flex; font-size: 0;}
	.map_list .cont_box .info_box .btn_area a.btn_type1 {width: calc(50% - 6.5px) !important; min-width: unset !important; padding: 0 20px 0 40px;}
	.map_list .cont_box .info_box .btn_area a.btn_type1.kak::after {left: 20px;}
	.map_list .cont_box .info_box .btn_area a.btn_type1.nav::after {left: 20px;}
	/* .company_wrap {padding: 50px 0;}
	.company_wrap .map_company .company_list li .label {width: 20%; margin-right: 10px;}
	.company_wrap .map_company .company_list li .img_box {width: calc(80% - 10px);} */
}
@media all and (max-width: 768px) {
	.directions_sec {margin-top: 60px;}
	.fixed_scrollwrap .fixed_box {position: relative; width: 100%; margin-bottom: 60px;}
	.fixed_scrollwrap .fixed_box .tit_box {width: 100%;}
	.fixed_scrollwrap .fixed_box .tit_box .top .tit {font-size: 24px; line-height: 36px;}
	.fixed_scrollwrap .fixed_box .tit_box .top .txt {margin-top: 20px; font-size: 16px !important; line-height: 26px;}
	.fixed_scrollwrap .fixed_box .tit_box .top .txt br {display: none;}
	.fixed_scrollwrap .fixed_box .tit_box .bottom .tit {margin-top: 40px;}
	.map_list .cont_box {width: 100%; padding: 10px;}
	.map_list .cont_box ~ .cont_box {margin-top: 24px;}
	.map_list .cont_box .info_box {padding: 32px;}
	.map_list .cont_box .info_box .tit {font-size: 16px !important;}
	.map_list .cont_box .info_box .txt {margin-top: 20px; font-size: 18px !important; line-height: 26px;}
	.map_list .cont_box .info_box .btn_area {margin-top: 29px;}
	.fixed_scrollwrap .fixed_box .tit_box .bottom .btn_area {display: block;}
	/* .company_wrap {padding: 32px 0; margin-top: 100px; margin-bottom: -100px;}
	.company_wrap .map_company .company_list li .label {width: 26%; margin-right: 20px;}
	.company_wrap .map_company .company_list li .img_box {width: calc(74% - 20px);} */
}




/* 단지배치도 */
/* 줌 효과를 위한 zoom_body클래스를 추가하여 position 조절 */
#wrapper.zoom_body {position: relative; height: 100vh; overflow-y: hidden;}
#cBody.zoom_body {position: initial;}
.sub_body.zoom_body {position: initial;}
.sub_body.zoom_body .have_bg + .basic_sec_type1, .sub_body.zoom_body .basic_sec_type2 {position: initial;}
.sub_body.zoom_body .basic_sec_type2 .cont_box {position: inherit;}

.zoom_cursor {position: fixed; top: 50%; left: 50%; z-index: 123456789; transform: translate(-50%, -50%); margin-top: 0; pointer-events: none;}
.zoom_cursor.hide {display: none;}
.zoom_btn {position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; z-index: 123456789; transform: translate(-50%, -50%); pointer-events: none;}
.zoom_btn.hide {display: none;}

.zoom_sec .zoom_btn2 {display: none; margin-top: 0;}
.zoom_sec .cont_box .img_box {position: relative; cursor: none;}
.zoom_sec .cont_box .img_box img {width: 100%;}
.zoom_sec .cont_box .big_img_box {position: absolute; display: none; z-index: 12345678; left: 0; top: 0; right: 0; bottom: 0; cursor: none;}
.zoom_sec .cont_box.on .big_img_box {display: block;}
.zoom_sec .cont_box .big_img_box .big_inner {position: absolute; width: 100%; height: 100%;}
/* .zoom_sec .cont_box .big_img_box .big_inner .big_igbox {width: 100%; height: 100vh; font-size: 0; background: url("") no-repeat center center; background-size: cover;}	 */
.zoom_sec .cont_box .big_img_box .big_inner .big_igbox {width: 100%; height: 100vh; font-size: 0; background: url("") no-repeat top 0; background-size: cover; background-color: #fff;} 	
.zoom_sec .cont_box .big_img_box .big_inner img {display: none; width: 100%;}

.compllatyout_sec .zoom_sec .cont_box {background-color: #F4EFE4;}

@media all and (max-width: 1024px) {
	.zoom_btn {width: 48px; height: 48px;}
	.zoom_sec .zoom_btn2 {display: block; text-align: right; margin-bottom: 20px;}
	.zoom_sec .cont_box .img_box {cursor: unset;}
	.zoom_sec .cont_box .big_img_box {width: auto; overflow-x: auto; cursor: pointer;}
	.zoom_sec .cont_box .big_img_box .big_inner {width: 100%;}
	.zoom_sec .cont_box .big_img_box .big_inner {background-color: #08213F; text-align: center;}
	.zoom_sec .cont_box.on .big_img_box .big_inner img {display: block;}
	.zoom_sec .cont_box .big_img_box .big_inner .big_igbox {display: none;}
}




/* 공간안내 */
.tab_area3.fixed_top {position: fixed; top: 0; z-index: 5;}

.tab_area3 {width: 100%; background: #fff;}
.tab_area3 .swiper_area {position: relative;}
.tab_area3 .swiper_area:before {content: ""; position: absolute; bottom: 0; left: 50%; right: 0; transform: translateX(-50%); width: 100vw; height: 1px; background-color: #ddd;}
.tab_area3 .swiper_area .swiper-button-prev, .tab_area3 .swiper_area .swiper-button-next {top: 50%; transform: translateY(-50%); width: 48px; height: 48px; margin-top: 0; background: url("") no-repeat center center / 48px;}
.tab_area3 .swiper_area .swiper-button-prev {left: -48px; background-image: url("../images/ico-swiper-prev-black.svg")}
.tab_area3 .swiper_area .swiper-button-next {right: -48px; background-image: url("../images/ico-swiper-next-black.svg");}
.tab_area3 .swiper_area .tab_type3 .swiper-wrapper {position: relative; margin: 33px auto;}
.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide {position: relative; width: auto; margin: 0 30px; font-family: pretendard, sans-serif; color: #727272; line-height: 1;}
.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide.on {font-family: pretendard, sans-serif; color: #222;}
.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide::after {content: ""; position: absolute; bottom: -33px; left: 0; z-index: 6; width: 100%; height: 2px; transition-duration: 0.3s; transition-property: opacity; background: #222; opacity: 0;}
.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide.on::after {opacity: 1;}

.space_infobox {display: flex; position: relative; margin-bottom: -200px; padding-top: 180px;}
.space_infobox .typename {display: flex; align-items: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: calc(100% + 94px); height: 180px; padding-left: 50px; background: #F6F6F6; font-family: "Poppins-Regular", sans-serif; font-size: 56px; color: #222;}
.space_infobox .left_box {width: 23%; padding: 60px 40px 0 0; border-right: 1px solid #E5E5E5;}
.space_infobox .left_box .area_list {display: block;}
.space_infobox .left_box .area_list li ~ li {margin-top: 32px;}
.space_infobox .left_box .area_list li .txt {margin-bottom: 18px; line-height: 28px;}
.space_infobox .left_box .area_list li .img_box, .space_infobox .right_box .expandable_cont .img_box {width: 100%;}
.space_infobox .left_box .area_list li .img_box img, .space_infobox .right_box .expandable_cont .img_box img {width: 100%;}

.space_infobox .right_box {width: 79%; padding: 80px 0 220px 40px;}
.space_infobox .right_box .expandable_cont .tit {margin-bottom: 40px; line-height: 42px;}
.space_infobox .right_box .accordion {margin-top: 40px;}
ㄴ.space_infobox .right_box .accordion li a.question {min-height: 80px; padding: 0 30px 0 40px;}
.space_infobox .right_box .accordion li a.question p {color: #222;}
.space_infobox .right_box .accordion li:first-child .answer {display: block;}
.space_infobox .right_box .accordion li .answer {padding: 40px 30px 30px; border: 1px solid #ccc; background-color: #FCFBF7;}
.space_infobox .right_box .accordion li .answer::before {display: none;}
.space_infobox .right_box .accordion li .answer .img {margin: 0; border: 1px solid #E5E5E5;}
.space_infobox .right_box .accordion li .answer .img img {width: 100%;}

.space_infobox .right_box .yellow_info_box {margin-top: 80px;}

@media all and (max-width: 1500px) {
	.space_infobox .right_box .accordion li .answer {padding: 38px 26px 26px;}
}
@media all and (max-width: 1116px) {
	.tab_area3 .swiper_area.inner {width: 90% !important;}
}
@media all and (max-width: 1024px) {
	.space_infobox {padding-top: 90px;}
	.space_infobox .typename {width: calc(100% + 100px); height: 90px; padding-left: 16px; font-size: 24px;}
	.space_infobox .left_box {padding-top: 40px; padding-right: 30px;}
	.space_infobox .left_box .typename {font-size: 40px;}
	.space_infobox .right_box {padding-top: 60px; padding-left: 30px;}
	.space_infobox .right_box .accordion li .answer {padding: 32px 20px 20px;}
}
@media all and (max-width: 768px) {
	.space_infobox {margin-bottom: 0;}
	.space_infobox .typename {width: 100%;}

	.tab_area3 .swiper_area.inner {width: 100% !important;}
	.tab_area3 .swiper_area .tab_type3 .swiper-wrapper {margin: 16px auto;}
	.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide {margin: 0 16px;}
	.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide::after {bottom: -16px;}
	.tab_area3 .swiper_area .tab_type3 .swiper-wrapper .swiper-slide span {font-size: 16px;}
	.tab_area3 .swiper_area .swiper-button-prev, .tab_area3 .swiper_area .swiper-button-next {display: none;}
	.space_infobox {display: block;}
	.space_infobox .left_box {width: 100%; padding: 0; margin-top: 44px; border-right: none;}
	.space_infobox .left_box .typename {margin-bottom: 26px; font-size: 32px; line-height: 46px;}
	.space_infobox .left_box .area_list {display: flex; overflow-y: auto;}
	.space_infobox .left_box .area_list li {width: 250px;}
	.space_infobox .left_box .area_list li + li {margin-left: 15px;}
	.space_infobox .left_box .area_list li .img_box {max-height: 250px;}
	.space_infobox .left_box .area_list li .img_box img {max-height: 250px;}
	.space_infobox .left_box .area_list li ~ li {margin-top: 0;}
	.space_infobox .left_box .area_list li .txt {margin-bottom: 20px; font-size: 16px;}
	.space_infobox .right_box {width: 100%; padding: 0; margin-top: 60px;}
	.space_infobox .right_box .expandable_cont .tit {margin-bottom: 20px; line-height: 29px;}
	.space_infobox .right_box .accordion {margin-top: 32px;}
	.space_infobox .right_box .accordion li ~ li {margin-top: 30px;}
	.space_infobox .right_box .accordion li a.question {padding: 0 20px; min-height: 80px;}
	.space_infobox .right_box .accordion li a.question p:last-of-type {margin-top: 26px;}
	.space_infobox .right_box .accordion li a.question > span {top: 14px;}
	.space_infobox .right_box .accordion li .answer {padding: 30px 16px 16px;}
	.space_infobox .right_box .yellow_info_box {margin-top: 40px;}
}




/* 분양 - 사업개요 */
.swipe_area {}
.swipe_area .view {width: auto; height: 1346px; position: relative; overflow: hidden;}
.swipe_area .view > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
.swipe_area .view > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto;}

.swipe_area .thumb {margin: 60px auto 0; max-width: 1030px; display: flex; position: relative;}
.swipe_area .thumb .swiper-container .swiper-slide {position: relative; cursor: pointer; width: 120px !important; height: 80px; overflow: hidden;}
.swipe_area .thumb .swiper-container .swiper-slide.on::before {content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border: 3px solid #A03434; box-sizing: border-box; z-index: 1;}
.swipe_area .thumb .swiper-container .swiper-slide img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}
/* .swipe_area .thumb .swiper-container .swiper-slide.on img {border: 3px solid #A03434;} */

.swipe_area .thumb .swiper-button-prev {width: 48px; height: 48px; background: url("../images/ico-overview-prev.svg") no-repeat; left: -75px;}
.swipe_area .thumb .swiper-button-next {width: 48px; height: 48px; background: url("../images/ico-overview-prev.svg") no-repeat; right: -75px; transform: rotate(180deg);}

/* .overview {padding-bottom: 200px;} */
.overview .desc {display: flex; flex-wrap: wrap; margin-top: 100px;}
/* .overview .desc dl + dl {margin-top: 10px;} */
.overview .desc dl {width: 50%; display: flex; justify-content: space-between; align-items: flex-start;}
.overview .desc dl dt {background: #F4F4F4; width: 110px; min-height: 40px; padding: 10px; font-family: pretendard; word-break: break-all;}
.overview .desc dl dd {width: calc(100% - 150px); margin-bottom: 40px; transform: translateY(8px); padding-right: 30px; min-height: 54px;}
/* .overview .desc + .yellow_info_box {margin-top: 50px;} */
.overview .yellow_info_box {margin-top: 40px;}
.overview .sa_main_banner {position: unset; margin-bottom: -200px; margin-top: 160px; border-top: 1px solid #EEEEEE;}
.overview .yellow_info_box + .sa_main_banner {margin-top: 200px;}

@media all and (max-width: 1280px) {
	.swipe_area .view {width: 900px; margin: 0 auto; height: 700px;}
	.swipe_area .thumb .swiper-button-prev {display: none;}
	.swipe_area .thumb .swiper-button-next {display: none;}
}
@media all and (max-width: 1024px) {
	.swipe_area .view {width: 90%; height: 500px;}
	.swipe_area .thumb {max-width: 750px; margin: 40px auto;}
	.overview .desc {display: block; margin-top: 48px;}
	.overview .desc dl {width: 100%;}
}
@media all and (max-width: 768px) {
	.swipe_area .view {width: 100%; height: 300px;}
	.swipe_area .thumb {max-width: 500px;}
	.overview .desc dl dt {width: 100px;}
	.overview .desc dl dd {margin-bottom: 10px; width: calc(100% - 110px); font-size: 16px !important; transform: translateY(10px); min-height: unset; word-break: break-all;}
	.swipe_area .thumb .swiper-container .swiper-slide.on::before {border: 2px solid #a03434;}
	.overview .desc dl + dl {margin-top: 20px;}

	.overview .sa_main_banner {margin-bottom: -100px;}
	.overview .yellow_info_box + .sa_main_banner {margin-top: 100px;}
}
@media all and (max-width: 510px) {
	.swipe_area .thumb {max-width: 400px;}

}
@media all and (max-width: 410px) {
	.swipe_area .thumb {max-width: 300px;}
	.swipe_area .thumb .swiper-container .swiper-slide {width: 80px !important; height: 45px;}

}




/* 분양 - 브랜드 */
.brand {}
.brand .intro {width: 100%; height: 100vh; position: relative; position: fixed; top: 0; left: 0; z-index: -2;}
.brand .intro .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.brand .intro .txt p {color: #DDCB97; font-family: "Poppins-Bold"; text-align: center; line-height: 1; overflow: hidden;}
.brand .intro .txt p:nth-of-type(1) {font-size: 16px;}
.brand .intro .txt p:nth-of-type(1) span {display: inline-block; letter-spacing: 0.4em; transform: translateY(20px);}
.brand .intro .txt p:nth-of-type(2) {font-size: 150px; line-height: 0.7; margin: 50px 0; position: relative;}
.brand .intro .txt p:nth-of-type(2) span {display: inline-block; transform: translateY(110px);}
.brand .intro .txt p:nth-of-type(3) {font-family: "Poppins-Regular";}
.brand .intro .txt p:nth-of-type(3) span {display: inline-block; letter-spacing: 0.04em; transform: translateY(20px);}

.brand .intro .laurel {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 683px; display: flex; justify-content: space-between;}
.brand .intro .laurel span:nth-of-type(1) {width: 55px; height: 114px; background: url("../images/img-brand-laurel.png") no-repeat; background-size: contain; display: inline-block; opacity: 0; transform: translateY(50px);}
.brand .intro .laurel span:nth-of-type(2) {width: 55px; height: 114px; background: url("../images/img-brand-laurel-right.png") no-repeat; background-size: contain; display: inline-block; opacity: 0; transform: translateY(50px);}

.brand .intro .bg {width: 100%; height: 100%; background: url("../images/bg-brand-top.jpg") no-repeat; background-size: cover; background-position: center;}

.brand .contents {width: 100%; margin-top: 100vh; margin-bottom: -200px; padding: 350px 0 400px; position: relative;}
.brand .contents .scroll {width: 72px; height: 30px; background: url("../images/img-brand-scroll.png") no-repeat; background-size: contain; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); opacity: 0; z-index: 2;}
.brand .contents .scroll span {width: 1px; height: 200px; background: rgba(255,255, 255, 0.3); display: block; position: absolute; left: 50%; top: 40px; opacity: 0; z-index: 2;}

.brand .contents .txt {text-align: center; color: #fff; /* opacity: 0; transform: translateY(-100px); */}
.brand .contents .txt .sub_stit {margin: 30px 0 150px; color: #fff; font-family: pretendard;}
.brand .contents ul {display: flex; flex-wrap: wrap; width: 1174px; margin: 0 auto; align-items: flex-start;}
.brand .contents ul li {border: 1px solid rgba(221, 203, 151, 0.4); width: 540px; min-height: 590px; padding: 20px; border-radius: 20px; position: relative; transform: translateY(200px); opacity: 0; transition: all 1.3s;}
.brand .contents ul li.active {opacity: 1; transform: translateY(0)}
.brand .contents ul li::after {content: ""; background: url("../images/img-brand-band.png") no-repeat; width: 136px; height: 136px; background-size: contain; display: block; position: absolute; top: -10px; right: -10px;}
.brand .contents ul li:nth-of-type(even) {margin-left: 90px; margin-top: 300px;}

.brand .contents ul li .card {background: #fff; width: 100%; min-height: 550px; border-radius: 10px; border: 1px solid #DDCB97; padding: 15px 20px;}
.brand .contents ul li .card > img {width: 460px;}
.brand .contents ul li .card .img {overflow: hidden; width: 100%; height: 100%;}
.brand .contents ul li .card .desc {text-align: center; margin: 60px 0 40px;}
.brand .contents ul li .card .desc .con_tit + .con_mmtxt {margin-top: 30px;}

.brand .contents .fixed {position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden; width: 100vw; height: 100vh; min-height: 100vh;}
.brand .contents .fixed .txt_ani {width: 1648px; height: 882px; background: url("../images/img-brand-txt-ani.png") no-repeat; background-size: contain; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.brand .contents .fixed .bg {width: auto; height: 100vh; min-height: 100vh;}
.brand .contents .fixed .bg div {width: 100%; height: 100vh; min-height: 100vh; background: url('../images/bg-brand-top-2.jpg') no-repeat; background-size: cover; background-position: center;}

@media all and (max-width: 1024px) {
	.brand .intro .txt p:nth-of-type(2) {font-size: 100px;}
	.brand .intro .laurel {width: 500px;}
	.brand .contents ul {display: block; margin: 0 auto; width: 540px;}
	.brand .contents ul li:nth-of-type(even) { margin: 0; margin-top: 40px;}
	.brand .contents ul li + li {margin-top: 40px;}
	/* .brand .contents .fixed {min-height: 4000px;} */
	/* .brand .contents .fixed .bg div {min-height: 5500px;} */
	.brand .contents .fixed .txt_ani {width: 90%; height: 100%;}
}
@media all and (max-width: 768px) {
	.brand .intro .txt p:nth-of-type(1) {font-size: 10px;}
	.brand .intro .txt p:nth-of-type(2) {font-size: 58px; margin: 20px 0;}
	.brand .intro .txt p:nth-of-type(3) {font-size: 12px;}
	.brand .intro .laurel {width: 265px;}
	.brand .intro .laurel span:nth-of-type(1) {width: 22px; height: 44px;}
	.brand .intro .laurel span:nth-of-type(2) {width: 22px; height: 44px;}
	.brand .contents {padding: 180px 0 200px;}
	.brand .contents .txt p:first-of-type {font-size: 15px;}
	.brand .contents .txt .sub_stit {font-size: 20px !important; padding: 0 20px; margin: 30px 0 80px;}
	.brand .contents .scroll {width: 50px; top: 80px;}
	.brand .contents .scroll span {height: 100px; top: 80px;}
	.brand .contents ul {width: 94%;}
	.brand .contents ul li {width: 100%; min-height: 100%; padding: 12px;}
	.brand .contents ul li::after {top: -5px; right: -5px; width: 80px; height: 80px;}
	.brand .contents ul li .card {min-height: 100%; padding: 12px 12px 40px 12px;}
	.brand .contents ul li .card > img {width: 100%;}
}




/* 분양 - 브랜드PR */
.brand_pr {width: 100%;}
.brand_pr .intro {width: 100%; height: 100%; position: relative;}
.brand_pr .intro .bg {width: 100%; height: 100vh; background: url("../images/bg-brand-pr-top.jpg") no-repeat; background-size: cover; z-index: -1; position: absolute; top: 0; left: 0; background-position: center;}

.brand_pr .intro .flow {height: 300vh;}

.brand_pr .intro .step1 {height: 100vh; position: relative;}

.brand_pr .intro .srl_ani {height: 100vh; position: absolute; left: 50%; top: 0; opacity: 0; z-index: 10;}
.brand_pr .intro .srl_ani .scroll_info {position: absolute; left: 50%; bottom: 30px; transform: translate(-50%, 0); width: 132px; height: 69px; padding-top: 50px; color: rgba(255, 255, 255, 0.6); font-size: 13px; font-family: "Poppins-Bold"; text-align: center;}
.brand_pr .intro .srl_ani .scroll_info .mouse {display: block; position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0); width: 24px; height: 40px; border: 2px solid #fff; border-radius: 12px;}
.brand_pr .intro .srl_ani .scroll_info .mouse::after {content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 4px; height: 4px; background: #fff; border-radius: 2px; animation: wheelloof 1.5s infinite;}

.brand_pr .intro .step1 .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.brand_pr .intro .step1 .txt p {color: #DDCB97; font-family: "Poppins-Bold"; text-align: center; line-height: 1; overflow: hidden;}
.brand_pr .intro .step1 .txt p:nth-of-type(1) {font-size: 16px;}
.brand_pr .intro .step1 .txt p:nth-of-type(1) span {display: inline-block; letter-spacing: 0.4em; transform: translateY(20px);}
.brand_pr .intro .step1 .txt p:nth-of-type(2) {font-size: 120px; line-height: 1; margin: 50px 0; position: relative;}
.brand_pr .intro .step1 .txt p:nth-of-type(2) span {display: inline-block; transform: translateY(110px);}
.brand_pr .intro .step1 .txt p:nth-of-type(3) {font-family: "Poppins-Regular";}
.brand_pr .intro .step1 .txt p:nth-of-type(3) span {display: inline-block; letter-spacing: 0.04em; transform: translateY(20px);}
.brand_pr .intro .step1 .laurel {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 683px; display: flex; justify-content: space-between;}
.brand_pr .intro .step1 .laurel span:nth-of-type(1) {width: 55px; height: 114px; background: url("../images/img-brand-laurel.png") no-repeat; background-size: contain; display: inline-block; opacity: 0; transform: translateY(50px);}
.brand_pr .intro .step1 .laurel span:nth-of-type(2) {width: 55px; height: 114px; background: url("../images/img-brand-laurel-right.png") no-repeat; background-size: contain; display: inline-block; opacity: 0; transform: translateY(50px);}

.brand_pr .intro .step2 {height: 100vh; position: relative;}
.brand_pr .intro .step2 .for_position {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.brand_pr .intro .step2 .sub_tit {padding: 0 !important; text-align: center; color: #fff; transform: translateY(50px); opacity: 0;}
.brand_pr .intro .step2 .movie {width: 900px; margin: 60px auto 0; transform: translateY(150px); opacity: 0;}
.brand_pr .intro .step2 .movie .yt {width: 100%; height: 500px;}
.brand_pr .intro .step2 .movie .yt iframe {width: 100%; height: 500px;}
.brand_pr .intro .step2 .movie .subtitle {width: 100%; background: #000; padding: 30px 0; color: #AAAAAA;}
.brand_pr .intro .step2 .movie .subtitle div {overflow-y: auto; height: 200px; padding: 0 30px;}
.brand_pr .intro .step2 .movie .subtitle div::-webkit-scrollbar {width: 6px;}
.brand_pr .intro .step2 .movie .subtitle div::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.brand_pr .intro .step2 .movie .subtitle div::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 

.brand_pr .prize {width: 100%; height: 100%; position: relative;}
.brand_pr .prize .tit {text-align: center; padding: 120px 0;}
.brand_pr .prize .tit p:first-of-type {opacity: 0; transform: translateY(50px); transition-duration: 1s;}
.brand_pr .prize .tit .sub_tit {padding: 0 !important; color: #fff; margin-top: 60px;  opacity: 0; transform: translateY(50px); transition-duration: 1s; transition-delay: .2s;}
.brand_pr .prize .tit.active p:first-of-type {opacity: 1; transform: translateY(0);}
.brand_pr .prize .tit.active .sub_tit {opacity: 1; transform: translateY(0);}

.brand_pr .prize .bg {width: 100%; height: 100vh; background: url("../images/bg-brand-pr-center.jpg") no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1;}

.brand_pr .prize ul {width: 1135px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; padding-bottom: 80px;}
.brand_pr .prize ul li {width: 505px; min-height: 590px; border-radius: 8px; background: #FCFBF7; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 120px; transform: translateY(200px); opacity: 0; transition: all 1.3s;}
.brand_pr .prize ul li.active {opacity: 1; transform: translateY(0);}
.brand_pr .prize ul li:nth-of-type(2n) {margin-top: 180px;}
.brand_pr .prize ul li dt {margin: 45px auto 20px;}

.brand_pr .history {width: 100%; height: 100%; position: relative; display: flex; margin-bottom: -200px; background: #fff;}
.brand_pr .history .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.brand_pr .history .bg span {width: 100%; height: 100vh; display: block; background: url("../images/bg-brand-pr-bot.jpg") no-repeat; position: absolute; top: 0; left: 0; z-index: 5; background-size: cover;}

/* .brand_pr .history.fixed {position: fixed; border: 3px solid blue; top: 0; left: ;} */
.brand_pr .history .bg.fixed {position: fixed;}
.brand_pr .history .bg.fixed2 {position: absolute; bottom: 0; top: unset;}
.brand_pr .history .bg.fixed2 span {top: unset; bottom: 0;}

.brand_pr .history .contents {display: flex; justify-content: space-between; width: 100%; position: relative;}
.brand_pr .history .left {width: 50%; position: relative; height: 100%; z-index: 7;}

.brand_pr .history .left .for_position {width: 100%; position: absolute; height: 100vh;}
.brand_pr .history .left .for_position.fixed {position: fixed; left: 0; top: 0;}
.brand_pr .history .left .for_position.fixed .select {left: 25%;}
.brand_pr .history .left .for_position.fixed2 {position: absolute; left: 0; top: unset !important; bottom: 0;}

.brand_pr .history .left .select {height: 84px; width: 395px; border: 1px solid #fff; border-radius: 16px; padding: 20px 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; position: relative; opacity: 0; margin-top: -50px;}
.brand_pr .history .left .select:focus {border: 2px solid #222;}

.brand_pr .history .left .for_position > p {position: absolute; top: 50%; left: 0; transform: translateY(-50%); overflow: hidden; position: relative; opacity: 0; margin-top: -50px; font-size: 72px; color: #fff; font-family: pretendard; width: 50vw; text-align: center;}

.brand_pr .history .left .select ul {height: 275px; color: #fff; overflow-y: hidden;}
.brand_pr .history .left .select ul::-webkit-scrollbar {width: 4px;}
.brand_pr .history .left .select ul::-webkit-scrollbar-track {background: 0; border-radius: 0;}
.brand_pr .history .left .select ul::-webkit-scrollbar-thumb {background: #fff; border-radius: 3px;} 
.brand_pr .history .left .select ul li {opacity: 0.6; font-size: 24px; cursor: pointer; transition: all .3s;}
.brand_pr .history .left .select ul li a {color: #fff;}
.brand_pr .history .left .select ul li.on {opacity: 1; font-size: 32px; font-family: pretendard;}
.brand_pr .history .left .select ul li + li {margin-top: 20px;}
.brand_pr .history .left .select span {width: 24px; height: 56px; background: url("../images/ico-brand-pr-arrow.png") no-repeat; display: block; position: absolute; right: 10px; top: 14px; cursor: pointer; transition: all .3s;}
.brand_pr .history .left .select > a {display: block; width: 397px; height: 80px; position: absolute; top: 0; right: 0; z-index: 3; opacity: 0.2;}

.brand_pr .history .left .select .cliked {font-size: 32px; font-family: pretendard; color: #fff; display: inline-block; position: absolute; top: 20px; left: 40px; z-index: 3; cursor: pointer;}
.brand_pr .history .left .select .cliked a {color: #fff;}

.brand_pr .history .right {width: 50%; position: relative; padding: 0 150px 100px 150px; z-index: 4;} 

.brand_pr .history .right .year {width: 515px;}
.brand_pr .history .right .year li {display: none; margin-top: 120vh; padding-top: 130px;}
.brand_pr .history .right .year li.on {display: block;}
.brand_pr .history .right .year .month + .month {margin-top: 120px;}
.brand_pr .history .right .year .month dl {margin-bottom: 16px; display: flex; align-items: center; justify-content: flex-start;}
.brand_pr .history .right .year .month dl dt {padding: 0 !important; width: auto; margin: 0; display: flex; align-items: center; justify-content: flex-start;}
.brand_pr .history .right .year .month dl dt::after {content: ""; width: 6px; height: 6px; background: #961E1E; border-radius: 50px; display: inline-block; margin: 0 10px;}
.brand_pr .history .right .year .month dl dd {color: #727272; font-family: pretendard;}
.brand_pr .history .right .year .month p {font-family: pretendard; color: #4D4D4D;}
.brand_pr .history .right .year .month p + p {margin-top: 12px;}
.brand_pr .history .right .year.type2 .month > div {padding: 0 !important; padding-bottom: 40px !important;}
.brand_pr .history .right .year.type2 .month p + p {margin-top: 30px;}

@media all and (max-width: 1500px) {
	.brand_pr .history .right {padding: 100px 50px;}
}
@media all and (max-width: 1280px) {
	.brand_pr .intro .step1 .laurel {width: 580px;}
	.brand_pr .intro .step1 .txt p:nth-of-type(2) {font-size: 100px;}
	.brand_pr .prize ul {width: 1000px;}
	.brand_pr .prize ul li {width: 450px;}
	.brand_pr .history .right .year {width: 100%;}
}
@media all and (max-width: 1024px) {
	.brand_pr .intro .step2 .for_position {width: 90%;}
	.brand_pr .intro .step2 .movie {width: 100%;}
	.brand_pr .prize ul {width: 80%; justify-content: center;}
	.brand_pr .prize ul li {margin-bottom: 80px;}
	.brand_pr .prize ul li:nth-of-type(2n) {margin-top: 0;}
	.brand_pr .history .bg {z-index: 2;}
	.brand_pr .history .bg span {width: 10%; z-index: 2;}
	.brand_pr .history .left {width: 10%; position: unset;}
	.brand_pr .history .left .select {position: absolute; top: 0; left: unset; right: 20px; transform: translate(0); margin-top: 80px; border: 1px solid #222; color: #fff; width: calc(90% - 40px); height: 60px; padding: 16px; opacity: 1;}
	.brand_pr .history .left .select .cliked {color: #222; top: 16px; left: 16px; font-size: 20px;}
	.brand_pr .history .left .select span {width: 20px; height: 20px; background: url("../images/ico-brand-pr-arrow-bk.png") no-repeat; background-position: center; display: block; position: absolute; right: 10px; top: 18px; cursor: pointer; transition: all .3s;}
	.brand_pr .history .left .select ul {color: #222;}
	.brand_pr .history .left .select ul li {font-size: 20px;}
	.brand_pr .history .left .select ul li.on {font-size: 20px;}
	.brand_pr .history .left .select a {height: 60px;}

	.brand_pr .history .right {width: 90%; padding: 100px 16px 100px 32px ;}
	.brand_pr .history .right .year {width: 100%;}
	.brand_pr .history .right .year li {display: none; margin-top: 100px;}

	.brand_pr .history .right .year.type2 .month > div {width: 100%; padding-bottom: 20px !important;}
	.brand_pr .history .right .year.type2 li {margin-top: 0 ;}
}
@media all and (max-width: 768px) {
	
	.brand_pr .intro .srl_ani .scroll_info {display: none;}
	.brand_pr .intro .step1 .txt p:nth-of-type(1) {font-size: 10px;}
	.brand_pr .intro .step1 .txt p:nth-of-type(2) {font-size: 50px; margin: 16px 0 22px;}
	.brand_pr .intro .step1 .txt p:nth-of-type(3) {font-size: 12px;}
	.brand_pr .intro .step1 .laurel {width: 290px;}
	.brand_pr .intro .step1 .laurel span:nth-of-type(1) {width: 24px; height: 49px;}
	.brand_pr .intro .step1 .laurel span:nth-of-type(2) {width: 24px; height: 49px;}
	.brand_pr .intro .step2 .for_position {width: 94%;}
	.brand_pr .intro .step2 .movie .yt {height: 350px;}
	.brand_pr .intro .step2 .movie .yt iframe {height: 350px;}
	.brand_pr .intro .step2 .movie .subtitle {padding: 20px 0;}
	.brand_pr .prize .tit .sub_tit {margin-top: 30px;}
	.brand_pr .prize .tit p:first-of-type img {width: 190px;}
	.brand_pr .prize ul {width: 90%;}
	.brand_pr .prize ul li {margin-bottom: 40px; min-height: auto; padding: 60px 10px;}
	.brand_pr .prize ul li .img {width: 90%; margin: 0 auto;}
	.brand_pr .prize ul li .img img {width: 100%;}
	.brand_pr .prize ul li dt {margin: 40px auto 20px;}
	/* .brand_pr .history .left .select {margin-top: 60px;}
	.brand_pr .history .right .year li {margin-top: 80px;} */
	.brand_pr .history {margin-bottom: -100px;}
	.brand_pr .history .right .year .month + .month {margin-top: 80px;}

}




/* 분양 - 스마트시스템 */
.smart_sys .intro {width: 1720px; height: 600px; margin: 0 auto; overflow: hidden; position: relative;}
.smart_sys .intro p {font-size: 80px; color: #fff; font-family: "Poppins-Bold"; position: absolute; left: 152px; top: 50%; transform: translateY(-50%) !important; line-height: 1.2; opacity: 0; transition: all 1.2s;}
.smart_sys .intro p.active {opacity: 1; left: 222px;}
.smart_sys .intro .bg {width: 1720px; height: 750px; background: url("../images/img-ss-intro-1.jpg") no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: -1;}
.smart_sys .info_swipe {margin: 200px auto 250px; position: relative;}
.smart_sys .info_swipe::after {content: ""; width: 1720px; height: 1964px; background: #F4EFE4; position: absolute; top: 344px; left: 50%; transform: translateX(-50%); z-index: -1;}
.smart_sys .info_swipe .swipe_area {position: relative; opacity: 0; transform: translateY(200px); transition: all 1.3s;}
.smart_sys .info_swipe .swipe_area.active {opacity: 1; transform: translateY(0);}
.smart_sys .info_swipe .swipe_area .swiper-wrapper {padding-bottom: 5px;}
.smart_sys .info_swipe .swipe_area + .swipe_area {margin-top: 120px;}
.smart_sys .info_swipe .swipe_area .tit {margin-bottom: 50px;}
.smart_sys .info_swipe .swipe_area .tit .sub_stit {font-family: "Poppins-SemiBold"; color: #127D7F; padding-right: 30px;}
.smart_sys .info_swipe .swipe_area:nth-of-type(2) .tit .sub_stit {font-family: "Poppins-SemiBold"; color: #3978BB;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .tit .sub_stit {font-family: "Poppins-SemiBold"; color: #CE686C;}

.smart_sys .info_swipe .swipe_area .swiper-slide {width: 400px; height: 500px;}

.smart_sys .info_swipe .swipe_area .swiper-slide::before {content: ""; display: block; width: 390px; height: 300px; background: #127D7F; z-index: -1; position: absolute; bottom: -5px; left: 5px; border-radius: 10px; transition: all .4s;}
.smart_sys .info_swipe .swipe_area .swiper-slide::after {content: ""; width: 380px; height: 480px; border-radius: 10px; border: 1px dashed #DDCB97; position: absolute; top: 8px; left: 8px;}
.smart_sys .info_swipe .swipe_area .swiper-slide .front {width: 400px; height: 500px; text-align: center; position: relative; border: 1px solid #DDCB97; border-radius: 10px; background: #fff;}
.smart_sys .info_swipe .swipe_area .swiper-slide .front .ico {width: 150px; height: 150px; background: #F4EFE4; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}
.smart_sys .info_swipe .swipe_area .swiper-slide .front .ico img {max-width: 120px; max-height: 120px;}
.smart_sys .info_swipe .swipe_area .swiper-slide .front dl {text-align: center; margin-top: 250px; padding: 0 50px;}
.smart_sys .info_swipe .swipe_area .swiper-slide .front dl dt {margin-bottom: 20px;}
.smart_sys .info_swipe .swipe_area .swiper-slide .front dl dd {color: #727272;}
.smart_sys .info_swipe .swipe_area .swiper-slide .back {width: 400px; height: 500px; background: #127D7F; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 10px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 50px; opacity: 0; transition: all .4s; word-break: keep-all; border: 1px solid #127D7F;}
.smart_sys .info_swipe .swipe_area .swiper-slide .back .con_tit {color: #fff;}
.smart_sys .info_swipe .swipe_area .swiper-slide .back dl dt {margin-bottom: 20px;}
/* .smart_sys .info_swipe .swipe_area .swiper-slide .back dl dd {word-break: break-all;} */
.smart_sys .info_swipe .swipe_area .swiper-slide .back.on {opacity: 1; height: 505px;}
/* .smart_sys .info_swipe .swipe_area .swiper-slide:hover .back {opacity: 1;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover::before {bottom: 0;} */
.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide .back {background: #3978BB; border: 1px solid #3978BB;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide .back {background: #CE686C; border: 1px solid #CE686C;}
.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide::before {background: #3978BB;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide::before {background: #CE686C;}

/* .smart_sys .info_swipe .swipe_area .swiper-slide {width: 400px; height: 500px; display: flex; align-items: center; justify-content: center; transition: all .7s; position: relative;}
.smart_sys .info_swipe .swipe_area .swiper-slide .dot {position: relative; width: 100%; height: 500px; border-radius: 15px; border: 1px solid #DDCB97; background: #fff;}
.smart_sys .info_swipe .swipe_area .swiper-slide .dot::before {content: ""; display: block; position: absolute; top: 10px; left: 10px; border: 1px dotted #DDCB97; width: 380px; height: 480px; border-radius: 15px;}
.smart_sys .info_swipe .swipe_area .swiper-slide .ico {width: 150px; height: 150px; background: #F4EFE4; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}
.smart_sys .info_swipe .swipe_area .swiper-slide .ico img {max-width: 120px; max-height: 120px;}
.smart_sys .info_swipe .swipe_area .swiper-slide dl {text-align: center; padding: 240px 40px 0;}
.smart_sys .info_swipe .swipe_area .swiper-slide dl dt {margin-bottom: 20px;}
.smart_sys .info_swipe .swipe_area .swiper-slide dl dd { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover {border: 0;}
.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide:hover {border: 0;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide:hover {border: 0;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover .dot {border: 1px solid #127D7F; display: flex; align-items: center; justify-content: center; background: #127D7F; height: 510px;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover .dot::before {display: none;}

.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide:hover .dot {border: 1px solid #3978BB; display: flex; align-items: center; justify-content: center; background: #3978BB; height: 510px;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide:hover .dot {border: 1px solid #CE686C; display: flex; align-items: center; justify-content: center; background: #CE686C; height: 510px;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover .ico {display: none;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover dl {color: #fff; padding: 0 70px 0;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover dl dt {color: #fff;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover dl dd {overflow: initial; text-overflow: initial; display: -webkit-box; -webkit-line-clamp: initial;} */
/* .smart_sys .info_swipe .swipe_area:nth-of-type(1) .swiper-slide::after {content: ""; width: 394px; height: 300px; background: #127D7F; display: block; position: absolute; bottom: -6px; border-radius: 15px; z-index: -1;}
.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide::after {content: ""; width: 394px; height: 300px; background: #3978BB; display: block; position: absolute; bottom: -6px; border-radius: 15px; z-index: -1;}
.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide::after {content: ""; width: 394px; height: 300px; background: #CE686C; display: block; position: absolute; bottom: -6px; border-radius: 15px; z-index: -1;}
.smart_sys .info_swipe .swipe_area .swiper-slide:hover::after {display: none;} */

.smart_sys .info_swipe .swipe_area .arrow {position: absolute; top: 57%; left: 50%; transform: translateX(-50%); width: calc(100% + 150px);}
.smart_sys .info_swipe .swipe_area .arrow .prev {width: 48px; height: 48px; display: inline-block; background: url("../images/smartsys-arr.svg"); transform: rotate(180deg); cursor: pointer; background-size: contain;}
.smart_sys .info_swipe .swipe_area .arrow .next {width: 48px; height: 48px; display: inline-block; background: url("../images/smartsys-arr.svg"); cursor: pointer; background-size: contain; right: 0; position: absolute;}

.smart_sys .info_swipe .swipe_area .arrow .prev.swiper-button-disabled { background: url("../images/smartsys-arr.svg"); background-size: contain; opacity: 0.5;}
.smart_sys .info_swipe .swipe_area .arrow .next.swiper-button-disabled { background: url("../images/smartsys-arr.svg"); background-size: contain; right: 0; opacity: 0.5;}

.detail_sys {padding: 200px 0 100px; background: #fff;}
.detail_sys .con_area {width: 1280px; margin: 0 auto;}
.detail_sys .con_area .txt_box {opacity: 0; transform: translateY(100px); transition: all 1s; text-align: center; margin-bottom: 150px;}
.detail_sys .con_area .txt_box.active {opacity: 1; transform: translateY(0);}
.detail_sys .con_area .txt_box p:first-of-type {font-family: pretendard; color: #7D1919;}
.detail_sys .con_area .txt_box p.sub_stit {margin: 30px 0; font-family: pretendard; }
.detail_sys .con_area .sys_box {position: relative;}
.detail_sys .con_area dl {width: 715px; min-height: 383px; padding: 60px; box-shadow: rgb(0 0 0 / 20%) 0px 60px 50px -30px; border-radius: 0 0 100px 100px; border: 1px solid #DDDDDD; border-top: 2px solid #4D4D4D;}
.detail_sys .con_area dl.energy {background: url("../images/ico-detail1.svg") no-repeat right 60px bottom 60px;}
.detail_sys .con_area dl.energy dt {color: #08213F;}
.detail_sys .con_area dl.safety {background: url("../images/ico-detail2.svg") no-repeat right 60px bottom 60px;}
.detail_sys .con_area dl.safety dt {color: #7E5E31;}
.detail_sys .con_area dl.convenience {position: absolute; top: 0; right: 0; width: 505px; height: 869px; background: url("../images/ico-detail3.svg") no-repeat right 60px bottom 60px; margin-top: 0;}
/* .detail_sys .con_area dl.convenience {position: absolute; top: 0; right: 0; width: 505px; height: 869px; background: url("../images/ico-detail3.svg") no-repeat right 60px bottom 60px; margin-top: 0;} */
.detail_sys .con_area dl.convenience dt {color: #961E1E;}
.detail_sys .con_area dl.energy + dl.safety {margin-top: 70px;}
.detail_sys .con_area dl dt {font-family: pretendard; margin-bottom: 25px; word-break: break-all;}
.detail_sys .con_area dl dd {display: flex; align-items: center; word-break: break-all;}
.detail_sys .con_area dl dd::before {content: ""; width: 4px; height: 4px; background: #222; border-radius: 50px; display: block; margin-right: 10px; flex-shrink: 0;}
.detail_sys .con_area dl dd + dd {margin-top: 13px;}
.detail_sys + .yellow_info_box {margin-top: 0;}

.detail_sys .con_area .items .wifi {display: block; width: 102px; height: 93px; background: url("../images/ico-ds-wifi.png") no-repeat; background-size: contain; position: absolute; top: 200px; right: -80px; z-index: 1; animation: floating 2s infinite alternate;}
.detail_sys .con_area .items .ph {display: block; width: 112px; height: 148px; background: url("../images/ico-ds-ph.png") no-repeat; background-size: contain; position: absolute; top: 1050px; right: 450px; z-index: 1; animation: floating 2s infinite alternate;}
.detail_sys .con_area .txt_ani {color: #F4EFE4; font-size: 300px; font-family: "Poppins-Bold"; position: absolute; left: 50%; transform: translateX(-50%); top: 30%; z-index: -1;}
/* @keyframes floating {
	0%{transform: translate(0,0);}
	100%{transform: translate(0,50px);}
}   */

@media all and (max-width: 1700px) {
	.smart_sys .intro {width: 1300px;}
	.smart_sys .intro p.active {left: 100px;}
}
@media all and (max-width: 1500px) {
	.smart_sys .intro {width: 1000px; height: 500px;}
	.smart_sys .intro p.active {left: 80px;}

	.smart_sys .info_swipe .swipe_area .swiper-slide {width: 300px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .front {width: 100%; height: 100%;}
	.smart_sys .info_swipe .swipe_area .swiper-slide::after {width: calc(100% - 18px); height: calc(100% - 18px);}
	.smart_sys .info_swipe .swipe_area .swiper-slide::before {width: calc(100% - 10px); height: calc(100% - 10px);}
	.smart_sys .info_swipe .swipe_area .swiper-slide .back {width: 100%; height: 100%;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .front dl {margin-top: 240px;}

	.smart_sys .info_swipe .swipe_area .arrow {top: unset; bottom: -75px; width: 115px;}
	
	.detail_sys .con_area {width: 1000px;}
	.detail_sys .con_area dl {width: 100%;}
	.detail_sys .con_area dl:last-of-type {margin-top: 70px;}
	.detail_sys .con_area dl:last-of-type {position: unset; width: 100%; height: auto;}

}
@media all and (max-width: 1024px) {
	.smart_sys .intro {width: 100%; height: 200px;}
	.smart_sys .intro p {font-size: 32px}
	.smart_sys .intro p.active {left: 50px;}
	.smart_sys .info_swipe .swipe_area {padding-bottom: 80px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide {height: 400px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .front {width: calc(100% - 1px);}


	/* .smart_sys .info_swipe .swipe_area .swiper-slide {height: 460px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .dot {width: 100%; height: 460px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .dot::before {height: calc(100% - 20px);} */
	/* .smart_sys .info_swipe .swipe_area .swiper-slide:hover .dot {height: 470px;} */

	/* .smart_sys .info_swipe .swipe_area .swiper-slide:hover::after {height: 470px !important;}
	.smart_sys .info_swipe .swipe_area:nth-of-type(1) .swiper-slide:hover .dot {height: 460px;}
	.smart_sys .info_swipe .swipe_area:nth-of-type(2) .swiper-slide:hover .dot {height: 460px;}
	.smart_sys .info_swipe .swipe_area:nth-of-type(3) .swiper-slide:hover .dot {height: 460px;} */

	.detail_sys .con_area {width: 90%;}
}
@media all and (max-width: 768px) {
	.smart_sys .intro p.active {left: 30px;}
	.smart_sys .intro .bg {width: 800px; height: 500px;}
	.smart_sys .info_swipe {margin: 100px auto 120px;}
	.smart_sys .info_swipe .swipe_area .tit .sub_stit {font-size: 28px;}
	.smart_sys .info_swipe .swipe_area .tit .con_mmtxt {font-size: 16px;}
	.smart_sys .info_swipe .swipe_area {padding-bottom: 0;}
	.smart_sys .info_swipe .swipe_area + .swipe_area {margin-top: 140px;}

	.smart_sys .info_swipe .swipe_area .tit span {display: block;}
	.smart_sys .info_swipe .swipe_area .swiper-slide {height: 466px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .front dl {padding: 0 30px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .front dl dd {font-size: 16px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .back {padding: 0 30px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide .back.on {opacity: 1; height: 471px;}
	/* .smart_sys .info_swipe .swipe_area .swiper-slide:hover dl {padding: 0 20px 0;}
	.smart_sys .info_swipe .swipe_area .swiper-slide dl {padding: 230px 20px;}
	.smart_sys .info_swipe .swipe_area .swiper-slide dl dd {font-size: 16px;} */

	.detail_sys {padding: 60px 0;}
	.detail_sys .con_area {width: 94%; min-height: 100%;}
	.detail_sys .con_area .txt_box {margin-bottom: 80px; text-align: left;}
	.detail_sys .con_area .txt_box p.sub_stit {margin: 20px 0;}
	.detail_sys .con_area dl {padding: 60px 40px; width: 100%; min-height:100%; font-size: 16px; padding: 40px 40px 60px 40px; min-height: 400px;}
	.detail_sys .con_area dl:first-of-type {background: url("../images/ico-detail1.svg") no-repeat right 40px bottom 40px / 100px;}
	.detail_sys .con_area dl:nth-of-type(2) {background: url("../images/ico-detail2.svg") no-repeat right 40px bottom 40px / 100px;}
	.detail_sys .con_area dl:last-of-type {background: url("../images/ico-detail3.svg") no-repeat right 40px bottom 40px / 100px; margin-top: 60px;}
	.detail_sys .con_area dl.energy + dl.safety {margin-top: 60px;}
	.detail_sys .con_area dl dt {margin-bottom: 20px;}
	.detail_sys .con_area dl dd + dd {margin-top: 12px;}
}




/* 브랜드 소개 */
.pro_intro {position: relative; width: 100%;}
.pro_intro .int_indi {position: fixed; top: 50%; left: -160px; transform: translate(0, -50%); opacity: 0; z-index: 10; transition-duration: 0.5s; transition-property: top;}
.pro_intro .int_indi ul {position: relative;}
.pro_intro .int_indi li {height: 24px; margin: 2px 0 15px;}
.pro_intro .int_indi a {display: block; position: relative; padding-left: 37px; height: 24px; font-family: pretendard; font-size: 14px; color: rgba(255, 255, 255, 0.5); transition-duration: 0.5s; transition-property: color;}
.pro_intro .int_indi a::before {content: ""; display: block; position: absolute; top: 5px; left: 7px; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; transition-duration: 0.5s; transition-property: background;}
.pro_intro .int_indi li.on a {color: rgba(255, 255, 255, 1);}
.pro_intro .int_indi li.on a::before {background: #fff;}
.pro_intro .int_indi li span {display: block; position: relative; padding-left: 37px; height: 24px; font-family: pretendard; font-size: 14px; color: rgba(255, 255, 255, 0.5); transition-duration: 0.5s; transition-property: color;}
.pro_intro .int_indi li span::before {content: ""; display: block; position: absolute; top: 5px; left: 7px; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; transition-duration: 0.5s; transition-property: background;}
.pro_intro .int_indi li.on span {color: rgba(255, 255, 255, 1);}
.pro_intro .int_indi li.on span::before {background: #fff;}
.pro_intro .obj {position: absolute; top: 0; left: 0; width: 24px; height: 100%;}
.pro_intro .obj .bar {position: absolute; top: 10px; left: 11px; width: 2px; height: 120px; background: rgba(255, 255, 255, 0.1);}
.pro_intro .obj .bar > span {position: absolute; top: 0; left: 0; width: 2px; height: 0; background: rgba(255, 255, 255, 1);}
.pro_intro .obj .circle {position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, 0.1);}
.pro_intro.bk .int_indi a {color: rgba(34, 34, 34, 0.5);}
.pro_intro.bk .int_indi a::before {background: rgba(34, 34, 34, 0.2);}
.pro_intro.bk .int_indi li.on a {color: rgba(34, 34, 34, 1);}
.pro_intro.bk .int_indi li.on a::before {background: #222;}
.pro_intro.bk .int_indi li span {color: rgba(34, 34, 34, 0.5);}
.pro_intro.bk .int_indi li span::before {background: rgba(34, 34, 34, 0.2);}
.pro_intro.bk .int_indi li.on span {color: rgba(34, 34, 34, 1);}
.pro_intro.bk .int_indi li.on span::before {background: #222;}
.pro_intro.bk .obj .bar {background: rgba(34, 34, 34, 0.1);}
.pro_intro.bk .obj .bar > span {background: rgba(34, 34, 34, 1);}
.pro_intro.bk .obj .circle {background: rgba(34, 34, 34, 0.1);}

.intro_sec1 {position: relative; width: 100%; height: 100vh;}
.intro_sec1 .first {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.intro_sec1 .first .sky {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url('../images/background_sky.jpg') no-repeat center center; background-size: cover;}
.intro_sec1 .first .txt {position: absolute; top: 35%; left: 0; width: 100%; text-align: center; color: #fff; font-size: 72px; transform: translate(0, 100px);}
.intro_sec1 .first .building {position: absolute; top: 623px; left: 50%; transform: translate(-50%, 0); width: 917px; height: 1448px; background: url('../images/object_building.png') no-repeat center center; background-size: cover;}
.intro_sec1 .second {position: absolute; top: 0; left: -100%; width: 100%; height: 100vh; overflow: hidden;}
.intro_sec1 .second .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(150, 30, 30, 0.97); overflow: hidden;}
.intro_sec1 .second .txt_pack {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; text-align: center; color: #fff;}
.intro_sec1 .second .txt_pack .txt1 {font-size: 56px;}
.intro_sec1 .second .txt_pack .txt2 {margin-top: 55px; font-size: 20px;}

.intro_sec2 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.intro_sec2 .first {position: absolute; top: 25%; left: 0; width: 100%; text-align: center;}
.intro_sec2 .first .txt1 {font-family: pretendard; color: #961E1E; font-size: 24px; transform: translate(0, 100px); opacity: 0;}
.intro_sec2 .first .txt2 {color: #222; font-size: 56px; margin-top: 33px; transform: translate(0, 100px); opacity: 0;}
.intro_sec2 .bg_pack {position: absolute; top: 70%; left: 50%; transform: translate(-50%, 0); width: 0; height: 100vh;}
.intro_sec2 .bg_pack > .bg {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 0%; height: 100vh;}
.intro_sec2 .bg_pack > .bg::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7);}
.intro_sec2 .bg_pack > .bg:nth-child(1) {background: url('../images/intro2-bg1.jpg') no-repeat center center; background-size: cover;}
.intro_sec2 .bg_pack > .bg:nth-child(2) {background: url('../images/intro2-bg2.jpg') no-repeat center center; background-size: cover; opacity: 0;}
.intro_sec2 .bg_pack > .bg:nth-child(3) {background: url('../images/intro2-bg3.jpg') no-repeat center center; background-size: cover; opacity: 0;}
.intro_sec2 .txt_pack {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; opacity: 0;}
.intro_sec2 .txt_pack > .txt {display: block; margin: 60px 0; text-align: center; font-family: pretendard; color: #fff; opacity: 0.5; transform: scale(0.9); transition-duration: 0.5s; transition-property: opacity, transform;}
.intro_sec2 .txt_pack > .txt.on {opacity: 1; transform: scale(1);}
.intro_sec2 .txt_pack > .txt .txt1 {font-size: 24px;}
.intro_sec2 .txt_pack > .txt .txt2 {font-size: 56px; margin-top: 20px;}
.intro_sec2 .txt_pack > .txt .txt3 {font-size: 20px; margin-top: 20px;}

.intro_sec3 {position: relative; width: 100%; padding-top: calc(50vh - 117px); background: #08213F; color: #fff;}
.intro_sec3 .txt_pack {text-align: center;}
.intro_sec3 .txt_pack .inner .txt1 {font-family: 'Poppins-Medium'; font-size: 24px; transform: translate(0, 100px); opacity: 0;}
.intro_sec3 .txt_pack .inner .txt2 {font-family: 'pretendard-Medium'; font-size: 56px; margin-top: 30px; transform: translate(0, 100px); opacity: 0;}
.intro_sec3 > .history {position: relative; width: 1371px; height: 2764px; margin: 100px auto 0;}
.intro_sec3 > .history ul {position: relative; width: 100%;}
.intro_sec3 > .history ul li {position: absolute; top: 0; width: 786px;}
.intro_sec3 > .history ul li:nth-child(1) .logo_point {position: absolute; top: 100px; width: 200px; height: 200px; background: url('../images/brandintro-logo1.jpg') no-repeat 0 0; background-size: 100%; opacity: 0}
.intro_sec3 > .history ul li:nth-child(2) .logo_point {position: absolute; top: 100px; width: 200px; height: 200px; background: url('../images/brandintro-logo2.jpg') no-repeat 0 0; background-size: 100%; opacity: 0}
.intro_sec3 > .history ul li:nth-child(3) .logo_point {position: absolute; top: 100px; width: 200px; height: 200px; background: url('../images/brandintro-logo3.jpg') no-repeat 0 0; background-size: 100%; opacity: 0}
.intro_sec3 > .history ul li .info {position: absolute; top: 0;}
.intro_sec3 > .history ul li .img {width: 440px; height: 440px; overflow: hidden;}
.intro_sec3 > .history ul li .img > span {display: block; width: 440px; height: 0; overflow: hidden;}
.intro_sec3 > .history ul li .img > span > img {width: 440px; height: 440px;}
.intro_sec3 > .history ul li .txt1 {font-family: 'pretendard-Regular'; font-size: 32px; margin-top: 20px; opacity: 0;}
.intro_sec3 > .history ul li .txt2 {font-family: 'pretendard-Regular'; font-size: 20px; opacity: 0;}
.intro_sec3 > .history ul li:nth-child(1) {right: 0; top: 150px;} 
.intro_sec3 > .history ul li:nth-child(1) .info {right: 0;}
.intro_sec3 > .history ul li:nth-child(2) {left: 0; top: 944px;}
.intro_sec3 > .history ul li:nth-child(2) .info {text-align: right;}
.intro_sec3 > .history ul li:nth-child(2) .logo_point {right: 0;}
.intro_sec3 > .history ul li:nth-child(3) {right: 0; top: 1746px;}
.intro_sec3 > .history ul li:nth-child(3) .info {right: 0;}
.intro_sec3 > .history .line {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 11px; height: 2564px;}
.intro_sec3 > .history .line .cir1 {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 11px; height: 11px; border-radius: 50%; background: #fff; opacity: 0;}
.intro_sec3 > .history .line .cir2 {position: absolute; bottom: -150px; left: 50%;transform: translate(-50%, 0); background: url('../images/brandintro-logo4.png')  no-repeat 0 0; width: 150px; background-size: 100%; height: 150px;}
.intro_sec3 > .history .line .bar {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 1px; height: 0%; background: #fff;}

.intro_sec4 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.intro_sec4 li {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.intro_sec4 li:nth-child(1) {z-index: 4;}
.intro_sec4 li:nth-child(2) {z-index: 3;}
.intro_sec4 li:nth-child(3) {z-index: 2;}
.intro_sec4 li:nth-child(4) {z-index: 1;}
.intro_sec4 li .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.intro_sec4 .txt_sec {position: relative; width: 100%; height: 100vh; z-index: 5;}
.intro_sec4 .txt_sec .txt_pack {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; text-align: center; color: #fff; opacity: 0;}
.intro_sec4 .txt_sec .txt_pack .txt1 {font-family: 'pretendard-Medium'; font-size: 28px; transform: translate(0, 100px); opacity: 0;}
.intro_sec4 .txt_sec .txt_pack .txt2 {font-family: 'pretendard-Regular'; font-size: 56px; margin-top: 30px; transform: translate(0, 100px); opacity: 0;}
.intro_sec4 .txt_sec .txt_pack .txt3 {font-family: 'pretendard-Regular'; font-size: 20px; margin-top: 50px; transform: translate(0, 100px); opacity: 0;}

.pro_intro .scroll_info {position: fixed; bottom: 40px; left: 50%; transform: translate(-50%, 0); width: 132px; height: 70px; padding-top: 50px; color: rgba(255, 255, 255, 0.6); font-size: 13px; font-family: "Poppins-Bold"; text-align: center; opacity: 0; z-index: 10;}
.pro_intro .scroll_info .mouse {display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 24px; height: 40px; border: 2px solid #fff; border-radius: 12px;}
.pro_intro .scroll_info .mouse::after {content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 4px; height: 4px; background: #fff; border-radius: 2px; animation: wheelloof 1.5s infinite;}
@keyframes wheelloof {
    0% { top: 8px; }
    65% { top: 24px; }
    100% { top: 8px; }
}

@media all and (min-width: 1921px) {
	.intro_sec4 li {width: 3000px;}
}
@media all and (max-width: 1400px) {
	.intro_sec3 > .history {width: 1000px; height: 3164px;}
	.intro_sec3 > .history .line { height: 2945px;}
	.intro_sec3 > .history ul li{right: unset; width: 100%;}
	.intro_sec3 > .history ul li:nth-child(1) .logo_point {left: 50%; transform: translateX(-50%);}
	.intro_sec3 > .history ul li:nth-child(1) .info {transform: translateY(250px);}
	.intro_sec3 > .history ul li:nth-child(2) {top: 1050px;}
	.intro_sec3 > .history ul li:nth-child(2) .logo_point {left: 50%; transform: translateX(-50%);}
	.intro_sec3 > .history ul li:nth-child(2) .info {transform: translateY(250px);}
	.intro_sec3 > .history ul li:nth-child(3) {top: 1950px;}
	.intro_sec3 > .history ul li:nth-child(3) .logo_point {left: 50%; transform: translateX(-50%);}
	.intro_sec3 > .history ul li:nth-child(3) .info {transform: translateY(250px);}

	.intro_sec4 li {width: 1920px; height: 100vh; position: absolute; left: 50%; transform: translateX(-50%);}
	.intro_sec4 li .bg {width: 100%; height: 100vh;}
	
}
@media all and (max-width: 1280px) {
	.pro_intro .int_indi {display: none;}
	.pro_intro .scroll_info {display: none;}
}
@media all and (max-width: 1024px) {
	.intro_sec3 > .history {width: 94%; height: 3164px;}
    .intro_sec3 > .history .line { height: 2945px;}
	.intro_sec3 > .history ul li .info {text-align: center !important; padding: 30px 0; background: #08213F;}
	.intro_sec3 > .history ul li:nth-child(2) {top: 1080px;}
	.intro_sec3 > .history ul li:nth-child(3) {top: 2000px;}
	.intro_sec3 > .history ul li:nth-child(1) .info {right: 50%; transform: translate(50%, 200px);}
	.intro_sec3 > .history ul li:nth-child(2) .info {right: 50%; transform: translate(50%, 200px);}
	.intro_sec3 > .history ul li:nth-child(3) .info {right: 50%; transform: translate(50%, 200px);}
}
@media all and (max-width: 768px) {
	.intro_sec1 .first .txt {font-size: 32px;}
	.intro_sec1 .first .building {width: 800px; height: 1248px;}
	.intro_sec1 .second .txt_pack {padding: 0 20px;}
	.intro_sec1 .second .txt_pack .txt1 {font-size: 32px;}
	.intro_sec1 .second .txt_pack .txt2 {font-size: 18px; margin-top: 28px;}
	.intro_sec1 .second .txt_pack .txt2 br {display: none;}
	.intro_sec2 .first .txt1 {font-size: 18px;}
	.intro_sec2 .first .txt2 {font-size: 32px;}
	.intro_sec2 .txt_pack > .txt {margin: 40px 0;}
	.intro_sec2 .txt_pack > .txt .txt1 {font-size: 20px;}
	.intro_sec2 .txt_pack > .txt .txt2 {font-size: 32px; margin-top: 13px;}
	.intro_sec2 .txt_pack > .txt .txt3  {font-size: 18px; margin-top: 20px;}
	.intro_sec3 .txt_pack .inner .txt1 {font-size: 20px;}
	.intro_sec3 .txt_pack .inner .txt2 {font-size: 32px;}
	.intro_sec3 > .history {width: 94%; height: 2725px; margin: 40px auto 0;}
	.intro_sec3 > .history .line { height: 2545px;}
	.intro_sec3 > .history .line .cir2 {width: 120px; height: 120px;}
	.intro_sec3 > .history ul li:nth-child(1) .logo_point {width: 160px; height: 160px;}
	.intro_sec3 > .history ul li:nth-child(2) .logo_point {width: 160px; height: 160px;}
	.intro_sec3 > .history ul li:nth-child(3) .logo_point {width: 160px; height: 160px;}
	.intro_sec3 > .history ul li:nth-child(1) .info {right: 50%; transform: translate(50%, 140px);}
	.intro_sec3 > .history ul li:nth-child(2) .info {right: 50%; transform: translate(50%, 140px);}
	.intro_sec3 > .history ul li:nth-child(3) .info {right: 50%; transform: translate(50%, 140px);}
	.intro_sec3 > .history ul li .txt1 {font-size: 24px;}
	.intro_sec3 > .history ul li .txt2 {font-size: 16px;}
	.intro_sec3 > .history ul li .info {width: 100%;}
	.intro_sec3 > .history ul li .img {width: 100%; height: 380px;}
	.intro_sec3 > .history ul li .img span {width: 100%; height: 100%;  position: relative;}
	.intro_sec3 > .history ul li .img > span > img {width: 400px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.intro_sec3 > .history ul li:nth-child(2) {top: 950px;}
	.intro_sec3 > .history ul li:nth-child(3) {top: 1770px;}
	.intro_sec4 .txt_sec .txt_pack {padding: 0 40px;}
	.intro_sec4 .txt_sec .txt_pack .txt1 {font-size: 20px;}
	.intro_sec4 .txt_sec .txt_pack .txt2 {font-size: 32px; margin-top: 17px;}
	.intro_sec4 .txt_sec .txt_pack .txt3 {font-size: 18px; margin-top: 28px;}
	.intro_sec4 .txt_sec .txt_pack .txt3 br {display: none;}

	.intro_sec4 li:nth-of-type(2) .bg {background: url("../images/brandintro-background1.jpg") 0% 0% / cover no-repeat !important;}
	.intro_sec4 li:nth-of-type(3) .bg {background: url("../images/brandintro-background2.jpg") 0% 0% / cover no-repeat !important;}
	.intro_sec4 li:nth-of-type(4) .bg {background: url("../images/brandintro-background3.jpg") 0% 0% / cover no-repeat !important;}
}
@media all and (max-width: 500px) {
	.intro_sec1 .first .building {width: 500px; height: 800px;}
}




/* 브랜드 소개 현대엔지니어링 */
.he_brand {margin-bottom: -200px;}
.he_brand ul {width: 100%; height: 100vh; position: relative;}
.he_brand ul li {width: 1920px; height: 100vh; position: absolute; left: 50%; transform: translateX(-50%);}
.he_brand ul li .bg {width: 100%; height: 100vh;}
/* .he_brand ul li:nth-of-type(2) .bg {background: url("../images/brandintro-background1.jpg") no-repeat; background-size: cover; background-position: center center;}
.he_brand ul li:nth-of-type(3) .bg {background: url("../images/brandintro-background2.jpg") no-repeat; background-size: cover; background-position: center center; margin: 0 auto;}
.he_brand ul li:nth-of-type(4) .bg {background: url("../images/brandintro-background3.jpg") no-repeat; background-size: cover; background-position: center center; margin: 0 auto;} */
.he_brand ul li:nth-of-type(1) {z-index: 5;}
.he_brand ul li:nth-of-type(2) {z-index: 4;}
.he_brand ul li:nth-of-type(3) {z-index: 3;}
.he_brand ul li:nth-of-type(4) {z-index: 2;}
.he_brand ul li .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1; color: #fff; text-align: center; opacity: 0;}
.he_brand ul li.active .txt {opacity: 1;}
.he_brand ul li .txt .con_tit {color: #fff; font-family: "Poppins-Medium";}
.he_brand ul li .txt .sub_tit {padding: 0 !important; color: #fff; margin: 30px 0 55px; width: 100%;}
.he_brand ul li .txt .con_mmtxt {color: #fff;}

@media all and (min-width: 1921px) {
	.he_brand ul li {width: 3000px;}
}
@media all and (max-width: 768px) {
	.he_brand {margin-bottom: -100px;}
	.he_brand ul li .txt {width: 320px;}
	.he_brand ul li .bg {background-attachment: inherit !important;}
	.he_brand ul li .txt .sub_tit {margin: 20px 0 30px;}
	.he_brand ul li .txt .con_mmtxt br {display: none;}
}




/* 브랜드 - 히스토리 */
.brand_his_sec {position: relative; width: 100%; height: 100vh; overflow: hidden;}

.history_sec1 {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.history_sec1 .img_sec {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.history_sec1 .img_sec > p {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.history_sec1 .img_sec > span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); overflow: hidden; opacity: 0;}
.history_sec1 .txt_sec {position: absolute; top: calc(50% + 100px); left: 0; transform: translate(0, -50%); width: 100%; text-align: center; color: #fff; opacity: 0;}
.history_sec1 .txt_sec .txt1 {font-size: 56px;}
.history_sec1 .txt_sec .txt2 {font-size: 18px; margin-top: 40px; opacity: 0; height: 0;}

.history_sec2 {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.history_sec2 ul {display: flex; position: relative; width: 100%; height: 100vh; overflow: hidden;}
.history_sec2 li {position: relative; width: 25%; height: 100vh; transform: translate(0, 100%); overflow: hidden;}
.history_sec2 li .img {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.history_sec2 li .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.history_sec2 li .txt_pack {position: absolute; top: 50%; left: 48px; transform: translate(0, -50%); color: #fff; font-family: 'pretendard-Regular'; font-size: 18px;}
.history_sec2 li .txt_pack .txt1 {transform: translate(0, 100px); opacity: 0;}
.history_sec2 li .txt_pack .txt2 {margin: 20px 0 30px; font-family: 'pretendard-SemiBold'; font-size: 40px; transform: translate(0, 100px); opacity: 0;}
.history_sec2 li .txt_pack .txt3 {transform: translate(0, 100px); opacity: 0;}

.history_sec3 {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 2;}
.history_sec3 ul {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.history_sec3 li {position: absolute; top: 0; right: 0; width: 0; height: 100vh; overflow: hidden;}
.history_sec3 li .img {position: absolute; top: 0; right: 0; width: 100%; min-width: 1920px; height: 100vh; overflow: hidden; background: #666;}
.history_sec3 li .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.history_sec3 li .inner  {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 100vh; color: #fff; font-family: 'pretendard-Regular'; font-size: 18px;}
.history_sec3 li .txt_pack  {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.history_sec3 li .txt_pack .txt1 {font-family: 'pretendard-Medium'; font-size: 24px; transform: translate(0, 100px); opacity: 0;}
.history_sec3 li .txt_pack .txt1 .bar {display: inline-block; width: 1px; height: 16px; background: #fff; margin: 0 6px;}
.history_sec3 li .txt_pack .txt2 {font-family: 'pretendard-Regular'; font-size: 56px; margin-top: 37px; transform: translate(0, 100px); opacity: 0; line-height: 1.3;}
.history_sec3 li .txt_pack .txt3 {font-family: 'pretendard-Regular'; font-size: 18px; margin-top: 59px; transform: translate(0, 100px); opacity: 0;}
.history_sec3 li .num {position: absolute; bottom: 0; left: 60px; color: rgba(255, 255, 255, 0.18); font-family: 'pretendard-Medium'; font-size: 240px;}
.history_sec3 li:nth-child(odd) .num {left: unset; right: 60px;}
.history_sec3 li:nth-child(even) .txt_pack {left: unset; right: 0;}

@media all and (max-width: 1024px) {
	/* .history_sec2 {z-index: 2;} */
	.pro_intro .scroll_info {display: none;}
	.history_sec2 ul {overflow: unset;}
	.history_sec2 li {width: 100%;}
	.history_sec2 .swiper-pagination {z-index: 1; bottom: 40px; opacity: 0;}
	.history_sec2 .swiper-pagination-bullet {background: #fff; margin: 0 8px !important;}

	.history_sec1 .txt_sec {padding: 0 20px;}
	.history_sec1 .txt_sec .txt1 {font-size: 32px;}
	.history_sec1 .txt_sec .txt2 {margin-top: 28px;}
	.history_sec2 li .txt_pack {text-align: center; left: 50%; transform: translate(-50%, -50%);}
	.history_sec2 li .txt_pack .txt1 {font-size: 16px;}
	.history_sec2 li .txt_pack .txt2 {font-size: 28px; margin: 12px 0 20px;}
	.history_sec2 li .txt_pack .txt3 {font-size: 16px;}

	.history_sec3 li .txt_pack {text-align: center; left: 50%; transform: translate(-50%, -50%); width: 94%;}
	.history_sec3 li .txt_pack .txt1 {font-size: 20px;}
	.history_sec3 li .txt_pack .txt2 {font-size: 32px; margin: 17px 0 30px;}
	.history_sec3 li .txt_pack .txt3 {font-size: 16px; margin-top: 0;}
	.history_sec3 li:nth-child(even) .txt_pack { left: 50%; transform: translate(-50%, -50%); width: 94%; right: unset;}
	.history_sec3 li .num {font-size: 120px; left: 3%;}
	.history_sec3 li:nth-child(odd) .num {right: unset; left: 3%;}
}
@media all and (max-width: 768px) {
	.history_sec3 li .img {background-attachment: initial !important;} 

	.history_sec1 .txt_sec .txt2 br {display: none;}
	.history_sec3 li .txt_pack .txt3 br {display: none;}
}




/* FO-SA-01-016_공사현황 */
.sc_constr {margin-bottom: 0;}
.constr_area {padding-bottom: 200px; background-color: #FCFBF7;}
.constr_area .date_number {display: flex; align-items: center; justify-content: center; padding: 80px 0 30px;}
.constr_area .date_number .date {display: inline-block; font-family: "Poppins-Medium"; color: #000;}
.timeswiper_area {position: relative; width: 100%; padding: 0 48px; overflow: hidden;}
/* .timeswiper_area .swiper-wrapper {margin-right: 48px;} */
.timeswiper_area .swiper-wrapper.center {justify-content: center;}
.timeswiper_area .swiper-slide {width: 110px;}
.timeswiper_area a {position: relative; display: block; height: 48px; padding: 0 17px 0 19px; margin-left: -1px; font-family: 'pretendard-Medium'; line-height: 47px; border: 1px solid #ccc; border-right: none; background-color: #fff;}
.timeswiper_area .swiper-slide:first-child a.on::before {content: ""; position: absolute; top: -1px; left: 0; width: 1px; height: 50px; background-color: #961E1E;}
.timeswiper_area a.on {position: relative; z-index: 1; color: #961E1E; border: 1px solid #961E1E;}
.timeswiper_area .swiper-slide:last-child a::after {content: ""; position: absolute; top: -1px; right: -1px; width: 1px; height: 50px; background-color: #ccc;}
.timeswiper_area .swiper-slide:last-child a.on::after {content: ""; position: absolute; top: -1px; right: -1px; width: 1px; height: 50px; background-color: #961E1E;}
.timeswiper_area a.on {position: relative; z-index: 1; color: #961E1E; border: 1px solid #961E1E;}
.timeswiper_area .swiper-button-prev, .timeswiper_area .swiper-button-next {top: 0;}

.sc_constr .swiper-button-prev, .sc_constr .swiper-button-next {width: 48px; height: 48px; margin-top: 0; border: 1px solid #ccc; background-color: #fff;}

.sc_constr .swiper-button-prev {left: 0;}
.sc_constr .swiper-button-next {right: 0;}

.constr_con_area .btn_positwrap {position: absolute; left: 0; right: 0; top: 320px;}
.sc_constr .swiper-button-next::after, .sc_constr .swiper-button-prev::after {position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 46px; height: 46px; content: "";}

.sc_constr .swiper-button-next::after {background: url(../images/ico-swiper-next-black.svg) no-repeat center center / 30px 30px #fff;}
.sc_constr .swiper-button-prev::after {background: url(../images/ico-swiper-prev-black.svg) no-repeat center center / 30px 30px #fff;}
.sc_constr .swiper-button-prev.swiper-button-disabled::after, .sc_constr .swiper-button-next.swiper-button-disabled::after {opacity: .3;}

.sc_constr .swiper-button-prev.swiper-button-disabled, .sc_constr .swiper-button-next.swiper-button-disabled {opacity: 1; pointer-events: none;}

.constr_con_area {margin-top: 60px;}
.constr_con_area .con_title {font-family: pretendard; margin-bottom: 30px;}

.constr_con_area .list_type1 {margin-top: 60px;}
.constr_con_area .list_type1 li {display: flex;}
.constr_con_area .list_type1 li > .info_div {width: 440px; height: auto; padding: 0; background-color: transparent;}
.constr_con_area .list_type1 li > .img {width: auto; height: auto; overflow: visible;}
.constr_con_area .list_type1 li > div {position: relative;}
.constr_con_area .constr_igname {margin-top: 30px; text-align: center; word-break: break-all;}

.constr_con_area .list_type1 li > .info_div .detail dl dt {width: auto;}
.constr_con_area .list_type1 li > .info_div .detail {height: 544px; padding: 60px 0 60px 60px; border: 1px solid #DDCB97; background-color: #fff;}
.constr_con_area .list_type1 li > .info_div .detail dl {display: block;}
.constr_con_area .info_div .detail .txt_title {display: flex; align-items: center; justify-content: space-between; margin-right: 60px; margin-bottom: 70px; line-height: 1;}
.constr_con_area .info_div .txt_title .percent_tit {font-family: pretendard;}
.constr_con_area .list_type1 li > .info_div .detail dl dd {display: block; width: 100%;}
.constr_con_area .list_type1 li > .info_div .detail dl dd .percent {display: flex; align-items: center; margin-left: 0; font-family: "Poppins-Bold"; color: #961E1E;}
.constr_con_area .list_type1 li > .info_div .detail dl dd .percent span {font-family: "Poppins-Medium"; font-size: 48px; color: #961E1E;}
.constr_con_area .list_type1 li > .info_div .detail dl dd .progress {width: calc(100% - 60px); height: 6px; margin-top: 20px;}
.constr_con_area .list_type1 li > .info_div .detail dl dd .progress span {top: 0; border-radius: 6px;}

.constr_con_area .list_type1 .text_infor_scroll {width: calc(100% - 20px); max-height: 189px; margin-top: 50px; padding-right: 35px; overflow-y: auto;}
.constr_con_area .list_type1 .text_infor_scroll::-webkit-scrollbar {width: 6px;}
.constr_con_area .list_type1 .text_infor_scroll::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.constr_con_area .list_type1 .text_infor_scroll::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 

.constr_con_area .swiper-pagination-fraction, .constr_con_area .swiper-pagination-custom, .constr_con_area .swiper-container-horizontal > .swiper-pagination-bullets {top: 0; right: 0; left: auto; bottom: auto; width: auto; font-family: 'pretendard-Medium';}
.constrswiper_area .swiper-button-prev, .constrswiper_area .swiper-button-next {transform: translateY(-50%);}

.constr_con_area .constrswiper_area {width: 800px; overflow: hidden;}
.constr_con_area .constrswiper_area .ig_wrap {position: relative; width: 100%; height: 544px; overflow: hidden; object-fit: cover;}

/* 수정 후 */
.constr_con_area .constr_forflex {position: relative; display: flex; justify-content: space-between;}
.constr_con_area .constr_forflex .info_div .detail {height: 544px; padding: 60px 0 60px 60px; border: 1px solid #DDCB97; background-color: #fff;}

.constr_con_area .constr_forflex .info_div {width: 440px; height: auto; padding: 0; background-color: transparent;}
.constr_con_area .constr_forflex .img {position: relative; width: auto; height: auto; overflow: visible;}
.constr_con_area .constrswiper_area .ig_wrap img {width: 100%; height: 100%; object-fit: cover;}
.constrswiper_area .swiper-wrapper {align-items: center;}

.constr_con_area .constr_forflex.no_img .info_div {width: 800px; margin: 0 auto;}
.constr_con_area .constr_forflex.no_img .percent_list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.constr_con_area .constr_forflex.no_img .percent_item {width: calc((100% - 18px) / 2);}

/* .constr_forflex .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; overflow: hidden;} */

.constr_con_area .constr_forflex .info_div .detail dl dt {width: auto;}

.constr_con_area .constr_forflex .info_div .detail dl {display: block;}
.constr_con_area .constr_forflex .detail .txt_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; line-height: 1;}
.constr_con_area .info_div .txt_title .percent_tit {font-family: pretendard;}
.constr_con_area .constr_forflex .info_div .detail dl dd {display: block; width: 100%;}
.constr_con_area .constr_forflex .detail dl dd .percent {display: flex; justify-content: space-between; align-items: flex-end; font-family: pretendard;}
.constr_con_area .constr_forflex .detail dl dd .percent span:nth-child(1) {max-width: calc(100% - 50px); text-overflow: ellipsis; overflow: hidden;}
.constr_con_area .constr_forflex .detail dl dd .percent span:nth-child(2) {font-family: pretendard;}
/* .constr_con_area .constr_forflex .info_div .detail dl dd .percent span {font-family: "Poppins-Medium"; font-size: 48px; color: #961E1E;} */
.constr_con_area .constr_forflex .info_div .detail dl dd .progress {width: 100%; height: 3px; margin-top: 10px;}
.constr_con_area .constr_forflex .info_div .detail dl dd .progress span {border-radius: 6px;}
.constr_con_area .constr_forflex .percent_item:nth-child(n+2) {margin-top: 20px;} 
.constr_con_area .constr_forflex .infor_scroll > div:nth-child(2) {margin-top: 47px;}
.constr_con_area .constr_forflex .detail dl dd .progress {position: relative;}
.constr_con_area .constr_forflex .detail dl dd .progress span {display: inline-block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background-color: #e5e5e5;}
.constr_con_area .constr_forflex .detail dl dd .progress span.upper {z-index: 1; width: 0; background-color: #4D4D4D;}

.constr_con_area .infor_scroll {width: calc(100% - 20px); max-height: 362px;padding-right: 35px; overflow-y: auto;}
.constr_con_area .infor_scroll::-webkit-scrollbar {width: 6px;}
.constr_con_area .infor_scroll::-webkit-scrollbar-track {background: #F2F2F2; border-radius: 0;}
.constr_con_area .infor_scroll::-webkit-scrollbar-thumb {background: #282828; border-radius: 0;} 

.ig_wrap .zoom_btn {position: absolute; left: 14px; bottom: 14px; width: 60px; height: 60px;}
.sc_constr .tab_con_area {padding-top: 0;}
.constr_con_area {display: none;}
.constr_con_area.on {display: flex;}

.sc_constr .sa_main_banner {position: unset;}

@media all and (max-width: 1500px) {
	.constr_con_area .con_title {margin-bottom: 24px;}

	.constr_con_area .list_type1 li > .info_div {width: 35%;}
	.constr_con_area .list_type1 li > .info_div .detail {height: auto; margin: 0; padding: 40px 0 40px 40px;}
	.constr_con_area .list_type1 li > .info_div .detail dl dd .percent span {font-size: 40px;}
	.constr_con_area .list_type1 li > .info_div .detail dl dd .progress {margin-top: 8px;}
	.constr_con_area .list_type1 .text_infor_scroll {max-height: 124px; margin-top: 40px;}
	.constr_con_area .list_type1 li > .img {width: 60%;}

	.constr_con_area .constrswiper_area {width: 100%;}
	.constr_con_area .constrswiper_area .ig_wrap {height: 408px}
	.constr_con_area .constrswiper_area .ig_wrap img {width: 100%;}
	.constr_con_area .constr_igname {margin-top: 24px;}
	
	/* .ig_wrap .zoom_btn {left: 10px; bottom: 10px; width: 54px; height: 54px;} */


	/* 수정 후 */
	.constr_con_area .constr_forflex .info_div {width: 35%;}
	.constr_con_area .constr_forflex .info_div .detail {height: auto; margin: 0; padding: 40px 0 40px 40px;}
	/* .constr_con_area .list_type1 .text_infor_scroll {max-height: 133px; margin-top: 40px;} */
	.constr_con_area .constr_forflex .img {width: 60%;}
	.constr_con_area .infor_scroll {max-height: 270px;}
	.constr_con_area .btn_positwrap {top: 260px;}
	.constr_con_area .constr_forflex .detail dl dd .percent >  span {word-break: break-all;}
}
@media all and (max-width: 1024px) {
	.constr_con_area .list_type1 li > .info_div {width: 300px;}
	.constr_con_area .list_type1 li > .img {width: 550px;}
	.constr_con_area .info_div .txt_title .percent_tit {font-size: 18px !important;}
	.constr_con_area .info_div .detail .txt_title .date {font-family: pretendard;}
	.constr_con_area .list_type1 .text_infor_scroll {max-height: 100px;}
	
	/* 수정 후 */
	.constr_con_area .constr_forflex .infor_scroll > div:nth-child(2) {margin-top: 40px;}
	.constr_con_area .infor_scroll {max-height: 230px;}
	
	
	.constr_con_area .list_type1 li {display: block;}
	.constr_con_area .list_type1 li > .info_div {width: 100%; margin-bottom: 40px;}
	.constr_con_area .list_type1 li > .img {width: 100%;}
	.ig_wrap .zoom_btn {left: 6px; bottom: 6px; width: 48px; height: 48px;}
	.constr_con_area .list_type1 .text_infor_scroll {max-height: 200px;}

	/* 수정 후 */
	.constr_con_area .constr_forflex {display: block;}
	.constr_con_area .constr_forflex .info_div {width: 100% !important; margin-bottom: 40px;}
	.constr_con_area .constr_forflex .img {width: 100%;}
	.constr_con_area .constrswiper_area .ig_wrap {width: 100%;}

	.constr_con_area .constr_forflex.no_img .info_div {width: 100%}
}
@media all and (max-width: 768px) {
	.constr_area .date_number {padding: 60px 0 24px;}
	.constr_con_area .constr_igname {font-size: 16px;}
	.constr_con_area .constr_forflex.no_img .percent_item {width: 100%;}
	/* .sc_constr .constr_con_area .swiper-button-prev, .sc_constr .constr_con_area .swiper-button-next {top: 35%;} */
}
@media all and (max-width: 400px) {
	.constr_con_area .constrswiper_area .ig_wrap {height: 233px;}
	.constr_con_area .btn_positwrap {top: 175px;}
}




/* FO-SA-01-007_E견본주택 */
.sc-modelhouse {margin: 0 auto; padding-bottom: 210px; background: url(../images/img-model-bg.jpg) no-repeat center center / cover;}
.sc-modelhouse .inner {position: relative;}
.sc-modelhouse .title_wrap .sub_tit {color: #fff; word-break: break-all;}
.sc-modelhouse .title_wrap .path {color: #fff;}
.sc-modelhouse .title_wrap .con_tit {color: #fff; word-break: break-all;}
.sc-modelhouse .m_box_title {position: absolute; z-index: 1; left: 30px; top: 20px; font-family: pretendard; color: #ece4d0;}
.model_showbox {border: 1px solid rgba(255, 255, 255, .2);}
.model_showbox .tab_type2 .tab_wrap {justify-content: flex-end; padding-top: 13px; background: #121c27;}
.model_showbox .tab_type2 .tab_wrap a {width: auto; padding: 14px 21px 13px; font-family: "Poppins-Medium";}
.model_showbox .tab_type2 .tab {flex: 0 1 auto; border-bottom: none; background: #121c27;}
.model_showbox .tab_type2 .tab span {font-family: pretendard; color: #fff;}
.model_showbox .tab_type2 .tab.on span {color: #000;}
.model_showbox .tab_type2 .tab.on {border-radius: 6px 6px 0 0; border-bottom: none; background: #f4efe4;}
.model_showbox .tab_con_area {padding-top: 0;}
.model_showbox .tab_con_area .sub_tab {background: #f4efe4;}
.model_showbox .swiper-container {margin: 0;}
.model_showbox .tab_con_area .sub_tab a {width: auto; padding: 14px 46px; font-family: pretendard; line-height: 26px; text-align: center;}
/* .model_showbox .tab_con_area .sub_tab a:first-child {padding-left: 46px;} */
.model_showbox .tab_con_area .sub_tab a::before {display: none;}
.model_showbox .tab_con_area .sub_tab a.on {color: #fff; background: #a03434;}
.model_showbox .model_3d {position: relative; z-index: 5;}
.model_showbox .model_3d::after {position: absolute; z-index: -1; left: 50%; transform: translateX(-50%); width: 1240px; height: 100px; bottom: -50px; border-radius: 84px; background-color: rgba(0, 0, 0, 0.4); filter: blur(35px); -webkit-filter: blur(35px); content: "";}
.sc-modelhouse .yellow_info_box {margin-top: 90px;}

.sub_body.margin_none {margin: 0; position: relative; background: url(../images/img-model-bg.jpg) no-repeat center center / cover;}
.sub_body.margin_none::before {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(5, 20, 38, 0.2); content: "";}
.pop_wrap.model {position: relative; z-index: 50; background-color: transparent;}
.pop_wrap.model .pop_body {background-color: transparent;}
.pop_wrap.model .title_wrap {color: #fff;}
.pop_con .model_showbox {position: relative; margin-top: 30px;}
.pop_wrap.model .m_box_title {position: absolute; z-index: 1; top: 22px; left: 30px; font-family: pretendard; color: #ece4d0;} 
.pop_wrap.window.model .pop_body {padding: 31px 30px 30px 30px;}
.pop_wrap.model .pop_body .pop_con {min-height: 763px; max-height: none; padding: 0; overflow-y: visible;}
.pop_body .title_wrap {padding: 0;}
.pop_tit.model {font-family: pretendard; margin-right: 20px; font-size: 36px; word-break: break-all;}
.con_mtxt.model {display: inline-block; font-family: "Poppins-Medium"; color: #fff; word-break: break-all;}
.model_showbox .model_3d img {width: 100%;}
.pop_wrap.model .model_showbox .tab_con_area .sub_tab a {min-width: 120px;}
.pop_wrap.model .yellow_info_box {position: relative; z-index: 10; margin-top: 40px;}

.pop_wrap.model .yellow_info_box {min-height: 0; max-height: 115px; padding: 30px; overflow-y: auto; background-image: none;}

@media all and (max-width: 1500px) {
	.model_showbox .model_3d::after {width: 960px;}
	.sc-modelhouse .yellow_info_box {margin-top: 60px;}
	/* .pop_wrap.model .yellow_info_box.inner {width: 100% !important;} */
}
@media (max-width: 1024px) {
	.pop_wrap.model .title_wrap {width: 100% !important;}
	.pop_con .model_showbox {width: 100% !important;}
	.model_showbox .model_3d::after {width: calc(100% - 40px);}
	.pop_wrap.model .yellow_info_box {width: 100% !important;}
}
@media all and (max-width: 768px) {
	.sc-modelhouse {padding-bottom: 100px;}
	.pop_wrap.window.model .pop_body {overflow-y: auto;}
	.model_showbox .tab_type2 .tab_wrap {width: 100%; margin-left: 0;}
	.model_showbox .tab_type2 .tab_wrap a {padding: 16px 17px 14px 17px;}
	.model_showbox .tab_con_area .sub_tab a {padding: 16px 38px 14px 38px;}
	.sc-modelhouse .m_box_title .mobile_none {display: none;}
	.model .model_showbox .mobile_none {display: none;}
	.model_showbox .model_3d {height: 487px; background: url(../images/img-model-3d.png) no-repeat center center / auto 100%;}
	.model_showbox .model_3d img {display: none;}
}

.sub_body.mem .pop_wrap .pop_body .form_table table {width: 100% !important;}
.sub_body.mem .pop_wrap .division + .as_txt_div {margin-top: -40px;}
.sub_body.mem .pop_body .pop_mo_br {display: none;}

@media all and (max-width: 768px) {
	.sub_body.mem .pop_wrap .pop_body .form_table table {width: 768px !important;}
}
@media all and (max-width: 400px) {
	.sub_body.mem .pop_body .pop_mo_br {display: block;}
}	




/* 분양메인 a타입 */
#saMain .indi {position: fixed; top: 50%; left: 50px; transform: translate(0, -50%); z-index: 10;}
#saMain .indi > a {position: relative; display: block; padding-left: 26px; margin: 20px 0 0; font-family: pretendard; font-size: 16px; color: #fff;}
#saMain .indi > a > span {color: #fff; opacity: 0; transition-duration: 0.5s; transition-property: opacity;}
#saMain .indi > a > span:last-of-type {background: #961E1E; padding: 12px 20px; border-radius: 30px;}
#saMain .indi > a > .bar {display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 6px; height: 2px; background: #fff; opacity: 0.4; transition-duration: 0.5s; transition-property: width, opacity;}
#saMain .indi > a:nth-child(1) {margin: 0;}
#saMain .indi > a.on > span {opacity: 1;}
#saMain .indi > a.on > .bar {width: 10px; opacity: 1;}
/* #saMain .indi.blk > a {color: #222;}
#saMain .indi.blk > a > span {color: #222;} */
#saMain .indi.blk > a > .bar {background: #222; opacity: 0.4;}

@media all and (max-width: 1500px) {
	/* #saMain .indi {left: 30px;} */
	#saMain .indi {left: 20px;}
	#saMain .indi a {width: 10px; height: 2px; margin-top: 30px;}
	#saMain .indi a span:last-child {display: none;}
}
@media all and (max-width: 1300px) {
	/* #saMain .indi {left: 20px;} */
}

.sa_maina_con1 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con1 .main_vis .swiper-slide {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con1 .main_vis .swiper-slide .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con1 .main_vis .swiper-slide .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4);}
.sa_maina_con1 .info {position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); z-index: 10; padding: 20px; color: #fff; text-align: right; background-color: rgb(0 0 0 / .2); border-radius: 8px;}
.sa_maina_con1 .info li {margin: 30px 0; font-family: pretendard; font-size: 16px; color: #ccc;}
.sa_maina_con1 .info li:first-child {margin-top: 0;}
.sa_maina_con1 .info li:last-child {margin-bottom: 0;}
.sa_maina_con1 .info li.on {color: #fff;}
.sa_maina_con1 .info li.on .txt2 {font-family: pretendard;}
.sa_maina_con1 .info li .txt2 {max-width: 110px; max-height: 48px; overflow: hidden; word-break: break-all;}
.sa_maina_con1 .main_vis .bts {display: flex; justify-content: center; width: 100%; position: absolute; left: 50%; bottom: 60px; transform: translate(-50%, 0); z-index: 10;}
.sa_maina_con1 .main_vis .bts .swiper-pagination {display: inline-block; position: relative; vertical-align: top;}
.sa_maina_con1 .main_vis .bts .swiper-pagination-bullet {width: 64px; height: 4px; margin: 0 9px; border-radius: 0; opacity: 1; background: rgba(255, 255, 255, .35); color: rgba(255, 225, 225, 0);}
.sa_maina_con1 .main_vis .bts .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 1);}
.sa_maina_con1 .main_vis .bts > a {display:inline-block; position: relative; width: 40px; height: 40px; margin-left: 11px; background: url('../images/mainv-stopbt.svg') no-repeat center center #000; border-radius: 20px; z-index: 10;}
.sa_maina_con1 .main_vis .bts > a.on {background: url('../images/mainv-playbt.svg') no-repeat center center #000;}
.sa_maina_con1 .txt_pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; color: #fff; z-index: 20;}
.sa_maina_con1 .txt_pack .txt1 {font-family: pretendard; font-size: 76px; word-break: break-all; transform: translate(0, 100px); opacity: 0;}
.sa_maina_con1 .txt_pack .txt2 {margin-top: 20px; font-family: pretendard; font-size: 20px; word-break: break-all; transform: translate(0, 100px); opacity: 0;}
.sa_maina_con1 .txt_pack > a {display: block; position: relative; width: 200px; height: 50px; border: 1px solid #fff; margin: 60px auto 0; padding: 14px 28px; font-family: pretendard; font-size: 16px; color: #fff; transform: translate(0, 100px); opacity: 0;}
/* .sa_maina_con1 .txt_pack > a::after {content: ""; display: block; position: absolute; top: 20px; right: 28px; width: 18px; height: 11px; background: url('../images/sa-maina-type3-arrow.svg') no-repeat 0 0;} */





@media all and (max-width: 1500px) {
	.sa_maina_con1 .swiper-slide .txt_pack .txt1 {font-size: 60px;}
	.sa_maina_con1 .info {right: 30px;}
}
@media all and (max-width: 1300px) {
	.sa_maina_con1 .info {right: 20px;}
}
@media all and (max-width: 1024px) {
	#saMain .indi {display: none;}

	.sa_maina_con1 .bts .swiper-pagination-bullet {width: 40px; margin: 0 5px;}
	
	.sa_maina_con1 .txt_pack {width: 90%; left: 50%; transform: translate(-50%, -50%);}
	.sa_maina_con1 .txt_pack .txt1 {font-size: 50px;}
	.sa_maina_con1 .txt_pack .txt2 {font-size: 18px;}
	.sa_maina_con1 .txt_pack > a {width: 120px; height: 48px; padding: 0; margin: 50px auto 0; font-size: 16px; line-height: 48px; text-align: center;}
	.sa_maina_con1 .txt_pack > a::after {display: none;}
	.sa_maina_con1 .info {display: none;}
}
@media all and (max-width: 768px) {
	.sa_maina_con1 .bts .swiper-pagination {vertical-align: middle;}
	.sa_maina_con1 .bts .swiper-pagination-bullet {position: relative; width: 8px; height: 8px; margin: 0 10px; transform: translate(0, 5px);}
	.sa_maina_con1 .txt_pack {width: 94%;}
	.sa_maina_con1 .txt_pack .txt1 {font-size: 36px;}
	.sa_maina_con1 .txt_pack .txt2 {font-size: 16px;}
	.sa_maina_con1 .txt_pack > a {width: 100px; margin: 32px auto 0; font-size: 14px;}
}


.sa_maina_con2 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con2 .txt_sec {position: absolute; top: 0; right: 50%; width: 50%; height: 100vh; overflow: hidden; background: #FCFBF7;}
.sa_maina_con2 .txt_sec .inner {position: absolute; top: calc(50% + 90px); left: 50%; transform: translate(-50%, -50%); width: 500px !important; margin: unset;}
.sa_maina_con2 .txt_sec .inner .tit_sec {color: #222;}
.sa_maina_con2 .txt_sec .inner .tit_sec .txt1 {font-family: pretendard; font-size: 40px; word-break: break-all;}
.sa_maina_con2 .txt_sec .inner .tit_sec .txt2 {display: none; font-family: pretendard; font-size: 18px; color: #727272; margin-top: 70px; word-break: break-all;}
.sa_maina_con2 .txt_sec .inner .info_sec {margin-top: 70px; padding-bottom: 90px;}
.sa_maina_con2 .txt_sec .inner .info_sec li {display: flex; align-items: center; margin-bottom: 60px;}
.sa_maina_con2 .txt_sec .inner .info_sec li:last-child {margin-bottom: 0px;}
.sa_maina_con2 .txt_sec .inner .info_sec li .icon {width: 50px; height: 50px;}
.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt {padding-left: 40px;}
.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt .txt1 {font-family: pretendard; font-size: 24px; color: #222; word-break: break-all;}
.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt .txt2 {font-family: pretendard; font-size: 16px; color: #4d4d4d; opacity: 0.6; margin-top: 10px; word-break: break-all;}
.sa_maina_con2.only_txt .txt_sec {position: relative; top: 0; right: 0; width: 100%; height: 100vh;}
.sa_maina_con2.only_txt .txt_sec .inner {display: flex; align-items: center; justify-content: space-between; top: 50%; width: 1280px !important; height: 100vh; margin: 0 !important;}
/* .sa_maina_con2.only_txt .txt_sec .inner .tit_sec {display: flex; align-items: center; flex-direction: column; width: 365px; height: unset; transform: translate(0, -45px);} */
.sa_maina_con2.only_txt .txt_sec .inner .tit_sec {display: flex; flex-direction: column; width: 365px; height: unset; transform: translate(0, -45px);}
.sa_maina_con2.only_txt .txt_sec .inner .tit_sec .txt1 {font-family: pretendard; font-size: 40px;}
.sa_maina_con2.only_txt .txt_sec .inner .tit_sec .txt2 {display: block; font-family: pretendard; font-size: 18px; color: #727272; margin-top: 48px;}
.sa_maina_con2.only_txt .txt_sec .inner .info_sec {width: 665px; margin: 0 !important; padding-bottom: 90px;}
.sa_maina_con2.only_txt .txt_sec .inner .info_sec ul {width: 100%;}
.sa_maina_con2.only_txt .txt_sec .inner .info_sec li {width: 100%; height: 176px; margin-bottom: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.sa_maina_con2.only_txt .txt_sec .inner .info_sec li:last-child {border-bottom: 0px;}
.sa_maina_con2 .img_sec {position: absolute; top: 0; left: 50%; width: 50% ; height: 100vh; overflow: hidden;}
.sa_maina_con2 .img_sec .img {position: relative;  width: 100% ; height: 100vh; overflow: hidden;}
/* .sa_maina_con2 .paging {display: flex; align-items: center; position: absolute; bottom: 0; right: 0; width: 144px; height: 40px;} */
.sa_maina_con2 .paging {display: flex; align-items: center; position: absolute; bottom: 0; right: 0; height: 40px;}
.sa_maina_con2 .paging .swiper-button-prev, .sa_maina_con2 .paging .swiper-button-next {position: relative; top: 0; left: 0; width: 40px; height: 40px; margin: 0;}
.sa_maina_con2 .paging .swiper-button-prev {margin-right: 4px; background: url('../images/sa-maincon2-indi-left.svg') no-repeat 0 0;}
.sa_maina_con2 .paging .swiper-button-next {background: url('../images/sa-maincon2-indi-right.svg') no-repeat 0 0;}
/* .sa_maina_con2 .paging .swiper-pagination {position: relative; bottom: unset; width: 64px; height: 40px; margin-left: 8px; line-height: 39px; color: rgba(34, 34, 34, 0.2);} */
.sa_maina_con2 .paging .swiper-pagination {position: relative; bottom: unset; width: 64px; height: 40px; margin-left: 8px; line-height: 39px; color: rgba(34, 34, 34, 0.2);}
.sa_maina_con2 .paging .swiper-pagination-current {padding-right: 10px; color: rgba(34, 34, 34, 1);}
.sa_maina_con2 .paging .swiper-pagination-total {padding-left: 10px; color: rgba(34, 34, 34, 0.65);}

@media all and (max-width: 1500px) {
	.sa_maina_con2.only_txt .txt_sec .inner {width: 90% !important;}
	.sa_maina_con2.only_txt .txt_sec .inner .tit_sec {width: 40%;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec {width: 50%;}

	.sa_maina_con2 .txt_sec .inner {width: 400px !important;}
}
@media all and (max-width: 1024px) {
	.sa_maina_con2.only_txt {display: block; height: auto;}
	.sa_maina_con2.only_txt .txt_sec {height: auto; padding: 120px 0;}
	.sa_maina_con2.only_txt .txt_sec .inner {display: block; width: 90% !important; height: auto; margin: 0 auto !important;}
	.sa_maina_con2.only_txt .txt_sec .inner .tit_sec {display: block; width: 100%; transform: unset;}
	.sa_maina_con2.only_txt .txt_sec .inner .tit_sec .txt1 {font-size: 30px;}
	.sa_maina_con2.only_txt .txt_sec .inner .tit_sec .txt2 {display: none;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec {width: 100%; margin-top: 50px !important; padding-bottom: 80px;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec li {height: auto; margin-bottom: 50px; border: none;}
	.sa_maina_con2 .txt_sec .inner .info_sec li:last-child {margin-bottom: 0;}

	.sa_maina_con2 {display: flex; flex-direction: column-reverse; height: auto;}
	.sa_maina_con2 .img_sec {position: unset; width: 100%; height: 375px;}
	.sa_maina_con2 .img_sec .img {height: 100%;}
	.sa_maina_con2 .txt_sec {position: unset; width: 100%; height: auto; padding: 60px 0 120px;}
	.sa_maina_con2 .txt_sec .inner {position: unset; transform: unset; width: 90% !important; margin: 0 auto;}
	.sa_maina_con2 .txt_sec .inner .tit_sec .txt1 {font-size: 30px;}
	.sa_maina_con2 .txt_sec .inner .info_sec {margin-top: 50px; padding-bottom: 80px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li {display: block; margin-bottom: 50px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .icon {width: 40px; height: 40px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt {padding-left: 0; margin-top: 20px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt .txt1 {font-size: 20px;}
	.sa_maina_con2 .paging {left: 0; right: unset;}
	.sa_maina_con2 .paging .swiper-pagination {font-size: 16px;}
}
@media all and (max-width: 768px) {
	.sa_maina_con2.only_txt .txt_sec .inner {width: 94% !important;}
	.sa_maina_con2.only_txt .txt_sec .inner .tit_sec .txt1 {font-size: 24px;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec {margin-top: 40px;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec li {margin-bottom: 40px;}
	.sa_maina_con2.only_txt .txt_sec .inner .info_sec li .info_txt .txt2 {margin-top: 14px;}

	.sa_maina_con2 .txt_sec .inner {width: 94% !important;}
	.sa_maina_con2 .txt_sec .inner .tit_sec .txt1 {font-size: 24px;}
	.sa_maina_con2 .txt_sec .inner .info_sec {margin-top: 40px; padding-bottom: 80px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li {margin-bottom: 40px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .icon {width: 30px; height: 30px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt .txt1 {font-size: 18px;}
	.sa_maina_con2 .txt_sec .inner .info_sec li .info_txt .txt2 {margin-top: 14px;}
}

.sa_maina_con3 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con3 .left {position: absolute; top: 0; right: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_maina_con3 .left .img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.sa_maina_con3 .left .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.sa_maina_con3 .left .txt_sec {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; color: #fff;}
.sa_maina_con3 .left .txt_sec .txt1 {font-family: pretendard; font-size: 48px; width: 320px;}
/* .sa_maina_con3 .left .txt_sec .swiper-container {padding-bottom: 66px;} */
.sa_maina_con3 .left .txt_sec .swiper-container {padding-bottom: 90px;}
/* .sa_maina_con3 .left .txt_sec .swiper-pagination {text-align: left;}
.sa_maina_con3 .left .txt_sec .swiper-pagination-bullet {width: 6px; height: 6px; border-radius: 3px; background: #fff; opacity: 1; transition-duration: 0.3s; transition-property: width;}
.sa_maina_con3 .left .txt_sec .swiper-pagination-bullet-active {width: 30px;} */
.sa_maina_con3 .left .txt_sec .swiper-container .paging {display: flex; align-items: center; position: absolute; bottom: 0; left: 0; height: 40px;}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-button-prev, .sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-button-next {position: relative; top: 0; left: 0; width: 40px; height: 40px; margin: 0;}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-button-prev {margin-right: 4px; background: url('../images/sa-maincon3-indi-left.svg') no-repeat 0 0;}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-button-next {background: url('../images/sa-maincon3-indi-right.svg') no-repeat 0 0;}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-pagination {position: relative; bottom: unset; width: 64px; height: 40px; margin-left: 8px; line-height: 39px; color: rgba(255, 255, 255, 0.2);}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-pagination-current {padding-right: 10px; color: rgba(255, 255, 255, 1);}
.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-pagination-total {padding-left: 10px; color: rgba(255, 255, 255, 0.65);}
.sa_maina_con3 .left .txt_sec .select_sec {display: flex; flex-wrap: wrap; justify-content: space-between; width: 400px; margin-top: 60px;}
.sa_maina_con3 .left .txt_sec .select_sec li {width: 180px; height: 63px; padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, .2);}
/* .sa_maina_con3 .left .txt_sec .select_sec li:last-child {border-bottom: 0px solid rgba(255, 255, 255, .2);} */
.sa_maina_con3 .left .txt_sec .select_sec li a {display: flex; align-items: center; font-family: pretendard; font-size: 18px; color: rgba(255, 255, 255, 0.8); transition-duration: 0.5s; transition-property: color; overflow: hidden;}
/* .sa_maina_con3 .left .txt_sec .select_sec li a > p {width: 0px; height: 11px; transform: translate(-10px, 0); background: url('../images/sa-maina-type3-arrow.svg') no-repeat 0 0; transition-duration: 0.5s; transition-property: width, transform;} */
.sa_maina_con3 .left .txt_sec .select_sec li.on a {color: rgba(255, 255, 255, 1);}
/* .sa_maina_con3 .left .txt_sec .select_sec li.on a > p {width: 30px; transform: translate(0, 0);} */
.sa_maina_con3 .right {position: absolute; top: 0; left: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_maina_con3 .right .img_sec:first-of-type {display: block; top: 50%;}
.sa_maina_con3 .right .img_sec {position: absolute; top: 60%; left: 50%; display: none; transform: translate(-50%, -50%); text-align: center; opacity: 0;}
/* .sa_maina_con3 .right .img_sec .img {position: relative; width: 544px; height: 358px; background: #F4EFE4;} */
.sa_maina_con3 .right .img_sec .img {position: relative; width: 708px; height: 467px; background: #F4EFE4;}
.sa_maina_con3 .right .img_sec .img > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%;}
.sa_maina_con3 .right .img_sec .txt {font-family: pretendard; font-size: 36px; color: #222; margin-top: 40px;}
.sa_maina_con3 .right .img_sec > a {display: block; position: relative; width: 200px; height: 50px; border: 1px solid #222; margin: 60px auto 0; padding: 14px 28px; font-family: pretendard; font-size: 16px; color: #222;}
/* .sa_maina_con3 .right .img_sec > a::after {content: ""; display: block; position: absolute; top: 20px; right: 28px; width: 18px; height: 11px; background: url('../images/sa-maina-type3-arrow2.svg') no-repeat 0 0;} */


@media all and (max-width: 1500px) {
	.sa_maina_con3 .right .img_sec .img {position: relative; width: 474px; height: 288px; background: #F4EFE4;}
}
@media all and (max-width: 1024px) {
	.sa_maina_con3 {height: auto;}
	.sa_maina_con3 .left {position: relative; top: unset; right: unset; width: 100%; height: 370px;}
	.sa_maina_con3 .left .txt_sec .select_sec {margin-top: 30px;}
	.sa_maina_con3 .left .txt_sec .select_sec li {width: 30%;}
	.sa_maina_con3 .right {position: relative;  width: 100%; top: unset; left: unset; height: auto; padding-bottom: 120px;}
	.sa_maina_con3 .left .txt_sec {position: relative; top: unset; left: unset; transform: unset; width: 90%; height: 100%; padding-top: 60px; margin: 0 auto;}
	.sa_maina_con3 .left .txt_sec .txt1 {font-size: 30px; width: auto;} 
	.sa_maina_con3 .left .txt_sec .swiper-container {padding-bottom: 73px;}
	.sa_maina_con3 .left .txt_sec .swiper-container .paging .swiper-pagination {font-size: 16px;}
	.sa_maina_con3 .right {padding-bottom: 120%;}
	/* .sa_maina_con3 .right .img_sec {width: 90%; top: 60px;} */
	.sa_maina_con3 .right .img_sec {width: 90%;}
	/* .sa_maina_con3 .right .img_sec:first-child {position: unset; transform: unset; margin: 60px auto 0;} */
	.sa_maina_con3 .right .img_sec .img {width: 100%; height: auto; padding-bottom: 64.5%;}
	.sa_maina_con3 .right .img_sec .img > img {width: 75%;}
	.sa_maina_con3 .right .img_sec .txt {margin-top: 30px; font-size: 30px;}
	.sa_maina_con3 .right .img_sec > a {width: 120px; height: 48px; padding: 0; margin: 40px auto 0; font-size: 16px; line-height: 48px; text-align: center;}
	.sa_maina_con3 .right .img_sec > a:after {display: none;}
}
@media all and (max-width: 768px) {
	/* .sa_maina_con3 .left {position: relative; top: unset; right: unset; width: 100%; height: 277px;} */
	.sa_maina_con3 .left {position: relative; top: unset; right: unset; width: 100%; height: 311px;}
	.sa_maina_con3 .left .txt_sec {padding-top: 40px;}
	.sa_maina_con3 .left .txt_sec .txt1 {font-size: 22px;} 
	/* .sa_maina_con3 .left .txt_sec .swiper-container {padding-bottom: 33px;} */
	.sa_maina_con3 .left .txt_sec .swiper-container {padding-bottom: 63px;}
	.sa_maina_con3 .left .txt_sec .select_sec {margin-top: 19px;}
	.sa_maina_con3 .left .txt_sec .select_sec li {width: 30%; height: auto; padding: 11px 0; margin-bottom: 17px;}
	.sa_maina_con3 .left .txt_sec .select_sec li a {font-size: 16px;}
	.sa_maina_con3 .right .img_sec {width: 94%;}
	.sa_maina_con3 .right .img_sec .txt {margin-top: 20px; font-size: 24px;}
	.sa_maina_con3 .right .img_sec > a {width: 100px; margin: 30px auto 0; font-size: 14px;}
}


.sa_maina_con4 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #222;}
.sa_maina_con4 ul {display: flex; position: relative; width: 100%; height: 100vh;}
.sa_maina_con4 li {position: relative; width: 33.3%; height: 100vh; overflow: hidden;}
.sa_maina_con4 li:nth-child(2) {position: relative; width: 33.4%; height: 100vh; overflow: hidden;}
.sa_maina_con4 li .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con4 li .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.65);}
.sa_maina_con4 li .txt_sec {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; height: 116px; color: #fff; text-align: center;}
.sa_maina_con4 li .txt_sec .txt1 {font-family: 'Poppins-Medium'; font-size: 48px; line-height: 58px;}
.sa_maina_con4 li .txt_sec .txt2 {font-family: pretendard; font-size: 18px; opacity: 0.8; margin-top: 20px; opacity: 0;}
.sa_maina_con4 li .txt_sec > a {display: block; position: relative; width: 200px; height: 50px; border: 1px solid #fff; margin: 60px auto 0; padding: 14px 28px; font-family: pretendard; font-size: 16px; color: #fff; opacity: 0;}
/* .sa_maina_con4 li .txt_sec > a::after {content: ""; display: block; position: absolute; top: 20px; right: 28px; width: 18px; height: 11px; background: url('../images/sa-maina-type3-arrow.svg') no-repeat 0 0;} */
.sa_maina_con4 .swiper-pagination {display: none; bottom: 30px;}
.sa_maina_con4 .swiper-pagination-bullet {background: #fff; margin: 0 8px !important;}

@media all and (max-width: 1500px) {
	.sa_maina_con4 li .txt_sec .txt1 {font-size: 48px;}
}
@media all and (max-width: 1024px) {
	/* .sa_maina_con4 ul {display: block;} */
	/* .sa_maina_con4 li {width: 100% !important;} */
	/* .sa_maina_con4 li:first-child, .sa_maina_con4 li:last-child, .sa_maina_con4 li:nth-child(2) .txt_sec .txt2 {display: none;} */
	.sa_maina_con4 li .txt_sec .txt1 {font-size: 40px; line-height: 48px;}
	/* .sa_maina_con4 li .txt_sec .txt1 br {display: none;} */
	.sa_maina_con4 li .txt_sec .txt2 {display: none;}
	.sa_maina_con4 li .txt_sec > a {width: 120px; height: 48px; padding: 0; margin: 40px auto 0; font-size: 16px; line-height: 48px; text-align: center; opacity: 1 !important;}
	.sa_maina_con4 li .txt_sec > a:after {display: none;}
	.sa_maina_con4 .swiper-pagination {display: block;}

}
@media all and (max-width: 768px) {
	.sa_maina_con4 li .txt_sec .txt1 {font-size: 32px; line-height: 38px;}
	.sa_maina_con4 li .txt_sec > a {width: 100px; margin: 30px auto 0; font-size: 14px;}
}


.sa_maina_con5 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con5 .basic_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: url('../images/sa-maina-con5-noimgbg.png') no-repeat bottom -270px right -80px #FCFBF7; overflow: hidden;}
.sa_maina_con5 .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.sa_maina_con5 .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7);}
.sa_maina_con5 .swiper-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1346px; text-align: center; color: #fff;}
.sa_maina_con5 .swiper-container .tit {font-family: pretendard; font-size: 40px;}
.sa_maina_con5 .swiper-container .lists {display: flex; justify-content: space-between; width: 100%; margin-top: 47px;}
.sa_maina_con5 .swiper-container .lists > a {display: block; position: relative; width: 310px; height: 318px; padding: 46px 28px; color: #fff; text-align: left; border-top: 2px solid rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(255, 255, 255, .2); font-family: pretendard; font-size: 16px; transition-duration: 0.5s; transition-property: color, border, background;}
.sa_maina_con5 .swiper-container .lists > a .txt2 {font-size: 20px; margin-top: 15px;}
.sa_maina_con5 .swiper-container .lists > a .txt3 {position: absolute; bottom: 48px; left: 28px;}
.sa_maina_con5 .swiper-container .lists > a:hover {color: #222; border-top: 2px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 1); background: #fff;}
.sa_maina_con5 .swiper-container > a {display: block; position: relative; width: 200px; height: 50px; border: 1px solid #fff; margin: 60px auto 0; padding: 14px 28px; font-family: pretendard; font-size: 16px; color: #fff;}
/* .sa_maina_con5 .swiper-container > a::after {content: ""; display: block; position: absolute; top: 20px; right: 28px; width: 18px; height: 11px; background: url('../images/sa-maina-type3-arrow.svg') no-repeat 0 0;} */
.sa_maina_con5.only_txt .swiper-container {color: #222;}
.sa_maina_con5.only_txt .swiper-container .lists > a {color: #222; border-top: 2px solid #222; border-bottom: 1px solid rgba(34, 34, 34, .2);}
.sa_maina_con5.only_txt .swiper-container .lists > a .txt3 {color: #666;}
.sa_maina_con5.only_txt .swiper-container > a {border: 1px solid #222; color: #222;}
.sa_maina_con5.only_txt .swiper-container > a::after {background: url('../images/sa-maina-type3-arrow2.svg') no-repeat 0 0;}

@media all and (max-width: 1500px) {
	.sa_maina_con5 .swiper-container {width: 90%;}
	.sa_maina_con5 .swiper-container .lists > a {width: 23%; padding: 36px 18px;}
}
@media all and (max-width: 1024px) {
	.sa_maina_con5 {height: auto;}
	.sa_maina_con5 .img {height: 100%;}
	.sa_maina_con5 .img::after {height: 100%;}
	.sa_maina_con5 .swiper-container {position: unset; transform: unset; width: 90%; padding: 120px 0;}
	.sa_maina_con5 .swiper-container .tit {position: relative; font-size: 30px;}
	.sa_maina_con5 .swiper-container .lists {display: block; margin-top: 40px;}
	.sa_maina_con5 .swiper-container .lists > a {width: 100%; height: 222px; padding: 37px 20px; margin-bottom: 40px; border-bottom: 0;}
	.sa_maina_con5 .swiper-container .lists > a:nth-child(2) {margin-bottom: 20px;}
	.sa_maina_con5 .swiper-container .lists > a:nth-child(3), .sa_maina_con5 .swiper-container .lists > a:nth-child(4) {display: none;}
	.sa_maina_con5 .swiper-container .lists > a:hover {border-bottom: none;}
	.sa_maina_con5 .swiper-container .lists > a .txt2 {font-size: 18px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
	.sa_maina_con5 .swiper-container .lists > a .txt3 {bottom: 37px; opacity: .4;}
	.sa_maina_con5 .swiper-container > a {width: 120px; height: 48px; padding: 0; margin: 30px auto 0; font-size: 16px; line-height: 48px; text-align: center;}
	.sa_maina_con5 .swiper-container > a::after {display: none;}
}
@media all and (max-width: 768px) {
	.sa_maina_con5 .swiper-container {width: 94%;}
	.sa_maina_con5 .swiper-container .tit {font-size: 24px;}
	.sa_maina_con5 .swiper-container .lists {margin-top: 28px;}
	.sa_maina_con5 .swiper-container .lists > a {width: 100%; font-size: 14px;}
	.sa_maina_con5 .swiper-container .lists > a:nth-child(2) {margin-bottom: 10px;}
	.sa_maina_con5 .swiper-container > a {width: 100px; font-size: 14px;}
}


.sa_maina_con6 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #FCFBF7;}
.sa_maina_con6 .tab_type1 {background: unset;}
/* .sa_maina_con6 .tab_type1 .swiper-slide {color: #999;} */
.sa_maina_con6 .tab_type1 .swiper-slide span {font-family: pretendard;}
.sa_maina_con6 .left {position: absolute; top: 0; right: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_maina_con6 .left .info {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; min-height: 530px;}
.sa_maina_con6 .left .info .tab_content {margin-top: 100px; width: 100%;}
.sa_maina_con6 .left .info .tab_content .txt1 {font-family: pretendard; font-size: 40px; color: #222;}
.sa_maina_con6 .left .info .tab_content .txt2 {font-family: pretendard; font-size: 18px; color: #666; margin-top: 10px; word-break: break-all;}
.sa_maina_con6 .left .info .tab_content ul {margin-top: 40px;}
.sa_maina_con6 .left .info .tab_content li {display: flex; width: 100%;}
.sa_maina_con6 .left .info .tab_content li ~ li {margin-top: 10px;}
.sa_maina_con6 .left .info .tab_content li .th {width: 60px; font-family: pretendard; font-size: 18px; color: #222; opacity: 0.8;}
.sa_maina_con6 .left .info .tab_content li .td {font-family: pretendard; font-size: 18px; color: #666; word-break: break-all;}
.sa_maina_con6 .left .info .tab_content .bts {display: flex; margin-top: 80px;}
.sa_maina_con6 .left .info .tab_content .bts > a {display: block; width: 147px; height: 50px; font-family: pretendard; font-size: 16px; text-align: center; line-height: 49px; margin-left: 8px;}
.sa_maina_con6 .left .info .tab_content .bts > a:nth-child(1) {margin-left: 0;}
.sa_maina_con6 .left .info .tab_content .bts > a.naver {border: 1px solid #007411; color: #007411;}
.sa_maina_con6 .left .info .tab_content .bts > a.naver > span {padding-left: 20px; background: url('../images/naver-logo.svg') no-repeat 0 center;}
.sa_maina_con6 .left .info .tab_content .bts > a.mapinfo {border: 1px solid #961E1E; color: #961E1E;}
.sa_maina_con6 .left .info .tab_content .bts > a.mapinfo > span {padding-left: 30px; background: url('../images/hills-logo.svg') no-repeat 0 center;}

.sa_maina_con6 .right {position: absolute; top: 0; left: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_maina_con6 .right .map_api {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; opacity: 0;}

@media all and (max-width: 1024px) {
	.sa_maina_con6 {height: auto;}
	.sa_maina_con6 .tab_type1 .swiper-slide {margin-right: 20px !important;}
	.sa_maina_con6 .tab_type1 .swiper-slide.on {color: #222;}
	.sa_maina_con6 .tab_type1 .swiper-slide span {height: 30px; font-family: pretendard; font-size: 18px;}
	.sa_maina_con6 .tab_type1 .swiper-slide span::after{height: 1px; background: #222;}
	.sa_maina_con6 .left {position: unset; width: 100%; height: auto; padding: 120px 0 60px;}
	.sa_maina_con6 .right {position: relative; left: unset; width: 100%; height: auto; max-height: 600px;}
	.sa_maina_con6 .left .info {position: unset; transform: unset; width: 90%; margin: 0 auto;}
	.sa_maina_con6 .left .info .tab_content {margin-top: 50px;}
	.sa_maina_con6 .left .info .tab_content .txt1 {font-size: 30px;}
	.sa_maina_con6 .left .info .tab_content ul {margin-top: 32px;}
	.sa_maina_con6 .left .info .tab_content li .th {font-size: 16px; opacity: 1;}
	.sa_maina_con6 .left .info .tab_content li .td {font-size: 16px;}
	.sa_maina_con6 .left .info .tab_content .bts {margin-top: 50px;}
	.sa_maina_con6 .right .map_api {height: 0; padding-bottom: 100%; overflow: hidden;}
	.sa_maina_con6 .right .map_api:first-child {position: relative;}
}
@media all and (max-width: 768px) {
	.sa_maina_con6 .tab_type1 .swiper-slide {margin-right: 16px !important;}
	.sa_maina_con6 .tab_type1 .swiper-slide span {font-size: 16px;}
	.sa_maina_con6 .left .info {width: 94%; min-height: unset;}
	.sa_maina_con6 .left .info .tab_content {margin-top: 40px;}
	.sa_maina_con6 .left .info .tab_content .txt1 {font-size: 24px;}
}




/* 분양메인 b타입 */
#saMain {position: relative; width: 100%; height: 100vh; overflow: hidden;}
#saMain > .section {position: absolute; top: 100%; left: 0;}
#saMain .indi_b {position: fixed; top: 50%; left: -50px; transform: translate(0, -50%); z-index: 10;}
#saMain .indi_b > a {position: relative; display: block; width: 6px; height: 6px; margin-top: 25px; border-radius: 3px; background: #fff; transition-duration: 0.5s; transition-property: width;}
#saMain .indi_b > a.on {width: 30px;}
#saMain .indi_b > a > span {opacity: 0;}
#saMain .indi_b > a:nth-child(1) {margin: 0;}
#saMain .indi_b.blk > a {background: #222;}

.sa_mainb_con1 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con1 .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con1 .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4);}
.sa_mainb_con1 .txt_div {position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); width: 1280px; z-index: 10;}
.sa_mainb_con1 .txt_sec {position: relative; width: 100%; height: 210px;}
.sa_mainb_con1 .txt_pack {position: absolute; top: 0; left: 0; height: 210px; color: #fff;}
.sa_mainb_con1 .txt_pack .flag {display: flex; height: 43px;}
.sa_mainb_con1 .txt_pack .flag > span {display: block; padding: 7px 22px; margin-right: 10px; border: 1px solid #A38862; background-color: #ece4d0; color: #961E1E; border-radius: 0 20px 0 20px; height: 43px; font-size: 18px; font-family: pretendard; font-weight: 500;}
.sa_mainb_con1 .txt_pack .txt {font-size: 16px; font-family: pretendard; font-size: 44px; margin-top: 40px; word-break: break-all; font-weight: 700;}
.sa_mainb_con1 .paging {display: flex; align-items: center; margin-top: 100px;}
.sa_mainb_con1 .paging > a {display:block; position: relative; width: 40px; height: 40px; background: url('../images/mainv-stopbt.svg') no-repeat center center #000; border-radius: 20px;}
.sa_mainb_con1 .paging > a.on {background: url('../images/mainv-playbt.svg') no-repeat center center #000;}
.sa_mainb_con1 .paging .swiper-button-prev {position: relative; top: 0; left: 0; transform: translate(0, 10px); width: 40px; height: 40px; background: url('../images/mainv-prebt.svg') no-repeat 0 0;}
.sa_mainb_con1 .paging .swiper-button-next {position: relative; top: 0; left: 0; transform: translate(0, 10px); width: 40px; height: 40px; background: url('../images/mainv-nexbt.svg') no-repeat 0 0;}
.sa_mainb_con1 .paging .swiper-pagination {position: relative; top: 0; bottom: 0; left: 0; width: 44px; height: 40px; font-size: 14px; font-family: "Poppins-Regular"; line-height: 40px; color: rgba(255, 255, 255, .5);}
.sa_mainb_con1 .paging .swiper-pagination > span {margin: 0 4px; color: rgba(255, 255, 255, 1);}


.for_pop {position: absolute; top: calc(100vh - 570px); left: 0; width: 1170px; height: 520px; z-index: 60;}
.for_pop.sa_mainb_con1 .popup .pop_open {bottom: 0;}
/* .sa_mainb_con1 .popup {position: absolute; bottom: 50px; left: 0; width: 1170px; height: 520px; z-index: 999; transition: all 1.5s;} */
.sa_mainb_con1 .popup.on {left: 0;}
.sa_mainb_con1 .popup.on > .open {opacity: 0;}
.sa_mainb_con1 .popup > .open {display: block; position: absolute; bottom: 50px; left: 1240px; width: 30px; height: 66px; transition: all .8s; z-index: 10;}
.sa_mainb_con1 .popup > .open > span {display: block; position: absolute; top: 66px; left: 0; font-family: 'Poppins-Bold'; font-size: 20px; color: #fff; transform: rotate(-90deg); transform-origin: 0 0;}
.sa_mainb_con1 .popup > .open > p {position: absolute; top: -25px; left: 15px; font-family: 'Poppins-Bold'; font-size: 24px; color: #fff; height: 50px; padding: 0 24px; line-height: 49px; border-radius: 25px; background: rgba(206, 0, 28, 0.8); border: 1px solid rgba(206, 0, 28, 1);}
.sa_mainb_con1 .popup .pop_open {position: absolute; bottom: 50px; left: 50px; width: 1115px; max-width: 1115px; height: 520px; overflow: hidden; padding-bottom: 40px; z-index: 190;}
.sa_mainb_con1 .popup .pop_open .p_zone {width: 100%; height: 100%;}
.sa_mainb_con1 .popup .pop_open .swiper-container {position: absolute; top: 0; left: 0; width: 100%; height: 480px; overflow: visible;}
.sa_mainb_con1 .popup .pop_open .swiper-slide {width: 365px; height: 480px;}

.sa_mainb_con1 .popup .pop_open .swiper-slide .imgver {display: block; width: 100%; height: 100%;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .imgver > span {opacity: 0;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever {display: block; width: 100%; height: 100%; padding: 50px 10%; background: #fff; text-align: center;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit1 {font-family: pretendard; font-size: 16px; color: #821E1E;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit2 {font-family: pretendard; font-size: 32px; color: #000; margin-top: 10px;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .txt {font-family: pretendard; font-size: 16px; color: #000; margin-top: 10px;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img {top: unset; bottom: 80px; left: 50%; transform: translate(-50%, 0); width: unset; height: unset;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img::after {display: none;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .imgtxt {position: absolute; bottom: 20px; left: 0; width: 100%; font-family: pretendard; font-size: 12px; color: #666;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area {margin-top: 10px;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > a {display: block; width: 100%; height: 42px; padding: 9px 0; text-align: center; font-size: 16px; color: #fff;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > a > span {padding-right: 15px; background: url('../images/samainb-popup-arrow.svg') no-repeat right center;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > a.red {background: #821E1E;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > a.blue {background: #11213E;}
.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > p {font-family: pretendard; font-size: 12px; color: #666; margin: 10px 0 30px;}

/* .sa_mainb_con1 .popup .pop_open .swiper-container .bts {display: flex; position: absolute; width: 100%;} */
.sa_mainb_con1 .popup .pop_open .swiper-container .bts .swiper-button-prev {top: 50%; left: 0; margin-top: -20px; width: 50px; height: 50px; background: url('../images/ico-quick-pop-left.svg') no-repeat 0 0;}
.sa_mainb_con1 .popup .pop_open .swiper-container .bts .swiper-button-next {top: 50%; right: 0; margin-top: -20px; width: 50px; height: 50px; background: url('../images/ico-quick-pop-left.svg') no-repeat 0 0; transform: rotate(180deg);}
.sa_mainb_con1 .popup .xbt {display: block; position: absolute; top: 0; right: 0; font-family: 'Poppins-Bold'; font-size: 16px; color: #fff; width: 106px; height: 50px; text-align: center; line-height: 49px; border-radius: 25px; background: rgba(206, 0, 28, 0.8); border: 1px solid rgba(206, 0, 28, 1); display: none;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide {background: #FCFBF7; border: 1px solid #F4EFE4; border-right: 0;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide + .swiper-slide .info {border-left: 1px solid #F3F2ED;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide > div {width: 365px; height: 480px; padding: 40px 45px; text-align: center;}

.sa_mainb_con1 .popup .pop_open .swiper-slide .com_name {padding: 5px 20px; background: #A03434; color: #fff; border-radius: 50px; display: inline-block; text-align: center; margin: 0 auto; display: inline-flex; font-size: 14px; font-family: pretendard; word-break: break-all;}
.sa_mainb_con1 .popup .p_zone .swiper-slide .tit {margin-top: 12px; font-family: pretendard; font-size: 24px; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .desc {font-size: 16px; color: #7E5E31; margin-top: 12px; margin-bottom: 20px; font-family: pretendard; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .txt {position: absolute; width: 100%; bottom: 20px; left: 0; font-size: 16px; color: #4D4D4D; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn {position: absolute; bottom: 40px; width: calc(100% - 80px);}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn a {width: 100%; display: block; background: #2D2D2D; height: 44px; line-height: 44px; font-size: 14px; color: #DDCB97; font-family: pretendard; }
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn a + a {margin-top: 8px;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type1 .img_area {width: 100%; margin-top: 20px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type1 .img_area img {width: 100%; height: 188px;}


.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl {border: 1px solid #F4EFE4; border-bottom: 0; font-size: 14px; font-family: pretendard; display: flex; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl:first-of-type {border-top: 1px solid #B0272F;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl:last-of-type {border-bottom: 1px solid #F4EFE4;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl dt {width: 50%; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl dt span {display: block; width: 100%; padding: 5px 20px; border-right: 1px solid #F4EFE4; background: #fff; height: 100%; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl dd {width: 50%; word-break: break-all;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl dd span {display: block; width: 100%; padding: 5px; display: flex; align-items: center; justify-content: center; background: #fff; height: 100%; word-break: break-all;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition {background: #F1EEE7; height: auto; width: calc(100% + 90px); margin-left: -46px; max-height: 277px; overflow: hidden;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt1 {margin-top: 70px; font-size: 16px; font-family: pretendard;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p img {width: 100%;}
/* .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p:first-of-type img {margin-top: -70px;} */
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt2 {margin: 13px 0 20px; font-size: 24px; color: #961E1E; font-family: pretendard;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt3 {color: #4D4D4D; font-size: 16px; padding-bottom: 57px;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt {width: 100%; height: 240px; margin-top: -4px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a {width: 135px; height: 76px; display: inline-block;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a img {width: 100%; height: 100%;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a:nth-of-type(3) {margin-top: 4px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a:nth-of-type(4) {margin-top: 4px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a:nth-of-type(5) {margin-top: 4px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a:nth-of-type(6) {margin-top: 4px;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type5 {padding: 0; border: 0; overflow: hidden; display: flex; align-items: center;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type5 img {width: 100%;}

.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .today {position: absolute; bottom: -30px; left: -1px; padding-right: 16px; background: #ECE4D0; display: block; width: calc(100% + 1px); padding: 0 10px; height: 32px; text-align: left; line-height: 32px; z-index: 1;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .today a:nth-of-type(1) {font-size: 14px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .today a:nth-of-type(1)::after {content: ""; width: 20px; height: 20px; background: url("../images/ico-today-close.svg") no-repeat; display: inline-block; background-size: cover; position: absolute; top: 7px;}
.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .today a:nth-of-type(2) {font-size: 14px; position: absolute; right: 10px;}




@media all and  (max-width: 1280px) {
	.for_pop {width: 415px; bottom: unset; top: 258px;}
	.sa_mainb_con1 .popup {bottom: 25px; width: 415px;}
	.sa_mainb_con1 .popup > .open {bottom: 0; left: calc(415px + 3%);}
	.sa_mainb_con1 .popup .pop_open {width: 365px; left: 50px;}
	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide {width: 365px;}
}


@media all and  (max-width: 1024px) {
	.for_pop.sa_mainb_con1 {left: 50%; transform: translateX(-50%); width: 365px;}
	.sa_mainb_con1 .popup .pop_open {left: 0;}
	/* .sa_mainb_con1 .popup {bottom: 25px; left: -740px; width: 740px; height: 480px;}
	.sa_mainb_con1 .popup > .open {bottom: 0; left: calc(740px + 3%); width: 20px; height: 44px;}
	.sa_mainb_con1 .popup > .open > span {top: 44px; font-size: 15px;}
	.sa_mainb_con1 .popup > .open > p {top: -24px; left: 8px; font-size: 17px; height: 25px; padding: 0 12px; line-height: 24px; border-radius: 13px;}
	.sa_mainb_con1 .popup .pop_open {left: 3%; width: 97%; height: 480px;}
	.sa_mainb_con1 .popup .pop_open .swiper-container {width: 100%; height: 440px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide {width: 350px; height: 440px;} */

	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever {padding: 25px 3%;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit1 {font-size: 14px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit2 {font-size: 24px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .txt {font-size: 14px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img {bottom: 80px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img img {width: 100%;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .imgtxt {bottom: 10px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .click_area > a {height: 35px; padding: 8px 0; font-size: 14px;}
	.sa_mainb_con1 .popup > .open > span {top: 44px; font-size: 15px;}
	.sa_mainb_con1 .popup > .open > p {top: -24px; left: 8px; font-size: 17px; height: 25px; padding: 0 12px; line-height: 24px; border-radius: 13px;}
}
@media all and  (max-width: 768px) {
	.for_pop {top: 0; height: 100vh;}
	.for_pop.sa_mainb_con1 .popup .pop_open {bottom: 50%; transform: translateY(56%);}
	.sa_mainb_con1 .popup .pop_open {bottom: 50%; transform: translateY(56%);}
	/* .sa_mainb_con1 .popup {bottom: 25px; left: -385px; width: 385px; border: 3px solid red;}
	.sa_mainb_con1 .popup > .open {bottom: 0; left: calc(385px + 3%); width: 20px; height: 44px;}
	.sa_mainb_con1 .popup > .open > span {top: 44px; font-size: 15px;}
	.sa_mainb_con1 .popup > .open > p {top: -24px; left: 8px; font-size: 17px; height: 25px; padding: 0 12px; line-height: 24px; border-radius: 13px;}
	.sa_mainb_con1 .popup .pop_open {left: 3%; width: 97%; height: 500px;}
	.sa_mainb_con1 .popup .pop_open .swiper-container {width: 100%; height: 440px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide {width: 365px !important; height: 440px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .imgver {display: block; width: 100%; height: 100%;}
	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide > div {width: 100%;} */


	/* .sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever {padding: 25px 3%;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit1 {font-size: 14px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .tit2 {font-size: 24px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .txt {font-size: 14px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img {bottom: 80px;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .img img {width: 100%;}
	.sa_mainb_con1 .popup .pop_open .swiper-slide .sourcever .imgtxt {bottom: 10px;} */
	/* .sa_mainb_con1 .popup .pop_open .swiper-container .bts {position: absolute; border: 3px solid red; z-index: 10;} */
	/* .sa_mainb_con1 .popup .pop_open .swiper-container .bts .swiper-button-prev {width: 35px; height: 35px; background: url('../images/samianb-pop-left.svg') no-repeat 0 0; background-size: 100%;}
	.sa_mainb_con1 .popup .pop_open .swiper-container .bts .swiper-button-next {width: 35px; height: 35px; background: url('../images/samianb-pop-right.svg') no-repeat 0 0; background-size: 100%;} */
	.sa_mainb_con1 .popup .xbt {font-size: 13px; width: 80px; height: 35px; line-height: 34px; border-radius: 18px;}
}

@media all and  (max-width: 500px) {
	.for_pop.sa_mainb_con1 {width: 300px;}
	.sa_mainb_con1 .popup {width: 300px;}
	.sa_mainb_con1 .popup .pop_open {width: 300px; height: 480px;}
	.sa_mainb_con1 .popup .pop_open .swiper-container {height: 430px;}
	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide {width: 300px; height: 430px;}
	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide > div {width: 300px; height: 430px; padding: 30px 20px;}

	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .tit {font-size: 20px; margin-top: 8px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .txt {bottom: 10px; font-size: 14px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .desc {margin-top: 8px; margin-bottom: 12px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn {bottom: 25px; width: 260px}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn a + a {margin-top: 5px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .btn a {height: 40px; line-height: 40px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type1 .img_area {margin-top: 12px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type2 dl dt span {padding: 5px 10px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt1 {margin-top: 68px;}
	.sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p:first-of-type img {margin-top: -68px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt2 {margin: 8px 0 12px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type3 .competition p.txt3 {padding-bottom: 50px;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt {margin-top: 0;}
  .sa_mainb_con1 .popup .pop_open .p_zone .swiper-slide .type4 .yt a {width: 120px; height: 68px;} 

	.sa_mainb_con1 .popup .pop_open .swiper-container .bts {top: -50px;}

}




/* .sa_mainb_con2 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: url('../images/sa-mainb-con2-bg.jpg') no-repeat 0 0 #F4EFE4;} */
.sa_mainb_con2 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #F4EFE4;}
.sa_mainb_con2 .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sa_mainb_con2 .inner .txt_pack {position: relative;}
.sa_mainb_con2 .inner .txt_pack .txt1 {font-size: 16px; font-family: pretendard; color: #222;}
.sa_mainb_con2 .inner .txt_pack .txt2 {font-size: 40px; font-family: pretendard; color: #A03434; margin-top: 10px;}
.sa_mainb_con2 .inner .swiper-container {margin: 50px 0 0; width: 1115px; height: 396px;}
.sa_mainb_con2 .inner .swiper-wrapper {height: 396px;}
.sa_mainb_con2 .inner .swiper-container .swiper-slide {width: 380px; height: auto !important; min-height: 375px; padding: 60px; border: 1px solid #DDCB97; background: #fff;}
.sa_mainb_con2 .inner .swiper-container .swiper-slide::after {content: ""; display: block; position: absolute; bottom: -5px; left: 0; width: 380px; height: 5px; background: #DDCB97; opacity: 0.5;}
.sa_mainb_con2 .inner .swiper-container .swiper-slide .txt1 {font-family: 'Poppins-Bold'; font-size: 14px; color: #961E1E; letter-spacing: 0.4em;}
.sa_mainb_con2 .inner .swiper-container .swiper-slide .txt2 {font-family: pretendard; font-size: 28px; color: #222; margin-top: 20px; height: 80px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sa_mainb_con2 .inner .swiper-container .swiper-slide .txt3 {font-family: pretendard; font-size: 16px; color: #222; margin-top: 50px; word-break: break-all;}
.sa_mainb_con2 .inner .img_pack {position: absolute; top: 0; right: -180px; width: 800px; height: 660px;}
.sa_mainb_con2 .inner .img_pack .img {position: absolute; top: 0; left: 0; width: 800px; height: 660px;}
.sa_mainb_con2 .inner .swiper-button-prev {top: 300px; left: -25px; width: 48px; height: 48px; margin-top: 0; background: url('../images/sa-mainb-con2-left.svg') no-repeat 0 0;}
.sa_mainb_con2 .inner .swiper-button-next {top: 300px; left: 1090px; width: 48px; height: 48px; margin-top: 0; background: url('../images/sa-mainb-con2-right.svg') no-repeat 0 0;}
.sa_mainb_con2 .inner.no-img .swiper-container {width: 100%;}
.sa_mainb_con2 .inner.no-img .swiper-button-next {left: unset; right: -25px;}

.sa_mainb_con3 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con3 .img_pack {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.sa_mainb_con3 .img_pack .img {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.sa_mainb_con3 .img_pack .img:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3);}
.sa_mainb_con3 .swiper-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1280px; overflow: visible;}
.sa_mainb_con3 .swiper-container .tit {font-family: pretendard; font-size: 28px; color: #DDCB97; letter-spacing: 0.1em;}
.sa_mainb_con3 .swiper-container .swiper-wrapper {margin-top: 40px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a {position: relative; width: 670px; height: 440px; padding: 80px; color: #fff; overflow: hidden; background: #F4EFE4;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a .txt1 {position: relative; font-family: 'Poppins-SemiBold'; font-size: 16px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a .txt2 {position: relative; font-family: pretendard; font-size: 32px; margin-top: 50px; height: 92px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a .txt3 {position: relative; font-family: pretendard; font-size: 16px; margin-top: 40px; height: 52px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a.no-img .txt1 {color: #7D1919;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a.no-img .txt2 {color: #222;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a.no-img .txt3 {color: #222;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a .img {position: absolute; top: 0; left: 0; width: 670px; height: 440px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
/* .sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(odd) {width: 670px; height: 450px; padding: 80px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(even) {width: 370px; height: 450px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(odd) .img {position: absolute; top: 0; left: 0; width: 670px; height: 450px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(even) .img {position: relative; width: 670px; height: 240px;}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(odd) .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(even) .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.sa_mainb_con3 .swiper-container .swiper-wrapper > a:nth-child(even) .txt1 {margin-top: 50px;} */
.sa_mainb_con3 .swiper-container .bts {display: flex; position: relative; width: 130px; height: 48px; margin-top: 40px;}
.sa_mainb_con3 .swiper-container .bts > div {display: block; width: 48px; height: 48px; margin-right: 15px; position: relative; top: 0; left: 0; right: 0;}
.sa_mainb_con3 .swiper-container .bts > div.swiper-button-prev {background: url('../images/sa-mainb-con3-left.svg') no-repeat 0 0;}
.sa_mainb_con3 .swiper-container .bts > div.swiper-button-next {background: url('../images/sa-mainb-con3-right.svg') no-repeat 0 0;}


.sa_mainb_con4 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #2D2D2D;}
.sa_mainb_con4 .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 723px;}
.sa_mainb_con4 .tit_pack {color: #fff;}
.sa_mainb_con4 .tit_pack .txt1 {font-family: pretendard; font-size: 16px;}
.sa_mainb_con4 .tit_pack .txt2 {font-family: 'Poppins-SemiBold'; font-size: 40px; margin-top: 10px;}
.sa_mainb_con4 .content_pack {position: relative; margin-top: 60px;}
.sa_mainb_con4 .content_pack .tab {position: absolute; top: -60px; right: 0;}
.sa_mainb_con4 .content_pack .tab a {position: relative; display: block; width: auto; margin-left: 40px; padding-bottom: 5px; color: #fff; font-family: pretendard; font-size: 24px; opacity: 0.5;}
.sa_mainb_con4 .content_pack .tab a.on {opacity: 1;}
.sa_mainb_con4 .content_pack .tab a.on::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;}
.sa_mainb_con4 .content_pack .tab_con_sec {position: relative; width: 100%; height: 568px;}
.sa_mainb_con4 .content_pack .tab_con_sec .left {position: absolute; top: 0; right: 50%; width: 50%; height: 568px;}
.sa_mainb_con4 .content_pack .tab_con_sec .left .swiper-wrapper {height: 480px;}
.sa_mainb_con4 .content_pack .tab_con_sec .left .swiper-slide {background-size: 100% auto; background-repeat: no-repeat; background-position: center; background-color: #fff;}
.sa_mainb_con4 .content_pack .tab_con_sec .left .bts {display: flex; position: relative; width: 116px; height: 48px; margin-top: 40px;}
.sa_mainb_con4 .content_pack .tab_con_sec .left .bts > div.swiper-button-prev {left: 0; width: 48px; height: 48px; background: url('../images/sa-mainb-con3-left.svg') no-repeat 0 0;}
.sa_mainb_con4 .content_pack .tab_con_sec .left .bts > div.swiper-button-next {right: 0; width: 48px; height: 48px; background: url('../images/sa-mainb-con3-right.svg') no-repeat 0 0;}
.sa_mainb_con4 .content_pack .tab_con_sec .right {position: absolute; top: 0; left: 50%; width: 50%; height: 480px; background: #F9F8F4;}
.sa_mainb_con4 .content_pack .tab_con_sec .right::before {content: ""; display: block; position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: url('../images/sa-mainb-con4-bg-m1.svg') no-repeat 0 0; background-size: 100%;}
.sa_mainb_con4 .content_pack .tab_con_sec .right::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; background: url('../images/sa-mainb-con4-bg-m2.svg') no-repeat 0 0; background-size: 100%;}
.sa_mainb_con4 .content_pack .tab_con_sec .right .pack {display: none; position: absolute; top: 50%; left: 120px; transform: translate(0, -50%); opacity: 0;}
.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > p {font-family: pretendard; font-size: 40px; color: #961E1E;}
.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > a {display: block; position: relative; width: 174px; padding: 0 28px; height: 48px; margin-top: 30px; border: 1px solid #2D2D2D; line-height: 47px; font-family: pretendard; font-size: 14px; color: #222;}
.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > a::after {content: ""; width: 18px; height: 11px; background: url("../images/ico-more-arrow.svg") no-repeat; display: block; position: absolute; right: 28px; top: 50%; transform: translateY(-50%);}
@media all and  (max-width: 1024px) {
	.sa_mainb_con4 {height: auto; padding: 120px 3%; overflow: hidden; background: #2D2D2D;}
	.sa_mainb_con4 .inner {position: relative; top: 0; left: 0; transform: translate(0, 0); height: auto;}
	.sa_mainb_con4 .tit_pack .txt2 {font-size: 32px; margin-top: 0px;}
	.sa_mainb_con4 .content_pack {margin-top: 40px;}
	.sa_mainb_con4 .content_pack .tab {position: relative; top: 0px; right: 0;}
	.sa_mainb_con4 .content_pack .tab a {margin-left: 20px; padding-bottom: 5px; font-size: 16px;}
	.sa_mainb_con4 .content_pack .tab a:first-child {margin-left: 0px;}
	.sa_mainb_con4 .content_pack .tab_con_sec {width: 100%; height: 460px; margin-top: 20px; background: none; background-size: auto 220px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left {position: relative; top: 0; right: 0; width: 100%; height: 530px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left .swiper-wrapper {height: 240px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left .swiper-slide {background-size: auto 240px; background-repeat: no-repeat; background-position: center; background-color: #fff;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left .bts {position: absolute; top: 430px; left: 0; width: 116px; height: 48px; margin-top: 40px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left .bts > div.swiper-button-prev {left: 0; width: 48px; height: 48px; background: url('../images/sa-mainb-con3-left.svg') no-repeat 0 0;}
	.sa_mainb_con4 .content_pack .tab_con_sec .left .bts > div.swiper-button-next {right: 0; width: 48px; height: 48px; background: url('../images/sa-mainb-con3-right.svg') no-repeat 0 0;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right {top: 240px; left: 0; width: 100%; height: 220px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right .pack {left: 60px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right::before {content: ""; display: block; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url('../images/sa-mainb-con4-bg-m1.svg') no-repeat 0 0;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 80px; height: 80px; background: url('../images/sa-mainb-con4-bg-m2.svg') no-repeat 0 0;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > p {font-size: 28px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > a {width: 100px; padding: 0 20px; margin-top: 18px;}
	.sa_mainb_con4 .content_pack .tab_con_sec .right .pack > a::after {display: none;}
}
@media all and  (max-width: 768px) {
}

.sa_mainb_con5 {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #F4EFE4;}
.sa_mainb_con5 .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sa_mainb_con5 .tit_pack .txt1 {font-family: pretendard; font-size: 16px; color: #222;}
.sa_mainb_con5 .tit_pack .txt2 {font-family: pretendard; font-size: 40px; color: #A03434; margin-top: 10px;}
.sa_mainb_con5 .lists {display: flex; position: relative; margin-top: 60px;}
.sa_mainb_con5 .lists > a.list {display: block; position: relative; width: 426px; height: 400px; padding: 50px; background: #fff; border: 1px solid #DDCB97; border-right: 0px;}
.sa_mainb_con5 .lists > a.list:last-child {border-right: 1px solid #DDCB97;}
.sa_mainb_con5 .lists > a.list .txt1 {font-family: pretendard; font-size: 18px; color: #7E5E31;}
.sa_mainb_con5 .lists > a.list .txt2 {font-family: pretendard; font-size: 28px; color: #222; width: 100%; height: 132px; margin-top: 40px; line-height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.sa_mainb_con5 .lists > a.list .txt3 {position: absolute; bottom: 50px; left: 50px; font-family: 'Poppins-Regular'; font-size: 16px; color: #222;}
.sa_mainb_con5 .morebt {position: absolute; top: 45px; right: 0; width: 174px; height: 48px; padding: 0 28px; text-align: center; border: 1px solid #2D2D2D; line-height: 47px; font-family: pretendard; font-size: 14px; color: #222;}
/* .sa_mainb_con5 .morebt::after {content: ""; width: 18px; height: 11px; background: url("../images/ico-more-arrow.svg") no-repeat; display: block; position: absolute; right: 28px; top: 50%; transform: translateY(-50%);} */



.sa_mainb_con6 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con6 .img_pack {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con6 .img_pack .img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100vh; overflow: hidden;}
.sa_mainb_con6 .img_pack .img::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.75);}
.sa_mainb_con6 .txt_pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1530px; height: 560px;}
.sa_mainb_con6 .txt_pack .deco {position: relative; width: 100%; height: 560px;}
.sa_mainb_con6 .txt_pack .obj {width: 100%; height: 560px; background: url('../images/sa-mainb-con6-obj2.png') no-repeat center center;}
.sa_mainb_con6 .txt_pack .obj2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1010px; height: 520px;}
.sa_mainb_con6 .txt_pack .obj2 .one {position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url('../images/sa-mainb-con6-obj1.svg') no-repeat 0 0;}
.sa_mainb_con6 .txt_pack .obj2 .two {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('../images/sa-mainb-con6-obj1.svg') no-repeat 0 0; transform: rotate(90deg);}
.sa_mainb_con6 .txt_pack .obj2 .thr {position: absolute; bottom: 0; left: 0; width: 50px; height: 50px; background: url('../images/sa-mainb-con6-obj1.svg') no-repeat 0 0; transform: rotate(270deg);}
.sa_mainb_con6 .txt_pack .obj2 .fou {position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: url('../images/sa-mainb-con6-obj1.svg') no-repeat 0 0; transform: rotate(180deg);}
.sa_mainb_con6 .txt_pack .txt_sec {position: absolute; top: 50%; left: 380px; transform: translate(0, -50%); color: #fff;}
.sa_mainb_con6 .txt_pack .txt_sec .txt1 {font-family: pretendard; font-size: 16px; transform: translate(0, 0); opacity: 1;}
.sa_mainb_con6 .txt_pack .txt_sec .txt2 {font-family: 'Poppins-SemiBold'; font-size: 40px; margin-top: 20px; line-height: 54px; transform: translate(0, 0); opacity: 1;}
.sa_mainb_con6 .txt_pack .txt_sec .bts {display: flex; margin-top: 50px; transform: translate(0, 0); opacity: 1;}
.sa_mainb_con6 .txt_pack .txt_sec .bts > a {display: block; width: 168px; height: 48px; margin-right: 5px; text-align: center; line-height: 47px; color: #fff; border: 1px solid #fff; font-family: pretendard; font-size: 14px;}


.sa_mainb_con7 {position: relative; width: 100%; height: 100vh; background: #F4EFE4; overflow: hidden;}
.sa_mainb_con7 .left {position: absolute; top: 0; right: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_mainb_con7 .left .info {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; min-height: 608px;}
.sa_mainb_con7 .left .info .tit1 {font-family: pretendard; font-size: 16px; color: #222;}
.sa_mainb_con7 .left .info .tit2 {font-family: pretendard; font-size: 40px; color: #A03434;}
.sa_mainb_con7 .left .info .tab {height: 48px; margin: 45px 0 0;}
.sa_mainb_con7 .left .info .tab a {display: block; width: 150px; height: 48px; text-align: center; line-height: 47px; background: #fff; color: #222;}
.sa_mainb_con7 .left .info .tab a.on {background: #7D1919; color: #fff;}
.sa_mainb_con7 .left .info .tab_content {margin: 100px 0 0; font-size: 18px; color: #222;}
.sa_mainb_con7 .left .info .tab_content .txt1 {font-family: pretendard;}
.sa_mainb_con7 .left .info .tab_content .txt2 {font-family: pretendard; margin-top: 25px; word-break: break-all; }
.sa_mainb_con7 .left .info .tab_content ul {margin-top: 25px;}
.sa_mainb_con7 .left .info .tab_content li {display: flex; margin-bottom: 5px;}
.sa_mainb_con7 .left .info .tab_content li:last-child {margin-bottom: 0;}
.sa_mainb_con7 .left .info .tab_content li .th {width: 90px; font-family: pretendard;}
.sa_mainb_con7 .left .info .tab_content li .td {font-family: pretendard; font-size: 20px;}
.sa_mainb_con7 .left .info .tab_content .bts {display: flex; margin-top: 50px;}
.sa_mainb_con7 .left .info .tab_content .bts > a {display: block; width: 147px; height: 50px; font-family: pretendard; font-size: 16px; text-align: center; line-height: 49px; margin-left: 8px;}
.sa_mainb_con7 .left .info .tab_content .bts > a:nth-child(1) {margin-left: 0;}
.sa_mainb_con7 .left .info .tab_content .bts > a.naver {border: 1px solid #007411; color: #007411;}
.sa_mainb_con7 .left .info .tab_content .bts > a.naver > span {padding-left: 20px; background: url('../images/naver-logo.svg') no-repeat 0 center;}
.sa_mainb_con7 .left .info .tab_content .bts > a.mapinfo {border: 1px solid #961E1E; color: #961E1E;}
.sa_mainb_con7 .left .info .tab_content .bts > a.mapinfo > span {padding-left: 30px; background: url('../images/hills-logo.svg') no-repeat 0 center;}
.sa_mainb_con7 .right {position: absolute; top: 0; left: 50%; width: 50%; height: 100vh; overflow: hidden;}

.sa_mainb_con7 .right {position: absolute; top: 0; left: 50%; width: 50%; height: 100vh; overflow: hidden;}
.sa_mainb_con7 .right .map_api {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; opacity: 0;}

.sa_main_banner {position: absolute; top: 100%; left: 0; width: 100%; height: 180px;}
.sa_main_banner ul {display: flex; align-items: center; justify-content: center; width: 100%; height: 180px;}
.sa_main_banner .banner_unit {display: flex; align-items: center; width: unset; height: 40px; margin: 0 50px;}
.sa_main_banner .banner_unit .flag {width: 50px; height: 30px; padding: 6px 10px; font-family: pretendard; font-size: 12px; color: #fff;}
.sa_main_banner .banner_unit .flag.type1 {background: url('../images/sa-main-bannertype1.svg') no-repeat 0 0;}
.sa_main_banner .banner_unit .flag.type2 {background: url('../images/sa-main-bannertype2.svg') no-repeat 0 0;}
.sa_main_banner .banner_unit .flag.type3 {background: url('../images/sa-main-bannertype3.svg') no-repeat 0 0;}
.sa_main_banner .banner_unit .comp {height: 40px;}
.sa_main_banner .banner_unit .comp > img {height: 40px;}






@media all and (max-width: 1500px) {
	.sa_mainb_con1 .txt_div {width: 900px;}
	.sa_mainb_con1 .txt_pack {height: 180px;}
	.sa_mainb_con1 .paging {margin-top: 40px;}
	.sa_mainb_con1 .txt_pack .txt {font-size: 28px;}
	.sa_mainb_con2 .inner {margin-left: 50px;}
	.sa_mainb_con2 .inner .img_pack {width: 600px; height: 530px; top: 70px;}
	.sa_mainb_con2 .inner .img_pack .img {width: 600px; height: 530px;}
	.sa_mainb_con2 .inner .swiper-container {width: 970px;}
	.sa_mainb_con2 .inner .swiper-container .swiper-slide {width: 320px !important; padding: 40px; min-height: 350px;}
	.sa_mainb_con2 .inner .swiper-button-next {left: 950px;}
	.sa_mainb_con2 .inner .swiper-container .swiper-slide .txt3 {margin-top: 65px;}

	.sa_mainb_con3 .swiper-container {width: 900px;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a {width: 500px; height: 400px;}

	.sa_mainb_con5 .lists > a.list {width: 332px; height: 370px;}

	.sa_mainb_con6 .txt_pack .obj {display: none;}
	.sa_mainb_con6 .txt_pack .obj2 {width: 850px; height: 450px;}
	.sa_mainb_con6 .txt_pack .txt_sec {left: 450px;}
}
@media all and (max-width: 1280px) {
	.sa_main_banner {overflow-x: auto;}
	.sa_main_banner ul {width: 1100px;}
	.sa_mainb_con7 .left .info {width: 300px; min-height: unset;}
}
@media all and  (max-width: 1024px) {
	#saMain {height: auto;}
	#saMain > .section {position: relative;}

	#saMain .indi_b {display: none;}
	.sa_mainb_con1 .txt_div {width: 90%; top: 53%;}
	.sa_mainb_con1 .txt_pack {left: 50%; transform: translateX(-50%); width: 100%;}

	.sa_mainb_con2 {height: 100%;}
	.sa_mainb_con2 .inner {position: unset; transform: translate(0); margin: 120px auto;}
	.sa_mainb_con2 .inner .img_pack {display: none;}
	.sa_mainb_con2 .inner .swiper-container {width: 100%; margin: 40px 0 0 ;}
	.sa_mainb_con2 .inner .swiper-container .swiper-slide {width: 100% !important; min-height: 250px;}
	.sa_mainb_con2 .inner .swiper-button-next {left: unset; right: -20px;}
	.sa_mainb_con2 .inner .txt_pack .txt2 {font-size: 28px;}

	.sa_mainb_con3 {height: 800px;}
	/* .sa_mainb_con3 .img_pack {position: unset; transform: translate(0); height: 100%;} */
	.sa_mainb_con3 .img_pack {height: 800px;}
	.sa_mainb_con3 .img_pack .img {height: 800px;}
	.sa_mainb_con3 .img_pack .img:after {height: 800px;}
	.sa_mainb_con3 .swiper-container {width: 90%; position: unset; transform: translate(0); height: 100%; padding: 120px 0; overflow: hidden;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a {width: 100%;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a .img {width: 100%;}
	.sa_mainb_con3 .swiper-container .bts {margin-top: -120px;}

	.sa_mainb_con5 {height: 100%;}
	.sa_mainb_con5 .inner {position: unset; transform: translate(0); padding: 120px 0;}
	.sa_mainb_con5 .lists {display: block; margin-top: 120px;}
	.sa_mainb_con5 .morebt {right: unset; top: 220px;}
	.sa_mainb_con5 .tit_pack .txt2 {font-size: 32px;}
	.sa_mainb_con5 .lists > a.list {height: 100%; width: 100%; padding: 40px;}
	.sa_mainb_con5 .lists > a.list .txt1 {font-size: 16px;}
	.sa_mainb_con5 .lists > a.list .txt2 {font-size: 20px; height: 100px; line-height: 32px; margin-top: 20px; margin-bottom: 50px;    -webkit-line-clamp: 3;}
	.sa_mainb_con5 .lists > a.list .txt3 {left: 40px;}

	.sa_mainb_con6 .txt_pack {width: 90%;}
	.sa_mainb_con6 .txt_pack .obj2 {width: 90%; height: 90vh;}
	.sa_mainb_con6 .txt_pack .txt_sec {left: 14%; transform: translate(0, -50%);}
	
	.sa_mainb_con7 {height: 100%;}
	.sa_mainb_con7 .left {position: unset; height: 100%; width: 90%; margin: 120px auto 0;}
	.sa_mainb_con7 .left .info {position: unset; transform: translate(0); width: auto;}
	.sa_mainb_con7 .left .info .tab_content {margin: 38px 0 0 ;}
	.sa_mainb_con7 .left .info .tab {margin: 24px 0 0 ;}
	.sa_mainb_con7 .left .info .tab_content .bts {margin-top: 50px;}
	.sa_mainb_con7 .left .info .tit2 {font-size: 32px;}
	.sa_mainb_con7 .right {position: relative; height: 375px; width: 100%; margin-top: 60px; left: 0;}
	.sa_mainb_con7 .right .map_api {height: 100%;}
	.sa_mainb_con7 .left .info .tab a {font-size: 14px; font-family: pretendard;}

	.sa_main_banner {position: unset; height: 94px; }
	.sa_main_banner ul {height: 100%; justify-content: flex-start;}
	.sa_main_banner .banner_unit {margin: 0 20px; }
}
@media all and  (max-width: 768px) {
	.sa_mainb_con2 .inner .swiper-button-prev {left: 0;}
	.sa_mainb_con2 .inner .swiper-button-next {right: 0;}
	.sa_mainb_con3 .swiper-container .bts {margin-top: -70px;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a {height: 450px; padding: 80px 60px;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a .img {height: 450px;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a .txt2 {margin-top: 30px; font-size: 24px; height: auto; line-height: 38px; overflow: hidden; text-overflow: inherit; display: -webkit-box; -webkit-line-clamp: 20; -webkit-box-orient: vertical; word-break: keep-all;}
	.sa_mainb_con3 .swiper-container .swiper-wrapper > a .txt2  br {display: none;}

	.sa_mainb_con5 .morebt {width: 100px; padding: 0; text-align: center;}
	.sa_mainb_con5 .morebt::after {content: ""; display: none;}

	/* .sa_mainb_con6 .txt_pack {border: 1px solid rgba(255, 255, 255, .34); height: 74vh;} */
	.sa_mainb_con6 .txt_pack {height: 74vh;}
	/* .sa_mainb_con6 .txt_pack .obj2 {width: 94%; height: 70vh; margin-top: 2vh; border: 1px solid rgba(255, 255, 255, .34); position: relative;} */
	.sa_mainb_con6 .txt_pack .deco {height: 70vh;}
	/* .sa_mainb_con6 .txt_pack .obj2::before {content: ""; width: 1px; height: 100%; border-left: 1px solid rgba(255, 255, 255, .1); display: block; position: absolute; left: 50%;} */
	/* .sa_mainb_con6 .txt_pack .obj2::after {content: ""; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, .1); display: block; position: absolute; top: 50%;} */
	.sa_mainb_con6 .txt_pack .obj2 {width: 94%; height: 70vh; margin-top: 2vh; position: relative;}
	.sa_mainb_con6 .txt_pack .txt_sec {left: 10%;}
	.sa_mainb_con6 .txt_pack .txt_sec .txt2 {font-size: 32px; line-height: 40px; margin-top: 16px;}
	.sa_mainb_con6 .txt_pack .txt_sec .bts {margin-top: 37px;}
	.sa_mainb_con6 .txt_pack .txt_sec .bts > a {width: 100px;}
}




/* GUI-007-01_사이트맵(현대건설) */
.sc_sitemap {display: flex; flex-wrap: wrap;}
.sc_sitemap .site_list {position: relative; width: calc((100% - 160px) / 5); margin-right: 40px;}
.sc_sitemap .site_list:nth-child(n+6) {margin-top: 100px;}
.sc_sitemap .site_list:nth-child(5n) {margin-right: 0;}
.sc_sitemap .site_item {position: relative; padding-bottom: 20px; font-family: pretendard;}
.sc_sitemap .site_item::after {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #e5e5e5; content: "";} 
.sc_sitemap .sub_sitelist {padding-top: 20px;}
.sc_sitemap .sub_sitelist a {display: block; color: #4d4d4d; line-height: 1;}
.sc_sitemap .sub_sitelist a + a {margin-top: 16px;}
.sc_sitemap .sub_sitelist a:hover {color: #961e1e;}

.sc_sitemap .sub_sitelist a.sub_bar {position: relative; margin-top: 41px;}
.sc_sitemap .sub_sitelist a.sub_bar::before {position: absolute; left: 0; width: 100%; height: 1px; top: -20px; background-color: #e5e5e5; content: "";}

@media all and (max-width: 768px) {
	.sc_sitemap .site_list {width: calc((100% - 16px) / 2); margin-right: 16px;}
	.sc_sitemap .site_list:nth-child(5n) {margin-right: 16px;}
	.sc_sitemap .site_list:nth-child(2n) {margin-right: 0;}
	.sc_sitemap .site_list:nth-child(n+6) {margin-top: 0;}
	.sc_sitemap .site_list:nth-child(n+3) {margin-top: 80px;}
}




/* 만족도 조사*/
.survey_sec {width: 640px; margin: 0 auto; padding-top: 120px;}
.survey_sec .tit {font-family: pretendard, sans-serif; text-align: center;}
.survey_sec .survey_list {margin-top: 60px; padding: 60px 40px; border-radius: 8px; background-color: #F0F2F5;}
.survey_sec .survey_list li ~ li {margin-top: 40px;}
.survey_sec .survey_list li .survey_q {font-family: pretendard, sans-serif;}
/* 만족도 조사 ver.1 */
.survey_sec .survey_list li .btn_area {margin-top: 20px; text-align: left;}
.survey_sec .survey_list li .btn_area .btn_type1 + .btn_type1 {margin-left: 11px;}
.survey_sec .survey_list li .btn_area .btn_type1.active {border: 1px solid #961E1E;}
.survey_sec .survey_list li .form_input {height: 186px; margin-top: 20px; border: 1px solid #ddd; background-color: #fff;}
.survey_sec .survey_list li .form_input textarea {min-height: 135px; padding: 20px 20px 0; border: none; background-color: unset; overflow-y: auto;}
/* 만족도 조사 ver.2 */
.survey_sec .survey_list li .survey_score {display: flex; margin-top: 20px;}
.survey_sec .survey_list li .survey_score .form_survey ~ .form_survey {margin-left: 16px;}
.survey_sec .survey_list li .survey_score .form_survey input {display: none;}
.survey_sec .survey_list li .survey_score .form_survey label {display: inline-block; height: 48px; padding: 0 20px; font-family: pretendard, sans-serif; line-height: 48px; font-size: 14px; border: 1px solid #ccc; background-color: #fff;}
.survey_sec .survey_list li .survey_score .form_survey input:checked + label {border: 1px solid #961E1E;}

.surveystate_sec {position: relative; width: 100%; height: 100vh;}
.surveystate_sec .survey {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.surveystate_sec .survey .tit {width: 640px; margin: 0 auto; padding: 341px 0 80px; line-height: 42px; text-align: center; border: 1px solid #F3EFE5; background: url("") no-repeat center 80px / 180px auto #FCFBF7;}
.surveystate_sec .survey_coml .tit {background-image: url("../images/ico-survey-compl.svg");}
.surveystate_sec .survey_no .tit {background-image: url("../images/ico-survey-no.svg");}
.surveystate_sec .survey .tit span {color: #961E1E;}
.surveystate_sec .btn_area {margin-top: 80px;}




/* 인증키입력 */
.certified {background: #808080; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center;}
.certified .pop {width: 560px; background: #fff; height: 422px; padding: 40px; position: relative;}
.certified .pop .logo {text-align: center;}
.certified .pop .con_mmtxt {margin: 66px 0 32px;}
.certified .pop .btn_area {width: 100%;}
.certified .pop .btn_area.h56 a {width: 100%;}
.certified .pop .xbt {display: inline-block; position: absolute; width: 48px; height: 48px; background: url("../images/ico-pop-close.svg"); top: 0; right: 0;}

@media all and (max-width: 768px) {
	.certified .pop {width: 100%; height: 100vh; padding: 16px;}
}




/* 분양 영상 팝업 */
/* .pop_wrap.movie .pop_body {height: 840px; overflow: hidden;} */
.pop_wrap.movie .pop_body {height: 840px; overflow: visible;}
.pop_wrap.movie .pop_body .pop_con {max-height: 100%;}
.pop_wrap.movie .pop_tit {margin-bottom: 0;}
.pop_yt {width: 100%; height: 506px; background: #000;}
.pop_yt iframe {width: 100%; height: 100%;}
.pop_yt + .subtitle {width: 100%; height: 148px; background: #000; padding: 30px 0 30px 30px; overflow-y: hidden;}
.pop_yt + .subtitle .for_padding {overflow-y: auto; height: 85px; color: #AAAAAA;}
.pop_yt + .subtitle .for_padding::-webkit-scrollbar  {width: 6px;}
.pop_yt + .subtitle .for_padding::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.pop_yt + .subtitle .for_padding::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.sub_body .pop_wrap.movie .btn_area {margin-top: 40px;}
.notsee_btn {position: absolute; right: 0; bottom: -40px; z-index: 123456; height: 40px; padding-right: 40px; font-size: 16px; line-height: 40px; color: #fff; background: url("../images/ico-pop-notsee.svg") no-repeat center right / 40px 40px;}

@media all and (max-width: 1024px) {
	.notsee_btn {position: absolute; bottom: 10px; right: 10px; color: #2d2d2d; background-image: url("../images/ico-pop-notsee-b.svg");}
}
@media all and (max-width: 768px) {
	.pop_yt {height: 400px;}
	.pop_wrap.movie .pop_tit {margin-bottom: 30px;}
	/* .pop_wrap.movie .pop_body .pop_con {padding-right: 40px;} */
}
@media all and (max-width: 376px) {
	.pop_yt {height: 250px;}
	.pop_yt + .subtitle {padding: 15px 0 15px 15px; height: 100px;}
}



/* 서비스일시중지안내 */
.micro {text-align: center; display: flex; align-items: center; justify-content: center; height: 100vh;}
.micro .sub_tit {color: #4D4D4D; padding: 0 0 60px !important; font-family: pretendard;}
.micro p.txt1 {margin: 0 0 60px; color: #4D4D4D;}
.micro p.txt1 strong {color: #222;}
.micro p.txt2 {color: #4D4D4D;}
.micro .box {background: #FCFBF7; border: 1px solid #F3EFE5; width: 800px; padding: 40px 20px; margin: 0 auto 60px;}
.micro .box > p:first-of-type {font-family: pretendard;}
.micro .box .con_mmtxt {color: #961E1E; font-family: pretendard; margin: 20px 0;}
.micro .box .con_stxt {color: #727272;}

@media all and (max-width: 1024px) {
	.micro {padding: 50px 3% 40px; display: block; height: auto;}
	.micro .sub_tit {padding: 0 0 40px !important;}
	.micro p.txt1 {margin: 0 0 30px;}
	.micro .box {width: 94%; padding: 20px; margin: 0 auto 30px;}
}