@charset "utf-8";

/* 메인전용컨텐츠 */
.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;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 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;}
.MainSection01 .swiper-slide .BgBox img{width:110%; height:100%; object-fit:cover;}
.MainSection01 .swiper-slide .BgBox.SlideBgAni01 img{animation:MainSlideBgImg 5s ease; animation-fill-mode:forwards;}
@keyframes MainSlideBgImg{ 0%{width:110%;} 100%{width:100%;} }

.MainSection01 .swiper-slide .ThumbBox{position:absolute; top:0; left:0; width:100%; height:100%;}
.MainSection01 .swiper-slide .ThumbBox .Text01{color:#fff; position:absolute; left:-30%; top:50%; text-align:left; font-size:20pt; line-height:1.6em;}
.MainSection01 .swiper-slide .ThumbBox .Text01.SlideTextAni01{animation:MainSlideText01 5s ease; animation-fill-mode:forwards;}
@keyframes MainSlideText01{ 0%{left:0%;} 100%{left:15%;} }

.MainSection01 .swiper-slide .ThumbBox .Text02{color:#fff; position:absolute; right:-30%; top:50%; text-align:right; font-size:30pt; line-height:1.6em; font-weight:600;}
.MainSection01 .swiper-slide .ThumbBox .Text02.SlideTextAni02{animation:MainSlideText02 5s ease; animation-fill-mode:forwards;}
@keyframes MainSlideText02{ 0%{right:0%;} 100%{right:15%;} }
.MainSection01 .swiper-slide.Slide01 .ThumbBox .Text02 span{color:#cca590;}
.MainSection01 .swiper-slide.Slide02 .ThumbBox .Text02 span{font-size:16pt;}
.MainSection01 .swiper-slide.Slide05 .ThumbBox .Text02{font-family:'EditorsNote-Bold', serif;}

.MainSection01 .sliderViBtn{position:relative; left:-30%; bottom:33%; color:#cca590; width:90px; height:90px; border:1px solid #cca590; border-radius:50px; line-height: 90px; font-size:15pt; display:flex; justify-content:center; align-items:center;}
.MainSection01 .sliderViBtn:hover{background-color:#cca590; color:#fff; transition:0.5s all ease-in-out;}
.MainSection01 .sliderViBtn .lineBox{position:absolute; top:55%; right:-30%; z-index:2;}
.MainSection01 .sliderViBtn .line01{display:inline-block; width:40px; height:1px; background-color:#cca590;}
.MainSection01 .sliderViBtn .line02{display:inline-block; width:12px; height:1px; background-color:#cca590; transform:rotate(45deg); position:absolute; top:-4px; right:-1px;}
.MainSection01 .sliderViBtn.SlideViBtnAni{animation:MainSlideViBtn 5s ease; animation-fill-mode:forwards;}
@keyframes MainSlideViBtn{ 0%{left:0%;} 100%{left:15%;} }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{width:100%; position:relative; overflow:hidden; background:url('/img/C00327/MainSection02_Bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.MainSection02 .Inner{width:1400px; min-width:1400px; padding:150px 0;}
.MainSection02 .Inner .mainTitle{font-family:'EditorsNote-Light', serif; font-size:43pt; color:#fff; text-align:center; letter-spacing:0.05em;}
.MainSection02 .Inner .mainTitle span{color:#cca590; font-family:"EditorsNote-Bold", serif;}
.MainSection02 .Inner .contWrap{width:1400px;}
.MainSection02 .Inner ul{display:flex; margin-top:90px;}
.MainSection02 .Inner ul li{width:calc(100% / 3 - 100px); margin:0 50px; position:relative;}
.MainSection02 .Inner ul li:nth-child(1){margin-left:0;}
.MainSection02 .Inner ul li:nth-child(3){margin-right:0;}
.MainSection02 .Inner ul li .ImgBox{width:100%; height:100%; background:linear-gradient(178deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.MainSection02 .Inner ul li .ImgBox img{width:100%; height:100%; object-fit:cover;  filter:grayscale(100%); opacity:0.5; transition:0.3s all ease-in-out;}
.MainSection02 .Inner ul li .TextBox{position:absolute; bottom:30px; width:100%; display:flex; padding:0 35px;}
.MainSection02 .Inner ul li .TextBox .Thumb{width:100%; margin:0 auto;}
.MainSection02 .Inner ul li .TextBox .Text01{color:#fff; font-size:18pt; font-weight:500;}
.MainSection02 .Inner ul li .TextBox .Text02{color:#fff; font-size:14pt; font-weight:300; padding-top:15px;}
.MainSection02 .Inner ul li .arrowBtn{width:25px; height:23px; background-color:#fff; border-radius:50px; display:flex; align-items:center; position:relative;     margin-top:8px; transition:0.3s all ease-in-out;} 
.MainSection02 .Inner ul li .arrowBtn .line01{display:inline-block; width:15px; height:1px; background-color:#fff; position:absolute; top:13px; left:-15px;} 
.MainSection02 .Inner ul li .arrowBtn .line02{display:inline-block; width:15px; height:1px; background-color:#403e3d; position:absolute; top:13px;} 
.MainSection02 .Inner ul li .arrowBtn .line03{display:inline-block; width:9px; height:1px; background-color:#403e3d; position:absolute; right:6px; top:10px; transform:rotate(45deg);} 

.MainSection02 .Inner ul li:hover{cursor:pointer}
.MainSection02 .Inner ul li:hover .ImgBox img{filter:grayscale(0); opacity:1;}

.MainSection02 .Inner ul li:hover .arrowBtn{background-color:#bc9986;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{width:100%; position:relative; overflow:hidden;}
.MainSection03 .Inner{width:1400px; min-width:1400px; padding:150px 0;}
.MainSection03 .Inner .mainTitle{font-family:'EditorsNote-Light', serif; font-size:43pt; color:#212120; text-align:center; letter-spacing:0.05em; margin-bottom:80px;}
.MainSection03 .Inner .mainTitle span{font-family:'EditorsNote-Bold', serif;}
.MainSection03 .Inner .contWrap{width:1400px;}

	/* 롤링배너일때 */
	.MainSection03 .MultiSliderWrap{overflow:hidden;}
	.MainSection03 .MultiSlider{clear:none;}
	.MainSection03 .MultiSlider.slider-for{width:775px; height:430px; float:left; position:relative;}
	.MainSection03 .MultiSlider.slider-for .TextBox{display:none;}
	.MainSection03 .MultiSlider.slider-nav .ThumBox{float:none; display:block; width:150px; height:85px; position:relative; overflow:hidden; margin-left:0;}
	.MainSection03 .MultiSlider.slider-nav li{height: 100%; text-align:left; overflow:hidden; position:relative; display:table; table-layout:fixed; width:100%; cursor:pointer; margin-bottom:0; padding:0.3em;}
	.MainSection03 .MultiSlider.slider-nav .slick-slide.slick-current li{background-color:rgb(255 255 255 / 50%); border:2px solid #cca590;}
	.MainSection03 .MultiSlider.slider-nav .TextBox{position: absolute; top:0; left:165px; color:#333333; font-size:16px; line-height:100%; overflow:visible; vertical-align:middle; width:auto; float:none; width:calc(100% - 165px); height:100%; white-space:normal; margin-left:0; font-weight:400; display:flex;
    flex-direction:column; justify-content:center; padding:0 10px;}
	/*유튜브 두번째 설명 숨김*/
	.MainSection03 .MultiSlider.slider-nav .TextBox .Text02{display:none;}

	.MainSection03 .MultiSlider.slider-nav{position:relative!important; width:600px!important; float:left; margin-left:24px!important;}
	
	.MainSection03 .MultiSlider.slider-nav .slick-list{height:410px !important;}
	.MainSection03 .MultiSlider.slider-nav .slick-slide{width:100% !important; height:auto; overflow:hidden; padding:0.3em 0; border-bottom:1px solid #d2d2d2;}
	.MainSection03 .MultiSlider.slider-nav .slick-slide li{width:100%; cursor:pointer;}

	.MainSection03 .MultiSlider .slick-slide li .ThumBox{background-color:#000;}
	.MainSection03 .MultiSlider .slick-slide li .ThumBox img{width:100%; height:100%; object-fit:cover;}
	.MainSection03 .slider-nav .slick-slide.slick-current li .ThumBox:after{content:''; position: absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:opacity 0.5s;}
	.MainSection03 .slider-nav .slick-slide.slick-current li .TextBox p strong{color:#ac97c2;}
	.MainSection03 .slider-nav .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active li{padding-right:0 !important;}

	.MainSection03 .MultiSlider ul.SliderThum_BtnPage{position:absolute; right:auto; left:0; top:11.5px; height:35px; width:auto; margin:0;}
	.MainSection03 .MultiSlider ul.SliderThum_BtnPage li{display:inline-block; width:auto; padding:0;}
	.MainSection03 .MultiSlider ul.SliderThum_BtnPage button{background:#3c3c3c; opacity:.2; margin-right:5px; width:15px; height:15px; display:inline-block; border-radius:100%; border:none;}
	.MainSection03 .MultiSlider ul.SliderThum_BtnPage .slick-active button{background:#9fbfc3; opacity:1; width:15px; height:15px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{width:100%; position:relative; overflow:hidden; background:url('/img/C00327/MainSection04_Bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.MainSection04 .Inner{width:1400px; min-width:1400px; padding:200px 0;}
.MainSection04 .Inner .contWrap{width:1400px;}
.MainSection04 .Inner .contWrap .List{display:flex; align-items:center;}
.MainSection04 .Inner .contWrap .List .liner{width:1px; height:300px; background-image:linear-gradient(#2e2b29, #989898, #2e2b29);}
.MainSection04 .Inner .contWrap .List .liner:last-child{display:none;}
.MainSection04 .Inner .contWrap .List li{width:calc(100% / 4);}
.MainSection04 .Inner .contWrap .List li p{display:flex; flex-direction:column; align-items:center;}
.MainSection04 .Inner .contWrap .List li span{color:#cca590; font-size:18pt; font-weight:400;}
.MainSection04 .Inner .contWrap .List li em{padding-top:20px;}
.MainSection04 .Inner .contWrap .List li em b strong{letter-spacing:1pt; font-family:'EditorsNote-Regular', serif; color:#fff; font-size:60pt; }

.MainSection04 .Inner .contWrap .Info{flex-direction:column;}
.MainSection04 .Inner .contWrap .Info .on{width:100%; color:#717171; font-weight:500; font-size:13pt; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{width:100%; position:relative; overflow:hidden; background:url('/img/C00327/MainSection05_Bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.MainSection05 .Inner{width:1400px; min-width:1400px; padding:190px 0 300px;}
.MainSection05 .Inner .contWrap{width:1400px;}
.MainSection05 .contBox{text-align:right; border-top:1px solid #bababa; padding-top:60px; margin-top:50px; display:flex; justify-content:flex-end; align-items:center;}
.MainSection05 .contBox .Text01{font-size:18pt; font-weight:600; color:#212120;}
.MainSection05 .contBox .Text02{margin-top:30px; font-weight:400; color:#464646; font-size:15pt; line-height:1.8;}
.MainSection05 .contBox .ImgBox{margin-left:45px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{width:100%; position:relative; overflow:hidden; background:url('/img/C00327/MainSection06_Bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.MainSection06 .Inner{width:1400px; min-width:1400px; padding:150px 0 140px;}
.MainSection06 .Inner .mainTitle{font-family:'EditorsNote-Light', serif; font-size:43pt; color:#fff; text-align:center; letter-spacing:0.05em;}
.MainSection06 .Inner .mainTitle span{color:#fff; font-family:'EditorsNote-Bold', serif;}
.MainSection06 .Inner .contWrap{width:1400px;}
.MainSection06 .Inner .contBox{margin-top:75px;}
.MainSection06 .Inner .contBox ul{display:flex; flex-wrap:wrap;}
.MainSection06 .Inner .contBox ul li{width:calc(100% / 8 - 10px;); margin:5px; background-color:#fff;}
.MainSection06 .Inner .contBox ul li a img{width:100%; height:100%; object-fit:cover;}
.MainSection06 .Inner .contBox ul li:hover a img{opacity:0.5; transition:0.5s all ease-in-out;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 7번배너 */
.MainSection07{width:100%; position:relative; overflow:hidden; background:url('/img/C00327/MainSection07_Bg.jpg') no-repeat; background-size:cover; background-position:center center;}
.MainSection07 .Inner{width:1400px; min-width:1400px; padding:150px 0 140px;}
.MainSection07 .Inner .mainTitle h2{font-family:'EditorsNote-Light', serif; font-size:43pt; color:#fff; text-align:left; letter-spacing:0.05em;}
.MainSection07 .Inner .mainTitle h2 span{color:#cca590; font-family:'EditorsNote-Bold', serif;}

.MainSection07 .sliderViBtn{position:relative; color:#cca590; width:90px; height:90px; border:1px solid #cca590; border-radius:50px; line-height: 90px; font-size:15pt; display:flex; justify-content:center; align-items:center; margin-top:70px;}
.MainSection07 .sliderViBtn:hover{background-color:#cca590; color:#fff; transition:0.5s all ease-in-out;}
.MainSection07 .sliderViBtn .lineBox{position:absolute; top:55%; right:-30%; z-index:2;}
.MainSection07 .sliderViBtn .line01{display:inline-block; width:40px; height:1px; background-color:#cca590;}
.MainSection07 .sliderViBtn .line02{display:inline-block; width:12px; height:1px; background-color:#cca590; transform:rotate(45deg); position:absolute; top:-4px; right:-1px;}

.MainSection07 .arrowBtn{position:absolute; top:50%; right:-60px; width:40px; height:40px; background-color:#50443e; border-radius:50px;}
.MainSection07 .arrowBtn:hover{cursor:pointer;}
.MainSection07 .arrowBtn .swiper-button-next-common{color:#fff; font-family:'SUIT'; font-weight:400; font-size:16pt; text-align:center; line-height:40px;}

.MainSection07 .Inner .contWrap{width:1400px; display:flex; justify-content:space-between;}
.MainSection07 .Inner .contBox{width:60%;}
.MainSection07 .Inner .contBox li .Thumb{width:390px; height:390px;}
.MainSection07 .Inner .contBox li .Thumb img{width:100%; height:100%; object-fit:cover;}
.MainSection07 .MultiSlider .slick-arrow.SliderThum_BtnNext{width:13px; height:14px; right:-100px; border-right:2px solid #fff; border-bottom:2px solid #fff;}
.MainSection07 .MultiSlider .slick-arrow.SliderThum_BtnNext::after{content:''; display:block; width:40px; height:40px; background-color:#cca590; opacity:0.3; border-radius:50px; position:absolute; right:-37px; top:9px; transform:translate(-50%, -50%);}

	/* 이벤트 내용 숨김 */
	.MainSection07 .Slide .Title{display:none;}