@charset "utf-8";

/* 서브-공통 */
[class*=section]{position: relative; width: 100%; padding: var(--common-padding) 0 /* var(--common-padding) */; box-sizing: border-box;}
[class*=section].visual, .customer {margin:0!important; padding: 0!important;}
[class*=section].customer {background: var(--white)!important;}
[class*=section] .maintit {color: var(--darkgray); font-size: 5rem; text-transform: capitalize; font-weight: 400;} /* 변경금지 */
[class*=section] .subtit {color: var(--mudgray);}
[class*=section] .title {margin: 0rem auto 0rem; font-size: 2rem; text-align: center; display: flex; flex-direction: column; gap: 0.5rem;} 
[class*=section] .title:before {content: ''; display: block; background: url(../images/main/main_title_bg.png) no-repeat center center / contain; height: 2rem; margin-bottom: 1rem; display: none;}
/* [class*=section][class*=sub] {margin: 0 auto; text-align: center;} */
/*	[class*=section] [class*=sub-] {margin: 0 auto;	max-width: var(--common-width);}	*/
[class*=section] > div {margin: 0 auto;	max-width: var(--common-width); display: flex; flex-direction: column; gap: 5rem;}
[class*=section] [class*=sub-visual] {max-width: 100%!important;}
[class*=section] .info-con.img {/* margin-bottom: 5rem; */}

/********* 서브뎁스메뉴 드롭다운 2025-05-14 yun *********/
/* 경로 래퍼 */
.path-wrap {display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; background-color: var(--white);}
/* 경로 리스트 */
.path-wrap .path {display: flex; align-items: center; gap:2rem; width: 100%; max-width: var(--common-width); background-color: var(--white); box-sizing: border-box; padding: 1rem;}
.path-wrap .path li {}
.path-wrap .path .home {flex-basis: 5rem; width: 5rem;}
.path-wrap .path li:not(.home) {position: relative; width: 15rem;}
.path-wrap .path .home >a {font-size:0;}
.path-wrap .path .home >a:before {content:"\f015";}
.path-wrap .path [class*="depth"] >a {display:flex; justify-content: space-between; align-items: center; gap:.5rem;}
.path-wrap .path [class*="depth"] >a:after {content:"\f078"; font-size:1.5rem; opacity:.5;}
.path-wrap .path li a {display: block; padding: 1rem 1.5rem;}
.path-wrap .path li a:hover {background-color: var(--brightgray); border-radius: .5rem;}
/* 홈 아이콘 */
.path-wrap .home a {font-weight: bold; color: var(--theme-color);}
/* 서브메뉴 */
.path-wrap .other_list {display: none; position: absolute; /* top: 100%; left: 0; */ background-color: var(--white); border: 1px solid var(--brightgray); box-shadow: var(--box-shadow3); min-width: 15rem; z-index: 10; border-radius: .5rem;}
.path-wrap .other_list li {margin: 0;}
.path-wrap .other_list li a {display:flex; align-items: center; gap: .7rem; font-size:1.8rem; opacity:.8;}
.path-wrap .other_list li a:hover {background-color: var(--brightgray);}
.path-wrap .other_list li a:before {content:"\4f"; font-size: .6rem; opacity:.3;}
@media screen and (max-width:480px){	
	.path-wrap .path li:not(.home) {flex: 1;}
	.path-wrap .other_list {min-width: 100%;}
}


/* 공통 추가 타이틀 폰트패밀리 2025-05-07 */
[class*=section] .content-title {display: flex; flex-direction: column; gap: 2rem; margin: 0rem auto 0rem; text-align: center;} 
[class*=section] .content-title-main {color: var(--main-color); font-family: var(--accent-font); letter-spacing: -0.05em; font-weight: bold; font-size: 4.33rem;} 
[class*=section] .content-title-sub {color: var(--theme-color); font-family: var(--accent-font); font-weight: normal; font-size: 3.5rem;}
[class*=section] .content-title-desc {font-family: var(--basic-font); color: var(--mudgray); font-size: 2.2rem;}
/* 공통 추가 중간 타이틀 폰트패밀리 2025-05-07 */
[class*=section] .center-title {display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; text-align: center; padding: 4rem 0 5rem; color: var(--tanblack);} 
[class*=section] .center-title-main {color: var(--main-color); font-family: var(--accent-font); letter-spacing: -0.05em; font-weight: normal; font-size: 4rem;} 
[class*=section] .center-title-sub {font-size: 3rem; font-weight: 500;} 
[class*=section] .center-title-desc {font-size: 2.35rem; width: 70%; } 
[class*=section] .accent {font-weight: bold; color: var(--accent-color);}

/* 프리미엄타이틀 폰트패밀리 2025-06-05 */
[class*=section] .premium-title {display: flex; flex-direction: column; gap: 2rem; margin: 0 auto 0; text-align: center; color: var(--theme-color);} 
[class*=section] .premium-title-main {position: relative; margin:0 auto;}
[class*=section] .premium-title-main .caption {position: absolute; top: 0; left: 0; text-align: left; font-size: 2.85rem;}
[class*=section] .premium-title-main .premium-title-wrap {display: flex; flex-direction: row; gap: 1rem; padding: 0; align-items: flex-end; justify-content: space-between; text-transform: capitalize; letter-spacing: -0.05em; font-family: var(--eng-font); font-size: 9rem; font-weight: 800; margin-left: -.3rem;}
[class*=section] .premium-title-main .premium-title-wrap .text {}
[class*=section] .premium-title-main .premium-title-wrap .number {font-size: 13rem; margin-bottom: -1rem; color: var(--accent-color);}
[class*=section] .premium-title-sub {font-size: 4rem; font-weight: 500;} 
[class*=section] .premium-title-desc {font-size: 3rem; color: var(--mudgray);}
@media (max-width: 480px) {
	[class*=section] .premium-title-main .premium-title-wrap {font-size: 6rem;}
	[class*=section] .premium-title-main .premium-title-wrap .number{font-size: 10rem;}
	[class*=section] .center-title-desc {width: 100%;}
}

/* 서브메뉴 페이지스크롤시 상단에고정 */
.snb-sticky {position: fixed; top: 0; width: 100%; z-index: 11;}
.snb-sticky + .sub {padding-top: 12rem;}
.snb.snb-sticky {box-shadow: var(--box-shadow1); border-bottom: none;}

/* 관심고객등록 */
.common-customer {flex-direction: column!important;}
.common-customer .space {display: none!important;}


/******************** 서브섹션-서브비쥬얼 ********************/
/* .visual {position: relative; padding-bottom: 0px!important; display: block;} */
.sub-visual {background-color: var(--theme-color); height: var(--sub-visual-height);}
.sub-visual .swiper-slide {position:absolute; top:0; height: var(--sub-visual-height); width: 100%; overflow: hidden;}
.sub-visual .swiper-slide .bg {width: 101%; height: 101%; transform: scale(1.1,1.1); transition: transform 3s linear; filter: blur(0px) brightness(0.95); background-position: center center; background-size: cover !important; background-repeat: no-repeat; overflow: hidden;}
.sub-visual.active .swiper-slide .bg {transform: scale(1.0,1.0) rotate(0.002deg);}
.sub-visual .swiper-slide .bg.item1 {background-image: url(../images/sub/sub_visual01.jpg);}
.sub-visual .swiper-slide .bg.item2 {background-image: url(../images/sub/sub_visual02.jpg);}
.sub-visual .swiper-slide .bg.item3 {background-image: url(../images/sub/sub_visual03.jpg);}
.sub-visual .swiper-slide .copy {position: absolute; left: 0; top: calc(var(--sub-visual-height) / 1.7); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.95);}
.sub-visual .swiper-slide .copy b {font-weight: 600; font-size: 0rem; margin-bottom: 0rem; text-transform: uppercase; letter-spacing: -0.01em;}
.sub-visual .swiper-slide .copy span.mtxt {font-weight: 100; font-size: 4rem; display:none;}
.sub-visual .swiper-slide .copy span.stxt {font-weight: 100; font-size: 1.65rem; display:none;}
.sub-visual .swiper-slide .copy em {font-weight: 500;}



