@charset "utf-8";


@media all and (max-width:480px){
	:root{
	font-size: 0.465rem;
	--common-padding: 8vw 3vw;
	}	
}

/* 서브-공통 */
[class*=section]{position: relative; width: 100%; padding: var(--common-padding) 0; 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(--gray); text-transform: uppercase;}
[class*=section] .title {margin: 0rem auto 5rem; 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] [class*=sub-], [class*=section] [class*=main-], [class*=section] [class*=common-] {margin: 0 auto;	max-width: var(--common-width); overflow:hidden;}
[class*=section] [class*=sub-visual] {max-width: 100%!important;}
[class*=section] .freebtn {display: none;}
/**/
[class*=-wrap] .title {color: var(--theme-color)!important; text-transform: capitalize; font-size: 4rem; font-weight: 700; line-height: 1.25; margin: 0 auto!important;}
[class*=-wrap] .keyword {color: var(--mudgray); font-size: 2rem; line-height: 1.385; font-weight: 300; width: 100%; text-align: center; padding-bottom: 0rem;}

/* 서브메뉴 페이지스크롤시 상단에고정 */
.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(2px) brightness(0.8); 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) / 2.5); 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); opacity: .5;}
.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;}
.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; display:none;}



/***************** 서브섹션-snb *****************/
.snb {display: flex; 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(--theme-color);}
/* 서브메뉴버튼 슬라이드 */

/* .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);} */


/****************** 서브섹션-사업안내 ******************/
.info {}

/****************** 서브섹션-단지안내입지안내 ******************/
.complex {}


/************** 서브섹션-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;}




/****************** 서브섹션-오시는길 ******************/
/************** 메인섹션-loc 오시는길  **************/
.sub-loc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-loc .desc {display: flex; flex-direction: column-reverse; gap: 5rem; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%;}
.sub-loc .desc .text {display: flex; /*flex: 1;*/ flex-direction: column; gap: 2rem; padding:0; margin-right: 0; text-align: left; width: 100%;}
.sub-loc .desc .text b {font-size: 2.35rem; color: var(--tanblack); display: flex; flex-direction: row; align-items: center; gap: 1rem;}
.sub-loc .desc .text b:before {content: "\f54e"; font-size: 2rem;} /* 업체명 */
.sub-loc .desc .text .tel>b {display: none;}
.sub-loc .desc .text p {}
.sub-loc .desc .text .tel {display: flex; flex-direction: row; font-weight: 800; font-size: 4rem; margin-top: 1rem; gap: 1rem;}
.sub-loc .desc .text .tel div {display: flex; align-items: center; gap: .5rem; /* font-size: 5rem; font-weight: 800; */  letter-spacing: -0.05em; line-height: 1;}
.sub-loc .desc .text .tel .tell:before {content: "\f095"; font-size: 3rem;}
.sub-loc .desc .text .tel .phone:before {content: "\f3cf"; font-size: 3rem;}
.sub-loc .desc .text .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.56rem; color: var(--mudgray); word-break: break-all; display: none;}
.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: .5rem; font-size: 2rem; color: var(--mudgray);}
.sub-loc .desc .loc-add-txt li {margin-left: 3rem;  display: flex; gap: 1rem;}
.sub-loc .desc .loc-add-txt li::before {display: inline-block; margin-left: -3rem; /* padding-right:1rem; */ line-height: 1.3; font-size: 2rem;}
.sub-loc .desc .loc-add-txt li:first-child {display: none;}
.sub-loc .desc .loc-add-txt .office::before {content: "\e4d1";} 
.sub-loc .desc .loc-add-txt .location::before {content: "\f3c5";} /* 오시는길 */
.sub-loc .desc .loc-add-txt .keyword::before {content: "\f02c";} /* 태그 */

