@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

/* 메인전용컨텐츠 */
.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:830px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}
.MainSection01 .swiper-container{height:830px;}
.MainSection01 .swiper-wrapper{text-align:center;}
.MainSection01 .swiper-slide{height:830px;}
.MainSection01 .swiper-slide .BgBox{height:830px;}
.MainSection01 .swiper-slide .BgBox img{width:100%; height:100%; object-fit:cover;}

.MainSection01 .Banner01 .ThumbBox{position:absolute; top:50%; left:13.5%; right:auto; transform:translate(0,-50%);}
.MainSection01 .Banner01 a > img{width:100%; height:100%; object-fit:cover;}
.MainSection01 .Banner01 .ThumbBox {width:auto; text-align:left;}
.MainSection01 .Banner01 .ThumbBox .Text01{font-size:50px; color:#fff; font-family:'NanumSquareNeoTTF-dEb'; line-height:1em;}
.MainSection01 .Banner01 .ThumbBox .Text02{font-size:16px; color:#fff; font-family:'Pretendard', sans-serif; font-weight:300; opacity:0.3; letter-spacing:1.05em; padding:40px 0;}
.MainSection01 .Banner01 .ThumbBox .Text03{font-size:20px; color:#fff; line-height:30px; font-family:'Pretendard', sans-serif; font-weight:300; }

	/*버튼*/
	body .MainSection01 .SliderBtn{position:absolute; width:100%; left:13%; bottom:120px; z-index:1;}
	body .MainSection01 .SliderBtn .num_btn{display:inline-block; vertical-align:middle;}

	body .MainSection01 .SliderBtn .num_btn .new-scrollbar{width:280px; height:4px; background:rgba(255,255,255,0.3); position:relative; display:inline-block; vertical-align:middle; margin-right:20px;}
	body .MainSection01 .SliderBtn .num_btn .new-scrollbar span{background:#fff; height:4px; position:absolute; display:block;}

	body .MainSection01 .SliderBtn .num_btn .btnInner{display:block; width:100%; position:relative;}
	body .MainSection01 .SliderBtn .num_btn .btnInner .pagenumber1{font-size:14pt; width:100%; font-family:'Pretendard', sans-serif; font-weight:400; width:80px; display:inline-block; vertical-align:middle; color:#fff;}
	body .MainSection01 .SliderBtn .num_btn .btnInner .pagenumber1 span{font-family:'Pretendard', sans-serif; font-weight:400; color:#fff; letter-spacing:1pt;}

	body .MainSection01 .arw_btn{position:absolute; top:45%; width:100%; z-index:2; display:flex; justify-content:space-between; padding:0 50px;}
	body .MainSection01 .arw_btn .swiper-button-prev1{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:50pt; color:#fff; font-weight:100; cursor:pointer; text-align:center; margin-right:10px; display:inline-block; opacity:0.3;}
	body .MainSection01 .arw_btn .swiper-button-prev1:hover{color:#d2b69a;}
	body .MainSection01 .arw_btn .swiper-button-next1{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:50pt; color:#fff; font-weight:100; cursor:pointer; text-align:center; display:inline-block; opacity:0.3;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{width:100%; position:relative; overflow:hidden; background:url('/img/C00311/mainSection02_bg.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection02 .Inner{padding:150px 0; width:100%; min-width:100%;}
.MainSection02 .contWrap{width:100%; display:inline-flex; align-items:top; justify-content:space-between;}
.MainSection02 .contWrap .mainTitle{width:40%; padding-left:260px; padding-top:80px;}
.MainSection02 .contWrap .contBox{width:60%;}
	/*텍스트*/
	.MainSection02 .contWrap .mainTitle{position:relative;}
	.MainSection02 .contWrap .mainTitle h4{font-size:20px; font-family:'Pretendard', sans-serif; font-weight:400; color:#789653; letter-spacing:1pt;}
	.MainSection02 .contWrap .mainTitle h3{font-size:60px; font-family:'Marcellus', sans-serif; font-weight:500; color:#010101;}
	.MainSection02 .contWrap .mainTitle .SliderBtn{position:relative; display:block; margin-top:80px;}
	.MainSection02 .contWrap .mainTitle .SliderBtn .swiper-button-prev2{color:#bfb8af; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s;}
	.MainSection02 .contWrap .mainTitle .SliderBtn .swiper-button-prev2:hover{color:#000;}
	.MainSection02 .contWrap .mainTitle .SliderBtn .swiper-button-next2{color:#bfb8af; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-left:50px;}
	.MainSection02 .contWrap .mainTitle .SliderBtn .swiper-button-next2:hover{color:#000;}
	/*슬라이드*/
	.MainSection02 .contWrap .contBox .imgBox{overflow:hidden;}
	.MainSection02 .contWrap .contBox .imgBox img{width:100%; transition:0.3s;}
	.MainSection02 .contWrap .contBox .txtBox{width:100%; margin-top:30px;}
	.MainSection02 .contWrap .contBox .txtBox h5{font-size:26px; font-weight:700; padding-top:10px;}
	.MainSection02 .contWrap .contBox .txtBox p{margin-top:20px; font-weight:400; font-size:18px; line-height:1.5; color:#111111;}
	.MainSection02 .contWrap .contBox a{display:block; width:100%; height:100%;}
	.MainSection02 .contWrap .contBox a:hover img{opacity:0.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{}
.MainSection03 .Inner{width:1200px; min-width:1200px; padding:120px 0;}
.MainSection03 .Inner .contWrap{width:1200px;}
.MainSection03 .Inner .mainTitle h4{text-align:center; font-size:20px; font-family:'Pretendard', sans-serif; font-weight:400; color:#789653; letter-spacing:1pt;}
.MainSection03 .Inner .mainTitle h3{text-align:center; font-size:60px; font-family:'Marcellus', sans-serif; font-weight:300; padding-top:10px;}
	
	/* 이벤트 */
	.MainSection03 .contBox{margin-top:70px;}
	.MainSection03 .LabelThum_Height .LabelThum{margin-top:0;}
	.MainSection03 .LabelThum_Height .LabelThum label{width:93%;}
	.MainSection03 .EventMultiSlider .LabelThum label dt u{display:none;}
	.MainSection03 .EventMultiSlider .LabelThum label small > p span{background-color:#f9faf9; color:#86ac58;}
	.MainSection03 .EventMultiSlider.LabelThum_Height .LabelThum label big{width:100%; display:flex; align-items:center; justify-content: flex-end;}
	.MainSection03 .EventMultiSlider.LabelThum_Height .LabelThum label big strike{width:25%;}
	.MainSection03 .EventMultiSlider.LabelThum_Height .LabelThum label big em{width:35%; order:2;}
	.MainSection03 .EventMultiSlider .LabelThum label small mark{padding-left:0;}
	.MainSection03 .EventMultiSlider .LabelThum label small pre{padding-left:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{width:100%; background-color:#f5f5f5;}
.MainSection04 .Inner{width:1400px; min-width:1400px; padding:120px 0;}
.MainSection04 .Inner .contWrap{width:1400px;}
.MainSection04 .Inner .mainTitle h3{text-align:center; font-size:50px; font-family:'Marcellus', sans-serif; font-weight:300; padding-top:10px;}
.MainSection04 .Inner .mainTitle h3 span{font-family:'Marcellus', sans-serif; color:#789653;}

	.MainSection04 .contWrap ul{display:flex; flex-wrap:wrap; margin-top:60px;}
	.MainSection04 .contWrap ul li{width:calc(100% / 4 - 20px); height:400px; margin:10px; overflow:hidden; border-radius:20px;}
	.MainSection04 .contWrap ul li a{display:block; width:100%; height:100%;}
	.MainSection04 .contWrap ul li .ThumbBox{width:100%; height:100%;}
	.MainSection04 .contWrap ul li a img{width:100%; height:100%; object-fit:cover; transition:0.3s;}
	.MainSection04 .contWrap ul li a:hover img {scale:1.1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
.MainSection05{width:100%; position:relative; height:780px; overflow:hidden;}
.MainSection05 .Inner{width:100%; min-width:100%;}
.MainSection05 .swiper-container{height:780px;}
.MainSection05 .swiper-wrapper{text-align:center;}
	
	/*텍스트*/
	.MainSection05 .Banner05 .Slide a{position:relative; display:block; height:100%;}
	.MainSection05 .Banner05 .Slide .BgBox{height:100%;}
	.MainSection05 .Banner05 .Slide .BgBox img{width:100%; height:100%; object-fit:cover;}
	.MainSection05 .Banner05 .ThumbBox{position:absolute; top:30%; text-align:left; width:100%;}
	.MainSection05 .Banner05 .ThumbBox .TextBox{width:1400px; margin:0 auto}
	
	.MainSection05 .Banner05 .ThumbBox .Text01{font-size:42px; color:#fff; font-family:'Pretendard'; font-weight:600; line-height:1.3em;}
	.MainSection05 .Banner05 .ThumbBox .Text01:after{content:''; display:block; width:43%; height:1px; background-color:#fff; opacity:0.3; margin:30px 0;}
	.MainSection05 .Banner05 .ThumbBox .Text02:before{content:''; display:block; width:10px; height:10px; background-color:rgba(255,255,255,0.3); rotate:45deg;      position:absolute; right:54.5%; top:58.7%;}
	.MainSection05 .Banner05 .ThumbBox .Text02{font-size:20px; color:#fff; line-height:1.5em;}

	.MainSection05 .Banner05 .Slide02 .Text01{color:#111;}
	.MainSection05 .Banner05 .Slide02 .Text01:after{background-color:#111;}
	.MainSection05 .Banner05 .Slide02 .Text02:before{background-color:rgba(17,17,17,0.3);}
	.MainSection05 .Banner05 .Slide02 .Text02{color:#111;}

	.MainSection05 .Banner05 .Slide03 .Text01{color:#111;}
	.MainSection05 .Banner05 .Slide03 .Text01:after{background-color:#111;}
	.MainSection05 .Banner05 .Slide03 .Text02:before{background-color:rgba(17,17,17,0.3);}
	.MainSection05 .Banner05 .Slide03 .Text02{color:#111;}

	.MainSection05 .Banner05 .Slide04 .Text02:before{top:52%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너 */
.MainSection06{width:100%; position:relative; height:880px; overflow:hidden;}
.MainSection06 .Inner{width:100%; min-width:100%; height:880px;} 
.MainSection06 .Banner06 .BgBox{height:880px;}
.MainSection06 .Banner06 .BgBox img{width:100%; height:100%; object-fit:cover;}

	/*텍스트*/
	.MainSection06 .Banner06 a{position:relative;}
	.MainSection06 .Banner06 .ThumbBox{position:absolute; top:35%; text-align:left; width:100%;}
	.MainSection06 .Banner06 .TextBox{width:1400px; margin:0 auto;}
	.MainSection06 .Banner06 .TextBox .Text01{font-size:42px; color:#111; font-family:'Pretendard'; font-weight:700; line-height:1.3em;}
	.MainSection06 .Banner06 .TextBox .Text02{font-size:16px; color:#789653; font-family:'Pretendard', sans-serif; font-weight:300; opacity:0.5; letter-spacing:1.05em; padding:30px 0;}
	.MainSection06 .Banner06 .TextBox .Text03{font-size:20px; color:#111; line-height:1.5em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 7번배너 */
.MainSection07{width:100%; position:relative; height:550px; overflow:hidden;}
.MainSection07 .Inner{width:100%; min-width:100%; height:550px;}
.MainSection07 .Banner07 .BgBox{height:550px;}
.MainSection07 .Banner07 .BgBox img{width:100%; height:100%; object-fit:cover;}

	/*텍스트*/
	.MainSection07 .Banner07 a{position:relative;}
	.MainSection07 .Banner07 .ThumbBox{position:absolute; top:35%; text-align:left; width:100%;}
	.MainSection07 .Banner07 .TextBox{display:flex; justify-content:space-between; width:1400px; margin:0 auto;}
	.MainSection07 .Banner07 .TextBox .Right{}
	.MainSection07 .Banner07 .TextBox .Text01{font-size:50px; color:#0d0e1d; font-family:'Marcellus'; font-weight:300; line-height:1.2em; letter-spacing:0.03em;}
	.MainSection07 .Banner07 .TextBox .Text02{font-size:20px; color:#0d0e1d; font-family:'Pretendard', sans-serif; font-weight:400; line-height:1.5em; text-align:right;}
	.MainSection07 .Banner07 .TextBox .Text03{display:flex; justify-content:flex-end; margin-top:40px;}
	.MainSection07 .Banner07 .TextBox .Text03 a{display:flex; justify-content:center; align-items:center; width:240px; height:60px; background-color:#789653; border-radius:50px;}
	.MainSection07 .Banner07 .TextBox .Text03 a span{display:block; width:230px; height:50px; border-radius:50px; border:1px solid rgba(255, 255, 255, 0.5); color:#fff; font-size:18px; text-align:center; line-height:48px; font-weight:500; padding-right:40px;}
	.MainSection07 .Banner07 .TextBox .Text03 a .arrow01{width:35px; height:1px; background-color:#fff; position:absolute; right:32px; bottom:25px; padding:0;}
	.MainSection07 .Banner07 .TextBox .Text03 a .arrow02{width:15px; height:1px; background-color:#fff; position:absolute; right:30px; bottom:30px; padding:0; rotate:45deg;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 8번배너 */
.MainSection08{width:100%; position:relative; overflow:hidden; background:url('/img/C00311/mainSection08_bg.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection08 .Inner{padding:130px 0; width:1400px; min-width:1400px;}
.MainSection08 .contWrap{width:100%; display:inline-flex; align-items:top; justify-content:space-between;}
.MainSection08 .contWrap .mainTitle{width:45%; padding-top:80px;}
.MainSection08 .contWrap .contBox{width:55%;}
.MainSection08 .contWrap .contBox .ThumImg{margin-left:80px;}

	/*텍스트*/
	.MainSection08 .contWrap .mainTitle{position:relative;}
	.MainSection08 .contWrap .mainTitle h3{font-size:50px; font-family:'Marcellus', sans-serif; font-weight:400; color:#111; letter-spacing:1pt;}
	.MainSection08 .contWrap .mainTitle h3 span{color:#789653; font-family:'Marcellus', sans-serif;}
	.MainSection08 .contWrap .mainTitle h4{font-size:16px; color:#111; font-family:'Pretendard', sans-serif; font-weight:300; opacity:0.3; letter-spacing:0.9em; padding:30px 0;}
	.MainSection08 .SliderBtn .swiper-button-prev8{color:#b7b7b7; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-right:50px; position:absolute; top:40%; left:0; z-index:2;}
	.MainSection08 .SliderBtn .swiper-button-prev8:hover{color:#000;}
	.MainSection08 .SliderBtn .swiper-button-next8{color:#b7b7b7; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; margin-left:50px; position:absolute; top:40%; right:0; z-index:2;}
	.MainSection08 .SliderBtn .swiper-button-next8:hover{color:#000;}
	.MainSection08 .SliderBtn .pagenumber8{text-align:right; margin-right:80px; padding-top:10px;}
	.MainSection08 .SliderBtn .pagenumber8 span{margin:0 5px;}
	.MainSection08 .pagenumber8 .swiper-pagination-bullet-active{background-color:#789653;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 9번배너 */
.MainSection09{width:100%; background-color:#f5f8ef; position:relative; overflow:hidden;}
.MainSection09 .Inner{width:1400px; min-width:1400px; padding:120px 0;}
.MainSection09 .mainTitle h3{text-align:center; font-size:60px; font-family:'Marcellus', sans-serif; font-weight:300; padding-top:10px;}
.MainSection09 .mainTitle h3 span{font-family:'Marcellus', sans-serif; color:#789653;}
.MainSection09 .mainTitle .moreBtn a{display:block; text-align:right; margin-top:10px; font-family:'Marcellus', sans-serif; font-size:18pt; transition:0.3s;}
.MainSection09 .mainTitle .moreBtn a span{font-family:'SUIT', serif; color:#789653; vertical-align:middle;}
.MainSection09 .mainTitle .moreBtn a:hover{padding-right:10px;}
	/*슬라이드*/
	.MainSection09 .Banner09{margin-top:80px; position:relative;}
	.MainSection09 .Banner09 .ThumbBox{width:256px; height:460px; position:relative; overflow:hidden; border-radius:20px;}
	.MainSection09 .Banner09 .ThumbBox img{width:auto; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:0.3s;}
	.MainSection09 .Banner09 .ThumbBox:hover img{filter:brightness(0.6);}
	.MainSection09 .Banner09 .TextBox{display:none;} 
	/*슬라이드 화살표*/
	.MainSection09 .SliderBtn .swiper-button-prev9{color:#b7b7b7; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; position:absolute; top:40%; left:-80px; z-index:2;}
	.MainSection09 .SliderBtn .swiper-button-prev9:hover{color:#000;}
	.MainSection09 .SliderBtn .swiper-button-next9{color:#b7b7b7; font-weight:200; font-size:40pt; font-family:'SUIT', serif; cursor:pointer; display:inline-block; transition:0.3s; position:absolute; top:40%; right:-80px; z-index:2;}
	.MainSection09 .SliderBtn .swiper-button-next9:hover{color:#000;}