/***************** 서브섹션-snb *****************/
.snb {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; border-bottom: 1px solid var(--lightgray); background: var(--white); /* padding: 5rem 0 0; */}
.snb .snb-area {width: 100%; max-width: var(--common-width); overflow: hidden;}
.snb .snb-area.col-4 {}
.snb-area ul {display: flex; justify-content: left; align-items: center; box-sizing: border-box; /* overflow:hidden; */}
.snb-area ul li {display: flex; justify-content: center; border-right: 1px solid var(--lightgray); transition: var(--transition); transition-property: opacity; opacity: 1; flex: 1; /*width:100% !important;*/}
.snb-area ul li:nth-of-type(1) {border-left: 1px solid var(--lightgray);}
.snb-area ul li a {display: block; height: 6rem; line-height: 6rem; width: 100%; padding:0 2rem; text-align: center; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
.snb-area ul li:hover a,
.snb-area ul li.on a {color: var(--white); background: var(--accent-color);}
@media (max-width: 480px) {
  .snb-area ul li {
   width:100% !important;
  }
}
/* .snb-area.col-1 ul li {width:100%;}
.snb-area.col-2 ul li {width:50%;}
.snb-area.col-3 ul li {width:33.33%;}
.snb-area.col-4 ul li {width:25%;}
.snb-area.col-5 ul li {width:20%;}
.snb-area.col-6 ul li {width:16.66%;}
.snb-area.col-7 ul li {width:14.28%;}
.snb-area.col-8 ul li {width:12.5%;}
.snb-area.col-9 ul li {width:11.11%;} */
/* .col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;} */


/***************** 서브섹션-snb-nav *****************/
/* 현재위치 */
/* .path_wrap {width:100%; border-top: 1px solid var(--lightgray); border-bottom: 1px solid var(--lightgray);}
.path_wrap .path{position:relative; margin:0 auto; padding:0px 0; width:1100px; z-index:10;}
.path_wrap .path:after{display:block;clear:both;content:"";}
.path_wrap .path li{float:left; padding:10px; border-right:1px solid var(--lightgray); }
.path_wrap .path li.last{}
.path_wrap .path li.home{padding:12px; width: 20px; border-left: 1px solid var(--lightgray); text-align: center;}
.path_wrap .path li.depth1 a{display:block;width:160px;padding:0;border:0px solid var(--gray);background:url(../img/ico_arrdown.jpg) no-repeat 150px center; font-weight:bold;font-size: 14px; line-height: 17px;}
.path_wrap .path li.depth2 a{display:block;width:160px;padding:0;border:0px solid var(--gray);background:url(../img/ico_arrdown.jpg) no-repeat 150px center; font-weight:bold;font-size: 14px; line-height: 17px;}
.path_wrap .path li.depth1 ul{left:45px;}
.path_wrap .path li.depth2 ul{left:226px;}
.path_wrap .path li.last a{color:var(--theme-color);}
.path_wrap .path li .other_list{overflow:hidden;position:absolute; top:37px ; border:1px solid var(--lightgray);  border-top:none; background:var(-white);}
.path_wrap .path li .other_list li{clear:both; background:none; border:none;  padding:0px;}
.path_wrap .path li .other_list li a{font-weight:normal; background:none var(--white); color:var(--mudgray); padding:8px 10px; border:none; border-top:1px dashed var(--lightgray); }
.path_wrap .path li .other_list li a:hover{background:none var(--lightgray); color:var(--mudgray);} */



/********* 사업개요 추가 main-summary *********/
.main-summary {display: flex; flex-direction: column; /* align-items: flex-start; */ gap: 5rem;}
.summary-desc-table {display: flex; flex-direction: column; gap: 0; margin: 0rem auto; width:100%;}
/***** summary-desc *****/
.summary-desc {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;}
.summary-desc .summary {width:100%; flex: 1; display: flex; flex-direction: column; gap: 1em; padding: 0rem 0;}
.summary-desc .summary-img {flex: 1; width: 100%; max-width: 100%;}
.summary-desc .thumb-img {display: grid; grid-template-columns: repeat(auto-fill, minmax(16%, auto)); gap: 1rem;}
.summary-desc .thumb-img img {height: 100%;}
.summary-desc .summary-title {display:none;}
.summary-desc .summary-tt {font-family: var(--eng-font); color: var(--gray); text-transform: capitalize; font-weight: 100; font-size: 2.3rem; padding: 3rem 0 1rem; }
.summary-desc .summary .summary-list {display: flex; align-items: flex-start; gap: 1rem; font-size: 2.2rem; line-height:1.35;}
.summary-desc .summary .summary-list .dt {flex: 0 0 25%; width: 25%; display: flex; align-items: center; font-weight: 600;}
.summary-desc .summary .summary-list .dt:before {content:"\4f"; margin-right:1rem; font-size:.8rem; }
.summary-desc .summary .summary-list .dt:after {content:"|"; margin-left:1rem; font-size:1.2rem; opacity:.3;}
.summary-desc .summary .summary-list .dd {}
.summary-desc dl dd {grid-column: 2;}
/* .summary.list-type */
.summary-desc .summary.list-type {display: grid; gap: 2rem 10rem; grid-template-columns: repeat(auto-fit, minmax(46%, auto)); padding: 0;}
.summary-desc .summary.list-type .summary-list .dt {flex: 0 0 20%; width: 20%; padding-right: 1rem;}
.summary-desc .summary.list-type .summary-list .dt:after {content: "|"; margin-left: auto; font-size: 1.2rem; margin-right: 0; opacity: .3;}

/*** 테이블형태 table */
/* 테이블형태-리스트 .summary.list-type */
.summary-desc.table .summary {display: grid; grid-template-columns: repeat(auto-fit, minmax(100%, auto)); align-items: flex-start; gap: 1px; width: 100%; box-sizing: border-box;}
.summary-desc.table .summary .summary-list {display: flex; flex-direction: row; align-items: center; align-self: stretch; gap: 1rem; background: var(--white); width: 100%; min-height: 10rem; max-height: 20rem; border: 1px solid var(--lightgray); border-left: none; border-top: none; border-right: none; box-sizing: border-box;}
.summary-desc.table .summary .summary-list > span {padding: 1rem 2rem; align-content:center; align-self: stretch; max-height: inherit; box-sizing: border-box;}
.summary-desc.table .summary .summary-list .dt {display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--brightgray); border-right: 1px solid var(--lightgray); text-align: center; font-weight: 600; font-size: 2.5rem;}
.summary-desc.table .summary .summary-list .dt:before, .summary-desc.table .summary .summary-list .dt:after {display:none;}
.summary-desc.table .summary .summary-list:where(:nth-of-type(1)) {border-top: 5px solid var(--theme-color);} /*탑라인*/
.summary-desc.table .summary .summary-list:where(:nth-last-of-type(1)) {border-bottom: 3px solid var(--lightgray);} /*하단라인*/
.summary-desc.table .summary .summary-list .dt {flex: 0 0 25%; width: 25%;}
.summary-desc.table .summary .summary-list .dd {}
.summary-img img {width:100%;}
/* 테이블형태-블럭 .summary.block-type */
.summary-desc.table .summary.block-type {display: grid; grid-template-columns: repeat(auto-fit, minmax(48%, auto)); align-items: flex-start; gap: 1px; width: 100%; box-sizing: border-box;}
.summary-desc.table .summary.block-type .summary-list:where(:nth-of-type(1), :nth-of-type(2)) {border-top: 5px solid var(--theme-color); }
.summary-desc.table .summary.block-type .summary-list:where(:nth-last-of-type(1), :nth-last-of-type(2)) {border-bottom: 3px solid var(--lightgray);}
.summary-desc.table .summary.block-type .summary-list:nth-child(even) {border-left: 1px solid var(--lightgray);}
.summary-desc.table .summary.block-type .summary-list {border-right: none;}
/*.summary-desc.table .summary.block-type .summary-list .dt {flex:0 0 25%; width: 25%;}
.summary-desc.table .summary.block-type .summary-list .dd {}*/

/**** 바둑판배열 col-type */
.summary-desc.col-type {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.summary-desc.col-type .summary-title {display:flex; color: var(--theme-color); font-size: 3rem; font-weight:700; position: relative; padding: 2rem 0; width: 100%; display:none;}
.summary-desc.col-type .summary-title:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--gray); opacity: 1;}
/* 바둑판배열-리스트 */
/*.summary-desc.col-type .summary.list-type {grid-template-columns: repeat(auto-fit, minmax(46%, auto));}*/
/* 바둑판배열-블록 */
.summary-desc.col-type .summary.block-type {display: grid; gap: 10rem 5rem; grid-template-columns: repeat(auto-fit, minmax(30rem, auto)); padding: 2rem 0;}
.summary-desc.col-type .summary.block-type .summary-list {display: flex; flex-direction: column; box-sizing: border-box;}
.summary-desc.col-type .summary.block-type .summary-list:nth-child(even) {grid-column: unset !important;}
.summary-desc.col-type .summary.block-type .summary-list .dt {display: unset; width: 100%; font-size: 2.58rem;}
.summary-desc.col-type .summary.block-type .summary-list .dt:before {display:none;}
.summary-desc.col-type .summary.block-type .summary-list .dt:after {content: " "; display: inline-block; margin-left:unset; opacity:unset; width:100%; height: 1px; background: var(--black);}
.summary-desc.col-type .summary.block-type .summary-list .dd {color:var(--mudgray);}

