.main_visual{position: relative;}
.main_visual .swiper-slide{
	position:relative;
	height:1100px;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
}
.main_visual .swiper-slide > .txt_box p{letter-spacing: 5px;}
.main_visual .swiper-slide > .txt_box h3 span{
	font-family: 'Poppins';
}
.main_visual .swiper-button-next, 
.main_visual .swiper-button-prev{
	filter: brightness(0) invert(1);
}
.main_visual .swiper-button-prev{left: 4.5rem;}
.main_visual .swiper-button-next{right: 4.5rem;}

.main_visual .scroll_down{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
	color: #fff;
}
.main_visual .scroll_down span:not(.bar){
	writing-mode: vertical-lr;
	margin-bottom: 5px;
}
.main_visual .bar{
	position:relative;
	display:block;
	width:2px;
	height:10rem;
	margin:0 auto;
	background: rgba(255, 255, 255, .5);
}
.main_visual .bar::after{
	content:"";
	position:absolute;
	bottom:0; left:50%;
	transform:translateX(-50%);
	width:2px;
	height:0%;
	background:#fff;
	animation: bar .8s infinite alternate;
}
@keyframes bar{
	0%{height: 0%;}
	100%{height:100%;}
}
@media(max-width:991.98px){
 .main_visual .swiper-slide {max-height:600px;}
}
@media(max-width:767.98px){
 .main_visual .swiper-slide {max-height:450px;}
 .main_visual .swiper-button-next, 
 .main_visual .swiper-button-prev {
		width: 19px;
		height: 31px;
		margin-top: -15.5px;
		background-size: 19px 31px;
	}
	.main_visual .swiper-button-prev{left: 1.5rem;}
	.main_visual .swiper-button-next{right: 1.5rem;}
	.main_visual .bar{height:5rem;}
}
@media(max-width:575.98px){
 .main_visual .swiper-slide {max-height:350px;}
 .main_visual .swiper-button-next, 
 .main_visual .swiper-button-prev {display: none;}
 .main_visual .swiper-slide > .txt_box{padding: 0 15px;}
}



/* ---------- 공통 ---------- */
#main_container > section h3{
	font-size: 5rem;
	font-weight: bold;
}
#main_container > section h3.line{
	text-decoration: underline;
	text-underline-offset: 3px;
	-webkit-text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	-webkit-text-decoration-thickness: 1px;
}
#main_container > section h3 .dot{
	display: inline-block;
	width: 1rem; height: 1rem;
	background: #9e968e;
	border-radius: 50%;
}
#main_container > section .txt1{
	line-height: 1.3;
	font-size: 4rem;
	font-weight: bold;
}
#main_container > section .txt1 span{
	display: block;
	width: 4.5rem; height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	font-family: 'Poppins';
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background: #9e968e;
	border-radius: 50%;
}
#main_container > section .category{
	font-size: 1.8rem;
	color: #9e968e;
}
#main_container > section .category sup{
	display: inline-block;
	top: -.9em;
	margin-left: 5px;
	width: 4px; height: 4px;
	border-radius: 50%;
	background: #9e968e;
}
#main_container > section .more{
	display: inline-block;
	font-family: 'Poppins';
	font-size: 1.6rem;
	font-weight: 600;
	color: #222;
	text-decoration: underline;
	text-underline-offset: 10px;
	-webkit-text-underline-offset: 10px;
	text-decoration-thickness: 3px;
	-webkit-text-decoration-thickness: 3px;
}
@media (max-width:991.98px) {
	#main_container > section h3{font-size: 4rem;}
	#main_container > section .txt1{font-size: 3rem;}
	#main_container > section .txt1 span{
		width: 3.5rem; height: 3.5rem;
		line-height: 3.5rem;
		font-size: 1.6rem;
	}
}
@media (max-width:767.98px) {
	#main_container > section h3{font-size: 3rem;}
	#main_container > section h3 .dot{width: 7px; height: 7px;}
	#main_container > section .txt1{font-size: 2.5rem;}
	#main_container > section .more{
		text-underline-offset: 8px;
		-webkit-text-underline-offset: 8px;
		text-decoration-thickness: 2px;
		-webkit-text-decoration-thickness: 2px;
	}
}
@media (max-width:575.98px) {
	#main_container > section h3{font-size: 2.5rem;}
	#main_container > section h3 .dot{width: 5px; height: 5px;}
	#main_container > section .txt1{font-size: 2.2rem;}
}


