@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Gantari:wght@500&display=swap');

.contents { position: relative; }

/* 메인 키비주얼 */
.main_basic .main_vis .main-txt-slide { width: 100%;  height: 100vh; position: absolute; top: 0; left: 0; z-index: 2; }
.main_basic .main_vis .main-txt-slide .vis { width: 100%; height: 100%; opacity: 0 !important; }
.main_basic .main_vis .main-txt-slide .vis.swiper-slide-active { opacity: 1 !important; }

.swiper-container .vis_txt { font:500 92px/108% 'Gantari'; letter-spacing: -3px; bottom:22vh; }

.today-chart { width: 256px; position: absolute; right:0px; bottom:10vh; color:white; pointer-events: initial; }
.today-chart .today-chart-tit { font:700 48px 'Red Hat Display'; }
.today-chart .today-select { max-width: 256px; margin-top: 24px; display: grid; grid-template-columns: 1.6fr 1fr; gap:8px; }
.today-chart .today-select select { height: 43px; padding: 0 8px; font:500 16px/100% 'SUIT'; border:none; border-bottom:1px solid white; background:transparent url('/resources/img/common/select-arw-vis.png') no-repeat center/contain; background-position: center right 8px; background-size: 12px; }
.today-chart .today-select option { color:var(--main-black); }
.today-chart .today-chart-list { height: 0; opacity: 0; }
.today-chart .today-chart-list.active { height: auto; opacity: 1; margin-top: 20px; }
.today-chart .today-chart-list ul { display: flex; flex-direction: column; gap:20px; }
.today-chart .today-chart-list li { padding: 24px; background:rgba(255, 255, 255,.18); border-radius: 16px; }
.today-chart .li-top { display: flex; align-items: center; justify-content: space-between; }
.today-chart .li-top:has(.li-rec) { justify-content: left; gap:10px; }
.today-chart .li-top .li-name { font:600 19px/100% 'SUIT'; }
.today-chart .li-top .li-date { font:300 14px/100% 'SUIT'; }
.today-chart .li-top .li-rec { font:300 14px/100% 'SUIT'; }
.today-chart .li-bot { margin-top: 15px; display: flex; gap:24px; align-items: baseline; justify-content: space-between; }
.today-chart .li-bot .li-ind { font:600 13px/100% 'SUIT'; }
.today-chart .li-bot .li-ind.li-increase { color:#ED5147; }
.today-chart .li-bot .li-ind.li-decrease { color:#38B3FF; }
.today-chart .li-bot .li-price { font: 700 26px/100% 'Red Hat Display'; }
.today-chart .li-bot .li-price .li-won { display: inline-block; padding-left: 4px; font: 400 14px/100% 'SUIT'; }

@media screen and (max-width:1600px){
    .swiper-container .vis_txt { font-size: 80px; }
    .today-chart .today-chart-tit { font-size: 42px; }
    .today-chart .today-select { margin-top: 20px; }
    .today-chart .today-select select { font-size: 15px; }
    .today-chart .today-chart-list.active { margin-top: 16px; }
    .today-chart .today-chart-list ul { gap:16px; }
    .today-chart .today-chart-list li { padding: 20px; }
    .today-chart .li-top .li-name { font-size: 18px; }
}
@media screen and (max-width:1200px){
    .swiper-container .vis_txt { bottom:auto; top:21vh; font-size: 70px; }
    .main_vis .swiper-control .swiper-pagination.pagination_bul { bottom:auto; top:15vh; }
    .today-chart { width: auto; right:auto; left:0px; }
    .today-chart .today-chart-list ul { flex-direction: row; }
}
@media screen and (max-width:1024px){
    .main_vis .swiper-control .swiper-pagination.pagination_bul { font-size: 18px; }
    .main_vis .swiper-control .swiper-pagination-bullet-active { padding-right: 36px; }
    .today-chart .today-chart-tit { font-size: 36px; }
    .swiper-container .vis_txt { font-size: 60px; }
}
@media screen and (max-width:768px){
    .swiper-container .vis_txt { font-size: 50px; }
    .today-chart { width: 72%; max-width: 280px; right: 0px; left: auto; bottom:5vh; }
    .today-chart .today-chart-tit { font-size: 32px; }
    .today-chart .today-chart-list.active { margin-top: 12px; }
    .today-chart .today-chart-list ul { flex-direction: column; gap:12px }
    .today-chart .today-chart-list li { padding: 16px; background: rgba(255, 255, 255,.25); }
    .today-chart .today-select { margin-top: 8px; }
    .today-chart .li-top .li-name { font-size: 16px; }
}
@media screen and (max-width:500px){
    .today-chart .today-chart-tit { font-size: 24px; }
    .swiper-container .vis_txt { font-size: 39px; }
    
    .today-chart .today-select { margin-top: 0px; }
    .today-chart .today-select select { font-size: 14px; }
    .today-chart .today-chart-list ul { gap: 8px; }
    .today-chart .li-bot .li-price { font-size: 24px; }
}


/* 한글자씩 왼쪽에 모이기 : slog-assem  */
.swiper-container .vis.swiper-slide-active .vis_txt .each-tx-wrap.slog-assem .tit-wrap p span.txt-ani { -webkit-transform: translateX(150px); transform: translateX(150px); opacity: 0; animation-name: kvTitAssemble; animation-duration: 1.6s; animation-fill-mode: forwards; }
.swiper-container .vis.swiper-slide-active .vis_txt .each-tx-wrap.slog-assem .txt-wrap p span.txt-ani { -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; animation-name: kvTxtAssemble; animation-duration: 4s; animation-fill-mode: forwards; }

@-webkit-keyframes kvTitAssemble {
    0% { -webkit-transform: translateX(80px); transform: translateX(80px); opacity: 0; }    
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes kvTxtAssemble {
    0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; }    
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}

@keyframes kvTitAssemble {
    0% { -webkit-transform: translateX(80px); transform: translateX(80px); opacity: 0; }   
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes kvTxtAssemble {
    0% { -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; }     
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}



/* 폼메일 스타일 */
.basic-form { display: grid; grid-template-columns: repeat(1, 1fr); gap:24px; }
.basic-form input[type="text"],
.basic-form textarea { width: 100%; padding:10px; background:transparent; border:1px solid transparent; color:var(--main-black); border-radius: 12px; }
.basic-form input[type="text"] { height: 50px; font: 400 20px/100% 'SUIT'; }
.basic-form textarea { height: 170px; font: 400 18px/150% 'SUIT'; }
.basic-form input[type="text"]:focus,
.basic-form textarea:focus { border: 1px solid #929292 !important; outline: none; }
.basic-form button[type="submit"] { width: 100%; height:50px; color:white; background:black; }
.basic-form .frm-itm { display: grid; grid-template-columns: 80px auto ; padding: 8px 12px 8px 30px; position: relative; background:#F9F9F9; border-radius: 24px; }
.basic-form .frm-tit { color:#929292 !important; font: 500 17px/50px 'SUIT'; }
.basic-form .frm-desc { position: relative; }
.basic-form .frm-ci-msg { display: block; position: absolute; left:2px; bottom:-12px; transform: translateY(100%); font-size: small; font-weight: 300;  color:rgb(213 26 26); }
	/* 필수 입력값이 유효하지 않다면 */
	.invalid-form .basic-form input:invalid,
	.invalid-form .basic-form textarea:invalid { background: rgba(255, 132, 132, 0.05); }


.frm-bot { display: flex; align-items: center; justify-content: space-between; }
.frm-bot .frm-bot-itm { display: flex; gap:20px; align-items: center; padding: 10px 0; }
.frm-bot .frm-bot-itm .frm-tit { font: 500 18px/100% 'SUIT'; color:var(--main-black) !important; }
.frm-bot .frm-bot-itm .frm-desc { display: grid; grid-template-columns: auto auto auto; }
.frm-bot .frm-bot-itm .frm-desc #capt_img2 { height: 28px; object-fit: contain; }
.frm-bot .frm-bot-itm .frm-desc #captcha { width: 100px; height: 28px;  padding:0 12px; border:1px solid #DDD; color:var(--sub-black); border-radius: 0; border-left-color:transparent; font:400 17px/100% 'SUIT'; }
.frm-bot .frm-bot-itm .frm-desc .frm-ci-msg { bottom:-4px }

/* 메인 공통 스타일 */
.main  ::-webkit-scrollbar { width: 4px; height: 6px; }
.main  ::-webkit-scrollbar-thumb { background-color: var(--gray-lite); /* 스크롤바 색상 */ border-radius: 4px; /* 스크롤바 둥근 테두리 */ }
.main  ::-webkit-scrollbar-track { background-color: transparent;  /*스크롤바 뒷 배경 색상*/ }
.inner1520 { width: 94%; max-width: 1520px; margin:0px auto; }


.h3-wrap .h3-sub { margin-bottom: 20px; font:600 18px/100% 'Red Hat Display'; color:var(--main-color); }
.h3-wrap h3 { font:700 54px/140% 'SUIT'; }

.sub-tit { font:400 22px/150% 'SUIT'; color:var(--sub-black) }
.sub-tit span { display: block; line-height: 150%; }
.more-view { display: block; width: 64px; aspect-ratio: 1/1; background:var(--sub-color-grn) ; border-radius: 50%; text-indent: -999px; overflow: hidden; position: relative; }
.more-view::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0px; top:0px; background:url('/resources/img/main/ico_arw.svg') no-repeat center/25px ; z-index: 1; }
.more-view::before { content: ''; width: 0; aspect-ratio: 1/1; border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background:var(--main-color); transition: 0.3s; }

.text-ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width:1600px){
    .h3-wrap .h3-sub { margin-bottom: 16px; }
    .h3-wrap h3 { font-size: 48px; }
    .sub-tit { font-size: 20px; }
    .more-view { width: 60px; }
}
@media screen and (max-width:1200px){
    .h3-wrap h3 { font-size: 42px; }
    .sub-tit { font-size: 18px; }
    .more-view { width: 56px; }
}
@media screen and (max-width:1024px){
    .h3-wrap .h3-sub { margin-bottom: 12px; font-size: 17px; }
    .h3-wrap h3 { font-size: 32px; }
    .sub-tit { font-size: 17px; }
    .more-view { width: 52px; }
}
@media screen and (max-width:768px){
    .inner1520,
    .inner1200 { width: 100%; padding:0 2%; }
    .h3-wrap .h3-sub { margin-bottom: 6px; font-size: 15px; }
    .h3-wrap h3 { font-size: 28px; }
    .sub-tit { font-size: 16px; }
    .sub-tit span { display: inline; }
    .more-view { width: 48px; }
}
@media screen and (max-width:500px){
    .more-view { width: 44px; }
}

/* office-building */
.office-building { padding-top:100px; position: relative; z-index: 1; overflow: hidden; }
.office-building::before { content: ''; width: 52%; aspect-ratio: 1/1; background:radial-gradient(50% 50% at 50% 50%, #EBFCEE 0%, rgba(235, 252, 238, 0.00) 100%); opacity: 0.8; position: absolute; right:0; top:0; transform: translate(25%,-50%); z-index: -1; }
.office-building .cont-wrap { display: grid; grid-template-columns: 1fr 1.1fr; gap:100px; }
.office-building .img-box { width: 100%; height: 0; padding-bottom: 111.1111%; border-radius: 24px; overflow: hidden; position: relative; }
.office-building .img-box img { width: 100%; height: 100%; object-fit: contain; position: absolute; }
.office-building .txt-box { display: flex; flex-direction: column; justify-content: center; padding-top: 8px; }
.office-building .h3-wrap { margin-bottom: 80px; }

.office-building .sub-tit > p { line-height: 160%; }
.office-building .sub-tit > p + p { margin-top: 4px; }
.office-building .office-list ul { display: flex; flex-direction: column; gap: 16px; margin-top: 80px; }
.office-building .office-list li { display: flex; align-items: center; gap:16px; margin-right: 26px; padding-right: 26px; position: relative; color:var(--sub-black); font:500 20px/100% 'SUIT'; }
.office-building .office-list li:last-child { margin-right: 0; padding-right: 0; }
/* .office-building .office-list li:not(:last-child)::after { content: ''; display: block; width: 1px; height: 14px; background:var(--gray-mid); position: absolute; right:0px; top:50%; transform: translateY(-50%); } */
.office-building .office-list li span { color:var(--main-color); font-size: 18px; font-weight: 600; }




@media screen and (max-width:1600px){
    .office-building .cont-wrap { gap:80px }
    .office-building .h3-wrap { margin-bottom: 60px; }
    .office-building .office-list ul { margin-top: 50px; }
    .office-building .office-list li { gap:12px; margin-right: 22px; padding-right: 22px; font-size: 18px; }
    .office-building .txt-box { padding: 40px 0; }
}
@media screen and (max-width:1200px){
    .office-building .cont-wrap { gap:60px }
    .office-building .img-box { border-radius: 20px; }
    .office-building .h3-wrap { margin-bottom: 40px; }
    .office-building .txt-box { padding: 10px 0; }
    .office-building .office-list ul { margin-top: 40px; }
    .office-building .office-list li { margin-right: 20px; padding-right: 20px; font-size: 16px; }
}
@media screen and (max-width:1024px){
    .office-building .img-box { border-radius: 16px; }
    .office-building .cont-wrap { gap:40px; grid-template-columns: 1fr 1fr; }
    .office-building .h3-wrap { margin-bottom: 30px; }
    .office-building .sub-tit > p + p { margin-top: 2px; }
    .office-building .office-list ul { margin-top: 20px; flex-wrap: wrap; gap: 12px 0; }
    .office-building .office-list li { margin-right: 0px; padding-right: 0px; font-size: 15px; }
    .office-building .office-list li::after { display: none !important; }
}
@media screen and (max-width:768px){
    .office-building { padding-top: 80px; }
    .office-building .h3-wrap { margin-bottom: 16px; }
    .office-building .cont-wrap { grid-template-columns: 1fr; gap:50px; position: relative; }
    .office-building .cont-wrap::after { content: 'SOLAR LD Inc.'; font: 700 62px/100% 'Red Hat Display'; color:var(--gray-mid); opacity: 0.12; position: absolute; top:10px; right:0px; transform-origin: right top; transform: rotate(90deg) translate(100%); }
    .office-building .txt-box { padding: 0; }
    .office-building .txt-box .office-cont { display: grid; grid-template-columns: 55% 45%; gap: 1%; }
    .office-building .img-box { width: calc(100% - 120px); padding-bottom: 100%; border-radius: 12px; }
    .office-building .img-box img { object-fit: cover; }
    .office-building .office-list ul { margin-top: 0; }
    .office-building .office-list li span { font-size: 15px; }
}
@media screen and (max-width:600px){
    .office-building .cont-wrap::after { font-size: 32px; }
    .office-building .img-box { width: 86%; }
}
@media screen and (max-width:480px){
    .office-building .txt-box .office-cont { grid-template-columns: 1fr; gap: 20px; }
    .office-building .txt-box .office-list { padding: 20px; border-radius: 12px; background-color: #f9f9f9; }
}


/* business-area */
.business-area { padding:130px 0 150px; overflow: hidden; }
.business-area .cont-top { display: flex; justify-content: space-between; align-items: end; }
.business-area .tab-and-swiper { margin-top: 100px; position: relative; }
.business-area .tab-wrap { padding-top: 20px; }
.business-area .tab-wrap li { width: fit-content; padding-bottom: 16px; margin-bottom: 20px; font: 500 22px/100% 'SUIT'; position: relative; color:var(--sub-black); cursor: pointer; }
.business-area .tab-wrap li::after { content: ''; display: block; width: 0; height: 2px; position: absolute; left:0px; bottom:0px; background:var(--main-black); transition: 0.3s ease-out; }
.business-area .tab-wrap li.active { color: var(--main-black); font-weight: 600; }
.business-area .tab-wrap li.active::after { width: 100%; }
.business-area .swiper-container { width: 1750px; position: absolute; top:0px; left:347px; padding-bottom: 10px; z-index: 1; }
.business-area .swiper-container li:not(.dummy) { width: 400px; height: 430px; border-radius: 24px; position: relative; background:#F9F9F9; transition: 0.3s ease-out; padding: 50px; }
.business-area .swiper-container .li-img { width: 64px; aspect-ratio: 1/1; filter:saturate(0) brightness(0); opacity: 0.4; transition: 0.3s ease-out; }
.business-area .swiper-container .li-tit { margin-top: 70px; font: 700 28px/100% 'SUIT'; color:var(--main-black); opacity: 0.6; transition: 0.3s ease-out; }
.business-area .swiper-container .li-txt { margin-top: 20px; font: 400 18px/150% 'SUIT'; color:var(--sub-black); opacity: 0.6; transition: 0.3s ease-out; letter-spacing: -1px; }
.business-area .swiper-container .li-more { position: absolute; bottom:50px; left:50px; padding-right: 19px; opacity: 0.6; transition: 0.3s ease-out; }
.business-area .swiper-container .li-more::before,
.business-area .swiper-container .li-more::after { content: ''; display: block; position: absolute; width: 11px; height: 1px; right:0px; top:50%; transform: translateY(-50%); background:var(--main-black); }
.business-area .swiper-container .li-more::after { transform: translateY(-50%) rotate(90deg); }
    /* active */
    .business-area .swiper-container li.swiper-slide-active { background:#FCFCFC; box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.08); }
    .business-area .swiper-container li.swiper-slide-active .li-img { filter: none; opacity: 1; }
    .business-area .swiper-container li.swiper-slide-active .li-tit { opacity: 1; color:var(--main-color); }
    .business-area .swiper-container li.swiper-slide-active .li-txt { opacity: 1; }
    .business-area .swiper-container li.swiper-slide-active .li-more { opacity: 1; }
    /* arw */
    .business-area .swiper-control { position: absolute; left:0px; top:0px; width: 76%; height: 100%; display: flex; justify-content: space-between; z-index: 5; pointer-events: none; }
    .business-area .swiper-arrow { height: 100%; display: flex; align-items: center; justify-content: center; opacity: 8; transition: 0.3s ease-out; pointer-events: initial; cursor: pointer; }
    .business-area .swiper-button-disabled { cursor: default; opacity: 0; }
    .business-area .swiper-arr-prev { transform: rotate(180deg); }

@media screen and (max-width:1600px){
    .business-area .tab-wrap li { padding-bottom: 12px; margin-bottom: 18px; font-size: 20px; }
    .business-area .tab-and-swiper { margin-top: 80px; }
    .business-area .swiper-container { width: 100%; left: 300px; }
    .business-area .swiper-container li:not(.dummy) { height: 400px; padding: 40px; }
    .business-area .swiper-container .li-img { width: 60px; }
    .business-area .swiper-container .li-tit { margin-top: 60px; font-size: 26px; }
    .business-area .swiper-container .li-txt { font-size: 17px; }
    .business-area .swiper-container .li-more { left:40px; bottom: 40px; }
    .business-area .swiper-container li.dummy:last-child { display: none; }
}
@media screen and (max-width:1200px){
    .business-area { padding: 140px 0 120px; }
    .business-area .tab-and-swiper { margin-top: 60px; }
    .business-area .tab-wrap li { font-size: 18px; }
    .business-area .swiper-container { left: 240px; }
    .business-area .swiper-container li:not(.dummy) { height: 340px; padding: 30px; }
    .business-area .swiper-container .li-more { left:30px; bottom: 30px; }
    .business-area .swiper-container li.dummy:nth-last-child(2) { display: none; }
}
@media screen and (max-width:1024px){
    .business-area { padding: 100px 0 120px; }
    .business-area .tab-and-swiper { margin-top: 40px; }
    .business-area .swiper-container .li-img { width: 54px; }
    .business-area .swiper-container .li-tit { margin-top: 56px; font-size: 24px; }
    .business-area .swiper-container .li-txt { font-size: 16px; }
    .business-area .swiper-control { width: 66%; }
}
@media screen and (max-width:768px){
    .business-area { padding: 100px 0 80px; }
    .business-area .tab-and-swiper { margin-top: 0px; }
    .business-area .tab-wrap { width: 100%; overflow-x: auto; padding-bottom: 8px; padding-top: 16px; }
    .business-area .tab-wrap ul { display: flex; gap:20px; }
    .business-area .tab-wrap li { padding:6px 10px; white-space: nowrap; margin-bottom: 0; font-size: 16px; }
    .business-area .tab-wrap li.active { background:var(--main-black); color:white; border-radius: 3px; }
    .business-area .tab-wrap li::after { display: none; }
    .business-area .swiper-container { margin-top: 30px; width: 150%; position: relative; left: 0; }
    .business-area .swiper-container li:not(.dummy) { height: auto; padding: 22px 24px; border-radius: 12px; }
    .business-area .swiper-container .li-img { width: 46px; }
    .business-area .swiper-container .li-tit { margin-top: 36px; font-size: 22px; }
    .business-area .swiper-container .li-more { width: fit-content; margin-top: 20px; margin-bottom: 6px; position: relative; left:0px; bottom:0px; }

}


/* construction-now */
.construction-now { padding:120px 0 120px; background:url('/resources/img/main/construction_now_bg.jpg') center/cover; position: relative; }
.construction-now::before { content: 'SOLAR LD Inc.'; font: 700 48px/100% 'Red Hat Display'; color:var(--gray-mid); opacity: 0.12; position: absolute; bottom:200px; right:56px; transform-origin: right bottom; transform: rotate(90deg) translateY(100%); }
.construction-now .h3-wrap .h3-sub { color:white; }
.construction-now h3 { color:white; }
.construction-now .total-wrap { display: flex; margin-top: 100px; }

.construction-now .board-list-wrap { width: 40%; padding: 60px 0 60px 60px; background:white; border-radius: 24px 0 0 24px; }
.construction-now .board-list-wrap > div { height: 100%; padding-right: 60px; border-right: 1px solid var(--gray-lite); }
.construction-now .tab-wrap ul { display: flex; gap:40px; font: 600 22px/100% 'SUIT'; }
.construction-now .tab-wrap li { padding-bottom: 12px; color:var(--gray-deep); position: relative; cursor: pointer; }
.construction-now .tab-wrap li.active { color:var(--main-black); font-weight: 600; }
.construction-now .tab-wrap li::after { content: ''; display: block; width: 0; height: 2px; position: absolute; left:0px; bottom:0px; background:var(--main-black); transition: 0.3s ease-out; }
.construction-now .tab-wrap li.active::after { width: 100%; }

.construction-now .board-list { height: calc(100% - 66px); margin-top: 30px; padding-right: 60px; position: relative; }
.construction-now .board-list ul { width: 100%; height: 100%; padding-right: 10px; overflow: auto; position: absolute; left:0px; top:0px; }
.construction-now .board-list li { display: grid; grid-template-columns: 87px auto; gap:32px; height: 72px; padding: 0 20px; align-items: center; font:600 20px/100% 'SUIT'; transition: 0.3s ease-out; cursor: pointer; }
    .construction-now .board-list li.active { background: #F9F9F9; }
.construction-now .board-list .board-type { display: block; padding: 10px 0; text-align: center; border-radius: 8px; font:600 18px/100% 'SUIT'; color:white; }
.construction-now .board-list .board-type.c-finish { background:var(--main-color); }
.construction-now .board-list .board-type.c-wait { background:var(--gray-deep); }
.construction-now .board-list .board-type.c-ing { background:var(--sub-color-grn); }

.construction-now .detail-wrap { width: 60%; padding: 10px 60px 60px 80px; border-radius: 0 0 24px 0; background:white; position: relative; }
.construction-now .detail-wrap .wrap-tit { width: calc(100% - 56px); height: 122px; font:700 28px/100% 'SUIT'; background:white; border-radius: 0 24px 0 0; position: absolute; right:0px; top:0px; transform: translateY(-100%); }
.construction-now .detail-wrap .wrap-tit p { height: 100%; display: flex; align-items: end; gap:20px; padding-left: 22px; padding-bottom: 24px; padding-right: 60px; }
.construction-now .detail-wrap .wrap-tit::before { content: ''; display: block; width: 56px; height: 100%; background:url('/resources/img/main/construction_now_corner.png') no-repeat right center/contain; position: absolute; left:0px; transform: translateX(-100%); bottom:0px; }
.construction-now .detail-wrap .wrap-tit span { font : 400 16px/100% 'SUIT'; color:#555555; white-space: nowrap; }
.construction-now .detail-wrap .wrap-img { display: grid; grid-template-columns: 5fr 1fr; gap:20px; }
.construction-now .detail-wrap .wrap-img-big { border-radius: 12px; aspect-ratio: 3/2; overflow: hidden; }
.construction-now .detail-wrap .wrap-img-big a { display: block; width: 100%; height: 100%; }
.construction-now .detail-wrap .wrap-img-big img { width: 100%; height: 100%; object-fit: cover; }
.construction-now .detail-wrap .wrap-img-list { position: relative; }
.construction-now .detail-wrap .wrap-img-list ul { padding-right: 11px; max-height: 100%; position: absolute; left:0px; top:0px; overflow: auto; }
.construction-now .detail-wrap .wrap-img-list li { margin-bottom: 12px; aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; cursor: pointer; }
.construction-now .detail-wrap .wrap-img-list li img { height: 100%; object-fit: cover; }

@media screen and (max-width:1600px){
    .construction-now .board-list-wrap { padding: 40px; }
    .construction-now .total-wrap { margin-top: 60px; }
    .construction-now .tab-wrap ul { gap:30px; font-size: 20px; }
    .construction-now .board-list { padding-right: 40px; }
    .construction-now .board-list .board-type { font-size: 16px; }
    .construction-now .board-list li { height: 60px; grid-template-columns: 80px auto; gap:24px; font-size: 18px; }
    .construction-now .detail-wrap { padding: 10px 40px 40px 60px; }
    .construction-now .detail-wrap .wrap-tit { width: calc(100% - 42px); height: 92px; font-size: 25px; }
    .construction-now .detail-wrap .wrap-tit a { padding-bottom: 20px; padding-right: 40px; }
    .construction-now .detail-wrap .wrap-tit span { font-size: 15px; }
    .construction-now .detail-wrap .wrap-tit::before { width: 42px; }
}
@media screen and (max-width:1300px){
    .construction-now .detail-wrap .wrap-img-big { aspect-ratio: auto; height: 380px; }
    .construction-now .detail-wrap .wrap-img-list li { border-radius: 8px; margin-bottom: 8px; }
}
@media screen and (max-width:1200px){
    .construction-now { padding-top: 100px; padding-bottom: 100px; }
    .construction-now .detail-wrap .wrap-img-big { height: 340px; }
    .construction-now .board-list-wrap { padding: 30px; }
    .construction-now .board-list { margin-top: 20px; padding-right: 30px; }
    .construction-now .board-list li { height: 54px; gap:16px; font-size: 17px; }
    .construction-now .board-list .board-type { padding: 8px 0; font-size: 15px; }
    .construction-now .tab-wrap ul { margin-top: 10px; gap:24px; font-size: 18px; }
    .construction-now .detail-wrap { padding: 10px 30px 30px 40px; }
    .construction-now .detail-wrap .wrap-tit { width: calc(100% - 31px); height: 66px; font-size: 22px; }
    .construction-now .detail-wrap .wrap-tit a { padding-bottom: 8px; padding-right: 30px; }
    .construction-now .detail-wrap .wrap-tit::before { width: 31px; }
}
@media screen and (max-width:1024px){
    .construction-now { padding-top: 80px; padding-bottom: 80px; }
    .construction-now .total-wrap { flex-wrap:wrap; margin-top: 30px; }
    .construction-now .tab-wrap ul { margin-top: 0; font-size: 16px; gap:16px; }
    .construction-now .board-list li { padding: 0 16px; height: 50px; grid-template-columns:60px auto; font-size: 16px; }
    .construction-now .board-list .board-type { font-size: 14px; border-radius: 5px; }
    .construction-now .board-list-wrap { width: 100%; border-radius: 16px; padding: 26px 24px 24px; border-right: none; border-bottom:1px solid var(--gray-lite); }
    .construction-now .board-list-wrap > div { border-right: 0; }
    .construction-now .detail-wrap { width: 100%; padding: 24px; border-radius: 16px; }
    .construction-now .detail-wrap .wrap-tit { width: 100%; height: auto; padding-bottom: 16px; position: relative; transform: none; font-size: 20px; }
    .construction-now .detail-wrap .wrap-tit::before { display: none; }
    .construction-now .detail-wrap .wrap-tit a { padding: 0; }
    .construction-now .board-list { height: 120px; }
    .construction-now .detail-wrap .wrap-img-big { aspect-ratio: 3/2; height: auto; }
    .construction-now .detail-wrap .wrap-img { gap:16px; }
}
@media screen and (max-width:540px){
    .construction-now .detail-wrap .wrap-img { display: block; }
    .construction-now .detail-wrap .wrap-img-list { overflow: auto; margin-top: 16px; }
    .construction-now .detail-wrap .wrap-img-list ul { display: flex; gap:8px; position: initial; padding-bottom: 8px; }
    .construction-now .detail-wrap .wrap-img-list li { flex:0 0 70px; margin-bottom: 0; border-radius: 5px; }
    .construction-now .detail-wrap .wrap-tit p { flex-direction: column; align-items: flex-start; gap: 8px; padding-left: 0; padding-bottom: 0; padding-top: 10px; }
}


/* construction-instance */
.construction-instance { padding-top:150px; position: relative; overflow: hidden; }
.construction-instance::before { content: ''; display: block; width: 30%; background:url('/resources/img/main/logo_mark.svg') no-repeat center/contain; aspect-ratio: 5/4; position: absolute; right: 0.5%; top:5%; opacity: 0.02; }
.construction-instance .h3-wrap { display: flex; align-items: end; gap:25px; }
.construction-instance .cont-wrap { margin-top: 100px; }

.construction-instance .swiper-container { overflow: visible; }
.construction-instance li { background: #F9F9F9; border-radius: 24px; position: relative; overflow: hidden; }
.construction-instance .li-img { aspect-ratio: 3/2; }
.construction-instance .li-img img { height: 100%; object-fit: cover; }
.construction-instance .li-txt { padding:28px 40px 30px; }
.construction-instance .li-kw { font: 700 28px/100% 'SUIT'; color:var(--sub-color-blu) }
.construction-instance .li-kw .unit { font-size: 19px; }
.construction-instance .li-name { width: 100%; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 20px/100% 'SUIT'; }
.construction-instance .li-place { width: 100%; margin-top: 40px; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 18px/150% 'SUIT'; color:var(--gray-deep); position: relative; z-index: 5; }

.construction-instance .li-more { width: 56px; position: absolute; right: 15px; bottom:15px; aspect-ratio: 1/1; z-index: 1; }
.construction-instance .li-more::before { content: ''; display: block; width: calc(100% + 38px); aspect-ratio: 1/1; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); border-radius: 50%; transition: border-radius 0.5s ease-out; background:white; opacity: 0; z-index: -1; }
.construction-instance .li-more span { display: block; width: 60px; aspect-ratio: 1/1; background:white; position: absolute; right:-19px; top:-19px; transform: translateY(-100%); }
.construction-instance .li-more span:last-child { right: auto; top:auto; left:-19px; bottom:-19px; transform: translateX(-100%); }
.construction-instance .li-more span::before { content: ''; display: block; width: 100%; height: 100%; background:#F9F9F9; transition: none; transition-delay: none; }
.construction-instance .li-more-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.2s ease-out; z-index: 1; }
.construction-instance .li-more-img img { width: 27px; filter: brightness(0.9); transition: 0.3s ease-out; }


    .construction-instance .swiper-control { position: absolute; left:-3%; top:65%; transform: translateY(-50%); width: 105%; display: flex; justify-content: space-between; z-index: 5; pointer-events: none; }
    .construction-instance .swiper-arrow { height: 40px; display: flex; align-items: center; justify-content: center; opacity: 0.8; transition: 0.3s ease-out; pointer-events: initial; cursor: pointer; }
    .construction-instance .swiper-button-disabled { cursor: default; opacity: 0.2; }
    .construction-instance .swiper-arr-next { transform: scaleX(-1); }

@media screen and (max-width:1600px){
    .construction-instance .cont-wrap { margin-top: 60px; }
    .construction-instance .li-txt { padding: 26px 30px 24px; }
    .construction-instance .li-kw { font-size: 26px; }
    .construction-instance .li-name { font-size: 18px; }
    .construction-instance .li-place { margin-top: 36px; font-size: 16px; }
    .construction-instance .li-more { width: 44px; }
    .construction-instance .li-more::before { width: calc(100% + 30px); }
    .construction-instance .li-more span { width: 40px; right: -15px; top:-15px; }
    .construction-instance .li-more span:last-child { left:-15px; bottom: -15px; }
    .construction-instance .swiper-container { width: 90%; margin:0; }
    .construction-instance .swiper-control { left: -1%; width: 102%; }
}
@media screen and (max-width:1200px){
    .construction-instance .cont-wrap { margin-top: 40px; }
    .construction-instance .li-txt { padding: 20px 24px 24px; }
    .construction-instance .li-kw { font-size: 22px; }
    .construction-instance .li-name { margin-top: 10px; font-size: 17px; }
    .construction-instance .li-place { margin-top: 20px; font-size: 15px; }
    .construction-instance .li-more { width: 40px; }

    .construction-instance .swiper-arrow { width: 34px; height: 34px; }
}
@media screen and (max-width:1024px){
    .construction-instance { padding-top: 100px; }
    .construction-instance .li-kw { font-size: 20px; }
    .construction-instance .li-more { width: 36px; right:10px; bottom: 10px; }
    .construction-instance .li-more::before { width: calc(100% + 20px); }
    .construction-instance .li-more span { width: 30px; right: -10px; top:-10px; }
    .construction-instance .li-more span:last-child { left:-10px; bottom: -10px; }
}
@media screen and (max-width:768px){
    .construction-instance { padding-top: 80px; }
    .construction-instance .h3-wrap { flex-wrap:wrap; gap:12px; }
    .construction-instance .cont-wrap { margin-top: 30px; }
}
@media screen and (max-width:500px){
    .construction-instance .swiper-control { top:52%; }
    .construction-instance .swiper-container { width: 70%; }
    .construction-instance .li-txt { padding: 16px 20px 20px; }
}


/* notice-news */
.notice-news { padding:160px 0 160px; overflow: hidden; }
.notice-news .board-list-wrap { margin-top: 100px; }
.notice-news .board-list-wrap .cont-top { display: flex; justify-content: space-between; }
.notice-news .tab-wrap ul { display: flex; gap:40px; }
.notice-news .tab-wrap li { padding-bottom: 12px; font: 500 22px/100% 'SUIT'; position: relative; color:var(--sub-black); cursor: pointer; }
.notice-news .tab-wrap li::after { content: ''; display: block; width: 0; height: 2px; position: absolute; left:0px; bottom:0px; background:var(--main-black); transition: 0.3s ease-out; }
.notice-news .tab-wrap li.active { color: var(--main-black); font-weight: 600; }
.notice-news .tab-wrap li.active::after { width: 100%; }

.notice-news .tap-contents { height: 420px; position: relative; }
.notice-news .view-bd-list { width: 100%; position: absolute; top: 0; visibility: hidden; }
.notice-news .view-bd-list.active { visibility: visible; }

.notice-news .swiper-control { margin-top: 12px; display: flex; gap:42px; }
.notice-news .swiper-arrow { width: 40px; aspect-ratio: 1/1; display: flex; align-items: center; }
.notice-news .swiper-arr-next { transform: scaleX(-1); }

.notice-news .swiper-container { width: 75%; margin: 40px 0 0; overflow: visible; }
.notice-news .swiper-container li { width: 580px; height: auto; border-radius: 24px; background:#F9F9F9 }
.notice-news .swiper-container a { width: 100%; padding: 50px; display: flex; flex-direction: column; justify-content: space-between; position: relative; transition: background 0.3s ease-out; }

.notice-news .li-tit { height: 80px; font: 700 28px/140% 'SUIT'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.3s ease-out; }
.notice-news .li-txt { height: 56px; margin-top: 40px; font: 400 18px/150% 'SUIT'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.3s ease-out; }
.notice-news .li-date { margin-top: 80px; font: 600 18px/100% 'SUIT'; color:var(--gray-deep); transition: color 0.3s ease-out; }

.notice-news .hover-more { width: 128px; height: 128px; position: absolute; right: 0; bottom: 0; }
.notice-news .hover-more::before { content: ''; width: 0; height: 0; background-color: #fff; border-radius: 32px 0 0 0; position: absolute; right: 0; bottom: 0; transform-origin: right bottom; transition: all 0.4s ease; }
.notice-news .hover-more > span { display: block; width: 48px; height: 48px; background-color: #fff; position: absolute; transition: all 0.5s ease; }
.notice-news .hover-more > span:nth-child(1) { left: 0; bottom: 0; transform: translateX(-100%); }
.notice-news .hover-more > span:nth-child(2) { right: 0; top: 0; transform: translateY(-100%); }
.notice-news .hover-more > span:nth-child(1)::before,
.notice-news .hover-more > span:nth-child(2)::before { content: ''; display: block; width: 100%; height: 100%; background-color: #F9F9F9; border-radius: 0; transition: all 0s ease; transition-delay: 0s; } 

.notice-news .swiper-slide-active .hover-more > span:nth-child(1)::before,
.notice-news .swiper-slide-active .hover-more > span:nth-child(2)::before { background-color: var(--main-color); }


.notice-news .li-more { position: absolute; right:35px; bottom:35px; display: flex; align-items: center; justify-content: center; width: 64px; aspect-ratio: 1/1; border-radius: 50%; background-color: #f9f9f9; transition: 0.3s ease-out; }
.notice-news .li-more .ico-arw { display: block; width: 25px; height: 25px; background: url('/resources/img/main/ico_arw_set.png') no-repeat left bottom/25px 50px; position: absolute; left: calc(50% - 13px); top: calc(50% - 13px); }
.notice-news .li-more img { width: 25px; }

.notice-news .swiper-container li.swiper-slide-active { background:var(--main-color); color:white }
.notice-news .swiper-container li.swiper-slide-active .li-tit,
.notice-news .swiper-container li.swiper-slide-active .li-txt ,
.notice-news .swiper-container li.swiper-slide-active .li-date { color:white }
.notice-news .swiper-container li.swiper-slide-active .li-more { background-color: var(--sub-color-blu); }
.notice-news .swiper-container li.swiper-slide-active .li-more .ico-arw { background-position: left top; }

@media screen and (max-width:1600px){
    .notice-news .board-list-wrap { margin-top: 80px; }
    .notice-news .tab-wrap ul { gap:30px; }
    .notice-news .tab-wrap li { font-size: 20px; }
    .notice-news .tap-contents { height: 345px; }
    .notice-news .swiper-container { margin-top: 30px; }
    .notice-news .swiper-container a { padding: 40px; }
    .notice-news .li-tit { height: 70px; font-size: 26px; }
    .notice-news .li-txt { margin-top: 30px; font-size: 17px; }
    .notice-news .li-date { margin-top: 60px; font-size: 17px; }

    .notice-news .li-more { width: 58px; right: 28px; bottom:28px; }
}
@media screen and (max-width:1200px){
    .notice-news .tab-wrap ul { gap:24px }
    .notice-news .board-list-wrap { margin-top: 60px; }
    .notice-news .tap-contents { height: 305px; }
    .notice-news .swiper-container { margin-top: 16px; }
    .notice-news .swiper-container a { padding: 30px; }
    .notice-news .li-tit { height: 60px; font-size: 22px; }
    .notice-news .li-txt { height: 52px; font-size: 16px; }
    .notice-news .li-date { margin-bottom: 8px; font-size: 16px; }
    .notice-news .hover-more { display: none; }
    .notice-news .li-more { width: 50px; right: 20px; bottom:20px; }
    .notice-news .swiper-control { margin-top: 0; gap:30px; }
}
@media screen and (max-width:1024px){
    .notice-news { padding: 100px 0; }
    .notice-news .tab-wrap ul { gap:16px }
    .notice-news .tab-wrap li { font-size: 18px; }
    .notice-news .board-list-wrap { margin-top: 40px; }
    .notice-news .tap-contents { height: 295px; }
    .notice-news .li-tit { font-size: 20px; }
    .notice-news .li-date { font-size: 15px; }

    .notice-news .li-more { width: 46px; right: 20px; bottom:20px; }
    .notice-news .swiper-control { gap:24px; }
    .notice-news .swiper-arrow { width: 34px; }
}
@media screen and (max-width:768px){
    .notice-news { padding: 80px 0; }
    .notice-news .tab-wrap li { font-size: 16px; }
    .notice-news .swiper-container { width: 60%; }
    .notice-news .swiper-container li { border-radius: 12px; }
    .notice-news .li-date { margin-bottom: 0; }
    .notice-news .li-more { width: 40px; right: 20px; bottom:20px; }
}
@media screen and (max-width:500px){
    .notice-news .swiper-container { width: 80%; }
}


/* solar-ld-video */
.solar-ld-video { padding-top:160px; position: relative; overflow: hidden; }
.solar-ld-video::before { content: ''; display: block; width: 100%; height: 72%; position: absolute; top:0px; left:0px; background:var(--main-color); opacity: 0.05; }
.solar-ld-video .cont-top { display: flex; justify-content: space-between; align-items: end; }
.solar-ld-video .link-wrap { display: flex; gap:10px; }
.solar-ld-video .link-wrap .youtube-view { background: #ED5147 ; }
.solar-ld-video .link-wrap .youtube-view::after { background: url('/resources/img/main/ico_youtube.svg') no-repeat center/26px; }
.solar-ld-video .swiper-container { width: 70%; max-width: 800px; margin:100px auto 0; overflow: visible; }
.solar-ld-video .swiper-container li { border-radius: 24px; overflow: hidden; position: relative;  transform: scale(0.9); transition: 0.3s ease-out; }
.solar-ld-video .swiper-container li::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0px; top:0px; background:rgba(255, 255, 255,.8); opacity: 1; pointer-events: none; transition: 0.3s ease-out; z-index: 1; }
.solar-ld-video .swiper-container li.swiper-slide-active { transform: scale(1); box-shadow: 3px 4px 16px rgba(0, 0, 0,.25); }
.solar-ld-video .swiper-container li.swiper-slide-active::before { opacity: 0; }
.solar-ld-video .swiper-container li a { display: block; width: 100%; aspect-ratio: 16/9; background: white; }
.solar-ld-video .swiper-container li a img { width: 100%; height: 100%; object-fit: cover; }
.solar-ld-video video { width: 100%; aspect-ratio: 16/9; }

.solar-ld-video .swiper-control { position: absolute; left:50%; top:52%; transform: translate(-50%,-50%); width: calc(100% + 140px); display: flex; justify-content: space-between; z-index: 5; pointer-events: none; }
.solar-ld-video .swiper-arrow { height: 40px; display: flex; align-items: center; justify-content: center; opacity: 0.8; transition: 0.3s ease-out; pointer-events: initial; cursor: pointer; }
.solar-ld-video .swiper-arr-next { transform: scaleX(-1); }
.solar-ld-video .swiper-pagination { display: flex; gap:10px; margin:40px auto 0; justify-content: center; position: initial; }

@media screen and (max-width:1600px){
    .solar-ld-video .swiper-container { margin-top: 80px; }
}
@media screen and (max-width:1200px){
    .solar-ld-video .swiper-container { margin-top: 60px; }
}
@media screen and (max-width:1024px){
    .solar-ld-video { padding-top: 100px; }
    .solar-ld-video .swiper-container { margin-top: 40px; }

    .solar-ld-video .swiper-container li { border-radius: 16px; }
    .solar-ld-video .swiper-control { width: calc(100% + 94px); }
    .solar-ld-video .swiper-arrow { width: 34px; height: 34px; }
    .solar-ld-video .swiper-pagination { margin-top: 30px; } 
}
@media screen and (max-width:768px){
    .solar-ld-video { padding-top: 80px; }
}


/* promotion */
.promotion { padding-top: 160px; }
.promotion .cont-wrap { display: grid; grid-template-columns: auto 960px; }
.promotion .more-view { margin-top: 50px; }
.promotion .board-list-wrap { border-top:1px solid #E5E5E5; }
.promotion .board-list-wrap li a { display: block; display: flex; gap:36px; align-items: center; width: 100%; padding:30px; height: 140px; border-bottom: 1px solid #E5E5E5; font:500 24px/100% 'SUIT'; position: relative; }
.promotion .board-list-wrap li .list-num { color:var(--sub-color-grn); font:600 16px/100% 'SUIT'; }
.promotion .board-list-wrap li .list-tit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.promotion .board-list-wrap li .list-img { width: 260px; aspect-ratio: 1/1; position: absolute; padding-top: 30px; right:0px; top:50%; opacity: 0; transition: 0.3s ease-out; z-index: 5; }
.promotion .board-list-wrap li .list-img img { height: 100%; object-fit: cover; }


@media screen and (max-width:1600px){
    .promotion .cont-wrap { grid-template-columns: auto 800px; }
    .promotion .board-list-wrap li a { height: 120px; font-size: 22px; }
}
@media screen and (max-width:1200px){
    .promotion { padding-top: 12%; }
    .promotion .board-list-wrap li a { height: 100px; font-size: 20px; }
}
@media screen and (max-width:1024px){
    .promotion { padding-top: 100px; }
    .promotion .cont-wrap { grid-template-columns: auto 570px; }
    .promotion .board-list-wrap li a { height: 80px; font-size: 18px; }
    .promotion .board-list-wrap li .list-img { width: 200px; padding-top: 20px; }
}
@media screen and (max-width:768px){
    .promotion { padding-top: 80px; }
    .promotion .cont-left { display: flex; align-items: end; justify-content: space-between; margin-bottom: 30px; }
    .promotion .cont-wrap { display: block; }
    .promotion .more-view { margin-top: 0; }
    .promotion .board-list-wrap li a { height: 70px; font-size: 17px; }
    .promotion .board-list-wrap li .list-img { display: none; }
}
@media screen and (max-width:480px){
    .promotion .board-list-wrap li a { gap: 24px; padding: 30px 20px; }
}


/* location */
.location { padding-top: 200px; overflow: hidden; }
.location .cont-wrap { display: grid; grid-template-columns: 620px auto; gap:60px; }
.location .root_daum_roughmap_landing { width: 100%; height: 420px; border-radius: 24px; overflow: hidden; }
.location .root_daum_roughmap .wrap_map { height: 100%; }
.location .root_daum_roughmap .map_border { display: none; }

.location .location-info { display: flex; flex-direction: column; justify-content: space-between; }
.location .location-info ul { display: grid; grid-template-columns: 1fr 1.6fr; gap:24px; }
.location .location-info li { display: grid; grid-template-columns: 20px auto; gap:12px; font: 500 22px/100% 'SUIT'; align-items: center; }
.location .location-info li:first-child { grid-column: span 2 / auto; grid-template-columns: 40px auto; gap:16px; font: 600 48px/100% 'SUIT'; padding-bottom: 26px; }

@media screen and (max-width:1600px){
    .location .cont-wrap { grid-template-columns: 540px auto; }
    .location .location-info li:first-child { font-size: 42px; }
    .location .location-info li { font-size: 20px; }
}
@media screen and (max-width:1200px){
    .location  { padding-top: 140px; }
    .location .root_daum_roughmap_landing { height: 380px; }
    .location .cont-wrap { grid-template-columns: 500px auto; gap:40px; }
    .location .location-info ul { gap:16px; }
    .location .location-info li:first-child { padding-bottom: 16px; font-size: 36px; }
    .location .location-info li { font-size: 18px; }
}
@media screen and (max-width:1024px){
    .location  { padding-top: 100px; }
    .location .cont-wrap { display: block; }
    .location .location-info ul { gap:24px; }
    .location .location-info li:first-child { grid-template-columns:30px auto; padding-bottom: 12px; font-size: 28px; border-left:3px solid var(--bd-gray); border-right:3px solid var(--bd-gray); padding:12px; border-radius: 8px; background:var(--bg-gray); }
    .location .location-info-list { margin-top: 30px; margin-bottom: 40px; }
    .location .root_daum_roughmap_landing { height: 300px; border-radius: 16px; }
}
@media screen and (max-width:768px){
    .location  { padding-top: 80px; }
    .location .root_daum_roughmap_landing { height: 260px; }
}
@media screen and (max-width:520px){
    .location .location-info ul { grid-template-columns: 1fr; gap: 16px; }
    .location .location-info li:first-child { grid-column: auto; margin-bottom: 16px; }
    .location .location-info li { grid-template-columns:18px auto; }
}


/* inquiry */
.inquiry { padding: 200px 0 150px; overflow: hidden; }
.inquiry .cont-wrap { display: grid; grid-template-columns: auto 640px; }
.inquiry h3 { font:700 40px/140% 'SUIT'; }
.inquiry .sub-tit { margin-top: 50px; }

@media screen and (max-width:1600px){
    .inquiry h3 { font-size: 36px; }
}
@media screen and (max-width:1200px){
    .inquiry { padding-top: 120px; }
    .inquiry h3 { font-size: 32px; }
    .inquiry .cont-wrap { grid-template-columns: auto 600px; }
    .basic-form .frm-itm { border-radius: 20px; }
}
@media screen and (max-width:1024px){
    .inquiry { padding: 100px 0 80px; }
    .inquiry h3 { font-size: 28px; }
    .inquiry h3 br { display: none; } 
    .inquiry .cont-wrap { display: block; }
    .inquiry .sub-tit { margin-top: 16px; } 
    .inquiry .basic-form { margin-top: 30px; }
    .inquiry .basic-form .frm-tit { font-size: 16px; line-height: 46px; }
    .inquiry .basic-form input[type="text"] { height: 46px; }
}
@media screen and (max-width:768px){
    .inquiry { padding-top: 80px; }
    .inquiry h3 { font-size: 26px; }   
    .inquiry .basic-form .frm-itm { padding: 6px 12px 6px 20px; border-radius: 16px; grid-template-columns: 70px auto; }
    .inquiry .frm-bot { flex-wrap:wrap; }
    .inquiry .frm-bot .frm-btn-wrap { width: 100%; }
    .frm-bot .frm-bot-itm { padding: 2px 0; }
    .frm-btn-wrap button { width: 100% !important; height: 50px !important; font-size: 18px !important; margin-top: 12px !important; }
}
@media screen and (max-width:768px){
    .inquiry .basic-form { gap: 12px; }
    .inquiry .basic-form .frm-bot .frm-tit { line-height: 32px; }
    .inquiry .frm-btn-wrap button { margin-top: 24px !important; }
}

/* fixed-inquiry */
#container:has(.inquiry.aos-animate) .fixed-inquiry { transform: translate(-50%,100%); visibility: hidden; opacity: 0; }


/* 호버 모음 */
@media (hover: hover) {
    .more-view:hover::before { width: 100%; }

    .business-area .swiper-arrow:hover { opacity: 1; }
    .business-area .swiper-button-disabled:hover { opacity: 1; }

    .construction-instance li:hover .li-more::before { opacity: 1; border-radius: 50% 0 0 0; }
    .construction-instance li:hover .li-more span::before { border-radius: 0 0 50% 0; transition-delay: 0.2s; transition: border-radius 0.5s ease-out; }
    .construction-instance li:hover .li-more-img { background:var(--sub-color-grn); }
    .construction-instance li:hover .li-more-img img { filter: none; }
    .construction-instance .swiper-arrow:hover { opacity: 1; }
    .construction-instance .swiper-button-disabled:hover { opacity: 0.2; }

    .notice-news .swiper-container li:hover .li-more { opacity: 1; }
    .notice-news .swiper-slide a:hover .hover-more::before { width: 128px; height: 128px;  }
    .notice-news .swiper-slide a:hover .hover-more span:nth-child(1)::before,
    .notice-news .swiper-slide a:hover .hover-more span:nth-child(2)::before { border-radius: 0 0 32px 0; transition: all 0.3s ease;  transition-delay: 0.3s; }
    .notice-news .swiper-slide a:hover .li-more { background-color: var(--sub-color-blu); }
    .notice-news .swiper-slide a:hover .li-more .ico-arw { background-position: left top; }

    .solar-ld-video .swiper-arrow:hover { opacity: 1; }

    .promotion .board-list-wrap li:hover .list-img { opacity: 1; }
    
}