.sub-loc .desc .map {position: relative; /*border:1px solid var(--lightgray);*/ width: 100%; margin-left: 0; overflow: hidden; }
.sub-loc .desc .map #frame_map {width: 100%; height: 35vmax; max-height: 35vmax; min-height: 40rem; border: 1px solid var(--white); border-radius: 0rem; box-sizing: border-box;}
.sub-loc .desc .map img {object-fit: cover; object-position: center;}
.sub-loc .desc .map #frame_map iframe {}
/*지도버튼*/
.sub-loc .desc .map .btn-bx-sns {display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, auto)); position: absolute; bottom: 0; left: 0; width: 100%; /* display: none; */}
.sub-loc .desc .map .btn-bx-sns a {display: flex; padding: 2rem 3rem; justify-content: center; align-items: center; gap: 1rem; color: var(--white); line-height: 1.1; font-size: 2rem; font-weight: 400;}
.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(--kakao); color: var(--kakao-text);}
.sub-loc .desc .map .btn-bx-sns .btn-naver {background: var(--naver); color: var(--naver-text);}



/*************** 설명글과이미지 추가 *******************/
.sub-office {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0rem;}
.sub-office .office-wrap {width: 100%; position: relative; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 3rem 5rem; text-align: center;/*  overflow: hidden; */}
.sub-office .office-wrap .txt {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; width: 100%; }
.sub-office .office-wrap .desc {color: var(--mudgray); font-size: 2.35rem; line-height: 1.385; width: 100%; }
.sub-office .office-wrap .desc-txt {color: var(--mudgray); font-size: 2.35rem; line-height: 1.385; width: 100%; }
.sub-office .office-wrap .desc pre,
.sub-office .office-wrap .desc-txt pre {font-family: var(--pretendard); white-space: pre-line; word-break: break-word; /* white-space-collapse: preserve-breaks; text-wrap-mode: wrap; */}
.sub-office .office-wrap .img {position: relative; display: flex; align-items: center; gap: 2rem; flex-direction: column;}
.sub-office .office-wrap .img::after {content: "이미지컷"; display: block; position: absolute; top: 0; right: 0; color: var(--white); font-size: 1.8rem;	display: flex; align-items: center; justify-content: center; padding: 1rem 1rem; font-weight: 400; font-family: var(--pretendard); background: var(--transparent); display: none;}

/* 이미지캡션추가 */
.sub-office .office-wrap .img::after {content: attr(alt); display: block; position: absolute; top: 0; right: 0; color: var(--white); font-size: 1.8rem;	display: flex; align-items: center; justify-content: center; padding: 1rem 1rem; font-weight: 400; font-family: var(--pretendard); background: var(--transparent);}


/* row타입추가 */
.sub-office .office-wrap.row {display: grid; grid-template-columns: 1fr 1fr!important;}
.sub-office .office-wrap.row .title {grid-column: 2 / span 2; text-align: unset; margin: 0;}
.sub-office .office-wrap.row .desc {grid-column: 2 / span 2; /* flex: 40%; */ text-align: unset;}
.sub-office .office-wrap.row .desc-txt {grid-column: 2 / span 2; /* flex: 40%; */ text-align: unset;}
.sub-office .office-wrap.row .img {grid-row: 1 / span 4;}



/****************** 서브 영업안내 썸네일 ******************/
.business-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem;}
.business-wrap .list-item {display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; box-sizing: border-box; padding-top:2rem;}
.business-wrap .list-item .item-box {position: relative; box-sizing: border-box;}
.business-wrap .list-item .item-box .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden; position: relative;}
.business-wrap .list-item .item-box .bg .mtxt {position: absolute; bottom: 0; right: 0; display: flex; justify-content: flex-end; width: 100%; color: var(--white); background: linear-gradient(90deg, transparent, rgba(0,0,0,.9)); backdrop-filter: var(--backdrop-filter); opacity:.85; font-size: 2.8rem; padding: 2rem 2rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.business-wrap .list-item .item-box .bg img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; position: relative; z-index: -1;}
.business-wrap .list-item .item-box .bg:hover img {transform: var(--transform); transition-property: all; opacity: 1; }
.business-wrap .list-item .item-box .copy {padding: 3rem 0; color: var(--tanblack); display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; flex: 1; font-weight: 500;  line-height: 1.3; box-sizing: border-box;}
.business-wrap .list-item .item-box .copy .mtxt {font-size: 2.4rem;}
.business-wrap .list-item .item-box .copy .stxt {font-weight: 300; font-size: 2rem;}
/* type-01 */
.business-wrap.type-01 .list-item {}
/* .business-wrap.type-01 .list-item .item-box {position: relative; box-sizing: border-box;}
.business-wrap.type-01 .list-item .item-box .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden; position: relative;}
.business-wrap.type-01 .list-item .item-box .bg .mtxt {position: absolute; bottom: 0; right: 0; display: flex; justify-content: flex-end; width: 100%; color: var(--white); background: linear-gradient(90deg, transparent, rgba(0,0,0,.9)); backdrop-filter: var(--backdrop-filter); opacity:.85; padding: 3rem 3rem; font-size: 3rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.business-wrap.type-01 .list-item .item-box .bg img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.business-wrap.type-01 .list-item .item-box .copy {padding: 2rem 0; color: var(--tanblack); display: flex; flex-direction: column; align-items: flex-start; width: 100%; box-sizing: border-box;}           
.business-wrap.type-01 .list-item .item-box .copy .stxt {font-weight: 300; font-size: 2.2rem; line-height: 1.3;} */
/* type-02 */
.business-wrap.type-02 .list-item {gap: 2rem 5rem;}
.business-wrap.type-02 .list-item .item-box {display: flex; flex-direction: row; gap: 2rem; border-bottom: 1px solid var(--lightgray); padding-bottom: 2rem;}
.business-wrap.type-02 .list-item .item-box .bg {flex-basis: 24rem;}
.business-wrap.type-02 .list-item .item-box .bg .mtxt {padding: 1rem; font-size: 2rem;}
.business-wrap.type-02 .list-item .item-box .copy {padding: 0;}
.business-wrap.type-02 .list-item .item-box .copy .mtxt {}
.business-wrap.type-02 .list-item .item-box .copy .stxt {font-size: 1.8rem;}