/* ---------- sec01 ---------- */
#main_container > .sec01{
	position: relative;
	padding-top: 11rem;
	padding-bottom: 10rem;
	text-align: center;
}
#main_container > .sec01 .txt1 span{
	margin: 0 auto;
	margin-bottom: 2rem;
}
#main_container > .sec01 dl{
	padding-top: 9.5rem;
	width: 33.93%;
}
#main_container > .sec01 .img{width: 32.14%;}
#main_container > .sec01 dd{
	margin-top: 3.5rem;
	letter-spacing: -.5px;
	font-size: 1.8rem;
	color: #555555;
}
#main_container > .sec01 h4{
	z-index: 1;
	position: absolute;
	bottom: 6rem; right: 0;
	width: 50%; 
	font-size: 15rem;
	font-weight: bold;
	color: #9e968e;
	opacity: .1;
}
@media (max-width:1199.98px){
	#main_container > .sec01 dl{padding-top: 2rem;}
}
@media (max-width:991.98px){
	#main_container > .sec01{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	#main_container > .sec01 > div{flex-wrap: wrap;}
	#main_container > .sec01 .img{
		order: -1; 
		margin: 0 auto;
		max-width: 400px;
		width: 100%;
	}
	#main_container > .sec01 .txt1 span{margin-bottom: 1rem;}
	#main_container > .sec01 dl{width: 50%; padding-top: 3rem;}
	#main_container > .sec01 dd{
		margin-top: 2.5rem;
		font-size: 1.6rem;
	}
	#main_container > .sec01 h4{
		bottom: 1px;
		font-size: 12rem;
	}
}
@media (max-width:767.98px){
	#main_container > .sec01{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	#main_container > .sec01 .img{max-width: 350px;}
	#main_container > .sec01 dl{width: 100%;}
	#main_container > .sec01 dl dt br{display: none;}
	#main_container > .sec01 dd{margin-top: 1.5rem;}
	#main_container > .sec01 h4{display: none;}
}




/* ---------- sec02 ---------- */
#main_container > .sec02{
	padding: 7rem 0;
	background: url(../_img/main/main_sec02_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec02 > div > *{width: 50%;}
#main_container > .sec02 ul{
	flex-wrap: wrap;
	gap: 2rem;
}
#main_container > .sec02 ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	padding: 3rem;
	width: calc(50% - 1rem);
	min-height: 17rem;
	text-align: center;
	background: #fff;
	border: 2px solid rgba(158, 150, 142, .2);
	box-shadow: 1rem 0 1.5rem rgba(158, 150, 142, .2);
	transition: all .3s;
}
#main_container > .sec02 ul li:hover{
	border: 2px solid rgba(158, 150, 142, 1);
}
#main_container > .sec02 ul li p{
	font-size: 1.8rem;
	font-weight: 500;
}
@media (max-width:991.98px) {
	#main_container > .sec02{padding: 6rem 0;}
	#main_container > .sec02 > div{flex-wrap: wrap; gap: 3.5rem;}
	#main_container > .sec02 > div > *{width: 100%;}
	#main_container > .sec02 ul li{min-height: 15rem;}
	#main_container > .sec02 ul li p{font-size: 1.6rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec02{padding: 5rem 0;}
	#main_container > .sec02 > div{gap: 3rem;}
	#main_container > .sec02 ul{gap: 1.5rem;}
	#main_container > .sec02 ul li{
		width: calc(50% - .8rem);
		min-height: unset;
	}
	#main_container > .sec02 ul li img{width: 40px;}
}
@media (max-width:575.98px) {
	#main_container > .sec02 ul{gap: 1rem;}
	#main_container > .sec02 ul li{
		padding: 2.5rem;
		width: calc(50% - .5rem);
	}
	#main_container > .sec02 ul li img{width: 35px;}
}



