@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp|Material+Icons+Round');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

@import url("default.css");
@import url("motion.css");

:root {
	--primary: #2eab6f;
	--header-h: 99px;
	--slide-scale: 1;
	--slide-h: 679px;
}

.jmH1_wrap {
	width: 100%;
}

.mw_container {
	width: 100%;
}

.sub_layout>section {
	flex-grow: 1;
}

@media all and (max-width: 1400px) {
	.sub_layout>section {
		width: 100%;
		padding: 40px 16px 0 !important;
	}

}

.materialBefore {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

/* 전체,통합 css */
.gotop {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	background: url(../../images/main/topbtn.png);
	background-size: 100%;
	z-index: 9999;
	animation: bounce 850ms 0s 1 normal forwards;
}

@media all and (max-width: 1000px) {
	.gotop {
		bottom: 70px;
	}
}

.ch-love {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.areaFix {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

@media all and (max-width: 1400px) {
	.ch-love {
		max-width: 100%;
	}

	.areaFix {
		width: 100%;
	}
}

.pointt {
	color: #19976c;
}

.pointt2 {
	color: #32785a;
}

.pointb {
	color: #19976c;
	font-weight: 700;
}

.greent {
	color: #6d9823;
}

.mintt {
	color: #0ca585;
}

.blackt {
	color: #000000;
}

.whitet {
	color: #ffffff;
}

.blutt {
	color: #34809c;
}

.oranget {
	color: #f0a81e;
}

.redt {
	color: #f10000;
}

.redtb {
	color: #f10000;
	font-weight: 700;
}

.darkredt {
	color: #da0000;
}

.darkt {
	color: #252525;
}

.navyt {
	color: #1160b1;
}

.darkgreent {
	color: #0c6778;
}

.lemont {
	color: #fff000;
}

.cyant {
	color: #8dfff6;
}

.yellowt {
	color: #ffc600;
}

.bananat {
	color: #fadc3d;
}

.magentat {
	color: #ff00e4;
}

.skybluet {
	color: #24b5e4;
}

.parant {
	color: #2e70a9;
}

.grayt {
	color: #323f4a;
}

.beant {
	color: #9dce35;
}

.slivert {
	color: #e9e9e9;
}

.mintt2 {
	color: #118e95;
}

/* 전체 라벨*/
.ch_label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

p.ch_label01 {
	width: 192px;
	height: 62px;
	padding-top: 10px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0px 0px 30px 30px;
	box-shadow: 0px 7px 15px 1px rgba(0, 0, 0, 0.1);
	color: #000;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 20px;
	letter-spacing: -.8px;
	z-index: 2;
}

p.ch_label02 {
	width: 192px;
	height: 62px;
	padding-top: 11px;
	background-color: #1e996f;
	border-radius: 0px 0px 30px 30px;
	box-shadow: 0px 7px 15px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 19px;
	letter-spacing: -.8px;
	z-index: 3;
}

p.ch_label03 {
	width: 192px;
	height: 62px;
	padding-top: 16px;
	background-color: #ffffff;
	border: 4px solid #1e996f;
	border-radius: 0px 0px 30px 30px;
	box-shadow: 0px 7px 15px 1px rgba(0, 0, 0, 0.2);
	color: #000;
	font-size: 19px;
	font-weight: 800;
	text-align: center;
	line-height: 20px;
	letter-spacing: -1px;
	z-index: 4;
}

@media all and (max-width:800px) {

	p.ch_label01,
	p.ch_label02,
	p.ch_label03 {
		display: none;
	}
}

/* 오픈형 퀵배너 */
.ch_quickArea {
	position: fixed;
	z-index: 500;
	width: 262px;
	height: 370px;
	top: 240px;
	right: 0px;
	z-index: 9999;
	animation: revealTextFromRight 850ms ease-in-out 0s 1 normal forwards;
	font-family: 'Pretendard' !important;
	display: flex;
	flex-direction: column;
	align-items: end;
}

/* 접혔을때 right:-183px; */
.ch_quickArea .quickTop {
	width: 262px;
	height: 153px;
	display: flex;
	box-shadow: 10px 0px 20px 3px rgba(0, 0, 0, 0.2);
}

.ch_quickArea .quickTop .quickLeft {
	flex: 0 0 81px;
	background-color: #3e9f77;
	border-radius: 8px 0 0 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ch_quickArea .quickTop .quickLeft p.year {
	color: #fff;
	font-weight: 800;
	font-size: 21px;
	text-align: center;
	letter-spacing: -0.2px;
}

.ch_quickArea .quickTop .quickLeft p.text01 {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	margin-top: 2px;
}

.ch_quickArea .quickTop .quickLeft a.openBtn {
	width: 38px;
	height: 38px;
	background: url(../../images/main/open.png) center center no-repeat;
	margin: 14px 0 0 23px;
	cursor: pointer;
	display: none;
}

.ch_quickArea .quickTop .quickLeft a.closeBtn {
	width: 38px;
	height: 38px;
	background: url(../../images/main/close.png) center center no-repeat;
	margin: 14px 0 0 23px;
	cursor: pointer;
}

.ch_quickArea .quickTop .quickRight {
	flex-grow: 1;
	overflow: hidden;
	background-color: #19976c;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.ch_quickArea .quickTop .quickRight a.typei {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	margin: 3px 0 0 23px;
	letter-spacing: -0.7px;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickTop .quickRight a.typei:hover {
	background-color: #3e9f77;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickTop .quickRight a.apply {
	width: 130px;
	margin: 10px 0 0 23px;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -1px;
	background-color: #F4FA58;
	border-radius: 20px;
	padding: 3px 0 3px 0;
	color: #3e9f77;
}

.ch_quickArea .quickTop .quickRight a.apply:hover {
	background-color: #fff;
	color: #3e9f77;
}

.ch_quickArea .quickBottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 181px;
	background-color: #ffffff;
	border-radius: 0px 0 0 8px;
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2);
	padding-bottom: 15px;
}

.ch_quickArea .quickBottom a.tel1 {
	float: left;
	width: 125px;
	margin: 20px 0 0 30px;
	background: url(../../images/main/quick_tel.png)left center no-repeat;
	color: #000;
	font-size: 20px;
	font-weight: 800;
	padding-left: 20px;
}

.ch_quickArea .quickBottom a.tel1:hover {
	color: #3e9f77;
	-webkit-transition: all 0.2s linear;
}

.ch_quickArea .quickBottom p.tel2 {
	float: left;
	text-align: left;
	width: 145px;
	margin: 6px 0 0 32px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	line-height: 18px;
}

.ch_quickArea .quickBottom .btnBox {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin-top: 13px;
}

.ch_quickArea .quickBottom .btnBox a.btn1 {
	display: block;
	width: 67px;
	height: 29px;
	text-align: center;
	color: #19976c;
	border: 1px solid #19976c;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 28px;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickBottom .btnBox a.btn1:hover {
	background-color: #19976c;
	color: #ffffff;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickBottom .btnBox a.btn2 {
	display: block;
	width: 49px;
	height: 29px;
	text-align: center;
	background-color: #19976c;
	color: #ffffff;
	border: 1px solid #19976c;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 28px;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickBottom .btnBox a.btn2:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #ffffff;
	-webkit-transition: all 0.3s linear;
}

.ch_quickArea .quickBottom p.service {
	float: left;
	width: 181px;
	height: 22px;
	text-align: center;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	margin-top: 15px;
}

.ch_quickArea .quickBottom .serviceBox {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 5px;
}

.ch_quickArea .quickBottom .serviceBox a {
	display: block;
	width: 23px;
	height: 22px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	border-radius: 90px;
	line-height: 22px;
	background-color: #19976c;
}

.ch_quickArea .quickBottom .serviceBox a:hover {
	background: #333;
}

/* 열고닫는 탑영역+슬라이드 배너 */
.ch_topBanner {
	position: relative;
	width: 100%;
	height: 45px;
	background: linear-gradient(to right, #3e9f77 50%, #333333 50%);
	animation: topbottom 600ms 0s 1 normal forwards;
	z-index: 610;
	display: flex;
	justify-content: center;
}

/* 모바일 하단 버튼바 - 기본 숨김 */
.mobile-bottom-bar {
	display: none;
}

/* 열기버튼 컨테이너 (배너 닫힌 상태) */
.ch_topBannerOpen {
	width: 100%;
	height: 0;
	position: relative;
	overflow: visible;
	z-index: 100001;
}

.ch_topBannerOpen .areaFix {
	position: relative;
}

.ch_topBannerOpen .openbtn {
	position: absolute;
	top: -45px;
	right: 0;
	transition: top 0.2s ease;
	background: #333;
	border-radius: 0 0 5px 5px;
	width: 31px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	opacity: 0.8;
}

.ch_topBanner>div {
	display: flex;
}

.ch_topBanner>div>div {
	flex: 1;
}

.ch-love>.openbtn {
	position: absolute;
	top: -45px;
	right: 11px;
	width: 31px;
	height: 25px;
	background: #333;
	border-radius: 0 0 5px 5px;
	text-align: center;
	opacity: 0.8;
	-webkit-transition: all 0.3s linear;
	color: #fff;
	z-index: 700;
}

.ch_topBanner .leftArea {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.ch_topBanner .leftArea .leftTxt {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
	text-align: center;
}

.ch_topBanner .rightArea {
	position: relative;
	display: flex;
	align-items: center;
	height: 45px;
	overflow: hidden;
	z-index: 1;
}

.ch_topBanner .rightArea p.prevbtn {
	flex: 0 0 auto;
	margin-left: 40px;
}

.ch_topBanner .rightArea p.prevbtn>a {
	display: block;
	width: 11px;
	height: 17px;
	background: url(../../images/main/prev.png) center no-repeat;
	opacity: 0.6;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.ch_topBanner .rightArea section {
	flex-grow: 1;
	overflow: hidden;
}

.ch_topBanner .rightArea section p.textSlide {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

.ch_topBanner .rightArea p.nextbtn {
	flex: 0 0 auto;
	margin-right: 40px;
}

.ch_topBanner .rightArea p.nextbtn>a {
	display: block;
	width: 11px;
	height: 17px;
	background: url(../../images/main/next.png) center no-repeat;
	opacity: 0.6;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}

.ch_topBanner .rightArea a.closebtn {
	flex: 0 0 51px;
	height: 45px;
	background: url(../../images/main/top_close.png) center no-repeat;
	opacity: 0.8;
	-webkit-transition: all 0.3s linear;
}

.ch_topBanner .rightArea a:hover {
	opacity: 1;
	-webkit-transition: all 0.3s linear;
}

.ch_topBanner .rightArea span.line {
	color: #47dfa0;
	font-weight: 300;
	padding: 0 5px;
}

.ch_topBanner .rightArea span.rightTxt {
	font-size: 20px;
	color: #47dfa0;
	font-size: 18px;
	letter-spacing: -.5px;
}

/* 탑영역 */
.ch_topArea {
	position: relative;
	width: 100%;
	height: 99px;
	background-color: #ffffff;
	border-bottom: 1px solid #e9e9e9;
	z-index: 600;
	font-family: 'Pretendard' !important;
}

.ch_topArea a.toplogo {
	float: left;
	width: 109px;
	height: 34px;
	margin: 30px 0 0 2px;
	background: url(../../images/main/logo.png) center no-repeat;
}

.ch_topArea .menuArea {
	float: left;
	width: 795px;
	height: 99px;
	margin-left: 35px;
	display: flex;
	align-items: center;
}

.ch_topArea .menuArea>div {
	display: flex;
	align-items: center;
	gap: 30px;
}

.ch_topArea .menuArea>div>div {
	position: relative;
}

.ch_topArea .menuArea>div>div>a {
	font-size: 17px;
	color: #000000;
	margin: 0 0 0 0;
	font-weight: 700;
	letter-spacing: -.5px;
	display: flex;
	align-items: center;
	height: 99px;
}

.ch_topArea .menuArea>div>div>a:hover {
	color: #3e9f77
}

.ch_topArea .menuArea>div>div>div {
	position: absolute;
	left: -25px;
	top: 99px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-top: none;
	padding: 15px;
	display: none;
}

.ch_topArea .menuArea>div>div:hover>div {
	display: block;
}

.ch_topArea .menuArea>div>div>div>a {
	display: block;
	color: #000;
	padding: 5px 10px;
	font-size: 15px;
	white-space: nowrap;
	transition: all 0.2s;
}

.ch_topArea .menuArea>div>div>div>a:hover {
	color: #0ca585;
	background: #fbfffd;
}

.ch_topArea .menuArea a.sitemap {
	float: left;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 34px;
	margin: 0 0 0 20px;
	padding: 0 12px;
	color: #3e9f77;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.3px;
	border: 1px solid #3e9f77;
	border-radius: 4px;
	-webkit-transition: all 0.2s linear;
}

/* 1000px 초과: sitemap material icon 숨김 제거 - 표시 */
.ch_topArea .menuArea a.sitemap .material-icons-round {
	display: inline-block;
	font-size: 20px;
}

.ch_topArea .menuArea a.sitemap:hover {
	background: #3e9f77;
	color: #fff;
}

.ch_topArea a.favorite {
	float: left;
	width: 65px;
	height: 20px;
	text-align: center;
	color: #7b7b7b;
	font-size: 15px;
	font-weight: 600;
	margin: 40px 0 0 0;
	letter-spacing: -.5px;
}

.ch_topArea a.favorite:hover {
	color: #3e9f77;
}

.ch_topArea p.serviceBtn {
	float: left;
	width: 98px;
	height: 20px;
	text-align: center;
	color: #7b7b7b;
	font-size: 15px;
	font-weight: 600;
	margin: 40px 0 0 0;
	letter-spacing: -.5px;
}

.ch_topArea a.service01 {
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 13px;
	color: #5b5b5b;
	font-weight: 600;
	border-radius: 90px;
	line-height: 26px;
	background-color: #f5efea;
	margin: 36px 0 0 2px;
	-webkit-transition: all 0.2s linear;
}

.ch_topArea a.service01:hover {
	color: #ffffff;
	background-color: #3e9f77;
	-webkit-transition: all 0.1s linear;
}

.ch_topArea a.service02 {
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 13px;
	color: #5b5b5b;
	font-weight: 600;
	border-radius: 90px;
	line-height: 26px;
	background-color: #f1f0ee;
	margin: 36px 0 0 5px;
	-webkit-transition: all 0.2s linear;
}

.ch_topArea a.service02:hover {
	color: #ffffff;
	background-color: #3e9f77;
	-webkit-transition: all 0.1s linear;
}

.ch_topArea a.service03 {
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 13px;
	color: #5b5b5b;
	font-weight: 600;
	border-radius: 90px;
	line-height: 26px;
	background-color: #e8ede5;
	margin: 36px 0 0 5px;
	-webkit-transition: all 0.2s linear;
}

.ch_topArea a.service03:hover {
	color: #ffffff;
	background-color: #3e9f77;
	-webkit-transition: all 0.1s linear;
}

.ch_topArea a.naverblog {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../../images/main/blog_.png) center no-repeat;
	margin: 35px 0 0 15px;
}

.ch_topArea a.kakao {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../../images/main/kakao.png) center no-repeat;
	margin: 35px 0 0 8px;
}

.ch_topArea a.facebook {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../../images/main/facebook.png) center no-repeat;
	margin: 35px 0 0 8px;
}

.ch_topArea a.insta {
	float: left;
	width: 29px;
	height: 29px;
	background: url(../../images/main/insta.png) center no-repeat;
	margin: 35px 0 0 8px;
}

.ch_topArea a.skin-ch {
	float: left;
	width: 40px;
	height: 20px;
	text-align: center;
	color: #7b7b7b;
	font-size: 15px;
	font-weight: 600;
	margin: 40px 0 0 10px;
	letter-spacing: -.5px;
}

.ch_topArea a.skin-ch:hover {
	color: #3e9f77;
}

.allMenu {
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	background: #fff;
	z-index: 600;
	box-sizing: border-box;
	overflow: hidden;
}

.allMenu>div {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
	margin: 38px;
}

.allMenu>div>div h1,
.allMenu>div>div h1 a {
	color: #0ca585;
	font-size: 20px;
	transition: all 0.2s;
}

.allMenu>div>div:hover h1,
.allMenu>div>div:focus h1 a {
	color: #0ca585;
}

.allMenu>div>div>div {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
}

.allMenu>div>div>div>a {
	color: #333;
	padding: 5px 0;
	transition: all 0.2s;
}

.allMenu>div>div>div>a:hover {
	color: #0ca585;
}

.allMenu .mobile-header h2 {
	display: none;
}

.allMenu .close {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.allMenu .close>strong {
	padding: 3px 5px;
	border-radius: 5px;
	color: #000;
	font-size: 15px;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.2s;
	background: #f8f8f8;
	font-weight: normal;
}

.allMenu .close>strong:hover {
	background: #eee;
}

.allMenu .close>strong>span {
	font-size: 17px;
}

/* ===== 오리지널 비쥬얼 슬라이드 ===== */
.ch_section01 {
	position: relative;
	width: 100%;
	background: #f5f5f3;
}

/* cd-hero 슬라이더 구조 */
.cd-hero {
	position: relative;
	width: 100%;
}

/* 슬라이드 트랙 — 여기서 클립 */
.cd-hero__slider {
	position: relative;
	height: var(--slide-h, 679px);
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 각 슬라이드 — 전체 폭/높이 채움 */
.cd-hero__slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.8s ease;
	z-index: 1;
}

.cd-hero__slide--selected {
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

/* 슬라이드 배경 — li(전체 폭)에 적용 */
.cd-hero__slide:nth-child(1) {
	background: url(../../images/org/main/slide1_bg.png) center top / cover no-repeat;
}

.cd-hero__slide:nth-child(2) {
	background: url(../../images/org/main/slide2_bg.png) center top / cover no-repeat;
}

.cd-hero__slide:nth-child(3) {
	background: url(../../images/org/main/slide4_bg.png) center top / cover no-repeat;
}

.cd-hero__slide:nth-child(4) {
	background: url(../../images/org/main/slide5_bg.png) center top / cover no-repeat;
}

.cd-hero__slide:nth-child(5) {
	background: url(../../images/org/main/slide3_bg.png) center top / cover no-repeat;
}

/* 슬라이드 텍스트 공통 애니메이션 */
.cd-hero__slide .anivs_el {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 0.55s ease, transform 0.55s ease;
}

.cd-hero__slide--selected .anivs_el {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0ms;
}

.cd-hero__slide--selected .anivs_delay1 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 140ms;
}

.cd-hero__slide--selected .anivs_delay2 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 280ms;
}

.cd-hero__slide--selected .anivs_delay3 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 420ms;
}

.cd-hero__slide--selected .anivs_delay4 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 560ms;
}

/* 내부 이미지 배경 경로 */
.ch_section01 .slide01 .ch_img01 {
	background-image: url(../../images/org/main/slide1.png);
}

.ch_section01 .slide02 .ch_img01 {
	background-image: url(../../images/org/main/pc06.png);
}

.ch_section01 .slide02 .ch_img02 {
	background-image: url(../../images/org/main/pc07.png);
}

.ch_section01 .slide03 p.icon01 {
	background-image: url(../../images/org/main/slide4_1.png);
}

.ch_section01 .slide04 .ch_img01 {
	background-image: url(../../images/org/main/slide5_1.png);
}

.ch_section01 .slide05 {
	background-image: url(../../images/org/main/slide6_1.png);
}

.ch_section01 .slide05 p.ch_text01,
.ch_section01 .slide05 p.ch_text02,
.ch_section01 .slide05 p.ch_text03 {
	background-image: url(../../images/org/main/slide6_5.png);
}

/* ── 하단 네비게이션 바 ── */
.cd-hero__nav {
	position: relative;
	width: 100%;
	height: 60px;
	background: #fff;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	z-index: 10;
}

.cd-hero__nav nav {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	height: 60px;
}

.cd-hero__nav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px;
}

.cd-hero__nav li {
	flex: 1;
}

.cd-hero__nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 15px;
	font-weight: 600;
	color: #666;
	text-decoration: none;
	letter-spacing: -0.5px;
	transition: color 0.2s;
}