/**********  세로형배열 row-type ****************/
.summary-desc.row-type {display: grid; grid-template-columns: 1fr 5fr; gap: 5rem 5rem; align-content: start;}
.summary-desc.row-type .summary-img { grid-column: 1 / 2 span;}
.summary-desc.row-type .thumb-img { grid-column: 2 / 1 span;}
.summary-desc.row-type .summary-tt { grid-column: 1; grid-row: 2; padding: 0;}
.summary-desc.row-type .summary.list-type { grid-column: 2; grid-row: 2;}

@media all and (max-width:940px){
	/**/
	.summary-desc.table .summary.block-type {display: grid; grid-template-columns: repeat(auto-fit, minmax(50%, auto));}
	.summary-desc.table .summary.block-type .summary-list .dt {flex: 0 0 20%; width: 20%;}
	.summary-desc.table .summary.block-type .summary-list:where(:nth-of-type(2)) {border-top:none;}
	.summary-desc.table .summary.block-type .summary-list:where(:nth-last-of-type(2)) {border-bottom:1px solid var(--lightgray);}
	.summary-desc.table .summary.block-type .summary-list:nth-child(even) {border-left:none;}
	/**/
	.summary-desc.row-type {grid-template-columns: 1fr; gap: 5rem 0rem;}
	.summary-desc.row-type .summary-img {grid-column: 1 / 2 span;}
	.summary-desc.row-type .thumb-img {grid-column: 1 / 2 span;}
	.summary-desc.row-type .summary-tt {grid-column: 1; grid-row: 2; padding: 0;}
	.summary-desc.row-type .summary.list-type {grid-column: 1; grid-row: 3;}

}
@media all and (max-width:600px){
	
}
/* .info-table 하단 caution */
.info-table {padding-top: 10rem; width: 100%; box-sizing: border-box;}
.info-table .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.6rem; color: var(--mudgray); font-weight:300; padding: 2rem 1.6rem; box-sizing: border-box; border-radius:.7rem; background: var(--brightgray); border: 1px solid var(--lightgray);}
.info-table .caution li {display: flex;;}
.info-table .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
/* .info-table 중간 글씨만 caution */
.info-table.desc-line {padding-top:0; margin-top: 1rem; /* outline:1px dotted red; */}
.info-table.desc-line .caution {font-size: 1.385rem; gap: 0.2rem; background: none; border: none; padding: 0;}





/****** 입지환경 텍스트추가 2025-05-14 ******/	
/****** 입지환경 텍스트추가 2025-05-14 ******/
/****** row 기본 ******/
.site-wrap {
	--option-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
	--option-color: #f9f9f9;
	--option-radius: 2rem;
}
.site-wrap {--gap: 6rem; --gap-negative: calc(-1 * var(--gap)); display:grid; grid-template-columns: repeat(auto-fit, minmax(100%, auto)); gap: var(--gap); padding: 0; box-sizing: border-box; width:100%;}
.site-wrap.img- {--gap: 5rem;}
.site-wrap.row .sitetext-list {padding: 5rem 5rem;}

/****** col타입 기본col-1, col-2 ...  ******/
/****** col-1 ******/
.site-wrap[class*=col-] {grid-template-columns: repeat(auto-fit, minmax(40%, auto)) !important;}
.site-wrap[class*=col-] .item,
.site-wrap[class*=col-] .item:nth-child(even) {display: flex; flex-direction: column !important;}
.site-wrap[class*=col-] .infoimg {max-width: unset;}
.site-wrap[class*=col-] [class*="item"] {gap: 0;}
.site-wrap[class*=col-] .item {padding: 0rem;}
.site-wrap[class*=col-].img .item {}
.site-wrap[class*=col-].img- .sitetext-list {grid-template-columns: repeat(auto-fit, minmax(55%, auto)); padding: 0rem 0rem;}
.site-wrap[class*=col-].img- .sitetext-list .sitetext-desc:after {display:none;}
.site-wrap[class*=col-].bgcolor .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)) {background: var(--brightgray2) !important;}
.site-wrap[class*=col-].reverse .item {flex-direction: column-reverse !important; justify-content: space-between;}
.site-wrap[class*=col-].reverse.img- .item {justify-content: flex-end;}
.site-wrap[class*=col-].reverse .sitetext-list {padding: 0 0 3rem;}
.site-wrap[class*=col-] .sitetext-list {}
.site-wrap[class*=col-].reverse .sitetext-list {/*padding: 4rem 0 1rem;*/}
.site-wrap[class*=col-].bgcolor .sitetext-list {/*width:90%; margin: 0 auto;*/} 

/****** col-2 ******/
.site-wrap.col-2 {--gap: 4rem; --gap-negative: calc(-1 * var(--gap));grid-template-columns: repeat(auto-fit, minmax(29%, auto)) !important; gap: 10rem var(--gap);}
.site-wrap.col-2 .item .circle-wrap {display:none !important;}
/*.site-wrap.col-2.line .sitetext-list {padding: 0;}*/

/* reverse */
.site-wrap.reverse .item:nth-child(even) {flex-direction: row-reverse;}
/* .site-wrap > * {border: 1px solid black;} */

/* item */
.site-wrap .item {display: flex; flex-direction: row; gap: 0; position: relative;} /* 옵션설정 */
.site-wrap .item:after {content:""; display:block; position: absolute; left: 0; bottom: calc(var(--gap-negative) / 2); width: 100%; height: 1px; background: var(--gray); opacity:.4; /*display:none;*/} /* 가로라인 */
.site-wrap .item:before {content:""; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--main-color); opacity: .8; z-index: 1; border-radius: inherit; display:none;} /*데코-상단도톰*/
/*.site-wrap.col .item:nth-of-type(2):before,
.site-wrap.col .item:nth-of-type(3):before,
.site-wrap.col .item:nth-of-type(6):before,
.site-wrap.col .item:nth-of-type(7):before {background: var(--theme-color);} 아래간단 */
.site-wrap .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)):before {background: var(--theme-color) !important; display:none;} /*데코-상단도톰 컬러*/
.site-wrap .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)) .dd-title {  color: var(--theme-color) !important;}
.site-wrap .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)) .dd-title-sm:before {background: var(--lightgray) !important;}

/* 내용 */
.site-wrap .sitetext-list {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; color: var(--darkgray); width: 100%; padding: 4rem 0rem 0rem; box-sizing: border-box !important; position: relative;}
.site-wrap .sitetext-list:after {content:""; display:block; position: absolute; bottom: 0; right: -2.5rem; width: 1px; height: 100%; background: var(--gray); opacity:.3; display:none;} /* 세로라인 우 */
.site-wrap .sitetext-list:before {content:""; display:block; position: absolute; bottom: 0; bottom: -2.5rem; width: 100%; height: 1px; background: var(--gray); opacity:.3; display:none;} /* 가로라인 하 */

/* 타이틀 */
.site-wrap .sitetext-list .sitetext-title {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1rem; padding: 0; width: fit-content; position: relative;}
.site-wrap .sitetext-list .sitetext-title:before {content:""; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--gray); opacity:.3; display:none;} /* 타이틀가로라인 상 */
.site-wrap .sitetext-list .sitetext-title:after {content:""; display:block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--gray); opacity:.3; display:none;} /* 타이틀가로라인 하 */
.site-wrap .sitetext-list .sitetext-title .list-title {font-size: 4rem; font-weight: 200; opacity: .3; font-size: 5rem; font-weight: 100; text-transform: capitalize; position: relative;}
.site-wrap .sitetext-list .sitetext-title .list-icon {position: relative; display: flex; align-items: center; justify-content: center; width:6rem; height:6rem; background: var(--lightgray); opacity: .5; border-radius:50%;}	
.site-wrap .sitetext-list .sitetext-desc {
--padding: 7rem; --padding-negative: calc(-1 * var(--padding));
display: flex; flex-direction: column; gap: 2rem; padding: 0;  width: 100%; box-sizing: border-box; position: relative;}
.site-wrap .sitetext-list .sitetext-desc:after {content:""; display: block; position: absolute; bottom: 0; left: calc(var(--padding-negative) / 2); width: 1px; height: 100%; background: var(--gray); opacity:.3; display:none;} /* 내용 세로라인 좌 */