/* ---------- sec03 ---------- */
#main_container > .sec03{
	padding-top: 11rem; 
	padding-bottom: 11rem;
	text-align: center;
}
#main_container > .sec03 ul{
	flex-wrap: wrap;
	gap: 3rem 0;
	margin-top: 5rem;
	margin-bottom: 5.5rem;
	padding: 6rem 7rem;
	border: 4px solid #ebebeb;
}
#main_container > .sec03 ul li{
	display: flex;
	align-items: center;
	text-align: left;
	gap: 2rem;
	padding-right: 2rem;
	width: 50%;
	font-size: 2rem;
	font-weight: 500;
}
#main_container > .sec03 .desc{
	line-height: 1.6;
	font-size: 1.8rem;
}
#main_container > .sec03 .desc b span{color: #9e968e;}
#main_container > .sec03 .desc b span.line{
	text-decoration: underline;
	text-underline-offset: 2px;
	-webkit-text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	-webkit-text-decoration-thickness: 1px;
}
#main_container > .sec03 h4{font-weight: 400;}
#main_container > .sec03 h4 span{position: relative;}
#main_container > .sec03 h4 span::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 60%; left: 50%;
	transform: translate(-50%,-50%);
	width: 9.8rem; height: 6.6rem;
	background: url(../_img/main/main_sec03_icon02.png) no-repeat center center / 100% 100%;
}
@media (max-width:991.98px) {
	#main_container > .sec03{
		padding-top: 8rem; 
		padding-bottom: 8rem;
	}
	#main_container > .sec03 ul{
		gap: 2rem 0;
		margin: 4rem 0;
		padding: 3rem;
		border: 3px solid #ebebeb;
	}
	#main_container > .sec03 ul li{
		gap: 1.5rem;
		font-size: 1.8rem;
	}
	#main_container > .sec03 ul li img{width: 30px;}
	#main_container > .sec03 .desc{font-size: 1.6rem;}
	#main_container > .sec03 h4 span::after{width: 8.5rem; height: 5.7rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec03{
		padding-top: 6rem; 
		padding-bottom: 6rem;
	}
	#main_container > .sec03 ul{margin: 3rem 0;}
	#main_container > .sec03 ul li{
		gap: 1rem;
		padding-right: 0;
		width: 100%; 
	}
	#main_container > .sec03 ul li img{width: 20px;}
	#main_container > .sec03 h4 span::after{width: 7rem; height: 4.7rem;}
}





/* ---------- sec04 ---------- */
#main_container > .sec04{
	position: relative;
	padding:10rem 0;
}
#main_container > .sec04::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0; left: 0;
	width: 46.875%; height: 100%;
	background: #f5f0ed;
}
#main_container > .sec04 > div{align-items: center;}
#main_container > .sec04 .txtBox{
	flex-shrink: 0;
	width: 39rem;
}
#main_container > .sec04 .txtBox p{
		color:#9e968e;
}
#main_container > .sec04 .btns > div{
	display: inline-block;
	margin-right: 4px;
	width: 6rem; height: 6rem;
	line-height: 6rem;
	text-align: center;
	font-size: 2.4rem;
	color: #fff;
	border-radius: 50%;
}
#main_container > .sec04 .btns > div.sec04-button-prev{background: #d9d2cb;}
#main_container > .sec04 .btns > div.sec04-button-next{background: #9e968e;}
#main_container > .sec04 .mySwiper {
	padding: 2rem 0;
	overflow: hidden;
}
#main_container > .sec04 .swiper-wrapper {max-width: 1420px;}
#main_container > .sec04 .swiper-slide {width: 49rem;}
#main_container > .sec04 .inner{
	padding: 3rem;
	background: #fff;
	box-shadow: 1rem 0 2rem rgba(158, 150, 142, .1);
}
#main_container > .sec04 .inner dt{
	padding: 2.5rem 0 5px 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #222;
}
#main_container > .sec04 .inner dd{
	font-size: 1.6rem;
	color: #444444;
	overflow:hidden;
  text-overflow:ellipsis;
  /* white-space:nowrap; */
}
#main_container > .sec04 .inner i{
	display: inline-block;
	margin-top: 1.5rem;
	width: 100%;
	text-align: right;
	font-size: 3rem;
	color: #222;
}
@media (max-width:991.98px) {
	#main_container > .sec04{padding:8rem 0;}
	#main_container > .sec04 .txtBox{width: 32rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec04{padding:6rem 0;}
	#main_container > .sec04 > div{flex-wrap: wrap;}
	#main_container > .sec04 .txtBox{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		width: 100%;
	}
	#main_container > .sec04 .swiper-slide {width: 40rem;}
	#main_container > .sec04 .btns > div {
    margin-right: 3px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
	}
	#main_container > .sec04 .inner dt {
		padding: 1.5rem 0 5px 0;
		font-size: 2rem;
	}
	#main_container > .sec04 .inner dd {font-size: 1.6rem;}
	#main_container > .sec04 .inner i {
    margin-top: 1rem;
    font-size: 2.5rem;
	}
	#main_container > .sec04::after{
		width: 100%; height: 100%;
	}
}
@media (max-width:576.98px) {
	#main_container > .sec04 .listBox,
	#main_container > .sec04 .mySwiper,
	#main_container > .sec04 .swiper-slide {width: 100% !important;}
	#main_container > .sec04 .inner {padding: 2rem;}
}




