@charset "utf-8";

@keyframes shakeMotion {
  0% {transform:translateY(0); }
  25% {transform:translateY(-10px);}
  50% {transform:translateY(0);}
  75% {transform:translateY(10px);}
  100% {transform:translateY(0);}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통타이틀 */
.TitleBox{}
.TitleBox .Text01{font-family:"Marcellus"; text-align:center; color:#222; font-size:9pt; letter-spacing:3pt;}
.TitleBox h2{font-family:"Noto Serif KR"; text-align:center; color:#222; font-size:25.5pt; margin-top:10px; font-weight:600;}
.TitleBox h2 span{font-family:"Noto Serif KR"; text-align:center; color:#3d2a22; font-size:25.5pt; font-weight:700;}
.TitleBox .Text02{font-family:"Pretendard"; text-align:center; color:#222; font-size:13.5pt; margin-top:15px; line-height:1.6em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
.MainSection01{width:100%; position:relative; height:840px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}
.MainSection01 .swiper-container{height:840px;}
.MainSection01 .swiper-wrapper{text-align:center;}
.MainSection01 .swiper-slide{height:840px; overflow:hidden;}
.MainSection01 .swiper-slide .BgBox{height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection01 .swiper-slide .BgBox img{width:100%; height:100%; object-fit:cover; filter:blur(3px); transform:scale(1);}
.MainSection01 .swiper-slide .BgBox.SlideBgAni01{animation:MainSlideBgImg 5s ease; animation-fill-mode:forwards;}
.MainSection01 .swiper-slide .BgBox.SlideBgAni02 img{animation:MainSlideBgImgAin 0.3s ease; animation-fill-mode:forwards;}
@keyframes MainSlideBgImg{0%{transform:scale(1);} 100%{transform:scale(1.1);}}
@keyframes MainSlideBgImgAin{0%{filter:blur(3px);} 100%{filter:blur(0);}}

.MainSection01 .TextBox{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3;}
.MainSection01 .TextBox .Text01{color:#fff; text-align:center; font-size:12pt; font-weight:300; font-family:"Marcellus"; opacity:0.5; letter-spacing:3pt;}
.MainSection01 .TextBox .Text02{color:#fff; text-align:center; font-family:"Noto Serif KR"; font-size:25.5pt; margin-top:10px; font-weight:400; line-height:1.5em;}

	/* 마우스 스크롤 */
	.SectionFull .mouseImg{position:absolute; bottom:30px; width:100%; z-index:3; animation:shakeMotion 2s linear infinite; text-align:center;}
	.SectionFull .mouseImg img{width:25px; object-fit:cover;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{background-color:#f8f3ee;}
.MainSection02 .Inner{padding:130px 0;}

.MainSection02 .ConBox{width:1230px; margin:80px auto 0;}
.MainSection02 ul{display:flex;}
.MainSection02 ul li{width:calc(100% / 3 - 30px); margin:0 15px; border-radius:50px; overflow:hidden; position:relative;}
.MainSection02 ul li .ImgBox{width:100%; background-color:#000;}
.MainSection02 ul li .ImgBox img{width:100%; object-fit:cover; opacity:0.6; transition:0.5s all ease;}
.MainSection02 ul li .TextBox{position:absolute; bottom:0; padding:50px 40px; width:100%;}
.MainSection02 ul li .TextBox .Text01{font-family:"Noto Serif KR"; color:#fff; font-size:16.5pt; text-align:left; font-weight:600;}
.MainSection02 ul li .TextBox .Text02{font-family:"Pretendard"; color:#fff; font-size:13.5pt; text-align:left; font-weight:400; line-height:1.6em; margin:15px 0 25px;}
.MainSection02 ul li .TextBox .MoreBtn{font-family:"Pretendard"; color:#fff; font-size:11pt; text-align:center; font-weight:400; padding:7px 20px; border-radius:50px; border:1px solid rgba(255,255,255,0.5); transition:0.3s all ease; display:inline-block; height:35px; line-height:20px;}

.MainSection02 ul li:hover{cursor:pointer;}
.MainSection02 ul li:hover .ImgBox img{opacity:1;}
.MainSection02 ul li:hover .TextBox .MoreBtn{background-color:#b6a190; font-weight:500; border:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{background-color:#e0d5c9;}
.MainSection03 .Inner{width:1400px; padding:130px 0; display:flex; align-items:center; justify-content:space-between;}
.MainSection03 .TitleBox p{text-align:left;}
.MainSection03 .TitleBox h2{text-align:left;}

.MainSection03 .ConBox{width:70%; padding-left:30px;}
.MainSection03 ul{display:flex; justify-content:space-between;}
.MainSection03 ul li{width:calc(100% / 3 - 35px);}
.MainSection03 ul li .ImgBox{width:85%;}
.MainSection03 ul li .ImgBox img{width:100%; object-fit:cover;}
.MainSection03 ul li .Text01{display:inline-block; background-color:#a79a8d; padding:6px 15px; border-radius:5px; color:#fff; font-size:13.5pt; font-weight:500; margin-top:30px;}
.MainSection03 ul li .Text02{color:#333; font-size:13.5pt; margin-top:15px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection04 .Inner{width:1400px; padding:280px 0; display:flex; align-items:flex-end; justify-content:space-between;}
.MainSection04 .TitleBox p{text-align:left; color:#fff;}
.MainSection04 .TitleBox h2{text-align:left; color:#fff;}
.MainSection04 .TitleBox .Line{width:80%; height:1px; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.1)); margin:35px 0;}
.MainSection04 .TitleBox .Text02 span{display:block; font-size:18pt; font-weight:500; margin-bottom:20px;}

.MainSection04 .ContArea{background-color:rgba(255,255,255,0.3); border-radius:30px; padding:40px 50px; width:600px; height:250px;}
.MainSection04 ul li{margin-bottom:20px; height:35px;}
.MainSection04 ul li:last-child{margin-bottom:0;}
.MainSection04 ul li p{display:flex; align-items:center;}
.MainSection04 ul li span{display:block; width:120px;}
.MainSection04 ul li span b{display:inline-block; width:100%; height:35px; background-color:#3d2a22; color:#fff; font-size:13.5pt; border-radius:50px; font-weight:500;  text-align:center; line-height:35px;}	
.MainSection04 ul li em{margin-left:15px;}
.MainSection04 ul li em b{color:#3d2a22;}
.MainSection04 ul li em b strong{font-size:18pt; font-weight:800; display:inline-block; width:70px; font-family:"SUIT";}
.MainSection04 ul li em b small{font-size:18pt; font-weight:700;}
.MainSection04 ul li:nth-child(1) em b strong{width:80px;}

.MainSection04 ul.Info{display:none;}
.MainSection04 .AddClass{color:#222; font-size:10.5pt; padding-left:10px; font-weight:500;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{background-color:#f8f3ee;}
.MainSection05 .Inner{width:100%; padding:130px 0;}

.MainSection05 .ConBox{margin-top:80px;}

.MainSection05 .Banner_swiper{position:relative;}
.MainSection05 .swiper-pagination{opacity:0; position:absolute; top:40%; left:95px !important; transform:translate(-25%, -40%); height:40px; transition:3s all ease;}
.MainSection05 .swiper-pagination-bullet{width:40px; height:40px; background:unset; border:1px solid #fff; border-radius:50%; opacity:1; transition:0.3s all ease; margin-right:10px;}
.MainSection05 .swiper-pagination-bullet span{display:block; font-family:"Pretendard"; font-size:11pt; font-weight:500; color:#fff; text-align:center; line-height:40px;}
.MainSection05 .swiper-pagination-bullet-active{background-color:#3d2a22; border:none;}
.MainSection05 .swiper-pagination-bullet:hover{background-color:#3d2a22; border:none;}
.MainSection05 ul .swiper-slide-active .swiper-pagination{opacity:1;}

.MainSection05 ul .ImgBox{border-radius:50px; overflow:hidden;}
.MainSection05 ul .ImgBox img{width:100%; object-fit:cover;}
.MainSection05 ul .TextBox{opacity:0; position:absolute; top:50%; left:60px; transition:3s all ease;}
.MainSection05 ul .TextBox .Text01{color:#fff; font-family:"Noto Serif KR"; text-align:left; font-size:18pt; font-weight:600;}
.MainSection05 ul .TextBox .Text02{color:#fff; font-family:"Pretendard"; text-align:left; font-size:13.5pt; font-weight:400; line-height:1.6em; margin-top:20px;}
.MainSection05 ul .swiper-slide-active .TextBox{opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{background-size:cover; background-repeat:no-repeat; background-position:center;}
.MainSection06 .Inner{width:1400px; padding:130px 0;}
.MainSection06 .TitleBox .Text01{color:#fff;}
.MainSection06 .TitleBox h2{color:#fff;}

.MainSection06 .ConBox{margin-top:80px;}
.MainSection06 ul{width:1300px; margin:0 auto; display:flex;}
.MainSection06 ul li{width:calc(100% / 3 - 70px); margin:0 35px; border-radius:100px; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.2); height:190px; display: flex; flex-direction:column; align-items:center;}
.MainSection06 ul li .Text01{background-color:#3d2a22; color:#fff; text-align:center; font-family:"SUIT"; font-size:12pt; font-weight:600; border-radius:50px; width:100px; height:35px; line-height:35px; margin-top:40px;}
.MainSection06 ul li .Text02{color:#fff; text-align:center; font-size:13.5pt; font-weight:400; line-height:1.5em; margin-top:15px;}

.MainSection06 ul .Arrow{display:flex; align-items:center; font-size:22pt; font-weight:400; color:#fff; font-family:"SUIT";}

.MainSection06 .AddText{text-align:center; line-height:1.6em; font-size:13.5pt; color:#fff; margin-top:40px;} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 7번배너 */
.MainSection07{background-color:#f5f5f5;}
.MainSection07 .Inner{width:100%; padding:130px 0; display:flex; align-items:center; justify-content:space-between;}
.MainSection07 .TitleBox{margin-left:265px; padding-bottom:50px;}
.MainSection07 .TitleBox p{text-align:left;}
.MainSection07 .TitleBox h2{text-align:left;}

.MainSection07 .swiper-pagination{margin-top:50px;}
.MainSection07 .swiper-pagination-bullet{width:6px; height:6px; background-color:#cccccc; opacity:1; margin-left:5px;}
.MainSection07 .swiper-pagination-bullet:nth-child(1){margin-left:0;}
.MainSection07 .swiper-pagination-bullet-active{background-color:#3d2a22;}

.MainSection07 .ConBox{width:58%;}
.MainSection07 ul li{border-radius:30px; overflow:hidden;}
.MainSection07 ul li img{width:100%; object-fit:cover;}