/* 작은타이틀 */
.site-wrap .sitetext-list .sitetext-desc .dd-titles {display: flex; flex-direction: column; /*align-items: center;*/}
.site-wrap .sitetext-list .sitetext-desc .dd-title-sm {font-weight: 200; font-size: 2.385rem; padding-top: 1rem; text-transform: capitalize; position: relative; /*display: none;*/}	
.site-wrap .sitetext-list .sitetext-desc .dd-title-sm:before {content:""; display:block; position: absolute; top: 0; left: 0rem; transform: translate(0%, 0); width: 2rem; height: 1px; opacity: 1;}  /* 작은타이틀 불릿바 */
.site-wrap .sitetext-list .sitetext-desc .dd-title-sm:before {background: var(--lightgray);}
.site-wrap .sitetext-list .sitetext-desc .dd-title {font-weight: 600; font-size: 3.85rem; color: var(--main-color); padding: 0rem 0 0rem; box-sizing: border-box;}
.site-wrap .sitetext-list .sitetext-desc .dd-desc-ul {display: flex; flex-direction: column; gap:.5rem;}
.site-wrap .sitetext-list .sitetext-desc .dd-desc {position: relative; font-weight: 300; font-size: 2rem; margin-left: 1.3rem; word-break: break-all; line-height: 1.3;}
.site-wrap .sitetext-list .sitetext-desc .dd-desc:before {position: absolute; content:"·"; display: inline-block; margin-left: -1.3rem; color: var(--gray); line-height: 1.15;} /* 불릿기호 */
/* 아이콘 */
.site-wrap [class*="item"] {display: flex; flex-direction: row; gap: 2rem; box-sizing: border-box;}	
.site-wrap [class*="item"] .list-icon:after {font-size: 3.15rem; opacity:.5;}
/*.site-wrap .item1 .list-icon:after {content:"\f238";} /* 교통 f239지하철 */*/
/*.site-wrap .item2 .list-icon:after {content:"\f291";} /* 생활,라이프 f0f4머그 f7b6커피 f07a카트 f290장바구니 f5cd토드가방 f291바스켓 */*/
/*.site-wrap .item3 .list-icon:after {content:"\f4d8";} /* 자연 f06c나뭇잎 f4d8새싹 e139클로버 f279지도 f54b발자국 f277표지판 f1bb나무 f206자전거 */*/
/*.site-wrap .item4 .list-icon:after {content:"\f19d";} /* 교육 f549학교 f19d학사모 */*/
/*.site-wrap .item5 .list-icon:after {content:"\f521";} /* 랜드마크 f521왕관 f3c5위치 */*/
/*.site-wrap .item6 .list-icon:after {content:"\f3a5";} /* 개발호재 f3a5보석 f5a2메달 f091트로피 */*/
/*.site-wrap .item7 .list-icon:after {content:"\f2db";} /* 반도체 f2db반도체 */*/
/*.site-wrap .item8 .list-icon:after {content:"\f005";} /* 기타등등 f005별 */*/
/* 이미지 */
.site-wrap .infoimg {border-radius: inherit; overflow: hidden; background: var(--gray); max-height: unset; width: 100%; max-width: min(100vw, 50%); height: auto; max-height: min(100vh, 50vh); position: relative; /* display:none; */ }				
.site-wrap .infoimg img {object-fit: cover; height: 100%; width: 100%;}
/* 입지환경 썸네일 */
.site-thumb {visibility: visible;}
.site-thumb.visible {display: grid !important; grid-template-columns: repeat(auto-fit, minmax(20%, auto)); gap:1rem !important; box-sizing:border-box; visibility: visible;}
.site-thumb.hidden {display: none; visibility: hidden;}
.site-thumb .infoimg {position: relative;}

/***** 동그라미 아이콘 .circle ********/
.site-wrap .item .circle-wrap {position: absolute; top: 3rem; left: 3rem; transform: translate(0, 0); display: none;}
.site-wrap .item .circle-wrap .list-icon {display: flex!important; justify-content: center; align-items: center; width: 10rem; height: 10rem; font-size: 4rem; background: var(--main-color); border-radius: 20rem; color: var(--white); opacity: .85;}
.site-wrap .item .circle-wrap .list-icon:before {font-size: 4rem; background: var(--main-color);}
.site-wrap .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)) .circle-wrap .list-icon {background: var(--theme-color) !important;} /* 2,3,6,7컬러값변경 */
.site-wrap .item .circle-wrap .list-icon:after {font-size: inherit; opacity: 1;}

/************** 옵션 ***********/
/************** 옵션 ***********/
.site-wrap.img- .infoimg {display: none !important;} /* 이미지없음 */
.site-wrap.img- .sitetext-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(50%, auto)); justify-items: stretch !important;}
.site-wrap.img- .sitetext-list .sitetext-desc {padding: 0 calc(var(--gap-negative) / 2);}
.site-wrap.img- .sitetext-list .sitetext-desc:after {display:block;}
.site-wrap.shadow .item {box-shadow: var(--option-shadow) !important;} /* 그림자있음 */
.site-wrap.bgcolor .item {background: var(--brightgray) !important; padding:5rem;} /* 배경설정 */
.site-wrap.bgcolor .item:after {display: none !important;}
.site-wrap.radius .item {border-radius: var(--option-radius) !important;} /* 라운드설정 */
.site-wrap.icon- .item .list-icon {display: none;} /* 아이콘없음 */
.site-wrap.circle .item .circle-wrap {display: block !important;} /* 동그라미아이콘 */
.site-wrap.bullet- .sitetext-list .sitetext-title {margin: 0 auto} /* 불릿기호없음 */
.site-wrap.bullet- .sitetext-list .sitetext-desc .dd-desc:before {display: none !important;} /* 불릿기호없음 */
.site-wrap.bullet- .sitetext-list .sitetext-desc .dd-desc {margin-left: 0; text-align: center;}
.site-wrap.bullet- .sitetext-list .sitetext-desc .dd-title-sm,
.site-wrap.bullet- .sitetext-list .sitetext-desc .dd-title {text-align: center;}
.site-wrap.bullet- .sitetext-list .sitetext-desc .dd-title-sm:before {top: 0; left: 50%; transform: translate(-50%, 0);}
.site-wrap.line .item {border: 1px solid var(--lightgray); padding: 5rem; border-radius: inherit;}
.site-wrap.line .item:after {display:none;}
.site-wrap.deco .item:where(:nth-of-type(2), :nth-of-type(3), :nth-of-type(6), :nth-of-type(7)) {display: flex;} /*데코-상단도톰라인*/
.site-wrap.deco .item:before {display:block;}
/************** 옵션 ***********/
/************** 옵션 ***********/



/***** type-1 기본 ******/
.site-wrap.type-1 {}


/* type-2 */
.site-wrap.type-2 {grid-template-columns: repeat(auto-fit, minmax(46%, auto)); gap: 8rem 5rem;}
.site-wrap.type-2 .sitetext-list:after {display:none;}
/* type-3 */
.site-wrap.type-3 {grid-template-columns: repeat(auto-fit, minmax(30%, auto)); gap: 8rem 5rem;}
.site-wrap.type-3 .item {flex-direction: column-reverse;}
.site-wrap.type-3 .infoimg {height: 25rem;}
.site-wrap.type-3 .sitetext-list .sitetext-title {padding: 1rem 0;}
.site-wrap.type-3 .sitetext-list .sitetext-title .list-title {font-size: 2rem; font-family: var(--eng-font); font-weight: 100; padding-top: .3rem; line-height: 1; color: var(--main-color);}
.site-wrap.type-3 .sitetext-list .sitetext-title .list-icon {width:5rem; height:5rem; display:none;}
.site-wrap.type-3 .sitetext-list .sitetext-title .list-icon:after {font-size: 2.15rem;}
.site-wrap.type-3 .sitetext-list .sitetext-desc {width: 100%;}
.site-wrap.type-3 .sitetext-list .sitetext-desc {padding-bottom:0;}
.site-wrap.type-3 .sitetext-list .sitetext-desc .dd-title {font-size: 3rem; padding: 2rem 0 1rem;}
.site-wrap.type-3 .sitetext-list .sitetext-desc .dd-desc {font-size: 1.8rem;}
.site-wrap.type-3 .sitetext-list .sitetext-title:before {display:block;}
.site-wrap.type-3.bgcolor .sitetext-list .sitetext-desc {width: 85%;}


