@charset "utf-8";

/*========================================================================================================================================= */
/*================================================================ common ================================================================= */
/*========================================================================================================================================= */

/*section:last-of-type {padding-bottom: 120px;}*/
main {overflow: hidden;}

/* .link {position: absolute; top: -120px; left: 0;} */
.res-bg{padding: 120px 0 !important;}
.title-num{display: flex;  padding-top: 5px; margin: 0 auto 10px; background: #7fcef4; color: #fff; font-size: 30px; width: 60px; height: 60px; align-items: center; justify-content: center; font-family: 'NanumSquare',san-serif; font-weight: 700; transform: skew(-0.1deg); border-radius: 50%;}

.stick ul.flex li h6{background: #7fcef4; color: #fff; padding: 10px;  font-weight: 700; transform: skew(-0.1deg);}
.stick ul.flex li:nth-child(2n) h6{background: #006a65;}



/* 미들 타이틀 (작은 타이틀) */
.middle-title {text-align: center; margin-bottom: 40px;} 
.middle-title p {font-weight: 400; white-space: pre-line; margin-top: 20px;}
.middle-title h3,
.middle-title h4 {line-height: 1.4; font-weight: 900; transform: skew(-0.1deg); white-space: pre-line;} 
.middle-title h5,
.middle-title h6 {font-weight: 700; transform: skew(-0.1deg); white-space: pre-line;} 
.middle-title > span.num::before {font-weight: 400; transform: skew(-0.1deg); margin: 0 auto 20px;} 


/* 테이블 스타일 */
.table-wrap {text-align: center;}
.table-wrap .middle-title h4 {display: inline-block; padding: 12px 20px 8px; background-color: #7fcef4; color: #fff;}
.table-wrap table {width: 100%; white-space: pre-line;}
.table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 18px; padding: 15px 10px; border: 1px solid #eee; vertical-align: middle;}
.table-wrap table thead tr, .table-wrap table tbody tr th {background: #f5f5f5; font-weight: 600;}
.table-wrap .imp-icon img{max-width: 50px; margin-bottom: 10px;}


/* 사진 들어간 테이블 */
.photo-table table {text-align: center; width: 100%;}
.photo-table table tr, .photo-table table tr td {padding: 15px 10px; border: 1px solid #ccc; vertical-align: middle;}
.photo-table table td {white-space: pre-line;}
.photo-table table thead tr:first-of-type td, .photo-table table thead tr {border: none;}
.photo-table table thead tr:first-of-type td {padding: 0;}
.photo-table table thead tr:last-of-type td {background: #7fcef4; color: #fff; font-weight: 600; font-size: 20px;}
.photo-table table thead tr:first-of-type td:not(:first-child) {border: 1px solid #ccc; border-bottom: none;}


/* 숫자 리스트 */
.num-list .num {position: relative; margin-bottom: 30px; padding-left: 50px; text-align: left; /* display: flex; align-items: center; */}
.num-list .num:last-child {margin-bottom: 0;}
.num-list .num::before {position: absolute; display: flex; align-items: center; justify-content: center; left: 0; top: 0px; width: 35px; height: 35px; font-size: 20px;}
.num-list .num:nth-child(2n)::before {background-color: #00635e;}
.num-list.middle .num::before {top: 50%; transform: translateY(-50%);}


/* 이미지 테두리 리스트 */
.line-list img {border: 1px solid #ccc;}


/* 원형 이미지 테두리 리스트 */
.circle-list img {border-radius: 50%; border: 1px solid #ccc;}


/* 파란 선 들어간 네모 박스 */
.line-box li > div {position: relative; padding: 30px 20px 30px 30px; border: 1px solid #eee;}
.line-box li > div::after {content: ''; display: block; width: 10px; height: 100%; position: absolute; left: 0; top: 0; background-color: #7fcef4;}
.line-box h5 {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-weight: 500;}
.line-box p {white-space: pre-line;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box {display: flex; align-items: center; justify-content: flex-start; margin-top: 40px;}
.basic-box:first-of-type {margin-top: 0;}
.basic-box li:first-child {flex: 1;}
.basic-box li:last-child {margin-left: 30px; flex: 1;}
.basic-box li h3 {margin: 0 0 15px; font-weight: 600; white-space: pre-line; font-weight: 800; transform: skew(-0.1deg);}
.basic-box li h5 {margin: 0 0 15px; font-weight: 600; white-space: pre-line; font-weight: 800; transform: skew(-0.1deg);}
.basic-box li.num h5 {margin: 20px 0 15px;}
.basic-box li p {white-space: pre-line;}
.basic-box.line li h5 {position: relative; padding-bottom: 10px;}
.basic-box.line li h5::before {position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; background: #274c8d;}


/* 원 안에 아이콘 없는 박스 */
.circle-box > div > div {border-radius: 50%; background-color: #f5f5f5;}
.circle-box:nth-child(2n-1) > div > div {background-color: #ebf4f2;}
.circle-box > div > div::after {content: ''; display: block; padding-bottom: 100%;}
.circle-box p {position: absolute; width: 100%; height: auto; bottom: 50%; transform: translate(0, 50%); text-align: center; white-space: pre-line;}
.circle-box h5 {position: absolute; white-space: pre-line; text-align: center; bottom: 50%; transform:translateY(50%); display: inline-block; width: 100%;	}
/* .circle-box span{font-size: 24px; font-weight: bold;} */


/* 원 안에 아이콘 들어간 리스트 */
.circle-icon > li > div > div {border-radius: 50%; border: 2px solid #f5f5f5; width: 100%; height: 100%;}
.circle-icon > li:nth-child(2n-1) > div > div {border: 2px solid #d9dfee;}
.circle-icon > li > div > div::after {content: ''; display: block; padding-bottom: 100%;}
.circle-icon > li > div > div > div {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 50%; transform: translate(-50%, -50%); left: 50%; height: 50%; width: 100%;}
.circle-icon p {margin-top: 15px; line-height: 1.4;}


/* 둥근 모서리를 가진 배경색 타이틀 */
.radius-tit {display: inline-block; padding: 8px 42px; margin: 0 auto; border-radius: 40px; background: linear-gradient(to right, #1f3d74, #4067aa); color: #fff;}


/* 자세히 보기 버튼 */
.detail-btn a {position: relative; display: inline-block; margin-top: 20px; padding: 12px 30px; border: 1px solid #333; font-size: 15px; font-weight: 700; transition: 0.4s ease-in-out;}
.detail-btn a::before {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #327cbd; transition: 0.4s ease-in-out; z-index: -1;}
.detail-btn a:hover::before {width: 100%;}
.detail-btn a:hover {color: #fff; border: 1px solid #327cbd;}


/* ul.flex 배경색 설명글 */
.brief-ex .img img {width: 100%;}
.brief-ex .ex {color: #fff; background: #838383;}
.brief-ex > li:last-child .ex {background: #cfaa7a;}


/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
#wrapper {margin-top: 0;}

}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
/* 테이블 스타일 */
.table-scroll {position: relative; overflow-x: scroll; overflow-y: hidden; max-width: 100%;}
.table-scroll table {position: relative;}
.table-scroll::-webkit-scrollbar {width: 12px;}
.table-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
.table-scroll::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background-color: #516371; border: 2px solid transparent;}
.table-wrap table {min-width: 900px;}
.table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 15px;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {

.res-bg{padding: 80px 0 !important;}

/* 숫자 스타일 */
.num::before {margin: 10px auto 0; width: 40px; height: 40px;}
.num-list .num::before {margin: 0 10px 0 0;}


/* 사진 들어간 테이블 */
.photo-table table td {font-size: 15px;}
.photo-table table thead tr:last-of-type td {font-size: 18px;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box {display: block; text-align: left;}
.basic-box:not(:first-of-type) {margin-top: 40px;}
.basic-box li:last-child {margin-left: 0; margin-top: 20px;}
.basic-box li h5 {margin: 20px 0 10px !important;}
.basic-box li img {border-radius: 20px; max-width: 500px; width: 100%;}
.basic-box.line li h5::before {left: 50%; transform: translateX(-50%);}


/* 파란 선 들어간 네모 박스 */
.line-box li::after {width: 8px;}
.line-box li > div {height: auto !important;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
#wrapper {margin-top: 0;}

/* .link {top: -60px;} */
.res-bg{padding: 50px 0 !important;}
.stick .flex > li > div.m10{margin: 5px;}
.title-num{font-size: 20px; width: 45px; height: 45px;}


/* 숫자 스타일 */
.num::before {width: 35px; height: 35px; font-size: 17px; margin: 0 auto;}
.num-list .num {display: flex; align-items: center; margin-bottom: 0; padding-left: 40px;}
.num-list .num:not(:first-child) {margin-top: 20px;}
.num-list .num::before {width: 30px; height: 30px; margin: 0 auto; font-size: 16px;}


/* 미들 타이틀 (작은 타이틀) */
.middle-title{margin-bottom: 20px;}
.middle-title p{margin-top: 10px;}
.middle-title > span.num::before {margin: 0 auto 10px;}


/* 사진+텍스트 들어간 기본 스타일 */
.basic-box li img {border-radius: 10px;}
.basic-box li h5 {margin: 15px 0 10px !important; line-height: 1.4;}


/* 원 안에 아이콘 없는 박스 */
.circle-box > div {margin: 5px !important;}
.circle-box h5 {font-size: 15px;}


/* 파란 선 들어간 네모 박스 */
.line-box li::after {width: 5px;}
.line-box li > div {padding: 25px 20px 30px 25px;}
.line-box li h5 {padding-bottom: 5px; margin-bottom: 10px;}


/* 테이블 스타일 */
.table-wrap table {min-width: 700px;}
.table-wrap table tr, .table-wrap table th, .table-wrap table td {font-size: 12px;}
.table-wrap .imp-icon img{max-width: 30px; margin-bottom: 5px;}


/* 사진 들어간 테이블 */
.photo-table table td {font-size: 12px;}
.photo-table table tr, .photo-table table tr td {padding: 10px 5px;}
.photo-table table thead tr:last-of-type td {font-size: 15px;}


/* 둥근 모서리를 가진 배경색 타이틀 */
.radius-tit {padding: 6px 32px;}
}


/*========================================================================================================================================= */
/*================================================================ common ================================================================= */
/*========================================================================================================================================= */



/*========================================================================================================================================= */
/*================================================================ banner ================================================================= */
/*========================================================================================================================================= */
	

/* common */
.banner-bg {padding: 180px 0 150px;}
.banner-bg h2 {position: relative; color: #fff; text-align: center; z-index: 1;}
.banner-bg p {color: #e1d09c; text-align: center; font-size: 20px; letter-spacing: 0.1em;}


/* about */
.about-bg.banner-bg .bg-animation {background: url(../img/sub/about_bg.png) bottom/cover no-repeat;}
.sub1_bg.banner-bg .bg-animation{background: url(../img/sub/sub1_bg.png) bottom/cover no-repeat;}
.sub2_bg.banner-bg .bg-animation{background: url(../img/sub/sub2_bg.png) center/cover no-repeat;}
.sub3_bg.banner-bg .bg-animation{background: url(../img/sub/sub3_bg.png) bottom/cover no-repeat;}
.sub4_bg.banner-bg .bg-animation{background: url(../img/sub/sub4_bg.png) bottom/cover no-repeat;}
.sub5_bg.banner-bg .bg-animation{background: url(../img/sub/sub5_bg.png) bottom/cover no-repeat;}



/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.banner-bg{padding: 160px 0;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {

}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.banner-bg{padding: 150px 0 100px;}
.banner-bg p {font-size: 17px;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.banner-bg{padding: 130px 0 70px;}
.banner-bg h2 {font-size: 30px;}
.banner-bg p {font-size: 14px;}
}


/*========================================================================================================================================= */
/*================================================================ brand sub1 ================================================================= */
/*========================================================================================================================================= */


.brand-area1 {background: #fff; padding-bottom: 120px;}
.brand-area1-list {gap: 24px;}
.brand-area1-list .block-3 {width: calc(33.3% - 16px);}
.brand-area1-card {border: 1px solid #e8e4dc; border-radius: 16px; padding: 36px 32px 28px; height: 100%; box-sizing: border-box;}
.brand-area1-quote {font-size: 36px; font-weight: 900; color: #887844; line-height: 1; display: block; margin-bottom: 16px;}
.brand-area1-txt {font-size: 20px; font-weight: 700; color: #222; line-height: 1.6; white-space: pre-line; margin-bottom: 16px;}
.brand-area1-by {font-size: 15px; color: #887844; font-weight: 500;}

@media screen and (max-width: 769px) {
	.brand-area1-list .block-3 {width: calc(50% - 12px);}
	.brand-area1-list li:last-child {display: none;}
	.brand-area1-txt {font-size: 18px;}
}
@media screen and (max-width: 425px) {
	.brand-area1-list .block-3 {width: 100%;}
	.brand-area1-list li:last-child {display: block;}
	.brand-area1-card {padding: 28px 24px 22px;}
	.brand-area1-txt {font-size: 17px;}
}

.brand-area2 {background: #fff; padding-bottom: 120px;}
.brand-area2-wrap {gap: 60px;}
.brand-area2-left {width: 46%;}
.brand-area2-left h3 {font-weight: 900; white-space: pre-line; margin-bottom: 28px;}
.brand-area2-right {width: 48%;}
.brand-area2-right img {width: 100%; border-radius: 20px; display: block;}
.brand-area2-desc {font-size: 19px; color: #555; line-height: 1.85; white-space: pre-line; margin-bottom: 36px;}
.brand-area2-desc b {color: #222; font-weight: 700;}
.brand-area2-kc {background: #887844; padding: 22px 32px;}
.brand-area2-kc p {color: #fff; font-size: 19px; margin: 0;}
.brand-area2-kc b {font-weight: 700;}

@media screen and (max-width: 1024px) {
	.brand-area2-desc {font-size: 17px;}
}
@media screen and (max-width: 769px) {
	.brand-area2-left {width: 100%;}
	.brand-area2-right {width: 100%;}
	.brand-area2-wrap {flex-direction: column; gap: 40px;}
	.brand-area2-kc {padding: 20px 24px;}
}
@media screen and (max-width: 425px) {
	.brand-area2-desc {font-size: 15px;}
	.brand-area2-kc p {font-size: 16px;}
}
.brand-area3 {background: #eee;padding-bottom: 0;}
.brand-area3-wrap {gap: 40px; align-items: center;}
.brand-area3-left {width: 50%; padding-bottom: 80px;}
.brand-area3-left h3 {font-weight: 900; white-space: pre-line; margin-bottom: 32px;}
.brand-area3-desc {font-size: 19px; color: #555; line-height: 2; white-space: pre-line; margin-bottom: 48px;}
.brand-area3-name {font-size: 20px; color: #444; font-weight: 500;}
.brand-area3-name b {font-weight: 700; color: #222;}
.brand-area3-ceo {font-size: 32px; font-weight: 900; color: #222; margin-left: 12px; font-family: 'Noto Sans KR', sans-serif;}
.brand-area3-right {width: 44%;}
.brand-area3-right img {width: 100%; display: block; vertical-align: bottom;}

@media screen and (max-width: 1024px) {
	.brand-area3-desc {font-size: 17px;}
	.brand-area3-ceo {font-size: 28px;}
}
@media screen and (max-width: 769px) {
	.brand-area3-wrap {flex-direction: column-reverse; gap: 0; align-items: center;}
	.brand-area3-left {width: 100%; padding: 40px 0 48px;}
	.brand-area3-right {width: 70%;}
}
@media screen and (max-width: 425px) {
	.brand-area3-right {width: 90%;}
	.brand-area3-desc {font-size: 15px;}
	.brand-area3-ceo {font-size: 24px;}
	.brand-area3-name {font-size: 17px;}
}

.brand-area4 {background: #fff; padding-bottom: 120px;}
.brand-area4-list {list-style: none; display: flex; flex-direction: column; gap: 12px;}
.brand-area4-item {background: #1E1C18; border-radius: 8px; padding: 28px 36px; display: flex; align-items: center; gap: 20px; transition: background 0.2s;}
.brand-area4-item:hover {background: #2a2720;}
.brand-area4-check {width: 32px; height: 32px; border-radius: 50%; background: #887844; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 700; flex-shrink: 0;}
.brand-area4-item p {font-size: 20px; font-weight: 500; color: rgba(255,255,255,0.8); margin: 0; white-space: pre-line;}

@media screen and (max-width: 769px) {
	.brand-area4-item {padding: 22px 24px; gap: 16px;}
	.brand-area4-item p {font-size: 17px;}
}
@media screen and (max-width: 425px) {
	.brand-area4-item {padding: 18px 20px;}
	.brand-area4-item p {font-size: 15px;}
	.brand-area4-check {width: 28px; height: 28px; font-size: 13px;}
}

.brand-area5 {background: #fff; padding-bottom: 120px;}
.brand-area5-wrap {gap: 60px;}
.brand-area5-left {width: 44%;}
.brand-area5-left img {width: 100%; border-radius: 20px; display: block;}
.brand-area5-right {width: 50%;}
.brand-area5-right h3 {font-weight: 900; margin-bottom: 24px;}
.brand-area5-desc {font-size: 19px; color: #111; line-height: 1.9; white-space: pre-line; margin-bottom: 36px;}
.brand-area5-desc b {color: #111; font-weight: 700;}
.brand-area5-kc {background: #887844; padding: 22px 32px;}
.brand-area5-kc p {color: #fff; font-size: 19px; margin: 0;}
.brand-area5-kc b {font-weight: 700;}

@media screen and (max-width: 1024px) {
	.brand-area5-desc {font-size: 17px;}
}
@media screen and (max-width: 769px) {
	.brand-area5-left {width: 100%;}
	.brand-area5-right {width: 100%;}
	.brand-area5-wrap {flex-direction: column; gap: 40px;}
	.brand-area5-kc {padding: 20px 24px;}
}
@media screen and (max-width: 425px) {
	.brand-area5-desc {font-size: 15px;}
	.brand-area5-kc p {font-size: 16px;}
}

.brand-area6 {background: #fff; padding-bottom: 120px;}
.brand-area6-logo {text-align: center; margin-bottom: 60px;}
.brand-area6-logo img {max-width: 400px; width: 100%; display: inline-block;}
.brand-area6-sub {font-size: 15px; font-weight: 500; letter-spacing: 0.2em; color: #888; margin-top: 10px;}
.brand-area6-list {border-top: 1px solid #e0dbd0;}
.brand-area6-list .block-3 {width: 33.3%;}
.brand-area6-item {padding: 48px 40px; text-align: center; border-right: 1px solid #e0dbd0; height: 100%;}
.brand-area6-list .block-3:last-child .brand-area6-item {border-right: none;}
.brand-area6-item h4 {font-weight: 900; color: #222; margin-bottom: 20px;}
.brand-area6-item p {font-size: 19px; color: #666; line-height: 1.85; white-space: pre-line; margin: 0;}

@media screen and (max-width: 1024px) {
	.brand-area6-item {padding: 40px 28px;}
	.brand-area6-item p {font-size: 17px;}
}
@media screen and (max-width: 769px) {
	.brand-area6-logo img {max-width: 280px;}
	.brand-area6-list .block-3 {width: 100%;}
	.brand-area6-item {padding: 32px 20px; border-right: none; border-bottom: 1px solid #e0dbd0;}
	.brand-area6-list .block-3:last-child .brand-area6-item {border-bottom: none;}
	.brand-area6-logo {margin-bottom: 30px;}
}
@media screen and (max-width: 425px) {
	.brand-area6-logo img {max-width: 220px;}
	.brand-area6-item p {font-size: 15px;}
}

/*========================================================================================================================================= */
/*================================================================ service sub2 ================================================================= */
/*========================================================================================================================================= */

.service-area1 {padding-bottom: 120px;}
.service-area1-list {gap: 24px;}
.service-area1-list .block-2 {width: calc(50% - 12px);}
.service-area1-card {background: #FAF7F2; border-radius: 16px; padding: 36px 36px 32px; display: flex; flex-direction: column; gap: 16px;}
.service-area1-name {font-size: 28px; font-weight: 900; color: #222; margin: 0;}
.service-area1-sub {font-size: 17px; font-weight: 500; margin: 0;}
.service-area1-tags {display: flex; flex-wrap: wrap; gap: 8px;}
.service-area1-tags span {font-size: 15px; color: #444; background: #fff; border: 1px solid #e0dbd0; padding: 6px 16px; border-radius: 50px; font-weight: 400;}
.service-area1-img {border-radius: 10px; overflow: hidden;}
.service-area1-img img {width: 100%; display: block; aspect-ratio: 4/3; object-fit: cover;}
.service-area1-btn {display: block; text-align: center; border: 1.5px solid #887844; color: #887844; font-size: 18px; font-weight: 700; padding: 18px; border-radius: 8px; text-decoration: none; transition: all 0.25s; margin-top: 4px;}
.service-area1-btn:hover {background: #887844; color: #fff;}

@media screen and (max-width: 769px) {
	.service-area1-list .block-2 {width: 100%;}
	.service-area1-card {padding: 28px 28px 24px;}
	.service-area1-tags span {font-size: 14px;}
	.service-area1-btn {font-size: 16px; padding: 16px;}
}
@media screen and (max-width: 425px) {
	.service-area1-card {padding: 22px 20px 20px;}
	.service-area1-name {font-size: 20px;}
	.service-area1-sub {font-size: 15px;}
	.service-area1-tags span {font-size: 13px; padding: 5px 12px;}
}
.service-area2 {background: #fff; padding-bottom: 120px;}
.service-area2-wrap {gap: 60px; align-items: flex-start;}
.service-area2-left {width: 50%;}
.service-area2-left h3 {font-weight: 900; margin-bottom: 16px;}
.service-area2-lead {font-size: 17px; color: #555; line-height: 1.85; margin-bottom: 28px; white-space: pre-line;}
.service-area2-features {list-style: none; display: flex; flex-direction: column; border: 1px solid #e0dbd0; border-radius: 10px; overflow: hidden; margin-bottom: 28px;}
.service-area2-feat {display: flex; align-items: flex-start; gap: 16px; padding: 22px 24px; border-bottom: 1px solid #e0dbd0;}
.service-area2-feat:last-child {border-bottom: none;}
.service-area2-ico {width: 28px; height: 28px; border-radius: 50%; background: #887844; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; flex-shrink: 0; margin-top: 2px;}
.service-area2-feat-tit {font-size: 17px; font-weight: 700; color: #222; margin-bottom: 6px;}
.service-area2-feat-desc {font-size: 15px; color: #666; line-height: 1.7; white-space: pre-line; margin: 0;}
.service-area2-btn {display: inline-block; background: #887844; color: #fff; font-size: 17px; font-weight: 700; padding: 16px 36px; border-radius: 6px; text-decoration: none; transition: background 0.25s;}
.service-area2-btn:hover {background: #6e6236; color: #fff;}
.service-area2-right {width: 44%;}
.service-area2-right img {width: 100%; border-radius: 20px; display: block;}

@media screen and (max-width: 1024px) {
	.service-area2-lead {font-size: 16px;}
	.service-area2-feat-tit {font-size: 16px;}
}
@media screen and (max-width: 769px) {
	.service-area2-left {width: 100%;}
	.service-area2-right {width: 100%;}
	.service-area2-wrap {flex-direction: column; gap: 40px;}
}
@media screen and (max-width: 425px) {
	.service-area2-lead {font-size: 15px;}
	.service-area2-feat {padding: 18px 18px;}
	.service-area2-feat-tit {font-size: 15px;}
	.service-area2-feat-desc {font-size: 14px;}
	.service-area2-btn {width: 100%;text-align: center;font-size: 15px; padding: 14px 28px;}
}

.service-area3 {padding-bottom: 120px;}
.service-area3-wrap {gap: 60px; align-items: flex-start;}
.service-area3-left {width: 50%;}
.service-area3-left h3 {font-weight: 900; margin-bottom: 16px;}
.service-area3-lead {font-size: 17px; color: #555; line-height: 1.85; margin-bottom: 28px; white-space: pre-line;}
.service-area3-features {list-style: none; display: flex; flex-direction: column; border: 1px solid #e0dbd0; border-radius: 10px; overflow: hidden; margin-bottom: 28px;}
.service-area3-feat {display: flex; align-items: flex-start; gap: 16px; padding: 22px 24px; border-bottom: 1px solid #e0dbd0; background: #fff;}
.service-area3-feat:last-child {border-bottom: none;}
.service-area3-ico {width: 28px; height: 28px; border-radius: 50%; background: #f5f0e8; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-top: 2px;}
.service-area3-feat-tit {font-size: 17px; font-weight: 700; color: #222; margin-bottom: 6px;}
.service-area3-feat-desc {font-size: 15px; color: #666; line-height: 1.7; white-space: pre-line; margin: 0;}
.service-area3-btn {display: inline-block; background: #887844; color: #fff; font-size: 17px; font-weight: 700; padding: 16px 36px; border-radius: 6px; text-decoration: none; transition: background 0.25s;}
.service-area3-btn:hover {background: #6e6236; color: #fff;}
.service-area3-right {width: 44%;}
.service-area3-right img {width: 100%; border-radius: 20px; display: block;}

@media screen and (max-width: 1024px) {
	.service-area3-lead {font-size: 16px;}
	.service-area3-feat-tit {font-size: 16px;}
}
@media screen and (max-width: 769px) {
	.service-area3-left {width: 100%;}
	.service-area3-right {width: 100%;}
	.service-area3-wrap {flex-direction: column-reverse; gap: 40px;}
}
@media screen and (max-width: 425px) {
	.service-area3-lead {font-size: 15px;}
	.service-area3-feat {padding: 18px 18px;}
	.service-area3-feat-tit {font-size: 15px;}
	.service-area3-feat-desc {font-size: 14px;}
	.service-area3-btn {font-size: 15px; padding: 14px 28px;width: 100%;text-align: center;}
}

/*========================================================================================================================================= */
/*================================================================ curtain sub3 ================================================================= */
/*========================================================================================================================================= */

.curtain-area1 {background: #fff; padding-bottom: 120px;}
.curtain-area1-wrap {gap: 60px; align-items: center;}
.curtain-area1-left {width: 46%;}
.curtain-area1-left h3 {font-weight: 900; margin-bottom: 10px;}
.curtain-area1-sub {font-size: 19px; font-weight: 600; margin-bottom: 24px;}
.curtain-area1-desc {font-size: 20px; color: #222; line-height: 1.8; white-space: pre-line; margin-bottom: 28px;}
.curtain-area1-desc b {font-weight: 700;}
.curtain-area1-tags {list-style: none; display: flex; flex-direction: column; gap: 8px;}
.curtain-area1-tags li {font-size: 18px; color: #666; line-height: 1.6;}
.curtain-area1-right {width: 48%;}
.curtain-area1-right img {width: 100%; border-radius: 20px; display: block;}

@media screen and (max-width: 1024px) {
	.curtain-area1-desc {font-size: 18px;}
	.curtain-area1-tags li {font-size: 16px;}
}
@media screen and (max-width: 769px) {
	.curtain-area1-left {width: 100%;}
	.curtain-area1-right {width: 100%;}
	.curtain-area1-wrap {flex-direction: column; gap: 40px;}
}
@media screen and (max-width: 425px) {
	.curtain-area1-desc {font-size: 16px;}
	.curtain-area1-sub {font-size: 16px;}
	.curtain-area1-tags li {font-size: 15px;}
}
.curtain-area2 {padding-bottom: 120px;}
.curtain-area2-list {display: flex; flex-direction: column; gap: 100px;}
.curtain-area2-item {border-radius: 10px; overflow: hidden;}
.curtain-area2-item img {width: 100%; display: block;}

@media screen and (max-width: 425px) {
	.curtain-area2-list {gap: 10px;}
	.curtain-area2-item {border-radius: 6px;}
}
/*========================================================================================================================================= */
/*================================================================ service sub5 ================================================================= */
/*========================================================================================================================================= */

.faq-area1 {background: #fff; padding-bottom: 120px;}
.faq-area1-list {list-style: none; display: flex; flex-direction: column; margin-bottom: 48px;}
.faq-area1-item {border-bottom: 1px solid #e0dbd0;}
.faq-area1-item:first-child {border-top: 1px solid #e0dbd0;}
.faq-area1-q {display: flex; align-items: center; gap: 16px; padding: 24px 8px; cursor: pointer; transition: color 0.2s;}
.faq-area1-q:hover .faq-area1-qtxt {color: #887844;}
.faq-area1-badge {font-size: 17px; font-weight: 700; color: #887844; flex-shrink: 0; width: 20px;}
.faq-area1-qtxt {font-size: 19px; font-weight: 500; color: #222; flex: 1; margin: 0; transition: color 0.2s; white-space: pre-line;}
.faq-area1-item.active .faq-area1-qtxt {color: #887844; font-weight: 700;}
.faq-area1-arrow {font-size: 13px; color: #aaa; flex-shrink: 0;}
.faq-area1-item.active .faq-area1-arrow {color: #887844;}
.faq-area1-a {display: none; padding: 0 8px 24px 36px;}
.faq-area1-item.active .faq-area1-a {display: block;}
.faq-area1-a p {font-size: 17px; color: #666; line-height: 1.8; margin: 0; white-space: pre-line;}
.faq-area1-cta {background: #f5f0e8; border-radius: 12px; padding: 48px; text-align: center;}
.faq-area1-cta p {font-size: 20px; font-weight: 700; color: #222; line-height: 1.7; white-space: pre-line; margin-bottom: 24px;}
.faq-area1-cta-btn {display: inline-block; background: #887844; color: #fff; font-size: 18px; font-weight: 700; padding: 16px 48px; border-radius: 6px; text-decoration: none; transition: background 0.25s;}
.faq-area1-cta-btn:hover {background: #6e6236; color: #fff;}

@media screen and (max-width: 769px) {
	.faq-area1-qtxt {font-size: 17px;}
	.faq-area1-a p {font-size: 15px;}
	.faq-area1-cta {padding: 36px 28px;}
	.faq-area1-cta p {font-size: 18px;}
}
@media screen and (max-width: 425px) {
	.faq-area1-q {padding: 20px 4px; gap: 12px;}
	.faq-area1-qtxt {font-size: 15px;}
	.faq-area1-a {padding: 0 4px 20px 32px;}
	.faq-area1-a p {font-size: 14px;}
	.faq-area1-cta {padding: 28px 20px;}
	.faq-area1-cta p {font-size: 16px;}
	.faq-area1-cta-btn {font-size: 16px; padding: 14px 32px;}
}