.cd-hero__nav li.cd-selected a,
.cd-hero__nav li:hover a {
	color: #2eab6f;
}

/* 선택 마커 (하단 초록선) */
.cd-hero__marker {
	position: absolute;
	bottom: 0;
	height: 3px;
	background: #2eab6f;
	transition: left 0.35s ease, width 0.35s ease;
}

/* 네비 텍스트 반응형 전환 */
.cd-hero__nav .nav-short {
	display: none;
}


@media (max-width: 768px) {
	.cd-hero__nav .nav-full {
		display: none;
	}

	.cd-hero__nav .nav-short {
		display: inline;
	}

	.cd-hero__nav ul {
		justify-content: center;
		gap: 16px;
	}

	.cd-hero__nav li {
		flex: none;
	}
}

/* 슬라이드 공통 scale — JS가 --slide-scale 변수를 뷰포트 기반으로 실시간 설정 */
.ch_section01 .slide01,
.ch_section01 .slide02,
.ch_section01 .slide03,
.ch_section01 .slide04,
.ch_section01 .slide05 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1400px;
	height: 679px;
	margin-left: -700px;
	transform: scale(var(--slide-scale, 1));
	transform-origin: center top;
}

.ch_section01 .slide01 {}

.ch_section01 .slide01 h2.ch_title01 {
	float: left;
	width: 1060px;
	height: 30px;
	margin: 90px 0 0 190px;
	text-align: center;
	font-size: 50px;
	color: #1b1b1b;
	letter-spacing: -2px;
	font-weight: 800;
}

.ch_section01 .slide01 span.title02 {
	font-size: 48px;
	font-weight: 500;
	color: #1b1b1b;
	letter-spacing: -1px;
}

.ch_section01 .slide01 p.ch_text {
	position: absolute;
	z-index: 1;
	width: 395px;
	height: 100px;
	top: 275px;
	left: 510px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	letter-spacing: -1px;
}

.ch_section01 .slide01 .ch_img01 {
	float: left;
	width: 1400px;
	height: 500px;
	margin: 0px auto;
	background: url(../../images/org/main/slide1.png) top center no-repeat;
}

/* 2번 슬라이드 */
.ch_section01 .slide02 {}

.ch_section01 .slide02 .leftBox {
	float: left;
	width: 700px;
}

.ch_section01 .slide02 p.ch_engTit {
	float: left;
	width: 605px;
	margin: 137px 0 0 65px;
	font-size: 19px;
	color: #252525;
	letter-spacing: -.5px;
	font-weight: 700;
}

.ch_section01 .slide02 h2.ch_title {
	float: left;
	width: 605px;
	height: 160px;
	margin: 10px 0 0 65px;
	font-size: 56px;
	color: #252525;
	letter-spacing: -2px;
	font-weight: 500;
	line-height: 72px;
}

.ch_section01 .slide02 p.ch_text {
	float: left;
	width: 604px;
	margin: 40px 0 0 65px;
	font-size: 18px;
	color: #2b2828;
	font-weight: 600;
	letter-spacing: -1px;
}

.ch_section01 .slide02 .ch_img01 {
	float: left;
	width: 700px;
	height: 350px;
	margin-top: 150px;
	background: url(../../images/org/main/pc06.png) center center no-repeat;
}

.ch_section01 .slide02 .ch_img02 {
	position: absolute;
	width: 700px;
	height: 350px;
	top: 150px;
	right: 0;
	background: url(../../images/org/main/pc07.png) center center no-repeat;
	z-index: 1;
}


/* 4번 슬라이드 */
.ch_section01 .slide03 {}

.ch_section01 .slide03 p.ch_engTit {
	float: left;
	width: 350px;
	margin: 215px 0 0 396px;
	font-size: 19px;
	color: #252525;
	letter-spacing: -.5px;
	font-weight: 700;
}

.ch_section01 .slide03 h2.ch_title {
	float: left;
	width: 350px;
	height: 160px;
	margin: 5px 0 0 393px;
	font-size: 73px;
	color: #252525;
	letter-spacing: -2px;
	font-weight: 700;
	line-height: 64px;
}

.ch_section01 .slide03 span.small {
	font-size: 44px;
	font-weight: 700;
	letter-spacing: -.5px;
}

.ch_section01 .slide03 p.icon01 {
	float: left;
	width: 25px;
	height: 21px;
	background: url(../../images/main/slide4_1.png) no-repeat;
	margin: 55px 0 0 30px;
}

.ch_section01 .slide03 p.ch_text {
	float: left;
	width: 600px;
	height: 60px;
	font-size: 18px;
	color: #2d2d2d;
	font-weight: 600;
	letter-spacing: -.8px;
	margin: 10px 0 0 30px;
	line-height: 28px;
	animation: title2 1000ms 0s 1 normal forwards;
}

.ch_section01 .slide03 span.point1 {
	font-weight: 800;
	font-size: 21px;
}

.ch_section01 .slide03 span.point2 {
	font-weight: 800;
}

/* 5번 슬라이드 */
.ch_section01 .slide04 {}

.ch_section01 .slide04 .ch_img01 {
	float: left;
	width: 599px;
	height: 414px;
	margin: 105px 0 0 94px;
	background: url(../../images/org/main/slide5_1.png) top center no-repeat;
}

.ch_section01 .slide04 .rightBox {
	float: left;
	width: 570px;
	margin: 140px 0 0 125px;
}

.ch_section01 .slide04 p.ch_engTit {
	float: left;
	width: 450px;
	font-size: 19px;
	color: #ffffff;
	letter-spacing: -.5px;
	font-weight: 700;
	margin-left: 8px;
}

.ch_section01 .slide04 h2.ch_title {
	float: left;
	width: 450px;
	height: 200px;
	font-size: 50px;
	color: #ffffff;
	letter-spacing: -2px;
	font-weight: 600;
	line-height: 70px;
	margin-top: 10px;
}

.ch_section01 .slide04 p.ch_text {
	float: left;
	width: 450px;
	margin: 30px 0 0 8px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: -.6px;
}

/* 5번 슬라이드 */
.ch_section01 .slide05 {
	background: url(../../images/org/main/slide6_1.png) right top no-repeat;
}

.ch_section01 .slide05 .leftBox {
	float: left;
	width: 700px;
	margin: 137px 0 0 65px;
}

.ch_section01 .slide05 p.ch_engTit {
	float: left;
	width: 500px;
	margin: 4px 0 0 5px;
	font-size: 19px;
	color: #252525;
	letter-spacing: -.5px;
	font-weight: 700;
}

.ch_section01 .slide05 h2.ch_title {
	float: left;
	width: 660px;
	height: 160px;
	margin: 15px 0 0 2px;
	font-size: 46px;
	color: #2f2e2e;
	letter-spacing: -2px;
	font-weight: 500;
	line-height: 62px;
}

.ch_section01 .slide05 p.ch_text01 {
	float: left;
	width: 525px;
	height: 46px;
	margin-top: 84px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	background: #ffffff;
}

.ch_section01 .slide05 p.ch_text02 {
	float: left;
	width: 525px;
	height: 46px;
	margin-top: 11px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	background: #ffffff;
}

.ch_section01 .slide05 p.ch_text03 {
	float: left;
	width: 525px;
	height: 46px;
	margin-top: 11px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	background: #ffffff;
}

.ch_section01 .slide05 span.checkTT {
	font-size: 20px;
	color: #2f2e2e;
	font-weight: 700;
	padding-left: 54px;
	line-height: 47px;
	letter-spacing: -.8px;
}

/* 7번 교회웍스 슬라이드 */
.ch_section01 .slide06 {
	position: relative;
	width: 1400px;
	height: 679px;
	margin: 0 auto;
}

.ch_section01 .slide06 .leftBox {
	float: left;
	width: 670px;
	height: 450px;
	margin: 190px 0 0 60px;
}

.ch_section01 .slide06 p.ch_engTit {
	float: left;
	width: 100%;
	font-size: 60px;
	color: #000;
	letter-spacing: -.5px;
	font-weight: 700;
}

.ch_section01 .slide06 h2.ch_title {
	float: left;
	width: 100%;
	font-size: 30px;
	color: #2f2e2e;
	letter-spacing: -2px;
	margin-top: 40px;
	line-height: 40px;
}

.ch_section01 .slide06 p.ch_text01 {
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 57px;
	font-weight: 600;
}

/* 슬라이드버튼*상세제어는 하단에 */
.ch_section01 .ch_slidebtn {
	position: absolute;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	border-bottom: 1px solid #e7e7e7;
}

/* 오리지널 슬라이드 보완 스타일 */
.ch_section01 span.pointt2 {
	color: #2eab6f;
	font-size: 90px;
	font-weight: 800;
	line-height: 1;
}