/* type-4 */
.site-wrap.type-4 {grid-template-columns: repeat(auto-fit, minmax(23%, auto)); gap: 5rem 2rem;}
.site-wrap.type-4 .infoimg {height: 20rem;}
.site-wrap.type-4 .sitetext-list .sitetext-title .list-title {font-size: 3rem; color: var(--tanblack);}
.site-wrap.type-4 .sitetext-list .sitetext-title .list-icon {/* width:unset; height:unset; background: unset;  */display:none;}
.site-wrap.type-4 .sitetext-list .sitetext-title .list-icon:after {font-size: 3rem; color: var(--tanblack);}
.site-wrap.type-4 .sitetext-list .sitetext-desc .dd-title {font-size: 3rem; color: var(--accent-color);}
.site-wrap.type-4 .sitetext-list .sitetext-desc .dd-desc {font-size: 2rem; margin-left: 0;}
.site-wrap.type-4 .sitetext-list .sitetext-desc .dd-desc:before {display:none;}
@media all and (max-width:1024px){	
	.site-wrap.img- .sitetext-list {grid-template-columns: repeat(auto-fit, minmax(100%, auto));}	
}
@media all and (max-width:860px){
	.site-wrap {gap: 5rem;}
	.site-wrap .item,
	.site-wrap.reverse .item:nth-child(even) {flex-direction: column; gap:0;}
		
	/*.site-wrap.bgcolor .sitetext-list .sitetext-desc {width: 85%;}*/
	/*.site-wrap.type-1 .item {flex-direction: column;}
	.site-wrap.type-1.row .item .sitetext-list {padding: 3rem 0;}
	.site-wrap.type-1.row .item:nth-child(even) .sitetext-list {padding: 3rem 5rem 3rem 0;}
	.site-wrap.type-1 .infoimg {max-width:100%;}*/
	/*.site-wrap.type-1 .item .list-icon.exc {display:none;}*/
	/*.site-wrap.type-1 .sitetext-list .sitetext-title .list-icon {display:flex;}
	.site-wrap.type-1 .sitetext-list .sitetext-title .list-icon {width: 5rem; height: 5rem;}
	.site-wrap.type-1 .item .list-icon:after {font-size: 2.65rem;}
	.site-wrap.type-1 .sitetext-list {padding: 3rem 0 4rem;}
	.site-wrap.type-1.img- .sitetext-list {flex-direction: column;}
	.site-wrap.type-1.img- .sitetext-list .sitetext-desc:after {display:none;}
	.site-wrap.type-1.img- .sitetext-list, .site-wrap.type-1.img- .item:nth-child(even) .sitetext-list {padding: 5rem 5rem;}
	.site-wrap.type-1 .item:after {display:block;}*/

	/*.site-wrap.type-4 {grid-template-columns: repeat(auto-fit, minmax(45%, auto));}*/
	/**/
	/*.site-wrap.type-1 .sitetext-list {display: flex;}
	.site-wrap.type-1 .sitetext-list .sitetext-title {width:unset; scale:0.5; position: absolute; top: 0rem; left: -5rem; padding: 0;}
	.site-wrap.type-1 .sitetext-list .sitetext-title .list-icon {display:none;}*/

	.site-wrap .infoimg {max-width: unset !important;}	
	.site-thumb, .site-thumb.visible {grid-template-columns: repeat(auto-fit, minmax(48%, auto));}
	.site-wrap.bullet- .sitetext-list .sitetext-title {justify-content: center;}
	.site-wrap.bullet- .sitetext-list .sitetext-desc:after {display:none;}
	.site-wrap.img- .sitetext-list .sitetext-desc:after {display:none;}

	.site-wrap[class*=col-] {display: flex; flex-direction: column;}

}
@media all and (max-width:600px){
	.site-wrap.col {grid-template-columns: repeat(auto-fit, minmax(52%, auto)) !important;}
	.site-wrap.col .item:after {bottom: 0;}	
}







/****** 프리미엄 텍스트추가 2025-06-09 ******/
/****** 프리미엄 텍스트추가 2025-06-09 ******/
/* 기본 type1 */
.premium-text-wrap {display: grid; grid-template-columns: repeat(auto-fit, minmax(46%, auto)); gap: 10rem 5rem; padding-top: 3rem; box-sizing: border-box;}
.premium-text-wrap .item {display: flex; flex-direction: column; align-items: center; justify-content: end; box-sizing: border-box; gap: 2rem; border-radius: 0rem; overflow: hidden; position: relative;}
/* 아이콘 */
.premium-text-wrap .item .circle {display:flex; align-items: center; justify-content: center; font-size: 5rem; background: var(--gra-circle); width: 13rem; height: 13rem; border-radius: 100%; border: 0px solid var(--main-color); opacity: 1; box-shadow: var(--box-shadow4);}
.premium-text-wrap .item .circle:before {font-size: 5rem; color: var(--main-color); opacity:.9;}
/*.premium-text-wrap .item .circle:before {content: ""; position: absolute; top:0; left:0; display: block; background: var(--white); width: inherit; height: inherit; border-radius: 100%;}*/
.premium-text-wrap .item .circle:after {font-size: 5rem; color: var(--main-color); opacity:.9;}
/*.premium-text-wrap .item.item1 .circle:after {content:"\f239";}
.premium-text-wrap .item.item2 .circle:after {content:"\f291";}
.premium-text-wrap .item.item3 .circle:after {content:"\f4d8";}
.premium-text-wrap .item.item4 .circle:after {content:"\f19d";}
.premium-text-wrap .item.item5 .circle:after {content:"\f521";}
.premium-text-wrap .item.item6 .circle:after {content:"\f2db";}*/
/* 타이틀 */
.premium-text-wrap .text-list {display: flex; flex-direction: column; gap: 2rem;}
.premium-text-wrap .text-list .text-title {display: flex; flex-direction: row; width: 100%; position: relative; padding-bottom: 1rem;}
.premium-text-wrap .text-list .text-title:after {content:""; display:block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--gray); opacity:.8;}
.premium-text-wrap .text-list .text-title .list-title {color: var(--mudgray); letter-spacing:0; font-family: var(--number-font); font-size: 1.65rem; font-weight: 500; text-transform: uppercase; position: relative;}
.premium-text-wrap .text-list .text-title .list-icon {position: relative; display: flex; align-items: center; justify-content: center; width:6rem; height:6rem; background: var(--accent-color); opacity: .5; border-radius:50%; display:none;}
/* 내용 */
.premium-text-wrap .text-list .text-desc {display:flex; flex-direction: column; position: relative; box-sizing: border-box; gap: 1rem; color: var(--mudgray);}
.premium-text-wrap .text-list .text-desc .dd-title {font-weight: 600; font-size: 4rem; word-break: break-all; color: var(--main-color); box-sizing: border-box;}		
.premium-text-wrap .text-list .text-desc .dd-desc {position: relative; font-size: 2.385rem; line-height: 1.35; word-break: break-all;}
.premium-text-wrap .infoimg {border-radius: inherit; overflow: hidden; background: var(--gray); max-width: 100%; width: 100%; height: auto; max-height: min(50vw, 40rem); position: relative; margin-bottom: 0; margin-top: auto;}				
.premium-text-wrap .infoimg img {object-fit: cover; height: auto;}

@media all and (max-width:1280px){
	.premium-text-wrap .text-list .text-desc .dd-title {font-size: 3.5rem;}
	.premium-text-wrap .text-list .text-desc .dd-desc {font-size: 2.285rem;}
}
@media all and (max-width:860px){	
}
@media all and (max-width:600px){

}
/* type1 */
.premium-text-wrap.type1 .item .circle {display:none;}
/* type2 */
.premium-text-wrap.type2 {}
.premium-text-wrap.type2 .item {border-radius: .8rem; background: var(--brightgray); box-shadow: var(--box-shadow); gap: 2rem;}
.premium-text-wrap.type2 .item .circle {display:flex;}
.premium-text-wrap.type2 .infoimg {margin-bottom: 0; margin-top: -8rem; z-index: -1;}
.premium-text-wrap.type2 .text-list {margin-top: 0; margin-bottom: auto; padding: 4rem 3rem 0rem;}
.premium-text-wrap.type2 .text-list .text-title {justify-content: center; padding-bottom: 0;}
.premium-text-wrap.type2 .text-list .text-title:after {display: none;}
.premium-text-wrap.type2 .text-list .text-title .list-title {/*color: var(--theme-color);*/}
.premium-text-wrap.type2 .text-list .text-desc {text-align: center;}
.premium-text-wrap.type2 .text-list .text-desc .dd-title {color: var(--tanblack);}
/* type3 */
.premium-text-wrap.type3 {gap:0; padding: 5rem 5rem; margin-bottom: 2rem; background: var(--theme-color); border-radius: .5rem; gap: 0rem;}
.premium-text-wrap.type3 .text-list {gap: 2rem;}
.premium-text-wrap.type3 .text-list .text-title:after {display: none;}
.premium-text-wrap.type3 .infoimg {display: none;}
.premium-text-wrap.type3 .item {flex-direction: column; border-bottom: 1px dashed var(--gray); background: var(--white); border-radius: inherit; gap: 2rem; padding: 7rem;}
.premium-text-wrap.type3 .item:nth-child(odd) {border-right: 1px dashed var(--gray);}
.premium-text-wrap.type3 .item:nth-last-child(1),
.premium-text-wrap.type3 .item:nth-last-child(2) {border-bottom: none;}
.premium-text-wrap.type3 .item .circle {font-size: 5rem; margin-top: auto; margin-bottom: 0; justify-content: flex-end; width: 100%; font-size: unset; background: unset; height: unset; border-radius: unset; border: unset; opacity: 1; box-shadow: unset;}
.premium-text-wrap.type3 .item .circle:after {color: var(--lightgray);}
.premium-text-wrap.type3 .item .circle:before {font-size: 5rem; color: var(--lightgray); opacity:.9;}
.premium-thumb.visible {display: grid; grid-template-columns: repeat(auto-fill, minmax(19%, auto)); gap:1rem; box-sizing:border-box;}
.premium-thumb.hidden {display: none;}
.premium-thumb .infoimg {position: relative; height: 15vh; max-height: min(20vw, 15vh); object-fit: cover; overflow: hidden;}
.premium-thumb .infoimg img {height: 100%; width: 100%; object-fit: cover;}
@media all and (max-width:860px){
	.premium-text-wrap.type3 .item {padding: 3rem;}
}
@media all and (max-width:600px){
	.premium-thumb.visible {grid-template-columns: repeat(auto-fit, minmax(49%, auto));}
	.premium-text-wrap.type3 {grid-template-columns: repeat(auto-fit, minmax(51%, auto)); gap: 1rem;}
	.premium-text-wrap.type3 .item {border-bottom: none; border-right: none;}
}








