@charset "UTF-8"; 

/*******************************************
 * sub layout
 *******************************************/

#sub #container{ min-height:100vh; }

.tit,
.txt {overflow-wrap: anywhere; white-space: normal;}

/* 레이아웃 */
.layout{ margin:0 auto; width:calc(100% - 40rem); max-width:1177rem; } 
.max-1476{ max-width:1476rem; }
.max-1776{ max-width:1776rem; }

/* 비주얼 */
.sub-head{ position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 240rem 0 160rem; box-sizing:border-box; }  
.sub-head .tit{ font-size:80rem; line-height: 130%; color:#111; font-weight: 600; text-transform: uppercase; letter-spacing: -3.2rem; overflow-wrap: anywhere; white-space: normal;} 
.sub-head .tit.en{ font-size:96rem; line-height: 110%; font-family: var(--eng-font); font-weight:400; letter-spacing:0; }
.sub-head .nav{ display: flex; align-items: center; gap:53rem; margin-top:40rem; text-align:center; }
.sub-head .nav li{ position:relative; font-size:20rem; line-height: 160%; color:#111; letter-spacing: -0.8rem; font-weight: 500;}
.sub-head .nav li:not(:last-child)::before{ content:''; position:absolute; right:-30rem; top:50%; margin-top:-3rem; width:6rem; height:6rem; background:url('../images/icon-nav-bullet.svg') no-repeat center / 6rem auto; }
.sub-head .nav li .home{ display: inline-block; vertical-align: middle; width:20rem; height:20rem; background:url('../images/icon-home.svg') no-repeat center / 20rem auto; text-indent: -9999rem;}
 
@media screen and (max-width: 1024px) {
  .sub-head{ padding:120rem 0 80rem; }  
  .sub-head .tit{ font-size:40rem; letter-spacing: -1.6rem; } 
  .sub-head .tit.en{ font-size:48rem; } 
  .sub-head .nav{ display: none; } 
}

/* 컨텐츠 */
.sub-contents{ padding:0 0 200rem; } 
.sub-contents.pt-small{ padding-top:200rem !important; }
.sub-contents.pb-none{ padding-bottom:0 !important; }
/* .sub-contents.pt-none{ padding-top:0 !important; }
.sub-contents.pt-small{ padding-top:100rem !important; }
.sub-contents.pt-high{ padding-top:300rem !important; } 
 */
 .pt-260{ padding-top:260rem !important; }
@media screen and (max-width: 1024px) {
  .sub-contents{ padding:0 0 100rem; } 
  .sub-contents.pt-small{ padding-top:100rem !important; }
  /* .sub-contents.pt-small{ padding-top:50rem !important; }
  .sub-contents.pt-high{ padding-top:150rem !important; }   */
  /* .pt-260{ padding-top:180rem !important; }  */
}

/*******************************************
 * sub contents
 *******************************************/

/* 조합원 인증 */
.sub-login .cont-box{ display: flex; gap:24rem; }
.sub-login .cont-box > div{ display: flex; flex:1; flex-direction: column; justify-content: space-between; padding:60rem; height:400rem; border:1px solid #D0D1D2; box-sizing:border-box; }
.sub-login .cont-box > div strong{ display:block; color:#111;}
.sub-login .cont-box > div p{ margin-top:20rem; color:#6E7072; }
@media screen and (max-width: 1024px) {
  .sub-login .cont-box{ flex-direction: column; gap:20rem; }
  .sub-login .cont-box > div{ padding:40rem; height:auto; } 
  .sub-login .cont-box > div strong.f-b1{ font-size: 22rem; letter-spacing: -0.88rem;}
  .sub-login .cont-box > div p{ margin-top:20rem; word-break: break-all; }
  .sub-login .cont-box > div .btn-area{ margin-top:40rem;}
  .sub-login .cont-box > div .btn-area .btn-primary{ padding:12rem 24rem; font-size:16rem; letter-spacing: -0.64rem;}
}
/* 인증시간 연장 */ 
.pop-logout-time { display: flex; flex-direction: column; gap:20rem; text-align: center;}
.pop-logout-time .tit{ color:#111;  }
.pop-logout-time .count{ color:#111; }
.pop-logout-time .count strong{ padding-right:4rem; color: #8F6B4A;}
.pop-logout-time .info{ color:#6E7072;} 
@media screen and (max-width: 1024px) { 
  .pop-logout-time { flex:1; display: flex; justify-content: center; height:100%; }
  .pop-logout-time .count strong{ padding-right:3rem; }
}
/* 상태 페널 - 인증시간만료, 등록신청 완료안내, 승인대기 안내 */
.status-panel { text-align: center; }
.status-panel .tit{ display: block; font-size:26rem; line-height: 140%; color:#111; letter-spacing: -1.04rem; font-weight: 600; }
.status-panel .tit.w-icon{ padding-top:104rem; background:url('../images/icon-status-check.svg') no-repeat center top / 64rem auto; }
.status-panel .tit.w-icon.warning{ background:url('../images/icon-status-warning.svg') no-repeat center top / 64rem auto; }
.status-panel .txt{ margin-top:20rem; font-size: 20rem; line-height: 160%; color:#6E7072; letter-spacing: -0.8rem; }
.status-panel .txt .c1{ font-weight: 600; color:#70553D;}
.status-panel .info{ margin-top:60rem; font-size:18rem; line-height: 160%; color:#6E7072; letter-spacing: -0.72rem; } 
@media screen and (max-width: 1024px) {  
  .status-panel.pt-260{ padding-top:180rem !important; }
  .status-panel .tit{ font-size:22rem; letter-spacing: -0.88rem; }
  .status-panel .tit.w-icon{ padding-top:104rem; background-size: 64rem auto; }
  .status-panel .tit.w-icon.warning{ background-size: 64rem auto; }
  .status-panel .txt{ margin-top:20rem; font-size: 18rem; letter-spacing: -0.72rem; } 
  .status-panel .info{ margin-top:60rem; font-size:16rem; letter-spacing: -0.64rem; } 
  .status-panel .btn-area{ margin-top:80rem; }
}

/* 사업소개 - 사업소개 */
.sub-business .special-offer-visual .txt-area .inner {display: flex; justify-content: center; text-align: center; gap: 24rem;}
.sub-business .special-offer-visual .txt-area .tit {margin-bottom: 24rem;}
.sub-business .special-offer-visual .txt-area .txt-box .txt {margin-top: 24rem;}
.sub-business .sec {position: relative; width: 100%; height: 100vh; margin-bottom: 240rem;}
.sub-business .sec .sec-inner {position: relative; background: #F8F4F0; width: 100%; height: 100vh;}
.sub-business .sec .bg {position: absolute; width: 100%; height: 100%; z-index: 2; overflow: hidden; transition: width 0.2s linear;}
.sub-business .sec .bg img {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}
.sub-business .sec .cont-area {position: relative; width: 100%; height: 100%; display: flex; z-index: 3;}
.sub-business .sec .cont-area .cont-project-img {width: 50%;}
.sub-business .sec .cont-area .cont-project {width: 50%; padding: 128.5rem 160rem; opacity: 0; transform: translateX(40px); transition: opacity 0.3s ease, transform 0.3s ease;}
.sub-business .sec .cont-area .cont-project .tit {margin-bottom: 36rem; color: #70553D;}
.sub-business .sec .summary-table tr {color: #8F6B4A;}
.sub-business .sec .summary-table tr th {width: 150rem; text-align: left; padding: 0 0 10rem 0;}
.sub-business .sec .summary-table tr td {padding: 0 0 10rem 0;}
.sub-business .sec .summary-scroll {max-height: calc(100% - 100rem); overflow-y: auto; overflow-x: hidden; padding-right: 8px; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch;}
.summary-scroll::-webkit-scrollbar {width: 8px;}
.summary-scroll::-webkit-scrollbar-track {background: transparent;}
.summary-scroll::-webkit-scrollbar-thumb {background: #929191; border-radius: 10px;}
@media screen and (min-width: 1024px) {
  .sub-business-plan .sec .cont-area .right .process-list .process-item .card {display: flex !important;}
}

/* 사업소개 - 사업추진현황 */
.sub-business-plan .special-offer-visual .txt-area {padding: 200rem 0 100rem;}
.sub-business-plan .special-offer-visual .txt-area .txt-box .txt {margin-top: 24rem;}
.sub-business-plan .sec {position: relative; margin: 0 auto; width: calc(100% - 144rem); max-width: 1476rem; margin-bottom: 240rem;}
.sub-business-plan .sec .cont-area {position: relative; display: flex; align-items: flex-start; justify-content: space-between;}
.sub-business-plan .sec .cont-area .left {position: sticky; top: 120rem; align-self: flex-start; width: calc(100% - 970rem);}
.sub-business-plan .sec .cont-area .left .num-list-txt {display: flex; flex-direction: column; gap: 8rem; color: #8A8C8E; cursor: pointer;}
.sub-business-plan .sec .cont-area .left .num-list-txt li.active button {color: #70553D;}
.sub-business-plan .sec .cont-area .right {flex: 1; display: flex; flex-direction: column; gap: 140rem; width: 970rem;}
.sub-business-plan .sec .cont-area .right .process-list {display: flex; flex-direction: column; gap: 60rem; color: #70553D;}
.sub-business-plan .sec .cont-area .right .process-list .process-item {display: flex; justify-content: space-between;}
.sub-business-plan .sec .cont-area .right .process-list .process-item.planned-area .step-title {color: #111;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-head {display: flex; flex-direction: column; gap: 20rem; color: #70553D; cursor: unset;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-head.mob{ display:none; }
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-head .step-title {display: flex; align-items: center; gap: 8rem;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-head .step-title .ico-toggle {display: none;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-status { border-radius: 4rem; padding: 11rem 16rem; width: 86rem; text-align: center;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-status.complete {border: 1px solid #8F6B4A;  color: #8F6B4A;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-status.planned {background: #F3F3F4; color: #6E7072;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .step-status.planing {background: #8F6B4A; border: 1px solid #8F6B4A;color: #fff;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card {background: #F8F4F0; position: relative; width: 726rem; display: flex;}
.sub-business-plan .sec .cont-area .right .process-list .process-item.planned-area .card {background: #F3F3F4;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card .num {position: absolute; right: 0; bottom: 0;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card .num img {width: 100%;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card .txt {width: 50%; padding: 48rem; line-height: 160%;}
.sub-business-plan .sec .cont-area .right .process-list .process-item.planned-area .card .txt {color: #535455;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card .img-area {width: 50%; position: relative;}
.sub-business-plan .sec .cont-area .right .process-list .process-item .card .img-area img {width: 100%;}
.sub-business-plan .sec .cont-area .right .process-list .process-item.planned-area .img-area>img {filter: grayscale(100%);}

@media screen and (max-width: 1024px) {
  .sub-business .special-offer-visual .img-area,
  .sub-business-plan .special-offer-visual .img-area {height: 480rem;}
  .sub-business .special-offer-visual .txt-area,
  .sub-business-plan .special-offer-visual .txt-area {padding: 140rem 0;}
  .sub-business .special-offer-visual .txt-area .txt-box,
  .sub-business-plan .special-offer-visual .txt-area .txt-box {padding-left: 0;}
  .sub-business .pc-only {display: none;}
  .sub-business .sec {margin-bottom: 100rem; height: 100%;}
  .sub-business .sec .sec-inner {width: calc(100% - 40rem); margin: 0 auto; height: 100%;}
  .sub-business .sec .bg {display: none;}
  .sub-business .sec .cont-area .cont-project-img {width: unset;}
  .sub-business .sec .cont-area .cont-project {width: 100%; padding: 40rem 32rem;}
  .sub-business .sec .cont-area .cont-project {opacity: 1; transform: unset;}
  .sub-business .sec .summary-scroll {max-height: 100%; overflow-y: hidden;}
  .sub-business .sec .summary-table tr th {width: 80rem; vertical-align: baseline;}
  .sub-business .sec .summary-table tr td {padding: 0 0 20rem 0; word-break: break-all;}

  .sub-business-plan .sec {width: calc(100% - 40rem); margin: 0 auto; margin-bottom: 100rem;}
  .sub-business-plan .sec .cont-area .left {display: none; width: unset;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item .step-head.pc{ display:none; }
  .sub-business-plan .sec .cont-area .right .process-list .process-item .step-head.mob{ display:flex; }
  .sub-business-plan .sec .cont-area .right .process-list .process-item .step-head .step-title .ico-toggle {display: block;}
  .sub-business-plan .sec .cont-area .right {width: 100%;}
  .sub-business-plan .sec .cont-area .right .process-list {gap: 24rem;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item {flex-direction: column; gap: 24rem;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item .step-head {flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000012; padding-bottom: 24rem; cursor: pointer;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item .card {width: 100%; flex-direction: column;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item .card .txt {width: 100%; padding: 28rem 32rem;}
  .sub-business-plan .sec .cont-area .right .process-list .process-item .card .img-area {width: 100%;}
  .sub-business-plan .pc-only {display: none;}
}

/* own the 100  - 공통 */
#container:has(.special-offer-visual) .sub-head .tit{ opacity: 0;}
.special-offer-visual{ margin:0 auto; width:calc(100% - 144rem); }
.special-offer-visual .img-area{ margin:0 auto; position:relative; width:0; height:880rem; overflow: hidden; }
.special-offer-visual .img-area img{ position:absolute; left:0; top:0; width:100%; height:calc(100% + 150rem); object-fit: cover;}

.special-offer-visual .txt-area{ padding:200rem 0 280rem; }
.special-offer-visual .txt-area .inner{ display: flex; justify-content: space-between; margin: 0 auto; width: calc(100% - 144rem); max-width:1476rem; }
.special-offer-visual .txt-area .big-tit{ color:#111; }
.special-offer-visual .txt-area .big-tit.en{ line-height: 110%; font-weight: 500; }
.special-offer-visual .txt-area .big-tit span{ display: block; line-height: 130%;}
.special-offer-visual .txt-area .big-tit.f-en-h4 span{ line-height: 110%;}
.special-offer-visual .txt-area .big-tit .line{ overflow: hidden; }
.special-offer-visual .txt-area .txt-box{ margin-top:240rem; }
.special-offer-visual .txt-area .txt-box .tit{ color:#111; }
.special-offer-visual .txt-area .txt-box .txt{ margin-top:64rem; color:#111; }

.special-offer-tit{ margin-bottom:160rem; text-align: center;}
.special-offer-tit .tit{ color:#70553D; }
.special-offer-tit .tit sup{ font-size: 0.5em;}
.special-offer-tit .txt{ margin-top:40rem;  color:#70553D; }
@media screen and (max-width: 1024px) {
  .special-offer-visual { width:calc(100% - 40rem); }
  .special-offer-visual .img-area{ height:480rem; }

  .special-offer-visual .txt-area{ padding:180rem 0; }
  .special-offer-visual .txt-area .inner{ flex-direction: column; width:100%; }
  .special-offer-visual .txt-area .txt-box{ padding-left:90rem; margin-top:120rem; }
  .special-offer-visual .txt-area .txt-box .txt{ margin-top:40rem;  }

  .special-offer-tit{ margin-bottom:120rem; }
  .special-offer-tit .txt{ margin-top:40rem; }
}

/* own the 100 - vision */
.sub-vision .sec-vision5 { padding:240rem 0 0; background:#F1E8E0; }

.sub-vision .sec-vision5 .cont-tit{ display: flex; margin:0 auto 120rem; width:calc(100% - 444rem); }
.sub-vision .sec-vision5 .cont-tit .num{ width:150rem; color:#70553D; }
.sub-vision .sec-vision5 .cont-tit .txt{ width:calc(100% - 150rem); }
.sub-vision .sec-vision5 .cont-tit .txt strong{ display: block; color:#111; }
.sub-vision .sec-vision5 .cont-tit .txt p{ margin-top:24rem; color:#111; }

.sub-vision .sec-vision5 .cont-type1 { margin-bottom:200rem;}
.sub-vision .sec-vision5 .cont-type1 .cont-box{ display: flex; }
.sub-vision .sec-vision5 .cont-type1 .img-box{ position: relative; width:1200rem; height:800rem;}
.sub-vision .sec-vision5 .cont-type1 .img-box div{ position: absolute; top:0; left:0; width:100%; height:100%; }
.sub-vision .sec-vision5 .cont-type1 .img-box div[hidden]{ display: block !important;}
.sub-vision .sec-vision5 .cont-type1 .img-box div:nth-child(1){ z-index:4; }
.sub-vision .sec-vision5 .cont-type1 .img-box div img{ position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; }

.sub-vision .sec-vision5 .cont-type1 .btn-box{ padding:0 70rem; width:calc(100% - 1200rem); box-sizing:border-box }
.sub-vision .sec-vision5 .cont-type1 .btn-box li{ position: relative; padding:32rem 0; }
.sub-vision .sec-vision5 .cont-type1 .btn-box li:first-child{ padding-top:0; }
.sub-vision .sec-vision5 .cont-type1 .btn-box li::before{ content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#231F20; opacity: 0.2; }
.sub-vision .sec-vision5 .cont-type1 .btn-box li::after{ content: ''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#8F6B4A; transition: width 0.7s ease; }
.sub-vision .sec-vision5 .cont-type1 .btn-box button{ width: 100%; text-align: left;}
.sub-vision .sec-vision5 .cont-type1 .btn-box button strong{ color:#111; }
.sub-vision .sec-vision5 .cont-type1 .btn-box button p{ display: none; margin-top:20rem; color:#111; }

.sub-vision .sec-vision5 .cont-type1 .btn-box li.on::after{ width:100%; }
.sub-vision .sec-vision5 .cont-type1 .btn-box li.on button strong{ color:#70553D; }
.sub-vision .sec-vision5 .cont-type1 .btn-box li.on button p{ color:#70553D; }

.sub-vision .sec-vision5 .cont-type2{ margin-bottom:200rem; overflow: hidden; }
.sub-vision .sec-vision5 .cont-type2 .cont-box{ padding-left:222rem; }
.sub-vision .sec-vision5 .cont-type2 .img-slide .img-box{ position:relative; width:100%; height:600rem; }
.sub-vision .sec-vision5 .cont-type2 .img-slide .img-box img{ position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; }

.sub-vision .sec-vision5 .cont-type2 .btn-slide { position: relative; margin-top:80rem; overflow: visible; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide .swiper-slide{ position:relative; padding-bottom:48rem; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide button::before{ content:''; position: absolute; left:0; bottom:0; width:0; height:1px; background:#8F6B4A; transition: all 0.6s ease;}
.sub-vision .sec-vision5 .cont-type2 .btn-slide button{ text-align:left; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide strong{ color:#111; transition: color 0.4s ease; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide p{ margin-top:20rem; color:#111;  transition: color 0.4s ease;  }

.sub-vision .sec-vision5 .cont-type2 .btn-slide .on::before{ width:64rem; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide .on strong{ color:#70553D; }
.sub-vision .sec-vision5 .cont-type2 .btn-slide .on p{ color:#70553D; }

.sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn{ display: none;}

.sub-vision .sec-vision5 .cont-type3{ padding-bottom:240rem; overflow:hidden; }
.sub-vision .sec-vision5 .cont-type3 .cont-box{ position: relative; margin:0 auto; max-width: 1476rem; box-sizing: border-box;}
.sub-vision .sec-vision5 .cont-type3 .cont-box:not(:last-child){ margin-bottom:200rem; }
.sub-vision .sec-vision5 .cont-type3 .cont-tit{ position: relative; margin-bottom:120rem; width:100%; box-sizing: border-box; }


.sub-vision .sec-vision5 .cont-type3 .cont-box .img-box{ position:relative; width:100%; height:339rem; overflow: hidden; }
.sub-vision .sec-vision5 .cont-type3 .cont-box .img-box img{ position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.sub-vision .sec-vision5 .cont-type3 .cont-box .txt-box{ margin-top:40rem; }
.sub-vision .sec-vision5 .cont-type3 .cont-box .txt-box strong{ display: block; color:#111; }
.sub-vision .sec-vision5 .cont-type3 .cont-box .txt-box p{ margin-top:20rem; color:#111; }

@media screen and (min-width: 1025px) {
  .sub-vision .sec-vision5 .cont-type3 .cont-tit .num{ position:relative; left:150rem; opacity: 0;  transition: all 1s ease; }
  .sub-vision .sec-vision5 .cont-type3 .cont-tit .txt{ position:relative; left:150rem; opacity: 0;  transition: all 1s ease; transition-delay: 0.3s; }

  .sub-vision .sec-vision5 .cont-type3 .active .cont-tit .num{ left:0; opacity:1; }
  .sub-vision .sec-vision5 .cont-type3 .active .cont-tit .txt{ left:0; opacity:1; }

  .sub-vision .sec-vision5 .cont-type3 .mo-slide .swiper-slide{ left:300rem; opacity: 0; transition: all 1s ease; }
  .sub-vision .sec-vision5 .cont-type3 .active .mo-slide .swiper-slide{ left: 0; opacity: 1; }

  .sub-vision .sec-vision5 .cont-type3 .active .mo-slide .swiper-slide:nth-child(1){ transition-delay: 0.7s;}
  .sub-vision .sec-vision5 .cont-type3 .active .mo-slide .swiper-slide:nth-child(2){ transition-delay: 0.8s;}
  .sub-vision .sec-vision5 .cont-type3 .active .mo-slide .swiper-slide:nth-child(3){ transition-delay: 0.9s;}
  .sub-vision .sec-vision5 .cont-type3 .active .mo-slide .swiper-slide:nth-child(4){ transition-delay: 1s;}
}

@media screen and (max-width: 1024px) {
  .sub-vision .sec-vision5 { padding:160rem 0 0; }
  .sub-vision .sec-vision5 .cont-tit{ flex-direction: column; margin:0 auto 80rem; width:calc(100% - 40rem); }
  .sub-vision .sec-vision5 .cont-tit .num{ width:100%; }
  .sub-vision .sec-vision5 .cont-tit .txt{ margin-top:60rem; width:100%; }
  .sub-vision .sec-vision5 .cont-tit .txt p{ margin-top:24rem; }

  .sub-vision .sec-vision5 .cont-type1 { margin-bottom:160rem;}
  .sub-vision .sec-vision5 .cont-type1 .cont-box{ flex-direction: column; }
  .sub-vision .sec-vision5 .cont-type1 .img-box{  width:calc(100% - 20rem); height:247rem;}

  .sub-vision .sec-vision5 .cont-type1 .btn-box{ margin:40rem auto 0; padding:0; width:calc(100% - 40rem); }
  .sub-vision .sec-vision5 .cont-type1 .btn-box li{ padding:24rem 0; }
  .sub-vision .sec-vision5 .cont-type1 .btn-box button{ position:relative; padding-right:40rem; }
  .sub-vision .sec-vision5 .cont-type1 .btn-box button::before{ content:''; position:absolute; right:0; top:0; width:32rem; height:32rem; background:url('../images/icon-vision-type1-ac-open.svg') no-repeat center / cover; transition: all 0.5s ease; }
  .sub-vision .sec-vision5 .cont-type1 .btn-box li.on button::before{ background:url('../images/icon-vision-type1-ac-close.svg') no-repeat center / cover; transform: rotate(180deg); }
  .sub-vision .sec-vision5 .cont-type1 .btn-box button p{ margin-top:16rem; }

  .sub-vision .sec-vision5 .cont-type2{ margin-bottom:160rem; }
  .sub-vision .sec-vision5 .cont-type2 .cont-box{ padding-left:0; }
  .sub-vision .sec-vision5 .cont-type2 .img-slide{ padding-left:20rem; }
  .sub-vision .sec-vision5 .cont-type2 .img-slide .img-box{ position:relative; width:100%; height:0; padding-bottom:70%; }

  .sub-vision .sec-vision5 .cont-type2 .btn-slide { margin-top:40rem; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .swiper-slide{ padding:0 20rem; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide p{ margin-top:16rem; }

  .sub-vision .sec-vision5 .cont-type2 .btn-slide .on::before{ display: none; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .on strong{ color:#111; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .on p{ color:#111; }

  .sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn{ display: flex; justify-content: end; gap:8rem; margin-top:60rem; padding:0 20rem; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn > div{ position:relative; left:auto; right:auto; top:auto; margin:0; width:40rem; height:40rem; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn > div.swiper-button-next{ background:url('../images/icon-vision-type2-next.svg') no-repeat center / cover; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn > div.swiper-button-prev{ background:url('../images/icon-vision-type2-prev.svg') no-repeat center / cover; }
  .sub-vision .sec-vision5 .cont-type2 .btn-slide .ctr-btn > div svg{ display: none; }

  .sub-vision .sec-vision5 .cont-type3{ padding:0 20rem 160rem;  }
  .sub-vision .sec-vision5 .cont-type3 .cont-box:not(:last-child){ margin-bottom:160rem; }
  .sub-vision .sec-vision5 .cont-type3 .cont-box{ opacity: 0; transform: translateY(200rem); transition: all 1s ease;}
  .sub-vision .sec-vision5 .cont-type3 .cont-box.active{ opacity: 1; transform: translateY(0);}
  .sub-vision .sec-vision5 .cont-type3 .cont-tit{ margin-bottom:80rem; }

  .sub-vision .sec-vision5 .cont-type3 .swiper{ overflow: visible;}
  .sub-vision .sec-vision5 .cont-type3 .cont-box .img-box{ width:100%; height:auto; padding-bottom:100%; }
  .sub-vision .sec-vision5 .cont-type3 .cont-box .txt-box{ margin-top:20rem; }
  .sub-vision .sec-vision5 .cont-type3 .cont-box .txt-box p{ margin-top:12rem; }

  .sub-vision .sec-vision5 .cont-type3 .swiper-scrollbar{ position: relative; left:auto; top:auto; margin:40rem 0 0; opacity: 1 !important; height:1px; background:rgba(0,0,0,.12); border-radius:0; }
  .sub-vision .sec-vision5 .cont-type3 .swiper-scrollbar-drag{ background:#8F6B4A; border-radius:0;  }

}
/* own the 100  - design */
.sub-design .sec-design5 { background:#F1E8E0; }
.sub-design .sec-design5 .cont-type1{ position:relative; display: flex; align-items: center; padding:0 72rem; height:100vh; box-sizing:border-box; }
.sub-design .sec-design5 .cont-type1 .design-tit{ position:absolute; left:0; top:0; display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height: 100%; color:#fff; z-index: 10; text-align: center; pointer-events: none; }
.sub-design .sec-design5 .cont-type1 .design-tit h3{ position: relative; z-index: 1; overflow: hidden; }
.sub-design .sec-design5 .cont-type1 .design-tit span{ display: block; }
.sub-design .sec-design5 .cont-type1 .design-tit sup{ font-size: 0.5em; }
.sub-design .sec-design5 .cont-type1 .design-tit p{ position: relative; z-index: 1; margin-top:24rem; color:#fff; }
.sub-design .sec-design5 .cont-type1 .design-tit .bg{ position: absolute; left: 0; top:0; width:100%; height:100%; }
.sub-design .sec-design5 .cont-type1 .design-tit .bg img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}
.sub-design .sec-design5 .cont-type1 .design-tit .bg .dim{ position:absolute; left:0; top:0; width: 100%; height: 100%; background:#231F20; opacity: 0.4; z-index: 1;}
.sub-design .sec-design5 .cont-type1 .design-tit .m-bg{ display: none;}

.sub-design .sec-design5 .cont-type1 .left{ width:300rem; }
.sub-design .sec-design5 .cont-type1 .left .eng{ display: block; color:#70553D; }
.sub-design .sec-design5 .cont-type1 .left .tit{ display: block; margin-top:40rem; color:#111; }
.sub-design .sec-design5 .cont-type1 .left .num{ display: block; margin-top:120rem; color:#70553D; }

.sub-design .sec-design5 .cont-type1 .mid{ width:calc(100% - 600rem); height:720rem; }
.sub-design .sec-design5 .cont-type1 .mid .img-box{ position:absolute; left:50%; top:50%; width:1176rem; height:720rem; z-index:1;  overflow: hidden; transform: translate(-50%,-50%);}
.sub-design .sec-design5 .cont-type1.cont1 .mid .img-box{ width:100%; height:100%; }
.sub-design .sec-design5 .cont-type1 .mid .img-box > div{ position:absolute; left:50%; top:50%; width: 100%; height: 100%; transform:translate(-50%,-50%);}
/* .sub-design .sec-design5 .cont-type1 .mid .img-box.show > div{ width:calc(100% - 600rem); height:720rem; } */
.sub-design .sec-design5 .cont-type1 .mid .img-box > div[hidden]{ display: block !important;}
.sub-design .sec-design5 .cont-type1 .mid .img-box > div:first-child{ z-index: 5; }
.sub-design .sec-design5 .cont-type1 .mid .dim{ position:absolute; left:50%; top:50%; width: 100vw; height: 100vh; background:#231F20; opacity: 0.4; z-index:2; transform: translate(-50%,-50%); pointer-events: none;}

.sub-design .sec-design5 .cont-type1 .mid .img-box > div img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.sub-design .sec-design5 .cont-type1 .right{ padding:0 0 0 48rem; width:300rem; box-sizing:border-box; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li{ position: relative; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li button{ padding:24rem 0; width:100%; color:#111; text-align:left; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li:first-child button{ padding-top:0; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li.on button{ color:#70553D; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li::before{ content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#231F20; opacity: 0.2; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li::after{ content: ''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#8F6B4A; transition: width 0.7s ease; }
.sub-design .sec-design5 .cont-type1 .right .btn-box li.on::after{ width:100%; }

.sub-design .sec-design5 .cont-type2{ position: relative;}
.sub-design .sec-design5 .cont-type2 .bg{ position: relative; width: 100%; height: 100vh; }
.sub-design .sec-design5 .cont-type2 .bg img{ position:absolute; right:0; bottom:0; width: 100%; height: 100%; object-fit: cover;}
.sub-design .sec-design5 .cont-type2 .bg img.gray{ opacity: 0;}
.sub-design .sec-design5 .cont-type2 .sec-tit{ position:absolute; left:327rem; top:180rem; z-index: 1; }
.sub-design .sec-design5 .cont-type2 .sec-tit .eng{ display: block; color:#70553D; }
.sub-design .sec-design5 .cont-type2 .sec-tit .tit{ display: block; margin-top:40rem; color:#111; }
.sub-design .sec-design5 .cont-type2 .sec-tit .num{ display: block; margin-top:120rem; color:#70553D; }

.sub-design .sec-design5 .cont-type2 .cont-list{ position:absolute; width:100%; padding:0 72rem 200rem; box-sizing:border-box; }

.sub-design .sec-design5 .cont-type2 .cont-list .img-box{ position:relative; overflow: hidden;}
.sub-design .sec-design5 .cont-type2 .cont-list .img-box img{ position:absolute; left:0; top:0; width:100%; height:calc(100% + 200rem); object-fit: cover;}
.sub-design .sec-design5 .cont-type2 .cont-list .tit{ margin-top:24rem; }
.sub-design .sec-design5 .cont-type2 .cont-list .list-1{ margin-left:calc(100% - 1026rem); width:1026rem}
.sub-design .sec-design5 .cont-type2 .cont-list .list-1 .img-box{ width:1026rem; height:640rem; }
.sub-design .sec-design5 .cont-type2 .cont-list .list-2 { margin-top:-160rem; width:576rem; }
.sub-design .sec-design5 .cont-type2 .cont-list .list-2 .img-box{ width:576rem; height:400rem; }
.sub-design .sec-design5 .cont-type2 .cont-list .list-3{ margin-top:-150rem; margin-left:calc(100% - 1026rem); width:726rem; }
.sub-design .sec-design5 .cont-type2 .cont-list .list-3 .img-box{ width:726rem; height:400rem; }

.sub-design .sec-design5 .cont-type3 { padding-top:240rem; overflow: hidden;}
.sub-design .sec-design5 .cont-type3 .inner { padding:0 72rem 200rem; }
.sub-design .sec-design5 .cont-type3 .sec-tit{ position:relative; padding-left:150rem; margin-bottom:120rem; }
.sub-design .sec-design5 .cont-type3 .sec-tit .num{ position:absolute; left:0; top:0; color:#70553D; }
.sub-design .sec-design5 .cont-type3 .sec-tit .eng{ color:#70553D; }
.sub-design .sec-design5 .cont-type3 .sec-tit .tit{ margin-top:16rem; color:#111; }

.sub-design .sec-design5 .cont-type3 .list-wrap{ position:relative;  }
.sub-design .sec-design5 .cont-type3 .img-list{ display: inline-flex; align-items: flex-start; gap:40rem;  }
.sub-design .sec-design5 .cont-type3 .img-list li > div{ width:360rem; }
.sub-design .sec-design5 .cont-type3 .img-list li:first-child .img-box{ position:absolute; left:0; top:0; width:100%; height:880rem; z-index:1; opacity: 1; }
.sub-design .sec-design5 .cont-type3 .img-list li .img-box{ position: relative; width:360rem; height:360rem; overflow:hidden; opacity: 0 ; }
.sub-design .sec-design5 .cont-type3 .img-list li .img-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.sub-design .sec-design5 .cont-type3 .img-list li p{ margin-top:24rem; color:#111; opacity: 0 ; }

@media screen and (max-width: 1024px) {
  .sub-design .sec-design5{ overflow: hidden;}
  .sub-design .sec-design5 .cont-type1{ display:block; padding:0 20rem 120rem; height:auto; }
  .sub-design .sec-design5 .cont-type1 .design-tit{ position:relative; left:auto; top:auto; margin-bottom:120rem; width:100%; height: 100vh; }
  .sub-design .sec-design5 .cont-type1 .design-tit .tit-box{ position:relative; z-index:1; }
  .sub-design .sec-design5 .cont-type1 .design-tit span{ font-size:48rem; letter-spacing: 0; }
  .sub-design .sec-design5 .cont-type1 .design-tit p{ margin-top:12rem; }
  .sub-design .sec-design5 .cont-type1 .design-tit .m-bg{ display: block; position:absolute; left:-20rem; top:0; width:calc(100% + 40rem); height:100%; z-index: 0;}
  .sub-design .sec-design5 .cont-type1 .design-tit .m-bg::before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#231F20; opacity: 0.4; z-index:1;  }
  .sub-design .sec-design5 .cont-type1 .design-tit .m-bg img{ position:absolute; left:-20rem; top:0; width:calc(100% + 40rem); height:100%; object-fit: cover;  }

  .sub-design .sec-design5 .cont-type1 .left{ width:100%; }
  .sub-design .sec-design5 .cont-type1 .left .tit{ margin-top:24rem; }
  .sub-design .sec-design5 .cont-type1 .left .num{ margin-top:48rem;}
  .sub-design .sec-design5 .cont-type1 .mid{ margin-top:64rem; width:100%; height:auto; }
  .sub-design .sec-design5 .cont-type1 .mid .img-box{ position:relative; left:auto; top:auto; width:100%; height:0; padding-bottom:70%; transform: translate(0,0);}
  .sub-design .sec-design5 .cont-type1 .mid .dim{ display:none; }

  .sub-design .sec-design5 .cont-type1 .right{ margin-top:40rem; padding:0; width:100%; }

  .sub-design .sec-design5 .cont-type2{ padding-bottom:120rem;  }
  .sub-design .sec-design5 .cont-type2 .bg{ position:absolute; right:0; bottom:0; width:100%; height:100%; }
  .sub-design .sec-design5 .cont-type2 .bg img{ right:-40%; width:140%; height:auto; }
  .sub-design .sec-design5 .cont-type2 .bg img.color{ display: none;}
  .sub-design .sec-design5 .cont-type2 .bg img.gray{ opacity: 1;}
  .sub-design .sec-design5 .cont-type2 .sec-tit{ position:relative; left:auto; top:auto; padding:0 20rem; }
  .sub-design .sec-design5 .cont-type2 .sec-tit .tit{ margin-top:24rem; }
  .sub-design .sec-design5 .cont-type2 .sec-tit .num{ margin-top:48rem; }

  .sub-design .sec-design5 .cont-type2 .cont-list{ position:relative; width:100%; margin-top:64rem; padding:0 20rem; box-sizing:border-box; }
  .sub-design .sec-design5 .cont-type2 .cont-list .img-box img{ height:calc(100% + 50rem); }

  .sub-design .sec-design5 .cont-type2 .cont-list .tit{ margin-top:19rem; }
  .sub-design .sec-design5 .cont-type2 .cont-list .list-1{ margin-left:0; padding-left:17%; width:100%; }
  .sub-design .sec-design5 .cont-type2 .cont-list .list-1 .img-box{ width:100%; height:0; padding-bottom:62%;  }
  .sub-design .sec-design5 .cont-type2 .cont-list .list-2 { margin-top:48rem; padding-right:34%; width:100%; }
  .sub-design .sec-design5 .cont-type2 .cont-list .list-2 .img-box{ width:100%; height:0; padding-bottom:70%;}
  .sub-design .sec-design5 .cont-type2 .cont-list .list-3{ margin-top:48rem; margin-left:0; padding-right:17%; width:100%; }
  .sub-design .sec-design5 .cont-type2 .cont-list .list-3 .img-box{ width:100%; height:0; padding-bottom:55%; }

  .sub-design .sec-design5 .cont-type3 { padding-top:120rem; }
  .sub-design .sec-design5 .cont-type3 .inner { padding:0 20rem 120rem; }
  .sub-design .sec-design5 .cont-type3 .sec-tit{ padding-left:0; margin-bottom:64rem; }
  .sub-design .sec-design5 .cont-type3 .sec-tit .num{ display: block; position:relative; left:auto; top:auto; }
  .sub-design .sec-design5 .cont-type3 .sec-tit .eng{display: block;  margin-top:48rem; }
  .sub-design .sec-design5 .cont-type3 .sec-tit .tit{ margin-top:24rem; }

  .sub-design .sec-design5 .cont-type3 .img-list{ gap:24rem; }
  .sub-design .sec-design5 .cont-type3 .img-list li > div{ width:260rem; }
  .sub-design .sec-design5 .cont-type3 .img-list li:first-child .img-box{ width:calc(100vw - 40rem); height:350rem; }
  .sub-design .sec-design5 .cont-type3 .img-list li .img-box{ width:260rem; height:260rem; }
  .sub-design .sec-design5 .cont-type3 .img-list li p{ margin-top:20rem; }
}
/* own the 100  - unit */
.sub-unit .sec-unit6{ padding:240rem 0 0; background:#F1E8E0; overflow: hidden;}

.sub-unit .sec-unit6 .sec-tit .eng{ display: block; color:#70553D; }
.sub-unit .sec-unit6 .sec-tit .tit{ margin-top:40rem; color:#111; }
.sub-unit .sec-unit6 .sec-tit .txt{ margin-top:24rem; color:#111; }
.sub-unit .sec-unit6 .sec-tit .num{ display: block; margin-top:80rem; color:#70553D;  }

.sub-unit .sec-unit6 .cont-type1{ padding-bottom:240rem; }
.sub-unit .sec-unit6 .cont-type1 .inner{ position:relative; margin:0 auto; width: calc(100% - 144rem); }
.sub-unit .sec-unit6 .cont-type1 .inner .num{ position: absolute; right: 0; top:0; color:#70553D; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap{ display: flex; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .left{ width:1050rem; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .left .big-img{ position:relative; width:100%; height:800rem; /*clip-path: inset(0 0 0% 0); transition: all 0.7s ease;*/ }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .left .big-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right{ display: flex; flex-direction: column; justify-content: space-between; padding-left:64rem; width:calc(100% - 1050rem); box-sizing:border-box; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box{ opacity: 0; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box .eng{ display: block; color:#70553D; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box .tit{ display: block; margin-top:64rem; color:#111; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box .txt{ margin-top:24rem; max-width: 495rem;  color:#111; }

.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .small-img{ display: flex; justify-content: right;}
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .small-img div{ position:relative; width:276rem; height:276rem; clip-path: inset(0 0 0% 0); transition: all 0.7s ease; }
.sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .small-img div img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}

.sub-unit .sec-unit6 .cont-type1 .ctr-btn{ display: flex; gap:30rem; position:absolute; left:1114rem; bottom:0; z-index:1; }
.sub-unit .sec-unit6 .cont-type1 .ctr-btn > div{ position: relative; left:auto; right:auto; bottom:auto; top:auto; margin:0; width:13rem; height:23rem; }
.sub-unit .sec-unit6 .cont-type1 .ctr-btn > div svg{ display: none;}
.sub-unit .sec-unit6 .cont-type1 .ctr-btn .swiper-button-prev{ background:url('../images/icon-unit-slide-prev.svg') no-repeat center / cover; }
.sub-unit .sec-unit6 .cont-type1 .ctr-btn .swiper-button-next{ background:url('../images/icon-unit-slide-next.svg') no-repeat center / cover; }

.sub-unit .sec-unit6 .cont-type1 .swiper-fade .swiper-slide{ opacity: 1 !important; }

.sub-unit .sec-unit6 .cont-type2{ display: flex; align-items: center; height: 100vh; overflow: hidden; }
.sub-unit .sec-unit6 .cont-type2 .inner{ display: flex; margin:0 auto; width: calc(100% - 144rem); }
.sub-unit .sec-unit6 .cont-type2 .left{ width: 33.75%; }

.sub-unit .sec-unit6 .cont-type2 .right{ width:66.25%; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box{ display: flex; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box{ position:relative; width:576rem; height:640rem; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box div{ position:absolute; left:0; top:0; width:100%; height:100%; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box div[hidden]{ display: block !important;}
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box div:first-child{ z-index:3 }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box div img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box{ display: flex; flex-direction: column; justify-content: space-between; padding-left: 80rem; width:calc(100% - 576rem); }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box > strong{ display: block; color:#111;}
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li{ position: relative; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li button{ padding:24rem 0; width:100%; color:#111; text-align:left; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li.on button{ color:#70553D; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li::before{ content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#231F20; opacity: 0.2; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li::after{ content: ''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#8F6B4A; transition: width 0.7s ease; }
.sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li.on::after{ width:100%; }
.sub-unit .sec-unit6 .cont-type2 .right .ctr-btn{ position:absolute; right:0; top:0;  display: flex; gap:16rem; z-index: 1; }
.sub-unit .sec-unit6 .cont-type2 .right .ctr-btn > div{ position:relative; left:auto; top:auto; margin:0;width:32rem; height:32rem; }
.sub-unit .sec-unit6 .cont-type2 .right .ctr-btn > div svg{ display: none; }
.sub-unit .sec-unit6 .cont-type2 .right .swiper-button-next{ background:url('../images/icon-unit-type2-slide-next.svg') no-repeat center / cover; }
.sub-unit .sec-unit6 .cont-type2 .right .swiper-button-prev{ background:url('../images/icon-unit-type2-slide-prev.svg') no-repeat center / cover; }

.sub-unit .sec-unit6 .cont-type3{ padding-top:200rem; overflow:hidden; }
.sub-unit .sec-unit6 .cont-type3 .sec-tit{ margin-bottom:240rem; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box{ position:relative; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box{ position:relative; height:100vh; overflow: hidden; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box > div{ position:absolute; left:0; top:0; width: 100%; height: 100%; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box > div[hidden]{ display: block !important;}
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box > div.on{ z-index:1; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box img{ position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit: cover; transform: translate(-50%,-50%); transition: all 1.2s ease; opacity: 0;}
.sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box > div.on img{ transform: translate(-50%,-50%); opacity: 1;}
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box{ position:absolute; left:0; bottom:0; display: flex; width: 100%; padding:0 72rem 72rem; box-sizing:border-box; z-index:10; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button{ position:relative; flex:1; display: flex; justify-content: center; align-items: center; height:120rem; color:#fff; border-top: 1px solid rgba(255, 255, 255, 0.40); border-right: 1px solid rgba(255, 255, 255, 0.40); }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button:last-child{ border-right:0; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button::before{ content: ''; position: absolute; left: 0; bottom:0; width:100%; height:0; background:rgba(74, 56, 40, 0.70); backdrop-filter: blur(4px); transition: all 0.7s ease;}
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button.on::before{ height:100%; }
.sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button span{ position: relative; z-index: 1;}

@media screen and (min-width: 1025px) {
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box{ position:relative; left:150rem; opacity: 0; transition: opacity 0.5s ease, left 0s 0.7s;}
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box{ position:relative; left:150rem; opacity: 0; transition: opacity 0.5s ease, left 0s 0.7s; }

  .sub-unit .sec-unit6 .cont-type2 .right .active .cont-box .img-box{ left:0; opacity:1; transition: all 1s ease; }
  .sub-unit .sec-unit6 .cont-type2 .right .active .cont-box .txt-btn-box{ left:0; opacity:1; transition: all 1s ease; transition-delay: 0.3s;}

}

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

  .sub-unit .sec-unit6{ padding:160rem 0 0;  }

  .sub-unit .sec-unit6 .cont-type1{ padding-bottom:160rem; }
  .sub-unit .sec-unit6 .cont-type1 .inner{ width: calc(100% - 40rem); }
  .sub-unit .sec-unit6 .cont-type1 .inner .num{ left:0; right:auto; bottom:0; top:auto; }
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap{ flex-direction: column;}
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .left{ width:100%; }
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .left .big-img{ height:0; padding-bottom:70%; }
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .right{ padding-left:0; margin-top:60rem; width:100%; }
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box .tit{ margin-top:40rem; }
  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .txt-box .txt{ margin-top:24rem; max-width: 100%; }

  .sub-unit .sec-unit6 .cont-type1 .cont-wrap .right .small-img{ display:none; }

  .sub-unit .sec-unit6 .cont-type1 .ctr-btn{ position:relative; left:auto; right:0; bottom:0; gap:8rem; justify-content: end; margin-top:60rem; }
  .sub-unit .sec-unit6 .cont-type1 .ctr-btn > div{ position: relative; left:auto; right:auto; bottom:auto; top:auto; margin:0; width:40rem; height:40rem; }
  .sub-unit .sec-unit6 .cont-type1 .ctr-btn > .swiper-button-next{ background:url('../images/icon-unit-slide-next-mo.svg') no-repeat center / cover; }
  .sub-unit .sec-unit6 .cont-type1 .ctr-btn > .swiper-button-prev{ background:url('../images/icon-unit-slide-prev-mo.svg') no-repeat center / cover; }

  .sub-unit .sec-unit6 .cont-type2{ margin-bottom:160rem; height:auto; }
  .sub-unit .sec-unit6 .cont-type2 .sec-tit .num{ margin-top:48rem; }
  .sub-unit .sec-unit6 .cont-type2 .inner{ flex-direction: column; width: calc(100% - 40rem); }
  .sub-unit .sec-unit6 .cont-type2 .left{ width: 100%; }

  .sub-unit .sec-unit6 .cont-type2 .right{ margin-top:64rem; width:100%; }
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box{ flex-direction: column ;}
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .img-box{  width:100%; height:0; padding-bottom:120%; }
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box{ position:relative; top:100rem; margin-top:40rem; padding-left: 0; width:100%; opacity: 0 ; transition: opacity 0.5s ease, top 0s 1s;}
  .sub-unit .sec-unit6 .cont-type2 .right .active .cont-box .txt-btn-box{ top:0; opacity: 1;  transition: all 1s ease;}
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box{ margin-top:60rem; }
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li button{ padding:24rem 0; }
  .sub-unit .sec-unit6 .cont-type2 .right .cont-box .txt-btn-box .btn-box li:first-child button{ padding-top:0; }
  .sub-unit .sec-unit6 .cont-type2 .right .ctr-btn{ gap:8rem; top:auto; bottom:258rem; }
  .sub-unit .sec-unit6 .cont-type2 .right .ctr-btn > div{ width:40rem; height:40rem; }
  .sub-unit .sec-unit6 .cont-type2 .right .swiper-button-next{ background:url('../images/icon-unit-slide-next-mo.svg') no-repeat center / cover; }
  .sub-unit .sec-unit6 .cont-type2 .right .swiper-button-prev{ background:url('../images/icon-unit-slide-prev-mo.svg') no-repeat center / cover; }

  .sub-unit .sec-unit6 .cont-type3{ padding-top:0;  }
  .sub-unit .sec-unit6 .cont-type3 .sec-tit{ margin:0 auto 80rem; width:270rem; }
  .sub-unit .sec-unit6 .cont-type3 .gallery-box{ position:relative; }
  .sub-unit .sec-unit6 .cont-type3 .gallery-box .img-box{ height:844; }
  .sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box{ padding:0 20rem 20rem; }
  .sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button{ height:100rem; }
  .sub-unit .sec-unit6 .cont-type3 .gallery-box .tab-box button span{ font-size: 20rem; }
}

/* 고객지원 - 1:1문의 */
.board-area .cont-area.inquiry>div {position: relative;}
.board-area .cont-area .inquiry-btn-area {display: flex; align-items: center; gap: 24rem; position: absolute; right: 0; top: -6rem;}
.board-area .cont-area .inquiry-btn {font-size: 18rem; line-height: 160%; letter-spacing: -0.72rem; padding: 9rem 24rem;}
.board-area .cont-area .inquiry-btn-area-footer {display: flex; justify-content: center; align-items: center; margin-top: 80rem; position: relative; height: 48rem;}
.board-area .cont-area .inquiry-btn-area-footer .inquiry-btn {position: absolute; right: 0;}
.board-area .cont-area .inquiry-btn-area-footer .pagination {margin-top: 0;}
.board-area .cont-area .total {margin-bottom: 30rem; color: #6E7072;}
.board-area .cont-area .total span {color: #70553D; margin-left: 8rem;}

.sub-inquiry-process .sub-contents {padding: 240rem 0 200rem;}
.sub-inquiry-process .tit-dep1 .back-btn {width: 48rem; height: 48rem; background: url(../images/ico-news-board-back.svg) no-repeat; background-size: cover; margin-bottom: 40rem;}
.sub-inquiry-process .label-value-list.bak .dt-wide {padding: 0 40rem;}
.sub-inquiry-process .label-value-list dd .file-view {background: unset; flex-direction: row; gap: 24rem; padding: 0; flex-wrap: wrap;}
.sub-inquiry-process .label-value-list dd .badge-round {margin-left: 0; padding: 8rem 13rem;}
.sub-inquiry-process .btn-area {margin-top: 80rem !important;}
.sub-inquiry-process .btn-area.delete {margin-top: 30rem !important;}
.sub-inquiry-process .btn-area.delete a {padding: 10rem 24rem; min-width: 80rem;}

.sub-inquiry-process .rsv-process-panel.rsv-txt .half {border-bottom: 1px solid #E8E8E8; padding-bottom: 120rem;}
.sub-inquiry-process .rsv-process-panel.rsv-txt {gap: 120rem;}
.sub-inquiry-process .rsv-process-panel.rsv-txt .form-input-area .inquiry-txt-area {width: 100%; max-width: 640rem; height: 480rem; overflow-y: auto !important; padding: 16rem; border: 1px solid #8A8C8E;}
.sub-inquiry-process .rsv-process-panel.rsv-txt .form-input-area .txt-count {color: #6E7072; margin-top: 10rem;}

@media screen and (max-width: 1024px) {
  .board-area .form-panel {gap: 60rem !important;}
  .board-area .cont-area.inquiry>div {padding-top: 190rem;}
  .board-area .cont-area .inquiry-btn-area {flex-direction: column; align-items: flex-start; right: unset; left: 0; top: 0;}
  .board-area .cont-area .inquiry-btn-area .inquiry-btn {font-size: 16rem; line-height: 160%; letter-spacing: -0.64px;}
  .board-area .cont-area .inquiry-btn-area-footer {flex-direction: column; height: auto; gap: 40rem;}
  .board-area .cont-area .inquiry-btn-area-footer .inquiry-btn {position: unset; width: 100%;}

  .sub-inquiry-process .sub-contents {padding: 120rem 0 100rem;}
  .sub-inquiry-process .label-value-list dl.dt-wide dt {width: 80rem;}
  .sub-inquiry-process .label-value-list dd {width: calc(100% - 100rem) !important; word-break: break-all;}
  .sub-inquiry-process .label-value-list dd .file-view {flex-direction: column; gap: 12rem;}
  .sub-inquiry-process .label-value-list.bak .dt-wide {padding: 0 16rem;}

  .sub-inquiry-process .rsv-process-panel.rsv-txt {gap: 80rem;}
  .sub-inquiry-process .rsv-process-panel.rsv-txt .half {padding-bottom: 80rem;}
  .sub-inquiry-process .rsv-process-panel.rsv-txt .form-input-area .inquiry-txt-area {height: 240rem;}
}

@media screen and (max-width: 768px) {
  .board-area .cont-area .total {margin-bottom: 30rem;}
  .sub-inquiry-process .tit-dep1 .back-btn {width: 24rem; height: 24rem;}
}

/* 고객지원 - 공지사항 */



/* 최신소식 */
.sub-news .form-panel {gap: 80rem;}
.sub-news .form-panel .search-txt-box-arr {width: 426rem;}
.sub-news .cont-area .cont-news-list {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24rem; row-gap: 160rem;}
.sub-news .cont-area .cont-news-list .card .img-area {height: 320rem;}
.sub-news .cont-area .cont-news-list .card .img-area img {width: 100%; height: 100%; object-fit: cover;}
.sub-news .cont-area .cont-news-list .card .txt-area {display: flex; flex-direction: column; gap: 12rem; margin-top: 30rem;}
.sub-news .cont-area .cont-news-list .card .txt-area .category,
.sub-news.board .board-news-wrap .board-news-top .txt-area .category {color: #70553D;}
.sub-news .cont-area .cont-news-list .card .txt-area .tit {margin-bottom: 12rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word;}
.sub-news .cont-area .cont-news-list .card .txt-area .date,
.sub-news.board .board-news-wrap .board-news-top .txt-area .date {color: #6E7072;}
.sub-news.board .sub-contents {padding: 200rem 0 200rem 0;}
.sub-news.board .board-news-wrap .board-news-top .back-btn {width: 48rem; height: 48rem; background: url(../images/ico-news-board-back.svg) no-repeat; background-size: cover;}
.sub-news.board .board-news-wrap .board-news-top .txt-area {margin-top: 40rem; display: flex; flex-direction: column; gap: 20rem; margin-bottom: 80rem;}
.sub-news.board .board-news-wrap .board-news-top .txt-area .tit {margin-bottom: 20rem;}
.sub-news.board .board-news-wrap .img-area img {width: 100%;}
.sub-news.board .board-news-wrap .main-txt-area {margin-top: 80rem; color: #6E7072; display: flex; flex-direction: column; max-width: 100%;}
.sub-news.board .board-news-wrap .main-txt-area p {font-size: 20rem; line-height: 160%; letter-spacing: -0.8rem;}
.sub-news.board .board-news-wrap .main-txt-area img {max-width: 100%; width: auto; height: auto;}
.sub-news.board .board-news-wrap .file-area {background: #F8F8F8; padding: 30rem 40rem; margin-top: 80rem;}
.sub-news.board .board-news-wrap .file-area .files {display: flex; flex-direction: column; gap: 12rem;}
.sub-news.board .board-news-wrap .file-area .files a span:hover {color: #111; border-bottom: 1px solid #000; width: fit-content;}
.sub-news.board .board-news-wrap .file-area .files a img {margin-right: 16rem;}
.sub-news.board .board-news-wrap .btn-area {margin-top: 80rem;}

@media screen and (max-width: 1024px) {
  .sub-news .form-panel {gap: 40rem;}
  .sub-news .board-top {flex-direction: column; gap: 40rem;}
  .sub-news .cont-area .cont-news-list {grid-template-columns: repeat(2, 1fr); row-gap: 60rem;}
  .sub-news.board .board-news-wrap .main-txt-area p {font-size: 18rem; letter-spacing: -0.72rem;}
}
@media screen and (max-width: 768px) {
  .sub-news.board .sub-contents {padding: 100rem 0 100rem 0;}
  .sub-news.board .board-news-wrap .board-news-top .back-btn {width: 24rem; height: 24rem;}
  .sub-news.board .board-news-wrap .board-news-top .txt-area {margin-bottom: 60rem;}
  .sub-news.board .board-news-wrap .main-txt-area {margin-top: 60rem;}
  .sub-news.board .board-news-wrap .file-area {margin-top: 60rem; padding: 30rem 20rem;}
  .sub-news.board .board-news-wrap .btn-area {margin-top: 80rem;}
  .sub-news .cont-area .cont-news-list {grid-template-columns: 1fr; row-gap: 60rem;}
  .sub-news .cont-area .cont-news-list .card .img-area {height: 262rem;}
  .sub-news .cont-area .cont-news-list .card + .card {border-top: 1px solid #E8E8E8; padding-top: 60rem;}
}


/* 서비스예약 - 목록 */
.sub-reservation .form-panel {gap: 80rem;}
.sub-reservation .cont-area .total {margin-bottom: 40rem; color: #6E7072;}
.sub-reservation .cont-area .total span {color: #70553D; margin-left: 8rem;}
.sub-reservation .cont-area .service-list {width: 100%;  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem;}
.sub-reservation .cont-area .service-list .list {position: relative; padding: 60rem; display: flex; flex-direction: column; align-items: flex-start; gap: 60rem;}
.sub-reservation .cont-area .service-list .list::before{ content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; border: 1px solid #D0D1D2; box-sizing: border-box; pointer-events: none; transition: all 0.05s ease; }
.sub-reservation .cont-area .service-list .list:hover::before,
.sub-reservation .cont-area .service-list .list:focus-within::before {border: 2px solid #231F20;}
.sub-reservation .cont-area .service-list .list .area {color: #70553D; text-decoration: underline;  text-underline-offset: 12rem;}
.sub-reservation .cont-area .service-list .list .txt-area .tit {font-size: 32rem; line-height: 130%; letter-spacing: -1.28rem; color: #111; font-weight: 600; margin-bottom: 20rem;}
.sub-reservation .cont-area .service-list .list .detail-txt {font-weight: 400; color: #6E7072; margin-left: 40rem;}
.sub-reservation .cont-area .service-list .list .txt-area p + p {margin-top: 12rem;}
.sub-reservation .cont-area .service-list .list .txt-area .date-area {margin-top: 12rem; margin-bottom: 12rem;}
.sub-reservation .cont-area .service-list .list .txt-area .date {color: #70553D; padding: 6rem 12rem; background: #F1E8E0; border-radius: 100rem; margin-left: 12rem;}
.sub-reservation .cont-area .service-list .list .txt-area .date.none {color: #6E7072; background: #F3F3F4;}
.sub-reservation .btn-area {margin-top: 20rem;}
.sub-reservation .btn-area a span {color: #6E7072; font-weight: 400; margin-left: 8rem;}
.sub-reservation .cont-area .service-list .list .state {border: 1px solid #8F6B4A; border-radius: 3rem; padding: 6rem 12rem; position: absolute; right: 60rem; top: 60rem;}
.sub-reservation .cont-area .service-list .list .state p {color: #70553D;}
.sub-reservation .cont-area .service-list .list .state.past {border: 1px solid #6E7072;}
.sub-reservation .cont-area .service-list .list .state.past p {color: #6E7072;}
.sub-reservation .btn-area.total-area {margin-top: 80rem;}
.sub-reservation .cont-area .service-list.my-reservation .list .txt-area .tit {margin-bottom: 30rem;}

@media screen and (max-width: 1024px) {
  .sub-reservation .form-panel.service-panel {gap: 40rem;}
  .sub-reservation .cont-area .total {margin-bottom: 40rem;}
  .sub-reservation .cont-area .service-list {grid-template-columns: 1fr;}
  .sub-reservation .cont-area .service-list .list .txt-area .tit {font-size: 26rem;}
  .sub-reservation .cont-area .service-list .list .state {top: unset; right: 30rem; padding: 4rem 12rem;}
  .sub-reservation .cont-area .service-list .list .detail-txt {margin-left: 10rem;}
  .sub-reservation .cont-area .service-list .list .txt-area .date {margin-left: 4rem; font-size: 16rem; padding: 4rem 8rem;}
  .sub-reservation .cont-area .service-list.my-reservation .list .txt-area .tit {margin-bottom: 20rem;}
  .sub-reservation .cont-area .service-list .list .txt-area .date-area {margin-top: 8rem; margin-bottom: 8rem;}
  .sub-reservation .btn-area a {font-size: 16rem; padding: 11rem 24rem;}
  .sub-reservation .cont-area .service-list .list {padding: 30rem; gap: 40rem;}
}

/* 서비스예약 - 신청 */
.sub-rsv-process .tit-dep1 .tit{ color:#111; }
.sub-rsv-process .tit-dep2{ margin-bottom:30rem; }
.sub-rsv-process .tit-dep2 .tit{ color:#111; }

.sub-rsv-process .rsv-info{ position: relative; margin-top:40rem; padding:60rem 20rem; border-top:2px solid #231F20; border-bottom:1px solid #D0D1D2; }
.sub-rsv-process .rsv-info .info1{ display: flex; justify-content: space-between; flex-direction: row-reverse; }
.sub-rsv-process .rsv-info .badge span{ display: inline-block; padding:5rem 11rem; color:#70553D; border:1px solid #8F6B4A; border-radius:3rem; white-space: nowrap; }
.sub-rsv-process .rsv-info .place{ color:#6E7072; }
.sub-rsv-process .rsv-info .place strong{ display: inline-block; margin-right:20rem; padding-bottom:12rem; color:#70553D; border-bottom:3px solid #70553D; }
.sub-rsv-process .rsv-info .tit{ display: block; margin-top:40rem; color:#111; }
.sub-rsv-process .rsv-info .period{ display: block; margin-top:20rem; color:#6E7072; }

.rsv-process-panel{ display: flex; flex-direction: column; gap:160rem; margin-top:120rem; }
.rsv-process-panel > section.half{ display: flex; gap:24rem; }
.rsv-process-panel > section.half > div { width:50%; }

.sub-rsv-process .rsv-guide .img-box{ margin-bottom:60rem; }

.sub-rsv-process .label-value-list .service .row{ display: flex; justify-content: space-between; align-items:center; flex-direction: row-reverse; }
.sub-rsv-process .label-value-list .service .type{  color:#70553D; }
.sub-rsv-process .label-value-list .service .badge{white-space: nowrap;}
.sub-rsv-process .label-value-list .service strong{ display: block; margin-top:4rem; color:#111; }

.sub-rsv-process .btn-area{ margin-top:120rem;}

@media screen and (max-width: 1024px) {
  .sub-rsv-process .tit-dep2{ margin-bottom:30rem; }

  .sub-rsv-process .rsv-info{ margin-top:30rem; padding:40rem 20rem; }
  .sub-rsv-process .rsv-info .info1{ gap:20rem; }
  .sub-rsv-process .rsv-info .badge span{ padding:3rem 7rem; border-radius:3rem; }
  .sub-rsv-process .rsv-info .place strong{ padding-bottom:10rem; }
  .sub-rsv-process .rsv-info .place span{ display: block; margin-top:17rem; }
  .sub-rsv-process .rsv-info .tit{ margin-top:45rem;  }
  .sub-rsv-process .rsv-info .period{ margin-top:20rem; }

  .rsv-process-panel{ gap:80rem; margin-top:60rem; }
  .rsv-process-panel > section.half{ flex-direction: column; gap:0; }
  .rsv-process-panel > section.half > div { width:100%; }

  .sub-rsv-process .rsv-guide .img-box{ margin-bottom:60rem; }
  .sub-rsv-process .btn-area{ margin-top:80rem;}

}


/* 개인정보처리방침 */
.form-panel.footer-panel .form-warning {margin-bottom: 0; color: #6E7072;}
.btn-primary.color {background: #70553D; border: none; width: fit-content; padding: 17rem 24rem;}
.form-panel.footer-panel .cont-area {display: flex; flex-direction: column; gap: 100rem; margin-top: 60rem;}
.form-panel.footer-panel .cont-area .sub-tit {color: #6E7072; margin-top: 12rem;}
.form-panel.footer-panel .cont-area .personal-list {width: 100%;}
.form-panel.footer-panel .cont-area .personal-list ul {margin-top: 40rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem;}
.form-panel.footer-panel .cont-area .personal-list .item {border: 1px solid #D0D1D2; padding: 40rem; display: flex; gap: 40rem; align-items: center;}
.form-panel.footer-panel .cont-area .personal-list .item .icon {width: 72rem;}
.form-panel.footer-panel .cont-area .personal-list .item .icon img {width: 100%;}
.form-panel.footer-panel .cont-area .personal-list .item .txt-area {color: #111; width: calc(100% - 72rem);}
.form-panel.footer-panel .cont-area .personal-list .item .txt-area .txt {margin-top: 8rem; color: #6E7072;}

@media screen and (max-width: 768px) {
  .form-panel.footer-panel {gap: 30rem;}
  .form-panel.footer-panel .btn-area .privacy-btn {width: 100%;}
  .form-panel.footer-panel .cont-area {margin-top: 50rem;}
  .form-panel.footer-panel .cont-area .sub-tit {word-break: break-all;}
  .form-panel.footer-panel .cont-area .personal-list ul {grid-template-columns: 1fr; gap: 20rem;}
  .form-panel.footer-panel .cont-area .personal-list .item {width: 100%; padding: 20rem; gap: 20rem;}
  .form-panel.footer-panel .cont-area .personal-list .item .icon {width: 48rem;}
  .form-panel.footer-panel .cont-area .personal-list .item .txt-area {width: calc(100% - 48rem);}
  .sub-footer .board-top .btn-search {min-width: 100rem;}
}
/* 이용약관 */
.form-panel.footer-panel {gap: 40rem;}
.sub-footer .form-panel.footer-panel .terms-area {display: flex; flex-direction: column; gap: 100rem;}
.sub-footer .footer-panel .policy-area {padding: 60rem; border: 1px solid #D0D1D2; gap: 80rem; justify-content: space-between;     align-items: flex-start;}
.sub-footer .footer-panel .policy-area .list-wrap{ flex:1; }
.sub-footer .footer-panel .policy-area .list-wrap li + li {margin-top: 20rem;}
.sub-footer .footer-panel .policy-area .list-wrap .item {color: #535455;}
.sub-footer .footer-panel .policy-area .list-wrap .item button:hover {color: #111; width: fit-content; font-weight: 600; cursor: pointer; text-decoration: underline;}
 .sub-footer .footer-panel .policy-area .list-wrap .item button{ white-space: inherit; text-align: left;}
.sub-footer .footer-panel .policy-txt-area {display: flex; flex-direction: column; gap: 30rem;}
.sub-footer .footer-panel .policy-txt-area p,
.sub-footer .footer-panel .policy-txt-area li {color: #6E7072;}
.sub-footer .footer-panel .policy-txt-area .num-txt li + li {margin-top: 12rem;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt {list-style: decimal; padding-left: 20rem;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt li {list-style: decimal;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt.type2 {padding-left: 0;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt.type2 li.circle-num {list-style: none; display: flex; align-items: flex-start; gap: 6rem;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt.type2 li.circle-num.last {margin-top: 12rem;}
.sub-footer .footer-panel .policy-txt-area ol.num-txt.type2 .num-txt-wrap {list-style: none;}

@media screen and (max-width: 1024px) {
  .sub-footer .footer-panel .policy-area{ padding:40rem; gap:20rem; }
}
@media screen and (max-width: 768px) {
  .sub-footer .footer-panel .policy-area {flex-direction: column; gap: 20rem; padding: 20rem; align-items: flex-start;}
  .sub-footer .form-panel.footer-panel .terms-area {gap: 80rem;}
  .sub-footer .table-wrap {margin-top: 10rem;}
  .sub-footer .table-wrap table {width: max-content;}
}
/* 이메일 무단 수집 거부 */
.sub-footer .sub-contents .form-panel.type-bg {background: #FCF9F7; padding: 80rem;}
.sub-footer .sub-contents .form-panel.type-bg .status-panel {padding-top: 0;}
.status-panel .tit.e-icon {padding-top: 94rem; background: url(../images/ico-email-refuse.svg) no-repeat center top / 64rem auto;}

@media screen and (max-width: 1024px) {
  .sub-footer .sub-contents .form-panel.type-bg {padding:60rem 20rem;}
}