/* 제작정보 (Grid & Flex 버전) */
.section02 {
	position: relative;
	width: 100%;
	height: auto;
}

.section02 .areaFix {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* PC: 4열 */
	max-width: 1300px;
	margin: 0 auto;
}

.section02 .areaFix>a {
	text-decoration: none;
	display: block;
}

.section02 .ch_box .greenBox,
.section02 .ch_box .mintBox,
.section02 .ch_box .blueBox,
.section02 .ch_box .grayBox {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	/* 제목 100%, 하단 가로배치를 위해 */
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
}

.section02 .ch_box .greenBox {
	background: #71a11c url(../../images/main/bright_box.png) left top no-repeat;
	background-size: cover;
}

.section02 .ch_box .mintBox {
	background: #0ca585 url(../../images/main/bright_box.png) left top no-repeat;
	background-size: cover;
}

.section02 .ch_box .blueBox {
	background: #34809c url(../../images/main/bright_box.png) left top no-repeat;
	background-size: cover;
}

.section02 .ch_box .grayBox {
	background: #4f4f4f url(../../images/main/bright_box.png) left top no-repeat;
	background-size: cover;
}

/* 내부 텍스트 배치 */
.section02 .ch_box p.boxtext01 {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.section02 .ch_box p.boxtext01 span {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	opacity: 0.8;
}

.section02 .ch_box p.boxtext02 {
	flex-grow: 1;
	/* 설명 영역이 남는 공간 차지 */
	color: #fff;
	font-size: 15px;
}

.section02 .ch_box p.boxtext03 {
	flex: 0 0 80px;
	width: 80px;
	height: 70px;
	color: #fff;
	text-align: right;
	font-weight: 800;
	font-size: 18px;
	padding-right: 5px;
	margin: 0;
	overflow: hidden;
}

/* 반응형 설정 */
@media (max-width: 1400px) {
	.section02 .areaFix {
		grid-template-columns: repeat(2, 1fr);
		/* 2row 2column */
	}
}

@media (max-width: 700px) {
	.section02 .areaFix {
		grid-template-columns: 1fr;
		/* 4row 1column */
	}

	.section02 .ch_box p.boxtext01 span {
		display: block;
		margin-left: 0;
		opacity: 0.8;
	}
}



.section02 .ch_box p.boxtext03 strong {
	font-size: 60px;
	font-weight: 900;
	letter-spacing: -1pt;
}

.section02 .ch_box span.noNum {
	line-height: 35px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -1.2pt;
}

.section02 .ch_box span.bNum {
	line-height: 35px;
	font-size: 45px;
	font-weight: 800;
	letter-spacing: -1.2pt;
}

.section02 .ch_box span.sNum {
	line-height: 32px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -1.2pt;
}

.section02 .ch_box span.sNum2 {
	line-height: 40px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -1.2pt;
}

.section02 .ch_box span.sNum3 {
	line-height: 15px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -1.2pt;
}

.section02 .ch_box p.hitBox {
	position: absolute;
	width: 80px;
	height: 30px;
	line-height: 30px;
	z-index: 9;
	top: 0;
	right: 0;
	/* 박스 우측 끝에 붙임 */
	background-color: #ddf7e4;
	color: #0ca585;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	border-radius: 0px 0 0 20px;
}


.section02 .ch_box p.hotBox {
	position: absolute;
	width: 80px;
	height: 30px;
	line-height: 30px;
	z-index: 9;
	top: 0;
	right: 0;
	/* 박스 우측 끝에 붙임 */
	background-color: #ddedf7;
	color: #34809c;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	border-radius: 0px 0 0 20px;
}


/* 첫번째 단락 게시판~적응형 소개까지 */
.section03 {
	position: relative;
	width: 100%;
	background: #fff url(../../images/main/bg2.png) center top no-repeat;
}

.section03 .ch_box01 {
	position: relative;
	width: 1300px;
	padding: 40px 0 40px 100px;
	margin: 0px auto 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.section03 .ch_box01 .customer {
	flex: 0 0 320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.section03 .ch_box01 .customer .lineBox01,
.section03 .ch_box01 .customer .lineBox02,
.section03 .ch_box01 .customer .lineBox03 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.section03 .ch_box01 .customer .ttBox01Box {
	display: flex;
	justify-content: center;
	width: 100%;
}

.section03 .ch_box01 .customer p.ttBox01 {
	display: inline-block;
	line-height: 26px;
	font-size: 18px;
	border-bottom: 1px solid #c7c7c7;
	font-weight: 800;
	text-align: center;
	color: #000000;
	letter-spacing: -1px;
}

.section03 .ch_box01 .customer .tel01Box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 14px;
}

.section03 .ch_box01 .customer a.tel01 {
	display: inline-block;
	height: 45px;
	line-height: 47px;
	color: #000000;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: 0.2px;
}

.section03 .ch_box01 .customer a.tel02 {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -.1px;
	margin-top: 13px;
}

.section03 .ch_box01 .customer a.tel02 span {
	letter-spacing: 1.8px;
}

.section03 .ch_box01 .customer a.tel03 {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -.1px;
	margin-top: 3px;
}

.section03 .ch_box01 .customer a.tel03 span {
	letter-spacing: -.3px;
}

.section03 .ch_box01 .customer p.tiBox {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px 20px 5px 20px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.3px;
	text-align: center;
	color: #000000;
	margin-top: 13px;
}

.section03 .ch_box01 .customer p.tiBox span {
	font-size: 15px;
}

.section03 .ch_box01 .customer .tel04Box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}

.section03 .ch_box01 .customer p.ttBox02 {
	display: inline-block;
	padding: 5px 20px 15px 20px;
	border-bottom: 1px solid #c7c7c7;
	font-weight: 800;
	text-align: center;
	color: #000000;
	font-size: 18px;
	letter-spacing: -1px;
}

.section03 .ch_box01 .customer a.tel04 {
	display: inline-block;
	height: auto;
	line-height: 1.2;
	margin: 0;
	color: #000000;
	font-size: 26px;
	font-weight: 800;
	text-align: center;
}

.section03 .ch_box01 .customer a.tel04 span.tel05 {
	font-size: 16px;
	letter-spacing: -.6px;
}

.section03 .ch_box01 .customer .accountBox {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 100%;
	margin-top: 15px;
}

.section03 .ch_box01 .customer a.account {
	display: block;
	width: 101px;
	height: 48px;
	line-height: 49px;
	letter-spacing: -.8px;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	background-color: #1e996f;
	color: #ffffff;
	text-align: center;
}

.section03 .ch_box01 .customer a.account:hover {
	color: #ffffff;
	background-color: #000000;
}

.section03 .ch_box01 .customer a:hover {
	color: #19976c;
}

/*업무시간 종료 레이어*/
.section03 .ch_box01 .closebox {
	flex: 0 0 320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #0ebd9a;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	z-index: 1;
	background: rgba(255, 255, 255, 0.5) url(../../images/main/closeicon.png) center 15px no-repeat;
}

.section03 .ch_box01 .closebox .mentBox {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section03 .ch_box01 .closebox .ment01 {
	display: block;
	margin: 90px 15px 10px 15px;
	color: #000000;
	font-size: 28px;
	text-align: center;
	font-weight: 800;
	letter-spacing: -.8px;
}

.section03 .ch_box01 .closebox .ment02 {
	display: block;
	border-bottom: 1px solid #eee;
	margin: 0px 30px 10px 30px;
	padding-bottom: 8px;
	color: #000000;
	font-size: 17px;
	text-align: center;
	font-weight: 700;
	letter-spacing: -.8px;
}

.section03 .ch_box01 .closebox .btnBox {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
}

.section03 .ch_box01 .closebox a.btn1 {
	display: block;
	width: 123px;
	height: 40px;
	font-size: 16px;
	letter-spacing: -1px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	background-color: #444444;
	line-height: 40px;
	margin: 0;
}

.section03 .ch_box01 .closebox a.btn1:hover {
	background-color: #222222;
}

.section03 .ch_box01 .closebox a.btn2 {
	display: block;
	width: 123px;
	height: 40px;
	font-size: 16px;
	letter-spacing: -1px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	background-color: #eb0000;
	line-height: 40px;
	margin: 0;
}

.section03 .ch_box01 .closebox a.btn2:hover {
	background-color: #cb0000;
}

.section03 .ch_box01 .closebox .infoBox {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section03 .ch_box01 .closebox .ment03 {
	display: block;
	width: 250px;
	height: 60px;
	margin: 15px 10px 10px 30px;
	color: #000000;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	letter-spacing: -.8px;
	line-height: 20px;
}

.section03 .ch_box01 .closebox .ment03 span.ment04 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.6px;
}

/* 견적발송현황 (customer 자리 대체, 너비 320px) */
.section03 .ch_box01 .estimate {
	flex: 0 0 320px;
	position: relative;
	padding: 24px;
	background: rgba(255, 255, 255, 0.5);
}

.section03 .ch_box01 .estimate .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}

.section03 .ch_box01 .estimate .titleBox {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-shrink: 0;
}

.section03 .ch_box01 .estimate p.title01 {
	display: block;
	color: #000000;
	letter-spacing: -.5px;
	font-size: 23px;
	font-weight: 800;
	white-space: nowrap;
}

.section03 .ch_box01 .estimate p.title02 {
	display: block;
	color: #000000;
	letter-spacing: -.1px;
	line-height: 15px;
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap;
}

.section03 .ch_box01 .estimate a.more {
	display: block;
	width: 51px;
	height: 24px;
	background: url(../../images/main/more1.png) no-repeat;
}

/* Estimate specific alignment (번호 / 제목 / 날짜) */
.section03 .ch_box01 .estimate .listBox li p.num {
	flex: 0 0 52px;
	text-align: left;
}

.section03 .ch_box01 .estimate .listBox li p.subject {
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.section03 .ch_box01 .estimate .listBox li p.date {
	flex: 0 0 auto;
	font-size: 14px;
	text-align: right;
}

/*구축신청현황*/
.section03 .ch_box01 .contractBox {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

.section03 .ch_box01 .contract {
	position: relative;
	width: 100%;
	max-width: 400px;
	padding: 24px;
	background: rgba(255, 255, 255, 0.5);
}

.section03 .ch_box01 .contract .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}

.section03 .ch_box01 .contract .titleBox {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.section03 .ch_box01 .contract p.title01 {
	display: block;
	color: #000000;
	letter-spacing: -.5px;
	font-size: 23px;
	font-weight: 800;
}

.section03 .ch_box01 .contract p.title02 {
	display: block;
	color: #000000;
	letter-spacing: -.1px;
	line-height: 15px;
	font-size: 16px;
	font-weight: 800;
}

.section03 .ch_box01 .contract a.more {
	display: block;
	width: 51px;
	height: 24px;
	background: url(../../images/main/more1.png) no-repeat;
}

.section03 .ch_box01 .listBox {
	margin-top: 20px;
}

.section03 .ch_box01 .listBox ul.ul {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.section03 .ch_box01 .listBox li {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	letter-spacing: -.4px;
	height: 24px;
}

.section03 .ch_box01 .listBox li:hover {
	font-weight: 700;
	background-color: #f2f2f2;
	color: #19976c;
}

/* Contract specific alignment */
.section03 .ch_box01 .contract .listBox li p.where {
	flex: 0 0 70px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.section03 .ch_box01 .contract .listBox li p.what {
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.section03 .ch_box01 .contract .listBox li p.when {
	flex: 0 0 auto;
	font-size: 14px;
	text-align: right;
}

.section03 .ch_box01 .ccs {
	position: relative;
	width: 100%;
	max-width: 400px;
	padding: 24px;
	background: rgba(255, 255, 255, 0.5);
}

.section03 .ch_box01 .ccs .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}

.section03 .ch_box01 .ccs .titleBox {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.section03 .ch_box01 .ccs p.title01 {
	display: block;
	color: #000000;
	letter-spacing: -.5px;
	font-size: 23px;
	font-weight: 800;
}

.section03 .ch_box01 .ccs p.title02 {
	display: block;
	color: #000000;
	letter-spacing: -.1px;
	line-height: 15px;
	font-size: 16px;
	font-weight: 800;
}

.section03 .ch_box01 .ccs a.more {
	display: block;
	width: 51px;
	height: 24px;
	background: url(../../images/main/more1.png) no-repeat;
}

/* CCS specific alignment */
.section03 .ch_box01 .ccs .listBox li.ccsl {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.section03 .ch_box01 .ccs .listBox li.reply {
	margin-left: 10px;
	background: url(../../images/main/reply.png) left center no-repeat;
	padding-left: 20px;
}

.section03 .ch_box01 .ccs .listBox li p.answer {
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 1400px) {
	.section03 {
		background-position: 30% top;
	}

	.section03 .ch_box01 {
		width: 100%;
		flex-direction: column;
		padding: 40px 20px;
	}

	.section03 .ch_box01 .customer,
	.section03 .ch_box01 .closebox {
		flex: 0 0 auto;
		width: 100%;
		max-width: 1200px;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		align-items: center;
		justify-content: center;
		padding: 30px;
		background-image: none;
	}

	.section03 .ch_box01 .customer>div,
	.section03 .ch_box01 .customer>p,
	.section03 .ch_box01 .closebox>div,
	.section03 .ch_box01 .closebox>p {
		margin: 0 !important;
	}

	.section03 .ch_box01 .closebox .mentBox {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center;
	}

	.section03 .ch_box01 .closebox .mentBox .ment01,
	.section03 .ch_box01 .closebox .mentBox .ment02 {
		margin: 0 !important;
	}

	.section03 .ch_box01 .closebox .infoBox {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center;
	}

	.section03 .ch_box01 .closebox .infoBox .ment03 {
		margin: 0 !important;
		width: auto;
		height: auto;
	}

	.section03 .ch_box01 .customer .ttBox01Box,
	.section03 .ch_box01 .customer .tel04Box,
	.section03 .ch_box01 .customer .accountBox {
		width: auto;
	}

	.section03 .ch_box01 .customer .lineBox01,
	.section03 .ch_box01 .customer .lineBox02,
	.section03 .ch_box01 .customer .lineBox03 {
		width: auto;
		gap: 0;
		align-items: center;
		justify-content: center;
	}

	.section03 .ch_box01 .estimate {
		flex: 0 0 auto;
		width: 100%;
		max-width: 840px;
	}

}

/*최고의 기술력과 디자인이 결합된 교회 홈페이지!*/
.section03_1 {
	position: relative;
	width: 100%;
	background: #e7dfd9;
}

.section03_1 .ch_box02 {
	position: relative;
	width: 100%;
	max-width: 1400px;
	height: auto;
	margin: 0px auto 0px auto;
}

.section03_1 .ch_box02 .titleBox {
	width: 100%;
	padding: 165px 16px 0 16px;
	box-sizing: border-box;
}

.section03_1 .ch_box02 h1.ch_title01 {
	width: 100%;
	max-width: 1400px;
	text-align: center;
	margin: 0;
	font-size: clamp(32px, 5vw, 50px);
	line-height: 1.2;
	font-weight: 600;
	color: #000000;
	letter-spacing: -2px;
}

.section03_1 .ch_box02 h1.ch_title02 {
	width: 100%;
	max-width: 1400px;
	height: auto;
	text-align: center;
	margin: 18px 0 0 0;
	font-size: clamp(16px, 2.5vw, 20px);
	line-height: 1.4;
	font-weight: 600;
	color: #000000;
	letter-spacing: -.8px;
}

.section03_1 .ch_box02 .pcImgBox {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 22px auto 0;
	aspect-ratio: 1400 / 440;
}

.section03_1 .ch_box02 .ch_pcImg01 {
	float: right;
	width: 43.57%;
	height: 100%;
	background: url(../../images/main/slide3_1.png) right bottom no-repeat;
	background-size: cover;
}

.section03_1 .ch_box02 .ch_pcImg02 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../images/main/slide3_2.png) no-repeat;
	background-size: contain;
}

@media all and (max-width: 800px) {
	.section03_1 .ch_box02 .titleBox {
		padding: 60px 16px 16px 16px;
	}
}

/* 제작타입 */
.section04 {
	position: relative;
	width: 100%;
	background-color: #eaeff9;
}

.ch_label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
}

.ch_label02 {
	position: relative;
	transform: translateX(-15px);
}

.ch_label03 {
	position: relative;
	transform: translateX(-30px);
}

.section04 .titleBox {
	padding: 155px 16px 16px 16px;
}

.section04 h1.ch_title1 {
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: clamp(28px, 4vw, 38px);
	font-weight: 800;
	color: #1e996f;
	letter-spacing: -1.6px;
}

.section04 h1.ch_title2 {
	width: auto;
	text-align: center;
	margin: 15px 0 0 0;
	font-size: clamp(32px, 5vw, 45px);
	font-weight: 700;
	color: #000000;
	letter-spacing: -2px;
}

.br_under_800 {
	display: none;
}

.section04 .typeBox>div {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	height: 460px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 130px;
}

.section04 .ch_type01 {
	margin-top: 65px;
	background: url(../../images/main/bg3.png) center top no-repeat;
	justify-content: flex-start;
	padding-left: 100px;
}

.section04 .ch_type02 {
	background: url(../../images/main/bg4.png) center top no-repeat;
	justify-content: flex-end;
	padding-right: 100px;
}

.section04 .ch_type03 {
	background: url(../../images/main/bg5.png) center top no-repeat;
	justify-content: flex-start;
	padding-left: 100px;
}

.section04 .ch_type04 {
	background: url(../../images/main/bg6.png) center top no-repeat;
	justify-content: flex-end;
	padding-right: 100px;
}

.section04 .ch_infoBox {
	flex: 0 0 440px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.section04 .ch_title01 {
	border: 4px solid #527c08;
}

.section04 .ch_title02 {
	border: 4px solid #2f6f3e;
}

.section04 .ch_title03 {
	border: 4px solid #107591;
}

.section04 .ch_title04 {
	border: 4px solid #527c08;
}

.section04 .ch_infoBox .title>p {
	width: 100%;
	height: 70px;
	line-height: 40px;
	font-weight: 600;
	color: #000000;
	letter-spacing: -1px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.section04 .ch_title01 {
	font-size: clamp(26px, 3.5vw, 33px);
}

.section04 .ch_title01 span.won {
	font-weight: 800;
	color: #547a10;
	font-size: inherit;
}

.section04 .ch_title01 span.type {
	float: left;
	font-weight: 800;
	color: #547a10;
	font-size: inherit;
}

.section04 .ch_title02 {
	font-size: clamp(22px, 3vw, 25px);
}

.section04 .ch_title02 span.won {
	font-weight: 800;
	color: #0e6351;
	font-size: inherit;
}

.section04 .ch_title03 {
	font-size: clamp(24px, 3.2vw, 29px);
}

.section04 .ch_title03 span.won {
	font-weight: 800;
	color: #1c5f77;
	font-size: inherit;
}

.section04 .ch_title04 span.won {
	font-weight: 800;
	color: #1e1e1e;
	font-size: inherit;
	letter-spacing: -1.5px;
}

.section04 .ch_title04 {
	font-size: clamp(24px, 3.2vw, 29px);
}

.section04 p.info {
	width: 100%;
	height: 36px;
	margin-bottom: 5px;
	font-size: clamp(14px, 2.5vw, 18px);
	font-weight: 700;
	letter-spacing: -.2px;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
}

.section04 span.infott {
	flex: 0 0 130px;
	text-align: center;
	color: #fff;
	font-size: clamp(14px, 2.3vw, 17px);
	font-weight: 800;
	float: left;
	letter-spacing: -.3px;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.section04 span.infocon {
	flex-grow: 1;
	overflow: hidden;
	font-weight: 600;
	color: #000;
	padding-left: 20px;
	font-size: clamp(14px, 2.3vw, 17px);
	float: left;
	letter-spacing: -.8px;
	background: #fff;
	display: flex;
	align-items: center;
}

.section04 span.plus01 {
	padding: 0px 2px 3px 2px;
	color: #71a11c;
	font-size: 16px;
	font-weight: 800;
}

.section04 span.plus02 {
	padding: 0px 2px 3px 2px;
	color: #0ca585;
	font-size: 16px;
	font-weight: 800;
}

.section04 span.plus03 {
	padding: 0px 2px 3px 2px;
	color: #34809c;
	font-size: 16px;
	font-weight: 800;
}

.section04 span.plus04 {
	padding: 0px 2px 3px 2px;
	color: #4f4f4f;
	font-size: 16px;
	font-weight: 800;
}

@media all and (max-width: 1400px) {
	.section04 .typeBox {
		margin-top: 30px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.section04 .typeBox>div {
		width: 100%;
		display: flex;
		height: auto;
		margin-top: 0;
		align-items: center;
		justify-content: center;
	}

	.section04 .rightimgBox,
	.section04 .leftimgBox {
		display: none;
	}

	.section04 .ch_infoBox {
		flex: 0 0 auto;
		width: 440px;
		padding: 24px;
		border-radius: 16px;
	}

	.ch_type01 .ch_infoBox {
		background: #547a10;
	}

	.ch_type02 .ch_infoBox {
		background: #0e6351;
	}

	.ch_type03 .ch_infoBox {
		background: #1c5f77;
	}

	.ch_type04 .ch_infoBox {
		background: #1e1e1e;
	}

	.section04 .ch_type01,
	.section04 .ch_type02,
	.section04 .ch_type03,
	.section04 .ch_type04 {
		background: none;
		margin-top: 60px;
		padding: 0;
	}

	.section04 .ch_infoBox .title>p {
		flex-wrap: wrap;
		justify-content: flex-start;
		height: auto;
		padding: 8px 15px;
		line-height: 1.2;
		gap: 0;
	}

	.section04 .ch_infoBox .title>p span.won {
		width: 100%;
		text-align: left;
	}

	.section04 .ch_infoBox .title>p .material-symbols-outlined {
		display: none !important;
	}

	.section04 .ch_title02 {
		font-size: clamp(26px, 3.5vw, 33px);
	}

	.section04 .ch_title02 span.won {
		font-size: inherit;
	}
}

@media all and (max-width: 1100px) {
	.section04 .typeBox {
		gap: 0;
	}

	.section04 .ch_infoBox {
		width: 100%;
		padding: 24px;
		border-radius: 0;
	}
}

@media all and (max-width: 800px) {
	.section03 .ch_box01 {
		padding: 40px 0;
	}

	.section03 .ch_box01 .contractBox {
		flex-direction: column;
		width: 100%;
		gap: 20px;
	}

	.section03 .ch_box01 .contract,
	.section03 .ch_box01 .ccs {
		max-width: 100%;
		width: 100%;
	}

	.section04 .ch_label02 {
		position: relative;
		transform: translateX(-15px);
	}

	.section04 .ch_label03 {
		position: relative;
		transform: translateX(-30px);
	}

	.section04 .titleBox {
		padding: 60px 16px 16px 16px;
	}

	.br_under_800 {
		display: block;
	}
}

@media all and (max-width: 720px) {
	.section04 .typeBox {
		grid-template-columns: repeat(1, 1fr);
	}
}

.section04 .btnBox {
	margin-top: 25px;
	display: flex;
	justify-content: center;
}

.section04 .btnBox a.moreInfo {
	width: 150px;
	height: 40px;
	background: #303030;
	color: #fff;
	letter-spacing: -.7px;
	font-weight: 600;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.section04 .btnBox a.moreInfo:hover {
	background: #000;
}

.section04 .rightimgBox {
	position: relative;
	width: 590px;
	height: 400px;
	margin: 0px;
}

.section04 .leftimgBox {
	position: relative;
	width: 590px;
	height: 400px;
	margin: 0px;
}

.section04 .ch_desktop01 {
	background: url(../../images/main/pc01.png) no-repeat;
	position: absolute;
	width: 480px;
	height: 420px;
	top: 0;
	left: 50px;
}

.section04 .ch_desktop02 {
	background: url(../../images/main/pc02.png) no-repeat;
	position: absolute;
	width: 480px;
	height: 420px;
	top: 0;
	left: 50px;
}

.section04 .ch_desktop03 {
	background: url(../../images/main/pc03.png) no-repeat;
	position: absolute;
	width: 480px;
	height: 420px;
	top: 0;
	left: 50px;
}

.section04 .ch_desktop04 {
	background: url(../../images/main/pc04.png) no-repeat;
	position: absolute;
	width: 480px;
	height: 420px;
	top: 0;
	left: 50px;
}

.section04 .ch_tablet01 {
	background: url(../../images/main/pad01.png) no-repeat;
	position: absolute;
	width: 200px;
	height: 320px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.section04 .ch_tablet02 {
	background: url(../../images/main/pad02.png) no-repeat;
	position: absolute;
	width: 200px;
	height: 320px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.section04 .ch_tablet03 {
	background: url(../../images/main/pad03.png) no-repeat;
	position: absolute;
	width: 200px;
	height: 320px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.section04 .ch_tablet04 {
	background: url(../../images/main/pad04.png) no-repeat;
	position: absolute;
	width: 200px;
	height: 320px;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.section04 .ch_mobile01 {
	background: url(../../images/main/phone01.png) no-repeat;
	position: absolute;
	width: 120px;
	height: 260px;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.section04 .ch_mobile02 {
	background: url(../../images/main/phone02.png) no-repeat;
	position: absolute;
	width: 120px;
	height: 260px;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.section04 .ch_mobile03 {
	background: url(../../images/main/phone03.png) no-repeat;
	position: absolute;
	width: 120px;
	height: 260px;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.section04 .ch_mobile04 {
	background: url(../../images/main/phone04.png) no-repeat;
	position: absolute;
	width: 120px;
	height: 260px;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.section04 .ch_point01 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 20px;
	left: -120px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point1.png) no-repeat;
}

.section04 .ch_point02 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 40px;
	right: -50px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point2.png) no-repeat;
}

.section04 .ch_point03 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 20px;
	left: -120px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point3.png) no-repeat;
}

.section04 .ch_point04 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 40px;
	right: -50px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point4.png) no-repeat;
}

.section04 .ch_point05 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 20px;
	left: -120px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 19px;
	font-weight: 700;
	font-size: 14px;
	background: url(../../images/main/point1.png) no-repeat;
}

.section04 .ch_point06 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 40px;
	right: -50px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point5.png) no-repeat;
}

.section04 .ch_point07 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 20px;
	left: -120px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point1.png) no-repeat;
}

.section04 .ch_point08 {
	position: absolute;
	width: 169px;
	height: 127px;
	top: 40px;
	right: -50px;
	z-index: 2;
	color: #fff;
	padding-top: 47px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 22px;
	font-weight: 700;
	font-size: 17px;
	background: url(../../images/main/point6.png) no-repeat;
}

/* 무상제공서비스 */
.ch_section05 {
	position: relative;
	width: 100%;
}

.ch_section05 h1.ch_title01 {
	width: 100%;
	max-width: 1400px;
	text-align: center;
	padding: 140px 0 0 0;
	font-size: 45px;
	line-height: 60px;
	font-weight: 600;
	color: #000000;
	letter-spacing: -2.5px;
}

.ch_section05 h1.ch_title01 span.boxfont {
	display: inline-block;
	color: #fff;
	background-color: #000;
	padding: 0px 16px;
}

.ch_section05 .ch_serviceicon {
	width: 100%;
	max-width: 1400px;
	margin: 100px auto 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1px;
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
}

.ch_section05 .ch_serviceicon p {
	font-size: 16px;
	color: #404040;
	font-weight: 700;
	text-align: center;
	letter-spacing: -0.5px;
	line-height: 1.4;
	-webkit-transition: all 0.1s linear;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 40px 10px;
	background-color: #fff;
	word-break: keep-all;
}

.ch_section05 .ch_serviceicon p img {
	width: auto;
	max-width: auto;
}

.ch_section05 .ch_serviceicon p:hover {
	color: #19976c;
}

@media all and (max-width: 1000px) {
	.ch_section05 .ch_serviceicon {
		grid-template-columns: repeat(3, 1fr);
	}

	.ch_section05 .ch_serviceicon p {
		font-size: 14px;
	}
}


@media all and (max-width: 800px) {
	.ch_section05 h1.ch_title01 {
		padding: 60px 16px 16px 16px;
		font-size: 32px;
	}

	.ch_section05 .ch_serviceicon {
		margin-top: 0;
	}
}

@media all and (max-width: 600px) {
	.ch_section05 .ch_serviceicon {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* cms 관리시스템 */
.ch_section06 {
	position: relative;
	width: 100%;
	background-color: #0ca585;
}

.ch_section06 .titleBox {
	width: 100%;
	padding: 150px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ch_section06 h1.ch_title01 {
	width: 100%;
	max-width: 1400px;
	text-align: center;
	font-size: clamp(24px, 4vw, 36px);
	line-height: 1.4;
	font-weight: 700;
	color: #fff;
	letter-spacing: -2px;
	word-break: keep-all;
}

.ch_section06 h1.ch_title02 {
	text-align: center;
	font-size: clamp(32px, 5vw, 55px);
	line-height: 1.2;
	font-weight: 800;
	color: #fff;
	letter-spacing: -2px;
	word-break: keep-all;
	margin-top: 10px;
}

.ch_section06 p.ch_text03 {
	margin: 0 auto;
	margin-top: 35px;
	width: auto;
	max-width: 100%;
	padding: 5px 20px;
	height: auto;
	background-color: #000;
	text-align: center;
	color: #fadc3d;
	font-size: clamp(13px, 2.5vw, 20px);
	border-radius: 5px;
	font-weight: 800;
	letter-spacing: -.9px;
	line-height: 1.4;
	word-break: keep-all;
}

.ch_section06 p.ch_text04 {
	margin: 0 auto;
	margin-top: 5px;
	width: auto;
	max-width: 100%;
	padding: 5px 20px;
	height: auto;
	background-color: #000;
	text-align: center;
	color: #fadc3d;
	font-size: clamp(13px, 2.5vw, 20px);
	border-radius: 5px;
	font-weight: 800;
	letter-spacing: -.9px;
	line-height: 1.4;
	word-break: keep-all;
}

.ch_section06 .imgBox {
	position: relative;
	width: 100%;
	max-width: 1250px;
	aspect-ratio: 1250 / 555;
	margin: 0 auto;
	margin-top: 60px;
}

@media all and (max-width: 800px) {
	.ch_section06 .titleBox {
		padding: 60px 16px 16px 16px;
	}

	.ch_section06 .imgBox {
		margin-top: 20px;
	}
}

.ch_section06 .imgBox .ch_cmsimg01 {
	position: absolute;
	bottom: 11.71%;
	left: 33.6%;
	width: 51.2%;
	height: 81.08%;
	background: url(../../images/main/cmsimg01.png) no-repeat;
	background-size: contain;
	z-index: 3;
}

.ch_section06 .imgBox .ch_cmsimg02 {
	position: absolute;
	bottom: 30.63%;
	left: 16.8%;
	width: 24%;
	height: 41.44%;
	background: url(../../images/main/cmsimg02.png) no-repeat;
	background-size: contain;
	z-index: 2;
}

.ch_section06 .imgBox .ch_cmsimg03 {
	position: absolute;
	bottom: 46.84%;
	left: 34%;
	width: 23.2%;
	height: 43.24%;
	background: url(../../images/main/cmsimg03.png) no-repeat;
	background-size: contain;
	z-index: 1;
}

.ch_section06 .imgBox .ch_cmsment01 {
	position: absolute;
	bottom: 44.14%;
	left: 2.8%;
	width: 23.2%;
	height: 27.02%;
	background: url(../../images/main/cmsment01.png) no-repeat;
	background-size: contain;
	z-index: 4;
}

.ch_section06 .imgBox .ch_cmsment02 {
	position: absolute;
	bottom: 54.05%;
	right: 4.16%;
	width: 26.4%;
	height: 39.63%;
	background: url(../../images/main/cmsment02.png) no-repeat;
	background-size: contain;
	z-index: 4;
}

.ch_section06 .imgBox .ch_cmsment03 {
	position: absolute;
	bottom: 65.76%;
	left: 22%;
	width: 20.8%;
	height: 36.03%;
	background: url(../../images/main/cmsment03.png) no-repeat;
	background-size: contain;
	z-index: 4;
}




/* 유튜브 */
.ch_section07 {
	position: relative;
	width: 100%;
	background: url(../../images/main/bg9.png) center center no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 100px;
}

.ch_section07 .youtubeTitleBox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 120px;
}


.ch_section07 .ch_youtubeImg1 {
	max-width: 100%;
	height: auto;
}

.ch_section07 .youtubeTitleBox .textWrap {
	display: flex;
	flex-direction: column;
	margin-left: 50px;
}

.ch_section07 .ch_title01 {
	font-size: clamp(24px, 3.5vw, 38px);
	font-weight: 600;
	color: #000;
	letter-spacing: -2px;
	line-height: 1.2;
	word-break: keep-all;
}

.ch_section07 .ch_title01 span {
	font-weight: 900;
	color: #df0000;
}

.ch_section07 .ch_title02 {
	font-size: clamp(30px, 4.5vw, 51px);
	font-weight: 800;
	color: #000;
	letter-spacing: -2px;
	line-height: 1.2;
	word-break: keep-all;
}

.ch_section07 .ch_youtubeImg2 {
	max-width: 100%;
	height: auto;
	margin-top: 50px;
}

.ch_section07 .ch_text01 {
	width: 100%;
	max-width: 1400px;
	text-align: center;
	line-height: 1.4;
	margin-top: 30px;
	color: #000;
	font-size: clamp(16px, 2.5vw, 24px);
	letter-spacing: -2px;
	word-break: keep-all;
	padding: 0 16px;
}

.ch_section07 .ch_text01 .subText {
	font-size: clamp(18px, 2.8vw, 26px);
}

.ch_section07 .ch_text01 .highlight {
	font-weight: 800;
}

.ch_section07 .ch_text01 .highlight.red {
	color: #df0000;
}

@media all and (max-width: 800px) {
	.ch_section07 .youtubeTitleBox {
		flex-direction: column;
		padding-top: 60px;
	}

	.ch_section07 .youtubeTitleBox .textWrap {
		margin-left: 0;
		margin-top: 20px;
		align-items: center;
		text-align: center;
	}
}

/* 앱구축 */
.ch_section08 {
	position: relative;
	width: 100%;
	height: 940px;
	background: #eaeff9;
}

.ch_section08 .appTitleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 150px;
}

.ch_section08 .appTitleBox .storeBadges {
	display: flex;
	gap: 8px;
	justify-content: center;
}

.ch_section08 p.ch_google {
	width: 140px;
	height: 35px;
	background: url(../../images/main/google.png) no-repeat;
}

.ch_section08 p.ch_apple {
	width: 140px;
	height: 35px;
	background: url(../../images/main/apple.png) no-repeat;
}

.ch_section08 h1.ch_title01 {
	width: auto;
	max-width: 580px;
	text-align: center;
	margin: 18px 0 0 0;
	font-size: clamp(28px, 4vw, 46px);
	line-height: 1.2;
	font-weight: 800;
	color: #000000;
	letter-spacing: -2px;
	background: url(../../images/main/linebg.png) center center repeat-x;
}

.ch_section08 .ch_appimg {
	position: relative;
	width: 1400px;
	height: 600px;
	margin: 72px 0 0 0px;
}

.ch_section08 .ch_appimg .mockupBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.ch_section08 .ch_appimg .mockupBox img.appMockupImg {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.ch_section08 .ch_appimg .mockupBox p.ch_text01 {
	position: absolute;
	top: -50px;
	left: 760px;
	z-index: 1;
	width: 270px;
	height: 200px;
	background: url(../../images/main/appment02.png) no-repeat;
}

.ch_section08 .ch_appimg p.ch_text01 span.ch_ment01 {
	display: block;
	width: 110px;
	height: 38px;
	margin: 47px 0 0 12px;
	background: url(../../images/main/appment03.png) no-repeat;
}

.ch_section08 .ch_appimg p.ch_text01 span.ment02 {
	display: block;
	font-size: clamp(16px, 2vw, 24px);
	font-weight: 800;
	color: #000000;
	letter-spacing: -1.2px;
	margin: 0px 0 0 60px;
	line-height: 1.2;
}

.ch_label p.ch_label01 span {
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 800;
}

.ch_label p.ch_label02 span {
	font-size: clamp(14px, 1.8vw, 19px);
	font-weight: 800;
}

.ch_section08 .ch_appimg .appIconBox {
	position: absolute;
	bottom: 290px;
	left: 0;
	width: 100%;
	background: #353535;
	padding: 16px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 29px;
	z-index: 0;
}

.ch_section08 .ch_appimg .appIconBox p[class^="ch_appicon"] {
	color: #fff;
	text-align: center;
	font-size: clamp(11px, 1.5vw, 14px);
	font-weight: 700;
	letter-spacing: -.7px;
	padding-top: 110px;
	width: 96px;
}

.ch_section08 .ch_appimg p.ch_appicon01 {
	background: url(../../images/main/app01.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon02 {
	background: url(../../images/main/app02.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon03 {
	background: url(../../images/main/app03.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon04 {
	background: url(../../images/main/app04.png) top center no-repeat;
	letter-spacing: -1px;
	margin-right: 259px;
}

.ch_section08 .ch_appimg p.ch_appicon05 {
	background: url(../../images/main/app05.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon06 {
	background: url(../../images/main/app06.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon07 {
	background: url(../../images/main/app07.png) top center no-repeat;
}

.ch_section08 .ch_appimg p.ch_appicon08 {
	background: url(../../images/main/app08.png) top center no-repeat;
}

.ch_section08 .ch_appimg .bottomInfoBox {
	position: absolute;
	top: 387px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 33px 0 55px;
	box-sizing: border-box;
}

.ch_section08 .ch_appimg .bottomInfoBox .textGroup {
	display: flex;
	flex-direction: column;
	width: 460px;
}

.ch_section08 .ch_appimg .ch_download {
	width: 280px;
	margin-top: 8px;
}

.ch_section08 .ch_appimg .ch_download p.google {
	height: 35px;
	padding: 0px 16px;
	background-color: #24262a;
	border-radius: 25px;
	color: #fff;
	font-size: clamp(12px, 1.5vw, 15px);
	font-weight: 800;
	letter-spacing: -.5px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.ch_section08 .ch_appimg .ch_download p.apple {
	height: 35px;
	padding: 0px 16px;
	margin-top: 20px;
	background-color: #24262a;
	border-radius: 25px;
	color: #fff;
	font-size: clamp(12px, 1.5vw, 15px);
	font-weight: 800;
	letter-spacing: -.5px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.ch_section08 .ch_appimg .ch_download p img {
	max-height: 20px;
}

.ch_section08 .ch_appimg .ch_download span.ok {
	color: #ffd200;
	font-size: clamp(14px, 2vw, 20px);
}

.ch_section08 .ch_appimg p.ch_text02 {
	color: #0ca585;
	font-size: clamp(24px, 3.5vw, 40px);
	font-weight: 800;
	letter-spacing: -.8px;
}

.ch_section08 .ch_appimg p.ch_text03 {
	margin-top: 13px;
	color: #000;
	font-size: clamp(15px, 2vw, 23px);
	font-weight: 700;
	letter-spacing: -1px;
}

@media all and (max-width: 1400px) {
	.ch_section08 {
		height: auto;
		padding-bottom: 80px;
	}

	.ch_section08 .ch_appimg {
		width: 100%;
		height: auto;
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.ch_section08 .ch_appimg .mockupBox {
		position: relative;
		width: 100%;
		height: 600px;
		display: flex;
		justify-content: center;
		margin-top: 60px;
		order: 2;
	}

	.ch_section08 .ch_appimg .mockupBox p.ch_text01 {
		left: 50%;
		margin-left: 50px;
	}

	.ch_section08 .ch_appimg .appIconBox {
		position: relative;
		bottom: auto;
		width: auto;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		justify-items: center;
		padding: 16px 20px;
		gap: 20px;
		order: 1;
	}

	.ch_section08 .ch_appimg p.ch_appicon04 {
		margin-right: 0;
	}

	.ch_section08 .ch_appimg .bottomInfoBox {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 40px;
		padding: 0 20px;
		margin-top: 20px;
		order: 3;
	}

	.ch_section08 .ch_appimg .bottomInfoBox .textGroup {
		width: auto;
	}
}

@media all and (max-width: 1200px) {
	.ch_section08 .ch_appimg .appIconBox {
		grid-template-columns: repeat(4, 1fr);
		row-gap: 30px;
	}
}

@media all and (max-width: 1000px) {
	.ch_section08 .ch_appimg .bottomInfoBox {
		flex-direction: column;
		gap: 20px;
	}

	.ch_section08 .ch_appimg .bottomInfoBox .textGroup {
		align-items: center;
		text-align: center;
	}

	.ch_section08 .ch_appimg .mockupBox p.ch_text01 {
		transform: scale(0.7);
		transform-origin: center top;
		margin-left: 0;
		top: -50px;
		left: 25%;
	}
}

@media all and (max-width: 600px) {
	.ch_section08 .ch_appimg .appIconBox {
		grid-template-columns: repeat(2, 1fr);
	}

	.ch_section08 .appTitleBox .storeBadges {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	.ch_section08 .ch_appimg .bottomInfoBox {
		width: 100%;
		padding: 0;
		margin-top: 0;
	}

	.ch_section08 .ch_appimg .ch_download {
		width: 100%;
		margin-top: 0;
	}

	.ch_section08 p.ch_google,
	.ch_section08 p.ch_apple {
		width: 100%;
		background-position: center;
	}

	.ch_section08 .ch_appimg .ch_download p.google {
		border-radius: 0;
	}

	.ch_section08 .ch_appimg .ch_download p.apple {
		border-radius: 0;
		margin: 0 !important;
	}
}

@media all and (max-width: 500px) {
	.ch_section08 .ch_appimg .mockupBox {
		height: auto;
		aspect-ratio: 500 / 660;
	}



	.ch_section08 .ch_appimg .mockupBox img.appMockupImg {
		left: 0;
		transform: none;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}

/* 폼 생성기 */
.ch_section09 {
	position: relative;
	width: 100%;
	height: 930px;
	background: url(../../images/main/bg11.png) center center no-repeat;
	background-size: cover;
}

.ch_section09 .ch_mentbg2 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 930px;
	background: url(../../images/main/mentbg.png) center center no-repeat;
	background-size: cover;
}

.ch_section09_titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ch_section09 h1.ch_title01 {
	width: 100%;
	text-align: center;
	line-height: 1.2;
	margin: 355px 0 0 0px;
	font-size: clamp(32px, 5vw, 70px);
	font-weight: 800;
	color: #000;
	letter-spacing: -2.2px;
}

.ch_section09 h1.ch_title02 {
	width: 100%;
	text-align: center;
	line-height: 1.3;
	margin: 15px 0 0 0px;
	font-size: clamp(20px, 3.5vw, 43px);
	font-weight: 800;
	color: #000;
	letter-spacing: -2.6px;
}

.ch_section09 .ch_title03 {
	width: 780px;
	height: 120px;
	text-align: center;
	color: #fff;
	font-size: clamp(14px, 1.5vw, 19px);
	font-weight: 700;
	margin: 30px 0 0;
	letter-spacing: -1px;
}

.ch_section09 .ch_title03 p.ment01 {
	float: left;
	width: 165px;
	height: 40px;
	margin: 0 0 0 10px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 38px;
}

.ch_section09 .ch_title03 p.ment02 {
	float: left;
	width: 210px;
	height: 40px;
	margin: 0 0 0 10px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 38px;
}

.ch_section09 .ch_title03 p.ment03 {
	float: left;
	width: 170px;
	height: 40px;
	margin: 0 0 0 10px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 38px;
}

.ch_section09 .ch_title03 p.ment04 {
	float: left;
	width: 180px;
	height: 40px;
	margin: 0 0 0 10px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 38px;
}

.ch_section09 .ch_title03 p.ment05 {
	float: left;
	width: 225px;
	height: 40px;
	margin: 14px 0 0 100px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 39px;
}

.ch_section09 .ch_title03 p.ment06 {
	float: left;
	width: 320px;
	height: 40px;
	margin: 14px 0 0 10px;
	background-color: #45bd15;
	border-radius: 50px;
	line-height: 39px;
}

@media all and (max-width: 1400px) {
	.ch_section09 {
		height: auto;
	}

	.ch_section09 .ch_mentbg2 {
		height: auto;
		padding-bottom: 80px;
	}

	.ch_section09 h1.ch_title01 {
		margin-top: 150px;
	}

	.ch_section09 .ch_title03 {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
		padding: 0 20px;
	}

	.ch_section09 .ch_title03 p[class^="ment"] {
		float: none;
		margin: 0 !important;
		width: auto;
		padding: 0 20px;
	}
}

@media all and (max-width: 600px) {
	.ch_section09 .ch_mentbg2 {
		background: none;
	}

	.ch_section09 h1.ch_title01 {
		margin-top: 80px;
	}

	.ch_section09 .ch_title03 {
		flex-direction: column;
		align-items: stretch;
	}

	.ch_section09 .ch_title03 p[class^="ment"] {
		width: 100% !important;
	}
}

/* 그외 기능 슬라이드 */
.ch_section10 {
	position: relative;
	width: 100%;
	height: 700px;
	background-color: #165051;
}

.ch_section10_titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ch_section10 h1.ch_title01 {
	text-align: center;
	line-height: 1.2;
	margin: 170px 0 0 0px;
	font-size: clamp(20px, 3vw, 32px);
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	letter-spacing: -1.5px;
}

.ch_section10 h1.ch_title02 {
	text-align: center;
	line-height: 1.2;
	margin: 10px 0 0 0px;
	font-size: clamp(26px, 4vw, 48px);
	font-weight: 800;
	color: #ffffff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	letter-spacing: -1.2px;
}

.ch_section10 .carousel {
	position: relative;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 70px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.ch_section10 .carousel [class^="ch_carousel"] {
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.ch_section10 .carousel [class^="ch_carousel"] img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 20px;
}

@media all and (max-width: 1400px) {
	.ch_section10 {
		height: auto;
		padding-bottom: 60px;
	}

	.ch_section10 h1.ch_title01 {
		margin-top: 100px;
	}

	.ch_section10 .carousel {
		margin: 40px auto;
	}
}

@media all and (max-width: 600px) {
	.ch_section10 h1.ch_title01 {
		margin-top: 60px;
	}

	.ch_section10 .carousel [class^="ch_carousel"] {
		width: calc((100% - 12px) / 2);
	}
}

.slider {
	width: 1800px;
	margin: 70px auto;
}

.slick-slide {}

.slick-slide img {}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .8;
}

.slick-active {
	opacity: .9;
}

.slick-current {
	opacity: 1;
}

/* 포트폴리오 */
.ch_section11 {
	position: relative;
	width: 100%;
	height: auto;
	background: url(../../images/main/pfbg.png) repeat;
	font-family: 'Pretendard' !important;
}

.ch_section11 .portfolioTabWrap1 {
	background: linear-gradient(110deg, #3e9f77 50%, #f8f8f8 50%);
	position: relative;
	height: 96px;
	width: 100%;
}

.ch_section11 .portfolioTabWrap2 {
	background: linear-gradient(110deg, #f8f8f8 50%, #3e9f77 50%);
	position: relative;
	height: 96px;
	width: 100%;
}

.ch_section11 .portfolioTab {
	position: relative;
	width: 100%;
	max-width: 1400px;
	height: 96px;
	margin: 0 auto;
	display: flex;
}

.ch_section11 .portfolioTab a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(16px, 2vw, 27px);
	font-weight: 800;
	letter-spacing: -1px;
	background: transparent !important;
	text-decoration: none;
	cursor: pointer;
}

.ch_section11 .portfolioTab a.domestic1,
.ch_section11 .portfolioTab a.global2 {
	color: #ffffff;
}

.ch_section11 .portfolioTab a.global1,
.ch_section11 .portfolioTab a.domestic2 {
	color: #2c2c2c;
}

.ch_section11 .ch_pf_con {
	position: relative;
	width: 100%;
	max-width: 1220px;
	height: auto;
	margin: 30px auto 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 30px;
	padding: 0 20px 60px;
	box-sizing: border-box;
}

@media all and (max-width: 1024px) {
	.ch_section11 .ch_pf_con {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 20px;
	}
}

@media all and (max-width: 768px) {
	.ch_section11 .ch_pf_con {
		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
		gap: 15px;
	}
}

@media all and (max-width: 480px) {
	.ch_section11 .ch_pf_con {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 10px;
		padding: 0 10px 40px;
	}
}

.ch_section11 a.pf_thumb {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
	width: 100%;
	background-color: #fff;
	color: #000000;
	text-align: center;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.ch_section11 a.pf_thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.ch_section11 a.pf_thumb img:hover {
	opacity: 0.9;
}

.ch_section11 a.pf_thumb p.pf_name {
	width: 100%;
	margin: 15px 0;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: clamp(15px, 2vw, 18px);
	font-weight: 700;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ch_section11 a.pf_thumb p.pf_amount {
	width: 100%;
	height: 20px;
	line-height: 19px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ch_section11 a.pf_thumb:hover {
	background-color: #3e9f77;
	color: #fff;
	border-radius: 10px 10px 0 0;
	transition: all 0.2s;
}

.br_under_500 {
	display: none;
}

@media all and (max-width: 500px) {
	.br_under_500 {
		display: block;
	}
}

/* 특허 및 인증 */
.ch_section12 {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 840px;
	padding-bottom: 80px;
	background: #252525 url(../../images/main/bg13.png) center center no-repeat;
	background-size: cover;
}

.ch_section12_titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: clamp(80px, 15vw, 186px);
}

.ch_section12_markBoxWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 22px;
	margin-top: 70px;
}

.ch_section12 h1.ch_title01 {
	text-align: center;
	padding: 5px 20px;
	font-size: clamp(14px, 2.5vw, 26px);
	font-weight: 800;
	color: #313131;
	letter-spacing: -1.5px;
	background-color: #9dce35;
	border-radius: 20px;
}

.ch_section12 h1.ch_title02 {
	text-align: center;
	line-height: 1.25;
	padding: 30px 0 0 0;
	font-size: clamp(24px, 5vw, 50px);
	font-weight: 800;
	color: #e9e9e9;
	letter-spacing: -2px;
}

.ch_section12 h1.ch_title03 {
	text-align: center;
	line-height: 1.25;
	font-size: clamp(26px, 5.5vw, 58px);
	font-weight: 800;
	color: #9dce35;
	letter-spacing: -2.7px;
}

.ch_section12 .ch_markBox01 {
	width: 210px;
	height: 210px;
	background: url(../../images/main/markbox.png) no-repeat;
	text-align: center;
}

.ch_section12 .ch_markBox02 {
	width: 210px;
	height: 210px;
	background: url(../../images/main/markbox.png) no-repeat;
	text-align: center;
}

.ch_section12 .ch_markBox03 {
	width: 210px;
	height: 210px;
	background: url(../../images/main/markbox.png) no-repeat;
	text-align: center;
}

.ch_section12 .ch_markBox04 {
	width: 210px;
	height: 210px;
	background: url(../../images/main/markbox.png) no-repeat;
	text-align: center;
}

.ch_section12 p.ch_mark01 {
	width: 210px;
	height: 120px;
	background: url(../../images/main/mark01.png) center center no-repeat;
	opacity: 1;
}

.ch_section12 p.ch_mark02 {
	width: 210px;
	height: 120px;
	background: url(../../images/main/mark02.png) center center no-repeat;
	opacity: 1;
}

.ch_section12 p.ch_mark03 {
	width: 210px;
	height: 120px;
	background: url(../../images/main/mark03.png) center center no-repeat;
	opacity: 1;
}

.ch_section12 p.ch_mark04 {
	width: 210px;
	height: 120px;
	background: url(../../images/main/mark04.png) center center no-repeat;
	opacity: 1;
}

.ch_section12 p.text01 {
	width: 210px;
	height: auto;
	font-size: clamp(16px, 2vw, 20px);
	color: #313131;
	font-weight: 800;
	letter-spacing: -1.5px;
	margin-top: 20px;
}

.ch_section12 p.text02 {
	width: 210px;
	height: auto;
	font-size: clamp(14px, 1.8vw, 18px);
	color: #313131;
	font-weight: 800;
	letter-spacing: -1px;
	margin-top: 14px;
}

.ch_section12 span.small {
	font-size: 15px;
}


/* 상담신청 */
.ch_section13 {
	position: relative;
	width: 100%;
	background: linear-gradient(to right, #19976c 30%, #c3dcd8 30%);
}

@media all and (max-width: 1024px) {
	.ch_section13 {
		background: #19976c;
	}
}

.ch_section13_contentWrap {
	display: flex;
	width: 100%;
}

@media all and (max-width: 1024px) {
	.ch_section13_contentWrap {
		flex-direction: column;
	}
}

.ch_section13 .customer {
	width: 30%;
	min-width: 340px;
	padding-bottom: 200px;
	box-sizing: border-box;
	background-color: #19976c;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

@media all and (max-width: 1024px) {
	.ch_section13 .customer {
		width: 100%;
		min-width: 100%;
		padding: 60px 20px;
	}
}

.ch_section13 .customer_inner {
	width: 240px;
	display: flex;
	flex-direction: column;
}

.ch_section13 .customer p.ch_title {
	width: 116px;
	height: 120px;
	background-color: #157f5b;
	color: #d2ece8;
	font-weight: 800;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ch_section13 .customer a.ch_tel1 {
	margin-top: 30px;
	color: #ffffff;
	font-size: clamp(24px, 4vw, 33px);
	font-weight: 800;
	text-decoration: none;
}

.ch_section13 .customer a.ch_tel1:hover {
	color: #cbf146;
}

.ch_section13 .customer p.ch_tel2 {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #4eaf8e;
	color: #ffffff;
	font-size: clamp(16px, 2.5vw, 21px);
	font-weight: 600;
	line-height: 1.6;
}

.ch_section13 .customer p.ch_hour {
	margin-top: 22px;
	color: #b8dfd1;
	font-size: 27px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	letter-spacing: -1.1px;
}

.ch_section13 .customer span.ch_holyday {
	font-size: 15px;
	letter-spacing: -.2px;
}

.ch_section13_contentWrap>form {
	flex: 1;
}

.ch_section13 .counseling {
	width: 100%;
	height: 100%;
	padding: 100px 20px;
	box-sizing: border-box;
	background: #c3dcd8 url(../../images/main/bg14.png) center center no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media all and (max-width: 1024px) {
	.ch_section13 .counseling {
		padding: 60px 20px;
	}
}

.ch_section13 .counseling_inner {
	width: 100%;
	max-width: 513px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ch_section13 .counseling p.ch_title {
	width: 100%;
	font-size: clamp(28px, 6vw, 48px);
	color: #19976c;
	font-weight: 800;
	letter-spacing: -2px;
}

.ch_section13 .ch_formRow {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

@media all and (max-width: 600px) {
	.ch_section13 .ch_formRow {
		flex-direction: column;
	}
}

.ch_section13 .counseling .ch_counselingform .ch_formInput {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.ch_section13 .counseling .ch_counselingform .ch_formInput span.tt {
	font-size: clamp(16px, 2.5vw, 22px);
	text-align: center;
	letter-spacing: -1px;
	color: #424242;
	font-weight: 800;
	padding-right: 13px;
	flex-shrink: 0;
}

.ch_section13 .counseling .ch_counselingform .ch_formInput p {
	display: flex;
	align-items: center;
}

@media all and (max-width: 500px) {
	.ch_section13 .counseling .ch_counselingform .ch_formInput p {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.ch_section13 .counseling .ch_counselingform .ch_formInput span.tt {
		text-align: left;
		padding-right: 0;
	}
}

.ch_section13 .counseling .ch_counselingform .ch_formInput input.nameinput {
	flex: 1;
	min-width: 150px;
	max-width: 300px;
	height: 40px;
	padding: 8px 20px 10px 10px;
	background: none;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #333;
	letter-spacing: -.5px;
	font-size: clamp(14px, 2vw, 18px);
	font-weight: 600;
}

@media all and (max-width: 500px) {
	.ch_section13 .counseling .ch_counselingform .ch_formInput input.nameinput {
		width: 100%;
		max-width: 100%;
	}
}

.ch_section13 .counseling .ch_counselingform .ch_formInput .phone_wrap {
	display: flex;
	gap: 5px;
}

.ch_section13 .counseling .ch_counselingform .ch_formInput input.phone {
	width: 77px;
	height: 40px;
	padding: 8px 10px 10px 10px;
	background: none;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #33333;
	letter-spacing: -.5px;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
}

@media all and (max-width: 500px) {
	.ch_section13 .counseling .ch_counselingform .ch_formInput .phone_wrap {
		width: 100%;
	}

	.ch_section13 .counseling .ch_counselingform .ch_formInput input.phone {
		width: 100%;
		flex: 1;
		min-width: 0;
	}
}

.ch_section13 .counseling .ch_counselingform .ch_formInput input.email {
	flex: 1;
	min-width: 150px;
	max-width: 300px;
	height: 40px;
	padding: 8px 20px 10px 10px;
	background: none;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #333;
	letter-spacing: -.5px;
	font-size: clamp(14px, 2vw, 18px);
	font-weight: 600;
}

@media all and (max-width: 500px) {
	.ch_section13 .counseling .ch_counselingform .ch_formInput input.email {
		width: 100%;
		max-width: 100%;
	}
}

.ch_section13 .counseling .ch_counselingform a.ch_speedOK {
	flex: 0 0 auto;
	text-align: center;
	letter-spacing: -1px;
	border-radius: 5px;
	background-color: #19976c;
	font-size: clamp(16px, 2.5vw, 22px);
	color: #ffffff;
	font-weight: 800;
	line-height: 1.2;
	padding: 20px 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

.ch_section13 .counseling .ch_counselingform a.ch_speedOK:hover {
	border-radius: 15px;
	background-color: #333;
}

.ch_section13 .counseling .ch_counselingform p.ch_privacy {
	font-size: clamp(12px, 1.8vw, 15px);
	color: #19976c;
	letter-spacing: -.5px;
	font-weight: 700;
	margin-top: 14px;
}

.ch_section13 .counseling .ch_counselingform p.ch_privacy a {
	color: #19976c;
	font-weight: 800;
	text-decoration: underline;
}

.ch_section13 .counseling .ch_counselingform p.ch_privacy a:hover {
	color: #000;
}

.ch_section13 .counseling .ch_counselingform input[type="checkbox"] {
	display: none;
}

.ch_section13 .counseling .ch_counselingform input[type="checkbox"]+label {}

.ch_section13 .counseling .ch_counselingform input[type="checkbox"]+label span {
	display: inline-block;
	width: 26px;
	height: 23px;
	margin: -2px 3px 0 68px;
	vertical-align: middle;
	background: url(../../images/main/checkbox.png) left top no-repeat;
	cursor: pointer;
}

.ch_section13 .counseling .ch_counselingform input[type="checkbox"]:checked+label span {
	background: url(../../images/main/checkbox.png) -26px top no-repeat;
}

.ch_section13 .counseling p.ch_bank1 {
	width: 500px;
	height: 40px;
	background: url(../../images/main/bank.png)left center no-repeat;
	margin: 20px 5px 0 8px;
}

.ch_section13 .counseling p.ch_bank2 {
	width: 500px;
	height: 40px;
	background-color: #333333;
	border-radius: 5px;
	margin: 10px 5px 0 8px;
	text-align: center;
}

.ch_section13 .counseling span.account1 {
	padding: 5px 0 0 138px;
	font-size: 25px;
	color: #202020;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -.4px;
}

.ch_section13 .counseling span.account2 {
	padding: 6px 0 0 22px;
	font-size: 17px;
	color: #202020;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -.2px;
}

.ch_section13 .counseling span.extension {
	width: 500px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: -.8px;
	line-height: 40px;
}


/* 푸터영역 */
.ch_footArea {
	position: relative;
	width: 100%;
	height: auto;
	background-size: 100% 100%;
}

.ch_footArea .ch_bannerArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 13px 20px;
}

.ch_footArea .ch_bannerArea [class^="banner"] {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ch_footArea .ch_bannerArea [class^="banner"] img {
	max-height: 100%;
	width: auto;
	object-fit: contain;
}



.ch_footArea .footerArea {
	position: relative;
	width: 100%;
	background: url(../../images/main/fbg.png) center top repeat-x;
	background-size: 100% 100%;
}

.ch_footArea .footerArea .areaFix {
	padding: 40px 20px 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
}

.ch_footArea .footerArea .finfo {
	flex: 1;
	min-width: 300px;
}

.ch_footArea .footerArea .finfo a.ch_flogo {
	display: block;
	width: 109px;
	height: 34px;
	background-size: contain;
	margin-bottom: 15px;
}

.ch_footArea .footerArea .finfo p.ch_copyright1 {
	color: #000;
	font-size: clamp(12px, 1.5vw, 15px);
	font-weight: 500;
	letter-spacing: -.3px;
	line-height: 1.6;
}

.ch_footArea .footerArea .finfo p.ch_copyright1 a {
	color: #000;
}

.ch_footArea .footerArea .finfo p.ch_copyright1 a:hover {
	color: #19976c;
}

.ch_footArea .footerArea .finfo a.bizNo {
	border-bottom: 1px solid #000;
}

.ch_footArea .footerArea .finfo a.bizNo:hover {
	border-bottom: 1px solid #19976c;
}

.ch_footArea .footerArea .finfo p.ch_copyright2 {
	color: #8a8a8a;
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: 600;
	line-height: 1.6;
	margin-top: 15px;
}

.ch_footArea .footerArea .fbtn {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.ch_footArea .footerArea .fbtn a.ch_privacy {
	padding: 8px 20px;
	border: 1px solid #19976c;
	color: #19976c;
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.ch_footArea .footerArea .fbtn a.ch_privacy:hover {
	color: #fff;
	background-color: #19976c;
}

.ch_footArea .footerArea .fbtn a.ch_policy {
	padding: 8px 20px;
	border: 1px solid #19976c;
	color: #19976c;
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.ch_footArea .footerArea .fbtn a.ch_policy:hover {
	color: #fff;
	background-color: #19976c;
}

.ch_footArea .footerArea .fbtn a.ch_emergency {
	padding: 8px 20px;
	border: 1px solid #e50000;
	color: #e50000;
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.ch_footArea .footerArea .fbtn a.ch_emergency:hover {
	color: #fff;
	background-color: #e50000;
}

@media all and (max-width: 1100px) {
	.ch_footArea .footerArea {
		padding-bottom: 70px;
	}
}

@media all and (max-width: 600px) {
	.ch_footArea .ch_bannerArea {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.ch_footArea .ch_bannerArea [class^="banner"],
	.ch_footArea .ch_bannerArea [class^="banner"] img {
		width: 100%;
	}
}

/* 슬라이드 css */
.cd-hero {
	position: relative;
}

.cd-hero__slider {
	position: relative;
	height: 679px;
	width: 100%;
	overflow: hidden;
}

.cd-hero__slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	will-change: transform;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-size: cover !important;
}

.cd-hero__slide.cd-hero__slide--selected {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.cd-hero__slide.cd-hero__slide--move-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.cd-hero__slide.cd-hero__slide--is-moving,
.cd-hero__slide.cd-hero__slide--selected {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.cd-hero__slide:first-of-type {
	background: #e4ebe9 url(../../images/main/slide1_bg.png) center no-repeat;
}

.cd-hero__slide:nth-of-type(2) {
	background: #e7f1fc url(../../images/main/slide2_bg.png) center no-repeat;
}

.cd-hero__slide:nth-of-type(3) {
	background: #e2eae1 url(../../images/main/slide4_bg.png) center no-repeat;
}

.cd-hero__slide:nth-of-type(4) {
	background: #0d0d0d url(../../images/main/slide5_bg.png) center no-repeat;
}

.cd-hero__slide:nth-of-type(6) {
	background: #e7eeec url(../../images/main/slide7_bg.png) center no-repeat;
}

.cd-hero__nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #e7e7e7;
}

.cd-hero__nav nav,
.cd-hero__nav ul,
.cd-hero__nav li,
.cd-hero__nav a {
	height: 100%;
}

.cd-hero__nav nav {
	display: inline-block;
	position: relative;
	text-align: center;
}

@media all and (max-width: 1400px) {
	.cd-hero__nav {
		position: relative;
	}

	.cd-hero__nav li a {
		font-size: 13px;
	}
}

.cd-hero__marker {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	box-sizing: border-box;
	border: 5px solid #19976c;
	background-color: transparent;
	transition: all 0.2s;
}

.cd-hero__marker.cd-hero__marker--item-2 {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.cd-hero__marker.cd-hero__marker--item-3 {
	-webkit-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%)
}

.cd-hero__marker.cd-hero__marker--item-4 {
	-webkit-transform: translateX(300%);
	-ms-transform: translateX(300%);
	transform: translateX(300%)
}

.cd-hero__marker.cd-hero__marker--item-5 {
	-webkit-transform: translateX(400%);
	-ms-transform: translateX(400%);
	transform: translateX(400%)
}

.cd-hero__marker.cd-hero__marker--item-6 {
	-webkit-transform: translateX(500%);
	-ms-transform: translateX(500%);
	transform: translateX(500%)
}

.cd-hero__marker {
	text-align: center;
}

.cd-hero__nav ul {
	display: flex;
	align-items: center;
}

.cd-hero__nav li {
	flex: 1;
	display: flex;
}

.cd-hero__nav .cd-selected a {
	color: #19976c;
	text-decoration: none;
}

.cd-hero__nav .cd-selected a:hover {
	background-color: transparent;
}

.cd-hero__nav a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 20px;
	color: #000;
	font-weight: 700;
	letter-spacing: -0.5px;
}




.chWorksPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chWorksPopup .layerShadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(2px);
}

.chWorksPopup .innerLayer {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	flex-direction: column;
	overflow: hidden;
}

.chWorksLayer .innerLayerContents {
	flex: 1 1 auto;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	padding: 0 24px;
}

.chWorksPopupContents img {
	border-radius: 8px;
	cursor: pointer;
}

.popupBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 5px;
}

.popupBottom>div {
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.popupBottom>div>span {
	color: #fff;
}

/*체크*/
.check0 {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	transition: all 0.2s;
	cursor: pointer;
}

.check0>input[type="checkbox"],
.check0>input[type="radio"] {
	display: none;
}

.check0>input[type="checkbox"]+div {
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	gap: 2px;
	color: #fff;
}

.check0>input[type="radio"]+div {
	display: inline-flex;
	gap: 2px;
}

.check0>input[type="checkbox"]+div::before,
.check0>input[type="radio"]+div::before {
	font-family: 'Material Symbols Outlined';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-variation-settings: 'wght' 400;
	color: #fff;
	line-height: 1;
	font-size: 26px;
	width: 26px;
	height: 26px;
	margin-top: 1px;
	transition: all .2s;
	pointer-events: none;
}

.check0>input[type="checkbox"]+div::before {
	content: "check_box_outline_blank";
}

.check0>input[type="checkbox"]:checked+div::before {
	content: "check_box";
	font-variation-settings: 'FILL' 1;
}

.check0>input[type="radio"]+div::before {
	content: "radio_button_unchecked";
}

.check0>input[type="radio"]:checked+div::before {
	content: "radio_button_checked";
}

.check0>input[type="checkbox"]:checked+div,
.check0>input[type="radio"]:checked+div {
	color: #000;
	font-weight: 600;
}

.check0>input[type="checkbox"]:checked+div::before,
.check0>input[type="radio"]:checked+div::before {
	color: #000;
}

/* ==========================================================================
   Responsive Media Queries
   ========================================================================== */
@media screen and (max-width: 1400px) {
	.ch_topBanner .leftArea .leftTxt {
		font-size: clamp(12px, 1.2vw, 17px);
	}

	.ch_topBanner .leftArea .leftTxt span {
		font-size: clamp(14px, 1.4vw, 20px) !important;
	}

	.ch_topBanner .rightArea section p.textSlide {
		font-size: clamp(12px, 1.2vw, 17px);
	}

	.ch_topBanner .rightArea section p.textSlide span {
		font-size: clamp(14px, 1.4vw, 20px) !important;
	}

	.ch_topBanner>div {
		width: 100%;
	}

	.ch_topBanner>div>div {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.ch-love>.openbtn {
		position: fixed !important;
		top: 0;
		right: 0;
		z-index: 200000 !important;
		transition: none;
	}

	.ch-love>.openbtn.hidden-up {
		top: 0;
	}

	.ch_topArea {
		z-index: 99999 !important;
	}

	.ch_topArea .areaFix {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.ch_topArea a.toplogo {
		float: none;
		margin: 0 0 0 20px;
	}

	.ch_topArea .menuArea {
		float: none;
		width: auto;
		flex-grow: 1;
		justify-content: flex-end;
		margin-left: 0;
		padding-right: 20px;
	}

	.allMenu {
		position: fixed !important;
		top: 0 !important;
		right: -100% !important;
		left: auto !important;
		width: 290px !important;
		height: 100vh !important;
		overflow-y: auto !important;
		z-index: 1000 !important;
		display: block !important;
		transition: right 0.3s ease-in-out;
		box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2) !important;
	}

	.allMenu.open {
		right: 0 !important;
	}

	.allMenu>div:not(.mobile-utils) {
		flex-direction: column;
		gap: 20px;
		margin: 20px;
	}

	.allMenu .mobile-utils {
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		padding: 0px;
		background: none;
		border: none;
	}

	.allMenu .mobile-utils a.naverblog,
	.allMenu .mobile-utils a.kakao,
	.allMenu .mobile-utils a.facebook,
	.allMenu .mobile-utils a.insta {
		margin: 0 !important;
		display: block !important;
	}

	.allMenu .mobile-utils a.skin-ch {
		margin: 0 0 0 auto !important;
		font-size: 14px;
		color: #555;
		font-weight: 600;
		display: block !important;
		width: auto;
		height: auto;
	}

	.allMenu .mobile-utils .favorite,
	.allMenu .mobile-utils .serviceBtn,
	.allMenu .mobile-utils .service01,
	.allMenu .mobile-utils .service02,
	.allMenu .mobile-utils .service03 {
		display: none !important;
	}

	.allMenu .mobile-header {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between;
		align-items: center;
		height: 55px;
		background: #fff;
		border-bottom: 2px solid #0ca585;
		position: sticky;
		top: 0;
		z-index: 20;
	}

	.allMenu .mobile-header h2 {
		display: block;
		font-size: 18px;
		color: #0ca585;
		font-weight: bold;
		margin: 0;
	}

	.allMenu .close {
		position: static !important;
		margin: 0 !important;
		display: inline-flex !important;
		z-index: 10;
		width: auto !important;
	}

	.allMenu .mobile-header .close-text {
		display: none;
	}

	/* allMenu 폰트 스케일링 */
	.allMenu .mobile-header h2 {
		font-size: clamp(15px, 4vw, 18px);
	}

	.allMenu>div:not(.mobile-utils):not(.mobile-header)>div h1,
	.allMenu>div:not(.mobile-utils):not(.mobile-header)>div h1 a {
		font-size: clamp(14px, 3.5vw, 18px) !important;
	}

	.allMenu>div:not(.mobile-utils):not(.mobile-header)>div>div>a {
		font-size: clamp(12px, 3vw, 15px);
		padding: 6px 0 6px 16px;
		color: #555;
		border-left: 2px solid #e0e0e0;
	}

	.allMenu .mobile-utils a.skin-ch {
		font-size: clamp(12px, 3vw, 14px);
	}

	.ch_topArea>.areaFix>a.favorite,
	.ch_topArea>.areaFix>p.serviceBtn,
	.ch_topArea>.areaFix>a.service01,
	.ch_topArea>.areaFix>a.service02,
	.ch_topArea>.areaFix>a.service03,
	.ch_topArea>.areaFix>a.naverblog,
	.ch_topArea>.areaFix>a.kakao,
	.ch_topArea>.areaFix>a.facebook,
	.ch_topArea>.areaFix>a.insta,
	.ch_topArea>.areaFix>a.skin-ch {
		display: none !important;
	}

	.ch_topArea .menuArea>div {
		gap: clamp(10px, 2vw, 30px);
	}

	.ch_topArea .menuArea>div>div>a {
		font-size: clamp(14px, 1.3vw, 17px);
	}

	.ch_topArea .menuArea a.sitemap {
		margin-left: clamp(10px, 1.5vw, 30px);
	}
}

@media all and (max-width: 1100px) {

	.ch_topBanner,
	.ch_topBannerOpen {
		display: none !important;
	}

	.ch_quickArea {
		display: none !important;
	}

	.ch_topArea {
		height: 50px !important;
	}

	.ch_topArea .areaFix {
		height: 50px;
	}

	.ch_topArea a.toplogo {
		height: 30px;
		width: auto;
	}

	/* 모바일 하단 고정 버튼 */
	.mobile-bottom-bar {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
	}

	/* 1000px 이하: 메뉴 드롭다운 항목 숨기기 */
	.ch_topArea .menuArea>div {
		display: none !important;
	}

	/* 1000px 이하: sitemap - 텍스트 숨기고 아이콘만 */
	.ch_topArea .menuArea a.sitemap {
		width: auto;
		height: 40px;
		padding: 0 8px;
		margin-left: 10px;
		gap: 0;
		border: none;
	}

	.ch_topArea .menuArea a.sitemap .material-icons-round {
		display: inline-block;
		font-size: 28px;
		color: #3e9f77;
	}

	.ch_topArea .menuArea a.sitemap .sitemap-text {
		display: none;
	}

	/* 1000px 이하: 로고 너비 고정 + 수직 중앙 flex로 처리 */
	.ch_topArea a.toplogo {
		width: 90px !important;
		height: 28px !important;
		margin: 0 0 0 15px !important;
		background-size: contain !important;
		float: none;
	}

	.mobile-bottom-btn {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 52px;
		font-size: clamp(14px, 4vw, 16px);
		font-weight: 600;
		text-align: center;
		color: #fff;
		text-decoration: none;
	}

	.mobile-bottom-btn.btn-apply {
		background: #0ca585;
	}

	.mobile-bottom-btn.btn-consult {
		background: #333;
	}
}

/* 개인정보 동의 모달 */
.privacy-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.privacy-modal {
	background: #fff;
	width: 90%;
	max-width: 420px;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.privacy-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px;
	background: #19976c;
	color: #fff;
}

.privacy-modal-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
}

.privacy-modal-close {
	background: none;
	border: none;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
	line-height: 1;
}

.privacy-modal-body {
	padding: 24px;
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	max-height: 300px;
	overflow-y: auto;
}

.privacy-modal-body p {
	margin: 8px 0;
}

.privacy-modal-footer {
	padding: 16px 24px;
	text-align: center;
	border-top: 1px solid #eee;
}

.privacy-modal-footer button {
	background: #19976c;
	color: #fff;
	border: none;
	padding: 12px 48px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 6px;
	cursor: pointer;
}

.privacy-modal-footer button:hover {
	background: #157f5b;
}

/* ���������� ���̾ƿ� */
.sub_page .ch_topArea {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.sub_visual {
	width: 100%;
	height: 310px;
	background: url(../../images/main/pfbg.png) center center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sub_visual .sub_visual_txt {
	text-align: center;
	color: #fff;
}

.sub_visual .cate_name {
	font-size: 50px;
	font-weight: 800;
	letter-spacing: -2px;
}

.sub_visual .cate_info {
	font-size: 20px;
	margin-top: 10px;
	font-weight: 400;
	opacity: 0.9;
}

.sub_wrapper {
	padding: 40px 0;
	background-color: #fff;
}

.sub_layout {
	display: flex;
	gap: 50px;
	align-items: flex-start;
}

.sub_left {
	width: 250px;
	flex-shrink: 0;
}

.sub_left .left_title {
	background-color: #424242;
	padding: 30px 25px;
	color: #fff;
}

.sub_left .left_title .t1 {
	font-size: 22px;
	font-weight: 800;
}

.sub_left .left_title .t2 {
	font-size: 11px;
	margin-top: 5px;
	opacity: 0.7;
	letter-spacing: 0;
}

.sub_left .left_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #e1e1e1;
	border-top: none;
	background-color: #fff;
}

.sub_left .left_menu ul li {
	border-bottom: 1px solid #f1f1f1;
}

.sub_left .left_menu ul li:last-child {
	border-bottom: none;
}

.sub_left .left_menu ul li a {
	display: block;
	padding: 18px 25px;
	color: #666;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s;
}

.sub_left .left_menu ul li a:hover,
.sub_left .left_menu ul li.active a {
	background-color: #f7f7f7;
	color: #19976c;
	font-weight: 700;
	padding-left: 35px;
}

.sub_left .left_customer {
	margin-top: 30px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	padding: 30px 25px;
}

.sub_left .left_customer .title {
	font-size: 14px;
	color: #999;
	font-weight: 700;
}

.sub_left .left_customer .tel {
	font-size: 32px;
	color: #19976c;
	font-weight: 800;
	margin-top: 5px;
}

.sub_left .left_customer .time {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	line-height: 1.4;
}

.sub_left .left_customer .time span {
	font-size: 12px;
	color: #999;
}

.sub_left .left_customer .direct {
	font-size: 14px;
	color: #444;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #eee;
	line-height: 1.6;
}

.sub_left .left_customer .btn_account {
	display: block;
	margin-top: 20px;
	background-color: #424242;
	color: #fff;
	text-align: center;
	padding: 12px;
	font-size: 13px;
	border-radius: 3px;
}

.sub_left .left_banners {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sub_left .left_banners a {
	display: block;
	height: 60px;
	padding: 15px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.sub_left .left_banners .b1 {
	background-color: #72b347;
}

.sub_left .left_banners .b2 {
	background-color: #47b39a;
}

.sub_left .left_banners .b3 {
	background-color: #4789b3;
}

.sub_left .left_banners .b4 {
	background-color: #424242;
}

.sub_content {
	flex: 1;
	min-height: 800px;
	border-radius: 10px;
}

.sub_content .loading {
	text-align: center;
	padding: 100px 0;
	color: #999;
}

/* Sub Page Visual Banner (Modernized) */
.sub_visual_new {
	position: relative;
	width: 100%;
	background: #fff;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.sub_visual_new .visual_center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.sub_visual_new .visual_center .label {
	font-size: 17px;
	font-weight: 700;
	color: #8C8C8C;
	margin-bottom: 5px;
}

.sub_visual_new .visual_center .label .blue {
	color: #44c1f6;
}

.sub_visual_new .visual_center .brand {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

.sub_visual_new .visual_center .slogan {
	font-size: 32px;
	font-weight: 700;
	color: #000;
	letter-spacing: -2px;
}

.sub_visual_new .visual_center .slogan .green {
	color: #1e986f;
}

.sub_visual_new .visual_center .slogan span {
	font-weight: normal;
}

.sub_visual_new .visual_center .bg_text {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 80px;
	font-weight: 900;
	color: #000;
	opacity: 0.1;
	pointer-events: none;
	font-family: serif;
}

/* Sidebar Styling (Maintaining design from capture) */
.sub_left .left_title {
	background: #444;
	color: #fff;
	padding: 30px 15px;
	text-align: center;
}

.sub_left .left_title .t1 {
	font-size: 24px;
	font-weight: 700;
}

.sub_left .left_title .t2 {
	font-size: 13px;
	opacity: 0.7;
	letter-spacing: 1px;
}

.sub_left .left_menu ul li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #f2f2f2;
	color: #333;
	transition: all 0.3s;
}

.sub_left .left_menu ul li a:hover {
	background: #f7f7f7;
	color: #1e986f;
	padding-left: 25px;
}

.sub_left .left_customer {
	margin-top: 30px;
	background: #fafafa;
	border-top: 3px solid #444;
	padding: 25px 20px;
	text-align: center;
}

.sub_left .left_customer .title {
	font-size: 13px;
	color: #666;
	font-weight: 700;
}

.sub_left .left_customer .tel {
	font-size: 30px;
	color: #19976c;
	font-weight: 800;
	margin: 10px 0;
}

.sub_left .left_customer .time {
	font-size: 14px;
	margin-bottom: 10px;
}

.sub_left .left_customer .time span {
	font-size: 12px;
	color: #999;
}

.sub_left .left_customer .btn_account {
	display: inline-block;
	background: #383838;
	color: #fff !important;
	padding: 10px 15px;
	margin-top: 15px;
	font-size: 14px;
}


/* Carousel Original Styles Consolidated */
.carousel {
	position: relative;
	overflow: hidden;
}

.carousel .slides {
	position: relative;
	width: 100%;
	height: 100%;
}

.carousel .slideItem {
	position: absolute;
	transition: all 0.5s ease-in-out;
}

.carousel .nextButton {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 20px;
	background: url("../../images/main/right.png") no-repeat;
	cursor: pointer;
	z-index: 10;
}

.carousel .prevButton {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 20px;
	background: url("../../images/main/left.png") no-repeat;
	cursor: pointer;
	z-index: 10;
}

.carousel .buttonNav {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}

.carousel .bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}

.carousel .bulletActive {
	background: #1e986f;
}

@media all and (max-width: 1100px) {

	/* Sub Page Visual Banner (Modernized) */
	.sub_visual_new {
		background: url(../../images/main/visual_bg.png) no-repeat center center;
		background-size: cover;
		background-position: left 20px;
	}

	.sub_visual_new>img {
		display: none;
	}

	.sub_visual_new .visual_center {
		position: relative;
		left: unset;
		top: unset;
		margin-left: 25%;
		transform: translateY(0);
		padding: 40px 16px;
	}

	.sub_visual_new .visual_center .label {
		font-size: 17px;
		font-weight: 700;
		color: #8C8C8C;
		margin-bottom: 5px;
	}

	.sub_visual_new .visual_center .label .blue {
		color: #44c1f6;
	}

	.sub_visual_new .visual_center .brand {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		margin-bottom: 5px;
	}

	.sub_visual_new .visual_center .slogan {
		font-size: 32px;
		font-weight: 700;
		color: #000;
		letter-spacing: -2px;
	}

	.sub_visual_new .visual_center .slogan .green {
		color: #1e986f;
	}

	.sub_visual_new .visual_center .slogan span {
		font-weight: normal;
	}

	.sub_visual_new .visual_center .bg_text {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 80px;
		font-weight: 900;
		color: #000;
		opacity: 0.1;
		pointer-events: none;
		font-family: serif;
	}



	.sub_wrapper {
		padding: 0 0 60px 0;
	}

	.sub_layout {
		flex-direction: column;
		gap: 30px;
		display: block;
	}

	.sub_left {
		width: 100%;
	}

	.sub_left .left_title {
		padding: 15px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}

	.sub_left .left_title .t1 {
		font-size: 18px;
	}

	.sub_left .left_title .t2 {
		display: none;
	}

	.sub_left .left_title::after {
		content: '\e5cf';
		font-family: 'Material Icons';
		font-size: 24px;
		transition: transform 0.3s;
	}

	.sub_left.active .left_title::after {
		transform: rotate(180deg);
	}

	.sub_left .left_menu ul {
		display: none;
		grid-template-columns: 1fr;
	}

	.sub_left.active .left_menu ul {
		display: block;
	}

	.sub_left .left_menu ul li a {
		padding: 15px 20px;
		border-bottom: 1px solid #f1f1f1;
		font-size: 15px;
	}

	.sub_left .left_customer,
	.sub_left .left_banners {
		display: none;
	}

	.sub_content {
		width: 100%;
		padding: 0 20px;
		min-height: auto;
	}
}

@media all and (max-width: 600px) {
	.sub_visual_new .visual_center {
		margin-left: 25%;
		padding: 16px;
	}

	.sub_visual_new .visual_center .label {
		font-size: 14px;
	}

	.sub_visual_new .visual_center .brand {
		font-size: 15px;
	}

	.sub_visual_new .visual_center .slogan {
		font-size: 20px;
	}

	.sub_visual_new .visual_center .bg_text {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 50px;
	}
}

@media all and (max-width: 400px) {
	.sub_visual_new {
		background-position: -80px 20px;
	}

	.sub_visual_new .visual_center .slogan {
		font-size: 17px;
	}
}

/* Layer Modal Implementation */
.layer_modal_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999999;
	justify-content: center;
	align-items: center;
}

.layer_modal_wrap.active {
	display: flex;
}

.layer_modal_container {
	background: #fff;
	width: 90%;
	max-width: 720px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
	position: relative;
}

.layer_modal_header {
	height: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 20px;
	flex-shrink: 0;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.layer_modal_header .pop_logo {
	height: 24px;
}

.layer_modal_close {
	cursor: pointer;
	transition: all 0.2s;
	font-size: 32px;
	color: #666;
	text-decoration: none;
	line-height: 1;
	font-family: Arial, sans-serif;
}

.layer_modal_close:hover {
	color: #000;
	transform: rotate(90deg);
}

.layer_modal_body {
	padding: 30px;
	overflow-y: auto;
	background: #fff;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

/* Modal Content Styles */
.personal_con h2 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #000;
	border-left: 5px solid #19976c;
	padding-left: 15px;
}

.personal_con .con_links {
	background: #f8f8f8;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.personal_con .con_links a {
	display: block;
	margin-bottom: 5px;
	color: #666;
	text-decoration: none;
	font-size: 13px;
}

.personal_con .con_links a:hover {
	color: #19976c;
	text-decoration: underline;
}

.personal_con .section {
	margin-bottom: 40px;
}

.personal_con .section h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #19976c;
}

.emergency_wrap {
	text-align: center;
}

.emergency_wrap img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 600px) {
	.layer_modal_body {
		padding: 20px;
	}
}