/****************** 서브 갤러리게시판 상단 ******************/
.gallery-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding-bottom: 2rem; overflow: hidden;}



/****************** 서브섹션-관심고객등록 ******************/
/************************ 관심고객등록서브 ************************/
[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: 8rem; width: 8rem;}
[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; align-content: center;}
[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(--tanblack);  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(--tanblack); 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: 2rem 5rem;}
[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(--tanblack);}
[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;}

 








@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){		
		[class*=section] .maintit {font-size: 4rem;}
		/*.sub-loc .desc {flex-direction:column-reverse; gap: 5rem;}
		.sub-loc .desc .text {width: 100%;}
		.sub-loc .desc .map {width: 100%; margin-left: 0;}	
		.sub-loc .desc .map .btn-bx-sns a {padding: 2.5rem; font-size: 2rem;}
		.sub-loc .desc .map .btn-bx-sns a::after {font-size: 1.65rem;}
		.sub-loc .desc .map #frame_map {height: 30vmax;}*/
		.sub-loc .desc .map .btn-bx-sns {grid-template-columns: repeat(auto-fill, minmax(30%, auto));}
		.sub-unititem .unititem-slide .swiper-wrapper {grid-template-columns: 1fr;}
		/* sub-office */
		.sub-office .office-wrap .title {font-size: 3.4rem;}
		.sub-office .office-wrap .desc {font-size: 2rem;}
		.sub-office .office-wrap .desc-txt {font-size: 2rem;}
		/* row타입추가 */
		.sub-office .office-wrap.row .title {font-size: 3.4rem;}
		.sub-office .office-wrap.row .desc {font-size: 2rem;}
		.sub-office .office-wrap.row .desc-txt {font-size: 2rem;}

		.business-wrap.type-02 .list-item {grid-template-columns: 1fr;}
		.business-wrap.type-02 .list-item .item-box {/* flex-direction: column; */}

	}
	@media screen and (max-width: 800px){
		.sub-visual .swiper-slide .copy {display: none;}
		[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: 3rem 0;}
		.business-wrap .list-item {display: flex; flex-direction: column;}
		.business-wrap .list-item .item-box .bg .mtxt {padding: 2rem 2rem; font-size: 2.35rem;}
		.business-wrap .list-item .item-box .copy .stxt {font-size: 2rem;}	
		.gallery-wrap .list-item {display: flex; flex-direction: column;}
		/* row타입추가 */
		.sub-office .office-wrap.row {display: flex;}
	}
	@media all and (max-width:680px){
		[class*=section] .title {margin: 0rem auto 3rem;}
	}
	@media all and (max-width:480px){
		.business-wrap .list-item {display: flex;}
		[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}
		.sub-office .office-wrap {text-align: left;}
    
	}
	@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;} */
	}
}