/************** 서브섹션-unititem 세대안내 2025-06-12 추가 **************/ 
.sub-unititem {}
.sub-unititem .unititem {display:flex;}
.sub-unititem .unititem .unititem-wrapper {display:flex; flex-direction: column; align-items: center; gap: 5rem;}
.sub-unititem .unititem .unititem-wrapper .unititem-list {display:flex; flex-direction: column; gap: 5rem; position:relative;}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy {display:flex; flex-direction: column; align-items: center; text-align: center; gap: 3rem; font-size: 2.5rem; line-height: 1.3; color: var(--darkgray);}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-title {font-weight: 500; color: var(--theme-color);}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-type {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; padding: 0; width: 100%; height: 27rem; box-sizing: border-box; position: relative; border-radius: 0.2rem 0.3rem 0.2rem 0.3rem; overflow: hidden;}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-type .inner {display: flex; flex-direction: column; align-items: center;}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-type .inner .type {font-size: 10rem; font-weight: 500; letter-spacing: -0.05em; color:var(--theme-color); font-family: var(--eng-font);}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-type .inner .num {font-size: 2.2rem; color: var(--white); background-color:var(--theme-color); padding: .8rem 3rem; margin-top: 0rem;}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-type .bg {position: absolute; top:0; left:0; z-index: -1; width: 100%; height: 100%; background: var(--gray) /*url(../images/sub/sub_visual01.jpg)*/ no-repeat center center / cover; filter: opacity(0.3) blur(1px) saturate(0.1);}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc {display: grid; grid-template-columns: repeat(auto-fit, minmax(15%, auto)); align-items: center; justify-content: space-around; justify-items: start; width: 100%; padding-bottom: 2rem; gap: 1rem; font-weight: 300; font-size: 2.2rem; border-bottom: 1px solid var(--gray); box-sizing: border-box;}

.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc [class*="unit-desc-"] {}
.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc [class*="unit-desc-"]:last-child {color: var(--theme-color); font-weight: 600;}

.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc .import {/*color: var(--theme-color); font-weight: 600;*/}

@media all and (max-width:1300px){
	.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc { grid-template-columns: repeat(auto-fit, minmax(25%, auto));	}
}
@media all and (max-width:860px){
	.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc {	grid-template-columns: repeat(auto-fit, minmax(33%, auto)); }
}
@media all and (max-width:480px){
	/*.sub-unititem .unititem .unititem-wrapper .unititem-list .copy .unit-desc {	grid-template-columns: repeat(auto-fit, minmax(50%, auto));	}*/
}


/************** 서브섹션-unititem 세대안내-슬라이드 **************/
.sub-unititem {}
.sub-unititem {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-unititem .unititem-slide {display:flex; margin: 0; width: 100%; align-items: center; justify-content: center; box-sizing: border-box;}
.sub-unititem .unititem-slide .swiper-wrapper {display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;}
.sub-unititem .unititem-slide .swiper-slide {/* display: flex; align-items: center; justify-content: flex-start; flex-direction: column; height: auto; background: var(--accent-color); */ position: relative; border: 1px solid var(--lightgray); box-sizing: border-box;}
.sub-unititem .unititem-slide .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden; /* height: 55%; line-height: 55vh; */}
.sub-unititem .unititem-slide .bg img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.sub-unititem .unititem-slide .bg a:hover img {transform: var(--transform); transition-property: transition opacity; opacity: 1;}
.sub-unititem .unititem-slide .bg a:hover:after {left: 0px; right: 0px; top: 0px; bottom: 0px; color: var(--simple-color); border: 15px solid currentColor; transition: var(--transition2); opacity: 0.5;}
.sub-unititem .unititem-slide .bg a:after {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; display: block; border:rgba(255,255,255,0.0) 0px solid; z-index: 8; transition-property: transition;}
.sub-unititem .unititem-slide .copy {color: var(--white); /* width: calc(100% - 70%); height: calc(100vh - 80vh); */ padding: 2rem 5rem 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; background: var(--accent-color); position: absolute; top: 0; left: 0; z-index: 1;}
.sub-unititem .unititem-slide .copy p {opacity: .5; /* display: none; */}
.sub-unititem .unititem-slide .copy > b {font-weight: 300;}
.sub-unititem .unititem-slide .copy span.mtxt {font-weight: 600; font-size: 4.25rem; text-transform: uppercase;}
.sub-unititem .unititem-slide .copy span.stxt {font-weight: 200;}
.sub-unititem .unititem-slide .copy em {color: var(--white); font-weight: bold; }
/* 페이지넘버 */
.sub-unititem .pag {position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; font-weight: 200; color: var(--white); display: none;}
.sub-unititem .pag b {font-weight: 800; margin-right: 10px; color: var(--theme-color);}
.sub-unititem .pag em {margin-left: 10px;}
/* 좌우버튼-버튼영역 */
.sub-unititem .prev, .sub-unititem .next {position: absolute; z-index: 3; width: 60px; height: 60px; border-radius: 20rem; display: block; left: 2rem; top: 50%; transform: translateY(50%); transition: var(--transition2); color: var(--white); /* border: 1px solid currentColor; */ box-shadow: var(--box-shadow1); background: var(--white-a3); display: none;}
.sub-unititem .next {left: auto; right: 2rem;}
.sub-unititem .prev:hover, .sub-unititem .next:hover {display: block;}
/* 좌우버튼-화살표 */
.sub-unititem .prev::after, .sub-unititem .next::after {content: '\f053'; font-family: var(--awesome); font-weight: 600;}
.sub-unititem .next::after {content: '\f054';}
/* 페이징동그라미 */
.sub-unititem .pag-num {display: flex; justify-content: center; margin: 3rem 0rem; }
.sub-unititem .pag-num .swiper-pagination-bullet {margin:0 0.2rem; width: 3rem; height: 1rem; background-color: var(--mudgray); opacity: 0.3; transition: var(--transition2); border-radius: 0.5rem; transition-property: width opacity;}
.sub-unititem .pag-num .swiper-pagination-bullet-active {background-color: var(--accent-color); opacity: 1;}
.sub-unititem .pag-num span {font-size: 0rem; color: var(--white); display: flex; align-items: center; justify-content: center;}