/* ---------- sec05 ---------- */
#main_container > .sec05{
	padding:12rem 0;
	color: #fff;
	background:url(../_img/main/main_sec05_bg.jpg) no-repeat center top / 100% 74%;
}
#main_container > .sec05 > div{display: flex;}
#main_container > .sec05 .txtBox{width: 48.6%;}
#main_container > .sec05 .txtBox .category,
#main_container > .sec05 .txtBox .more{color: #fff;}
#main_container > .sec05 .txtBox .category sup{background: #fff;}
#main_container > .sec05 .txtBox h3 {font-size: 4.2rem; word-spacing:-2.5px;}
#main_container > .sec05 .txtBox p{color: #ded4c9;}
#main_container > .sec05 .txtBox p span.list-item{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem; /* Adjust spacing as needed */
}
#main_container > .sec05 .txtBox p span.number-circle{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	background-color: #ded4c9;
	color: #222;
	font-size:1.2rem;
	text-align: center;
	font-weight: bold;
	margin-right: 0.5rem;
}
#main_container > .sec05 .imgBox{width: 51.4%;}

@media (min-width:992px) and (max-width:1200px){
	#main_container > .sec05{background-size:100% 90%;}
	#main_container > .sec05 .txtBox h3 {font-size: 3.2rem;}
}
@media (max-width:991.98px) {
	#main_container > .sec05{padding:10rem 0;}
	#main_container > .sec05 > div{display: block;}
	#main_container > .sec05 > div > *{width: 100% !important;}
	#main_container > .sec05 img{max-width: 550px;}
}
@media (max-width:767.98px) {
	#main_container > .sec05{padding:8rem 0;}
	#main_container > .sec05 .txtBox h3 {font-size: 2.8rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec05{padding:6rem 0;}
	#main_container > .sec05 .txtBox h3 {font-size: 2.2rem;}
}




