@charset "utf-8";

/*
더차오름
C00335
*/

/* 메인전용컨텐츠 */
.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;}
.Inner{width:1400px; min-width:1400px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
.MainSection01{width:100%; position:relative; height:870px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}
.MainSection01 .swiper-container{height:870px;}
.MainSection01 .swiper-wrapper{text-align:center;}
.MainSection01 .swiper-slide{height:870px; overflow:hidden;}
.MainSection01 .swiper-slide .BgBox{height:870px; position:relative; top:0; left:50%; transform:translate(-50%, 0);  animation:MainSlideBgImg 5s ease;}
.MainSection01 .swiper-slide .BgBox img{width:110%; height:100%; object-fit:cover;}
@keyframes MainSlideBgImg{ 0%{width:110%;} 100%{width:100%;}}

.MainSection01 .swiper-slide .ThumbBox{position:absolute; top:50%; left:50%; transform: translate(-50%, -55%); width:100%;}
.MainSection01 .swiper-slide .ThumbBox .Text01{color:#fff; text-align:center; font-size:48pt; line-height:1em; margin:40px 0 30px; font-weight:500; font-family:"Jost", sans-serif;}
.MainSection01 .swiper-slide .ThumbBox .Text02{color:#F0ECE2; text-align:center; font-size:19pt; line-height:1.7em; font-weight:200;}
.MainSection01 .swiper-slide .ThumbBox .Text02 span{font-weight:500; color:#F0ECE2;}
.MainSection01 .swiper-slide .ThumbBox .Text03{color:#fff; text-align:center; font-size:12pt; line-height:1em; margin-top:30px; letter-spacing:2pt; font-family:"Jost", sans-serif;}

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

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

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통타이틀 */
section .TitleBox .ImgBox{text-align:center;}
section .TitleBox h2{text-align:center; margin-top:25px; font-family:"Jost", sans-serif; font-size:45pt; font-weight:300; line-height:1em;}
section .TitleBox h2 span{font-family:"Jost", sans-serif; font-weight:500;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{}
.MainSection02 .Inner{padding:150px 0;}
.MainSection02 ul{display:flex; justify-content:space-between; margin-top:80px; }
.MainSection02 ul li{position:relative; width:calc(100% / 4 - 20px);}
.MainSection02 ul li .BgBox{width:100%; overflow:hidden; transition:1.5s all ease;}
.MainSection02 ul li.List01 .BgBox{background-color:#12376e;}
.MainSection02 ul li.List02 .BgBox{background-color:#084661;}
.MainSection02 ul li.List03 .BgBox{background-color:#321A08;}
.MainSection02 ul li.List04 .BgBox{background-color:#342A4A;}

.MainSection02 ul li .TextBox{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.MainSection02 ul li .Text01{font-size:12pt; color:#505050; font-weight:500; font-family:"Jost", sans-serif; letter-spacing:0;}
.MainSection02 ul li .Text02{font-size:21pt; color:#121212; font-weight:600; margin-top:10px;}
.MainSection02 ul li .Line{display:block; width:1px; height:30px; background-color:#fff; margin:15px auto; opacity:0;}
.MainSection02 ul li .Text03{font-size:15pt; color:#fff; font-weight:300; line-height:1.5em; opacity:0; transition:opacity 0.5s ease-in-out;} 

.MainSection02 ul li:hover .Text01{color:#f0e1d6; font-weight:400;}
.MainSection02 ul li:hover .Text02{color:#fff; font-weight:500;}
.MainSection02 ul li:hover .Line{opacity:1;}
.MainSection02 ul li:hover .Text03{opacity:1;}
.MainSection02 ul li:hover .BgBox{border-radius:250px;}
.MainSection02 ul li:hover .BgBox img{opacity:0.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.MainSection03 .Inner{width:1920px; padding:150px 0;}
.MainSection03 .ContBox{display:flex; margin-top:80px;}
.MainSection03 .ContBox .NumBtn{position:relative; padding-left:260px; bottom:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.MainSection03 .ContBox .ListBox{margin-left:200px;}
.MainSection03 .ContBox .ThumbBox{position:absolute; left:60px; bottom:60px;}
.MainSection03 .ContBox .ThumbBox .Text01{color:#fff; font-family:"Jost", sans-serif; letter-spacing:0; font-size:12pt; font-weight:400;}
.MainSection03 .ContBox .ThumbBox .Text02{color:#121212; font-size:20pt; font-weight:500; margin:10px 0 20px;}
.MainSection03 .ContBox .ThumbBox .Text03{color:#4b4b4b; font-size:15pt; font-weight:300; line-height:1.5em;}
.MainSection03 .swiper-pagination-bullet{width:100%; height:80px; margin-bottom:30px !important; background:unset; opacity:1;}
.MainSection03 .swiper-pagination-bullet span{display:block; width:45px; font-family:"Jost", sans-serif; font-size:22pt; font-weight:500;
border-bottom:2px solid #c2c2c2; color:#c2c2c2;}
.MainSection03 .swiper-pagination-bullet-active span{color:#121212; border-bottom:2px solid #121212;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.MainSection04 .Inner{display:flex; align-items:center; padding:150px 0; width:1125px; min-width:1125px;}
.MainSection04 .Left .ImgBox{position:relative; width:390px;}
.MainSection04 .Left .Text{display:flex; position:absolute; top:30px; right:0px;}
.MainSection04 .Left .Text span{display:block; width:45px; height:1px; background-color:#fff; margin-top:15px;}
.MainSection04 .Left .Text p{color:#fff; font-size:16pt; margin-left:5px; line-height:1.5em;}
.MainSection04 .Right{margin-left:150px;}
.MainSection04 .Right h2{color:#fff; font-size:37pt; font-weight:600; font-family:"Jost", sans-serif;}
.MainSection04 .Right .Text01{color:#fff; font-size:19pt; line-height:1.4em; margin:20px 0;}
.MainSection04 .Right .Text02{color:#fff; font-size:15pt; line-height:1.7em; font-weight:100;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{}
.MainSection05 .Inner{width:1500px; min-width:1500px; padding:150px 0 0;}
.MainSection05 .ContBox{position:relative; margin-top:80px;}
.MainSection05 .TextBox{position:absolute; top:50%; left:50%; transform:translate(-50%, -57%);}
.MainSection05 .TextBox .RoundImg{text-align:center;}
.MainSection05 .TextBox .RoundImg img{animation:RoundRote 10s linear infinite;}
@keyframes RoundRote{100%{transform:rotate(360deg);}}

.MainSection05 .TextBox h2{text-align:center; color:#fff; font-size:25pt; font-weight:500; margin:35px 0;}
.MainSection05 .TextBox p{text-align:center; color:#fff; font-size:16pt; font-weight:200; line-height:1.7em;}
.MainSection05 .TextBox p span{font-weight:500; color:#fff;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{background-color:#f3f3f3;}
.MainSection06 .Inner{padding:150px 0; width:1920px;}
.MainSection06 .TitleBox{display:flex; justify-content:space-between; align-items:flex-end; width:1400px; margin:0 auto;}
.MainSection06 .TitleBox h2{text-align:left; margin-top:0;}
.MainSection06 .TitleBox .ImgBox{margin-bottom:20px;}
.MainSection06 .TitleBox .ImgBox img{width:160px; object-fit:cover; opacity:0.5;}
.MainSection06 .ContBox{margin:50px 0 0 260px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 7번배너 */
.MainSection07{}
.MainSection07 .Inner{padding:200px 0;}
.MainSection07 .SamllText{color:#fff; font-size:13pt; font-weight:300; font-family:"Jost", sans-serif; text-align:center; margin:20px 0; letter-spacing:0;}
.MainSection07 .TitleBox h2{color:#fff; font-family:"Pretendard"; font-size:26pt; font-weight:300; line-height:1.4em;}
.MainSection07 .TextBox{text-align:center; margin-top:20px;}
.MainSection07 .TextBox .Line{width:1px; height:37px; background-color:#fff; margin:0 auto;}
.MainSection07 .TextBox .Dot{width:7px; height:7px; background-color:#fff; border-radius:50px; margin:0 auto;}
.MainSection07 .Text01{margin-top:20px; color:#F0ECE2; font-size:16pt; line-height:1.5em;}
.MainSection07 .TextBox a{display:inline-block; margin-top:60px; width:145px; height:40px; line-height:40px; border:1px solid #fff; border-radius:50px; font-family:"Jost", sans-serif; font-size:10pt; color:#fff; letter-spacing:0; font-weight:400; transition:all 0.3s ease;}
.MainSection07 .TextBox a:hover{background-color:rgba(255,255,255,0.3);}