/****************** 서브섹션-오시는길 ******************/
.sub-loc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-loc .desc {display: flex; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%; gap: 5rem;}
.sub-loc .desc .text {display: flex; flex: 1; flex-direction: column; gap: 2rem; padding:0; margin-right: 0rem; text-align: left;}
.sub-loc .desc .text b {font-size: 3.5rem;}
.sub-loc .desc .text p {}
.sub-loc .desc .text .tel {display: flex; flex-direction: column; font-size: 2.2rem; font-weight: 500; margin-top: 2rem;}
.sub-loc .desc .text .tel em {font-size: 5.3rem; font-weight: 800; letter-spacing: -0.05em;}
.sub-loc .desc .text .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.6rem; color: var(--mudgray);}
.sub-loc .desc .text .caution li {display: flex;;}
.sub-loc .desc .text .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.sub-loc .desc .loc-add-txt {display: flex; flex-direction: column; gap: 1rem; font-size: 2.25rem; color: var(--tanblack);}
.sub-loc .desc .loc-add-txt li {margin-left: 3rem;  display: flex;}
.sub-loc .desc .loc-add-txt li::before {display: inline-block; margin-left: -3rem; padding-right:1rem;}
/*.sub-loc .desc .loc-add-txt li:first-child {display: none;}*/
.sub-loc .desc .loc-add-txt li:first-child::before {content: "\e4d1";}
.sub-loc .desc .loc-add-txt li:last-child::before {content: "\f5a0";}
.sub-loc .desc .map {flex: 1.5; position: relative; border:1px solid var(--lightgray); margin-right: auto; overflow: hidden; /* width: 100%; */}
.sub-loc .desc .map img {object-fit: cover; object-position: center;}
.sub-loc .desc .map .btn-bx-sns {display: flex; position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.sub-loc .desc .map .btn-bx-sns a {display: flex; padding: 3rem 3rem; justify-content: center; align-items: center; gap: 1rem; color: var(--white); /* text-align: center;  */line-height: 1.1;}
.sub-loc .desc .map .btn-bx-sns a::after {content: '\f08e'; font-size: 2rem; margin-left: auto;}
.sub-loc .desc .map .btn-bx-sns .btn-kakao {background: var(--theme-color);}
.sub-loc .desc .map .btn-bx-sns .btn-naver {background: var(--accent-color);}




/************** 메인섹션-loc 오시는길  **************/
.main-loc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-loc .desc {display: flex; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%;}
.main-loc .desc .text {display: flex; flex: 1; flex-direction: column; gap: 1rem; padding:0; margin-right: 5rem; text-align: left;}
.main-loc .desc .text b {font-size: 3.5rem;}
.main-loc .desc .text p {}
.main-loc .desc .text .tel {display: flex; flex-direction: column; font-size: 2.2rem; font-weight: 500; margin-top: 2rem;}
.main-loc .desc .text .tel em {font-size: 5.3rem; font-weight: 800; letter-spacing: -0.05em;}
.main-loc .desc .text .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.56rem; color: var(--mudgray); word-break: break-all;}
.main-loc .desc .text .caution li {display: flex;}
.main-loc .desc .text .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.main-loc .desc .loc-add-txt {display: flex; flex-direction: column; gap: 1rem; font-size: 2.25rem; color: var(--darkgray);}
.main-loc .desc .loc-add-txt li {margin-left: 3rem;  display: flex;}
.main-loc .desc .loc-add-txt li::before {display: inline-block; margin-left: -3rem; padding-right:1rem;}
.main-loc .desc .loc-add-txt li:first-child {display: none;}
.main-loc .desc .loc-add-txt li:first-child::before {content: "\e4d1";}
.main-loc .desc .loc-add-txt li:last-child::before {content: "\f5a0";}
.main-loc .desc .map {flex: 1; position: relative; border:1px solid var(--lightgray); margin-left: auto; overflow: hidden;}
.main-loc .desc .map + .map {display: none!important;}
.main-loc .desc .map img {object-fit: cover; object-position: center; /* border: 1px solid var(--lightgray); */ border-bottom:none; box-sizing: border-box;}
.main-loc .desc .map .map-title {display: none;}
.main-loc .desc .map .btn-bx-sns {display: flex; position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.main-loc .desc .map .btn-bx-sns a {display: flex; padding: 3rem 3rem; justify-content: center; align-items: center; gap: 1rem; color: var(--white); font-size: 2.4rem; line-height: 1.1;}
.main-loc .desc .map .btn-bx-sns a::after {content: '\f08e'; font-size: 2rem; margin-left: auto;}
.main-loc .desc .map .btn-bx-sns .btn-kakao {background: var(--theme-color);}
.main-loc .desc .map .btn-bx-sns .btn-naver {background: var(--main-color);}
.main-loc .desc .map .btn-bx-sns .btn-model {background: var(--theme-color);}
.main-loc .desc .map .btn-bx-sns .btn-field {background: var(--main-color);}
/************ 메인섹션-loc 오시는길 타입추가 loc-type-01 2025-03-25 ************/
.main-loc.loc-type-01 {}
.main-loc.loc-type-01 .desc {display: grid; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%; flex-direction: column-reverse; gap: 5rem; grid-template-columns: 1fr 1fr;}
.main-loc.loc-type-01 .desc .text {display: flex;flex: 1; flex-direction: column; gap: 1rem; padding:0; margin-right: auto;text-align: left; grid-column: 1 / span 2; grid-row: 2 / 2;}
.main-loc.loc-type-01 .desc .loc-add-txt {display: none;}
.main-loc.loc-type-01 .desc .map {display: flex; flex-direction: column; gap: 0rem; position: relative; border:0px solid var(--lightgray); margin-left: auto; width: 100%; overflow: hidden;}
.main-loc.loc-type-01 .desc .map + .map {display: flex!important;}
.main-loc.loc-type-01 .desc .map .map-title { display: flex; align-items: center; align-items: baseline; gap: 1rem; background: var(--white); font-size: 2.4rem; padding-bottom: 2rem; color: var(--darkgray); font-weight: 500; box-sizing: border-box;}
.main-loc.loc-type-01 .desc .map .btn-bx-sns {display: grid; grid-template-columns: repeat(auto-fit,minmax(25%,auto)); position: unset; bottom: 0; left: 0; width: 100%;}
.main-loc.loc-type-01 .desc .map.model .map-title::before {content: "\e4d1";}
.main-loc.loc-type-01 .desc .map.field .map-title::before {content: "\f5a0";}
.main-loc.loc-type-01 .desc .map .btn-bx-sns .btn-model,
.main-loc.loc-type-01 .desc .map .btn-bx-sns .btn-field {display:none;}
.main-loc.loc-type-01 .map_model_frame_div {width: 100%; height: 40rem; border: 1px solid var(--lightgray); border-bottom:none; box-sizing: border-box;}
.main-loc.loc-type-01 .map_model_frame {width: 100%; height: 100%;}
/************ 메인섹션-loc 오시는길 타입추가 loc-type-02 2025-04-02 ************/
.main-loc.loc-type-02 {}
.main-loc.loc-type-02 .desc {display: grid; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%; flex-direction: column-reverse; gap: 5rem; grid-template-columns: 1fr 1fr;}
.main-loc.loc-type-02 .desc .text {display: flex;flex: 1; flex-direction: column; gap: 1rem; padding:0; margin-right: auto;text-align: left; grid-column: 1 / span 2; grid-row: 2 / 2;}
.main-loc.loc-type-02 .desc .loc-add-txt {display: none;}
.main-loc.loc-type-02 .desc .map {display: flex; flex-direction: column; gap: 0rem; position: relative; border:0px solid var(--lightgray); margin-left: auto; width: 100%; overflow: hidden;}
.main-loc.loc-type-02 .desc .map img {height:40vh;}
.main-loc.loc-type-02 .desc .map + .map {display: flex!important;}
.main-loc.loc-type-02 .desc .map .map-title { display: flex; align-items: center; align-items: baseline; gap: 1rem; background: var(--white); font-size: 2.4rem; padding-bottom: 2rem; color: var(--darkgray); font-weight: 500; box-sizing: border-box;}
.main-loc.loc-type-02 .desc .map .btn-bx-sns {display: grid; grid-template-columns: repeat(auto-fit,minmax(25%,auto)); position: unset; bottom: 0; left: 0; width: 100%;}
.main-loc.loc-type-02 .desc .map.model .map-title::before {content: "\e4d1";}
.main-loc.loc-type-02 .desc .map.field .map-title::before {content: "\f5a0";}
.main-loc.loc-type-02 .desc .map .btn-bx-sns .btn-model,
.main-loc.loc-type-02 .desc .map .btn-bx-sns .btn-field {display:none;}
.main-loc.loc-type-02 .map_model_frame_div {width: 100%; height: 40rem; border: 1px solid var(--lightgray); border-bottom:none; box-sizing: border-box;}
.main-loc.loc-type-02 .map_model_frame {width: 100%; height: 100%;}
@media all and (max-width:1280px){
	.main-loc.loc-type-01 .desc {gap:3rem;}
	.main-loc.loc-type-01 .desc .map .map-title {font-size: 2rem;}
	.main-loc.loc-type-01 .desc .map .btn-bx-sns a {width:unset;}
}
@media all and (max-width:1024px){
	.main-loc .desc {flex-direction:column-reverse; gap: 5rem;}
	.main-loc .desc .text {width: 100%;}
	.main-loc .desc .map {width: 100%; margin-left: 0;}
	.main-loc .desc .map .btn-bx-sns a {width: 50rem;}	
	.main-loc.loc-type-01 .desc {display: flex; gap:3rem;}
	.main-loc.loc-type-01 .desc .map .map-title {font-size: 2.4rem;}
	.main-loc.loc-type-01 .desc .map .btn-bx-sns a {width: unset;}
	.main-loc.loc-type-01 .map_model_frame_div {height: 45rem;}
}












/****************** 서브섹션-관심고객등록 ******************/
/************************ 관심고객등록서브 ************************/
[class*=section].customer.sub {background: var(--white)!important; padding: 0vw 0 !important;}
[class*=section].customer.sub .common-customer {max-width:var(--common-width)!important; margin-bottom: 5rem;}
[class*=section].customer.sub .common-customer .frm-customer {width: 100%; display: flex; flex-wrap: wrap; align-content: stretch; flex-direction: row; gap: 2rem;}
[class*=section].customer.sub .common-customer .frm-customer fieldset {width: 100%; display: flex; flex-wrap: wrap; gap: 2rem;}
[class*=section].customer.sub .common-customer .frm-customer fieldset .desc {}
[class*=section].customer.sub .common-customer .frm-customer p {margin-bottom: 0;}
[class*=section].customer.sub .common-customer .frm-customer .desc label {flex: unset; flex-basis: 10rem; width: 10rem;}
[class*=section].customer.sub .common-customer .frm-customer .desc input {/* flex: 1; */ width: 100%;}
[class*=section].customer.sub .common-customer .frm-customer .content {/* flex: 1; */width: 100%; height: 10rem;}
[class*=section].customer.sub .common-customer .frm-customer fieldset p.desc {flex: 1 1 40%;}
[class*=section].customer.sub .common-customer .frm-customer fieldset p.privacy {display: flex; flex-direction: row; flex-grow: 1; width: 100%; padding: 0rem 0 5rem; justify-content: space-evenly; align-items: center; gap: 4rem;}

[class*=section].customer.sub .common-customer .frm-customer .privacy .input {display: flex; /* flex-direction: row; */ gap: 3rem;}
[class*=section].customer.sub .common-customer .frm-customer .privacy label::before {position: absolute;
  top: 5px;
  left: -18px;
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 20rem;
  cursor: pointer;
  transition: 0.2s;
  content: '\f111';
  font-size: 1.65rem;
  color: var(--theme-color);
  font-weight: 300; line-height: 1;}
[class*=section].customer.sub .common-customer .frm-customer .privacy input:checked + label::after {position: absolute;
  top: 5px;
  left: -18px;
  display: inline-block;
  cursor: pointer;
  transition: 0.2s;
  content: '\f058';
  font-size: 1.65rem;
  color: var(--theme-color); line-height: 1;}

[class*=section].customer.sub .info {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; font-size: 1.85rem; line-height: 1.5; padding: 2rem 0;}
[class*=section].customer.sub .info li {display: flex;}
[class*=section].customer.sub .info li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
[class*=section].customer.sub .common-customer .btn-register {width: unset; padding: 2.2rem 8rem;}
[class*=section].customer.sub .common-customer .space {display: none;}
[class*=section].customer.sub .common-customer .customer-box {width: calc(100vw - 10vw); max-width: var(--common-width); padding: 5vw 0rem!important;}
[class*=section].customer.sub .common-customer .customer-box {gap: 4rem;}
/* 개인정보내용아이프레임 */
[class*=section].customer.sub .common-customer .customer-box .privacy-box {width: 100%;}
[class*=section].customer.sub .common-customer .customer-box .privacy-box .title {font-size: 2.4rem; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-weight: 600; margin: 2rem 0 !important; color: var(--theme-color);}
[class*=section].customer.sub .common-customer .customer-box .privacy-box .title::before {content: "\f52d";}
[class*=section].customer.sub .common-customer .customer-box .privacy-box .privacy-iframe {width: 100%; height: 300px; overflow-y: scroll; border: 1px solid var(--gray); border-radius: 0.5rem; padding: 0; font-size: 1.45rem; color: var(--mudgray); box-sizing: border-box}
.privacy-iframe #inquery-modal {line-height: 1!important;}
[class*=section].customer.sub .common-customer .frm-customer .privacy .text {text-decoration: none; font-weight: 700;}








/* 서브탭메뉴 추가 */
.tab_con{max-width: var(--common-width); padding: var(--common-padding); margin: 0 auto; padding-bottom:0px;}
.tab_overview {width: 100%; margin: 0 auto; }
/*.tab_overview ul.tabs {display: grid; grid-template-columns: repeat(auto-fill, minmax(15%, auto)); align-items:center; gap: .5rem;}
.tab_overview ul.tabs li {line-height: 6rem; text-align:center; font-size: 2rem; background: var(--white); color: var(--mudgray); border: 1px solid var(--lightgray); border-radius: 8rem; box-sizing: border-box; cursor: pointer; transition: .2s; transition-property: all;}*/
.tab_overview ul.tabs {display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items:center; gap: .5rem;}
.tab_overview ul.tabs li {line-height: 6rem; text-align:center; font-size: 2rem; padding: 0 3rem; background: var(--white); color: var(--mudgray); border: 1px solid var(--lightgray); border-radius: 8rem; box-sizing: border-box; cursor: pointer; transition: .2s; transition-property: all;}
.tab_overview ul.tabs li.active {background: var(--mudgray); color: var(--white); border: 1px solid var(--mudgray);}
.tab_overview ul.tabs li:hover {background: var(--gray); color: var(--white); border: 1px solid var(--gray);}
/* .tab_overview ul.tabs li:nth-child(2).active {background: var(--main-color); color: var(--white);} */
.tab_overview .tab_container {margin-top:5rem;}
.tab_overview .tab_content {/*display:none;*/}
.tab_overview .tab_content > h2 {font-size: 2.8rem; color: var(--mudgray); font-weight:600; margin-bottom:5rem;}
/* 탭스타일 추가 basic 2025-06-16 */
.tab_overview ul.tabs.basic {display: grid; grid-template-columns: repeat(auto-fit, minmax(20%, auto)); gap:1rem 0;}
.tab_overview ul.tabs.basic li {border: 1px solid var(--theme-color); border-left: none; border-right: none; border-radius:0; background: var(--white); color: var(--theme-color); padding: 0 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.85rem; line-height: 5rem; box-shadow: var(--box-shadow3);}
.tab_overview ul.tabs.basic li.active {background: var(--theme-color); color: var(--white);}
.tab_overview ul.tabs.basic li:hover {background: var(--theme-color); color: var(--white);}

@media screen and (max-width: 1740px) {	

	@media screen and (max-width: 1470px){  }
	@media all and (max-width:1300px){	
    [class*=section]{padding: var(--common-padding);}
    /* 서브메뉴바 상단여백조정에따른 */
    .snb {padding: 0;}
    [class*=section].customer.sub {padding: 5vw 0 !important;}
	}  
	@media all and (max-width:1280px){	
	}
	@media screen and (max-width: 1024px){
    .sub-visual .swiper-slide .copy {display: none;}
    [class*=section] .maintit {font-size: 4rem;}
	.sub-loc .desc {flex-direction:column-reverse; gap: 5rem;}
	.sub-loc .desc .text {width: 100%; margin-right: 0;}
	.sub-loc .desc .map {max-width: 100%; }
	.sub-loc .desc .btn-bx-sns a {width: 50rem;}
	.sub-unititem .unititem-slide .swiper-wrapper {grid-template-columns: 1fr;}	
	}
	@media screen and (max-width: 800px){
	[class*=section].customer.sub .common-customer .customer-box {gap: 2rem;}
    [class*=section].customer.sub .common-customer .customer-box .privacy-box .privacy-iframe {height: 150px;}
    [class*=section].customer.sub .common-customer .frm-customer fieldset {gap: 1rem;}
    [class*=section].customer.sub .common-customer .frm-customer fieldset p.desc {flex: 1 1 50%;}
    /*  */
    [class*=section].customer.sub .common-customer .btn-register {width: 100%; padding: 2.2rem 0;}
	/*.info-table {padding-top: 1rem;}*/
	}
	/* 2025-05-09 사업소개테이블 가로열추가 스타일추가 */
	@media all and (max-width:680px){
	.summary-inner tbody tr {display: grid; grid-template-columns: 15rem 4fr; height: unset;}
	.summary-inner tbody tr th, .summary-inner tbody tr td, .summary-inner tbody tr td:nth-child(odd) {width:100%; height: 100%; border-bottom: 1px solid var(--lightgray); padding: 1rem; /*line-height: 10rem;*/}	
	}
	@media all and (max-width:480px){
	[class*=section].customer.sub .common-customer .frm-customer fieldset p.privacy {flex-direction: column; gap: 1rem;}
	[class*=section].customer.sub .common-customer .frm-customer .privacy .input {gap: 5rem;}
	[class*=section].customer.sub .common-customer .frm-customer .privacy label::before,
	[class*=section].customer.sub .common-customer .frm-customer .privacy input:checked + label::after {top: 3px; left: -15px}
	}
	@media screen and (max-width: 360px){    
	[class*=section].customer.sub .common-customer .frm-customer {width: 100%;}
    /* [class*=section].customer.sub .common-customer .customer-box {gap: 1rem;} */
	}

}