/* ---------- sec07 ---------- */
#main_container > .sec06{
	padding:5.5rem 0 18rem 0;
	text-align: center;
	background:url(../_img/main/main_sec06_bg.png) repeat-x center bottom / contain;
}
#main_container > .sec06 h3 span{color: #9e968e;}
#main_container > .sec06 p{color: #555555;}
#main_container > .sec06 .imgBox{position: relative;}
#main_container > .sec06 .imgBox .img{
	z-index: 1;
	position: absolute;
	bottom: 8%; right: -43%;
	transform: translateX(-50%);
}
#main_container > .sec06 .imgBox .list{
	align-items: flex-start;
	justify-content: center;
}
#main_container > .sec06 .imgBox .list img{
	max-width: 100%;
	border-radius: 2rem;
	box-shadow: 1rem 0 2rem rgba(158, 150, 142, .3);
}
#main_container > .sec06 .imgBox .list img:nth-child(1){
	width: 28.6%;
	transform: translateY(-8rem);
	border-bottom-left-radius: 7rem;
}
#main_container > .sec06 .imgBox .list img:nth-child(2){
	margin-left: 8.5rem;
	margin-right: 6.5rem;
	width: 31%;
	transform: translateY(13rem);
	border-top-right-radius: 7rem;
}
#main_container > .sec06 .imgBox .list img:nth-child(3){
	width: 30%;
	border-top-left-radius: 7rem;
}
@media (max-width:1199.98px) {
	#main_container > .sec06 .imgBox .img img{width: 45rem;}
	#main_container > .sec06 .imgBox .list img:nth-child(2){
		margin-left: 6rem;
		margin-right: 4rem;
	}
}
@media (max-width:991.98px) {
	#main_container > .sec06{padding:0 0 10rem 0;}
	#main_container > .sec06 .imgBox .img img{width: 38rem;}
	#main_container > .sec06 .imgBox .list img{width: 33.3% !important;}
	#main_container > .sec06 .imgBox .list img:nth-child(1){
		transform: translateY(-5rem);
	}
	#main_container > .sec06 .imgBox .list img:nth-child(2){
		margin-left: 3rem;
		margin-right: 3rem;
		transform: translateY(8rem);
	}
}
@media (max-width:767.98px) {
	#main_container > .sec06{padding-bottom: 8rem;}
	#main_container > .sec06 .imgBox .img{bottom: 0;}
	#main_container > .sec06 .imgBox .img img{width: 40rem;}
	#main_container > .sec06 .imgBox .list{
		flex-wrap: wrap; gap:2rem;
		justify-content: unset;
	}
	#main_container > .sec06 .imgBox .list img{
		max-width: 300px;
		width: 100% !important;
		transform: translateY(0) !important;
	}
	#main_container > .sec06 .imgBox .list img:nth-child(2){
		margin: 0;
		margin-left: auto;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec06 .imgBox .img{display: none;}
	#main_container > .sec06 .imgBox .list{justify-content: center;}
	#main_container > .sec06 .imgBox .list img:nth-child(2){margin-left: unset;}
}




/* ---------- sec07 ---------- */
#main_container > .sec07{
	position: relative;
	padding:10rem 0 15rem 0;
}
#main_container > .sec07::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 61.6%;
	background:#f5f0ed;
	border-bottom: 1px solid #eee9e7;
}
#main_container > .sec07 .top{
	align-items: flex-end;
	justify-content: space-between;
}
#main_container > .sec07 .list a{
	display: block;
	padding:0 5px;
}
#main_container > .sec07 .inner{
	background: #fff;
	box-shadow: 1rem 0 2rem rgba(158, 150, 142, .1);
}
#main_container > .sec07 .bg{padding-top: 72.8%;}
#main_container > .sec07 dl{
	padding: 3.5rem 3rem;
	border: 1px solid #fff;
	transition: all .3s;
}
#main_container > .sec07 dt{
	height: 6.6rem;
	font-size: 2.2rem;
	font-weight: bold;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	transition: all .3s;
}
#main_container > .sec07 dd{
	margin-top: 2rem;
	font-size:1.6rem;
	color: #999999;
}
#main_container > .sec07 .list:hover dl{border: 1px solid #9e968e;} 
#main_container > .sec07 .list:hover dt{color: #9e968e;} 
@media (max-width:991.98px) {
	#main_container > .sec07{padding:8rem 0;}
	#main_container > .sec07 .box{justify-content: center;}
	#main_container > .sec07 .list{margin-bottom: 30px;}
	#main_container > .sec07 .list a{padding:0;}
	#main_container > .sec07 dl{padding: 2.5rem;}
	#main_container > .sec07 dt{font-size: 2rem;}
	#main_container > .sec07 dd{margin-top: 1rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec07{padding:6rem 0;}
	#main_container > .sec07 .list{margin-bottom: 3rem;}
	#main_container > .sec07 dl{padding: 2rem;}
	#main_container > .sec07 dt{font-size: 1.8rem; height: 5.7rem;}
}
