@charset "utf-8";

@font-face {
    font-family: 'YUniverse';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-L.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'YUniverse';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-B.woff2') format('woff2');
    font-weight: 700;
    font-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;}

/*메인타이틀*/
.mainTitle h3{color:#353535; font-size:68pt; font-weight:400; font-family: "Marcellus", serif; line-height:1;}
.mainTitle h4{color:#e5a784; font-size:36pt; font-weight:400;}
.mainTitle p{color:#353535; font-size:18pt; font-weight:400;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 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 .Banner01 .ThumbBox{position:absolute; top:50%; left:13.5%; right:auto; transform:translate(0,-50%);}
.MainSection01 .Banner01 .swiper-slide.Slide1 .ThumbBox{left:50%; transform:translate(-50%,-50%);}
.MainSection01 .Banner01 .swiper-slide.Slide1 .ThumbBox span{transition:1.5s;}
.MainSection01 .Banner01 a > img{width:100%; height:100%; object-fit:cover;}
.MainSection01 .Banner01 .ThumbBox {width:auto;}
	/*버튼*/
	.MainSection01 .SliderBtn{position:absolute; width:100%; left:0; bottom:40px; z-index:500;}
	.MainSection01 .SliderBtn .pagenumber1{position:relative; width:100%; text-align:center;}
	.MainSection01 .SliderBtn .pagenumber1 .swiper-pagination-bullet{width:9px; height:9px; background:rgba(255,255,255,0.3); opacity:1; margin:0 5px;}
	.MainSection01 .SliderBtn .pagenumber1 .swiper-pagination-bullet-active{background:#fff;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{width:100%; position:relative; overflow:hidden; background:url('/img/C00332/mainSection02_back.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 .SliderBtn{position:relative; display:block; margin-top:100px;}
	.MainSection02 .contWrap .mainTitle .SliderBtn .swiper-button-prev2{color:#978a81; 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:#978a81; 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:22pt; font-weight:600;}
	.MainSection02 .contWrap .contBox .txtBox p{margin-top:20px; font-weight:400; font-size:15pt; line-height:1.5;}
	.MainSection02 .contWrap .contBox a{display:block; width:100%; height:100%;}
	.MainSection02 .contWrap .contBox a:hover img{opacity:0.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{width:100%; padding:150px 0; position:relative; overflow:hidden; background:url('/img/C00332/mainSection03_back.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection03 .Inner{}
.MainSection03 .mainTitle{text-align:center;}
.MainSection03 .contBox{margin-top:80px;}

.MainSection03 .contBox .Slide{overflow:hidden; position:relative;} 
.MainSection03 .contBox .Slide .imgBox{width:100%; position:relative;}
.MainSection03 .contBox .Slide .imgBox img{width:100%; transition:0.3s;}
.MainSection03 .contBox .Slide .txtBox{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.MainSection03 .contBox .Slide .txtBox h5{color:#fff; font-family: "Marcellus", serif; font-size:32pt; font-weight:400;}
.MainSection03 .contBox .Slide .txtBox p{color:#fff; font-size:16pt; font-weight:500; margin-top:10px;}
.MainSection03 .contBox .Slide a{display:block; width:100%; height:100%;}
.MainSection03 .contBox .Slide a:hover img{scale:1.2;}

.MainSection03 .moreBtn{width:100%; position:relative; text-align:center; margin-top:50px;}
.MainSection03 .moreBtn a{color:#464545; display:block; font-family: "Marcellus", serif; font-size:16pt; font-weight:400; position:relative; width:fit-content; margin:0 auto;}
.MainSection03 .moreBtn a::before{content:''; position:absolute; width:0; left:0; bottom:-10px; height:1px; background:#464545; transition:0.3s;}
.MainSection03 .moreBtn a:hover::before{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너*/
.MainSection04{width:100%; padding:180px 0; position:relative; overflow:hidden; background:url('/img/C00332/mainSection04_back.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection04 .Inner{width:100%; min-width:100%;}
.MainSection04 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start;}
.MainSection04 .contWrap .imgBox{width:50%; overflow:hidden; border-radius:0 200px 0 0;}
.MainSection04 .contWrap .imgBox img{width:100%;}
.MainSection04 .contWrap .txtBox{padding-left:120px;}
.MainSection04 .contWrap .txtBox h5{font-size:48pt; font-weight:400; font-family: "Marcellus", serif; }
.MainSection04 .contWrap .txtBox .contBox{padding:50px 0; border-bottom:1px solid #353535;}
.MainSection04 .contWrap .txtBox .contBox03{border:0;}
.MainSection04 .contWrap .txtBox .contBox em{display:block; color:#e5a784; font-weight:400; font-size:18pt; font-family: "Marcellus", serif;}
.MainSection04 .contWrap .txtBox .contBox h6{font-size:20pt; font-weight:600; margin-top:15px;}
.MainSection04 .contWrap .txtBox .contBox p{font-size:16pt; font-weight:300; line-height:1.5; margin-top:20px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너*/
.MainSection05{width:100%; padding:150px 0; position:relative; overflow:hidden; background:url('/img/C00332/mainSection05_back.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection05 .contWrap{width:50%; margin-left:auto; margin-right:0; text-align:center;}
.MainSection05 .contWrap h5{color:#fff; font-size:22pt; font-weight:500; line-height:1.5;}
.MainSection05 .contWrap h5 b{font-weight:700; color:#fff;}
.MainSection05 .contWrap .contBoxWrap{width:100%; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;  margin-top:40px;}
.MainSection05 .contWrap .contBoxWrap .contBox{width:50%; position:relative;}
.MainSection05 .contWrap .contBoxWrap .contBox:nth-child(n+3){margin-top:30px;}
.MainSection05 .contWrap .contBoxWrap .contBox p{width:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-weight:500; font-size:16pt; line-height:1.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 네트워크 페이지 */
body .C00332 header{display:none;}
body .C00332 footer{display:none;}
body .C00332 .QuickArea{display:none;}

body .networkMainArea{width:100vw; height:100vh; overflow:hidden;  position:relative;}
body .networkMainArea .contInner{position:absolute; top:0; left:50%; transform:translate(-50%,0); width:84%; z-index:1;}

/*상단 텍스트*/
body .networkMainArea .contWrap{width:100%; height:100vh; position:relative; z-index:900;}
body .networkMainArea .contWrap .txtWrap{position: relative;}
body .networkMainArea .contWrap .txtWrap .textGroup {position: absolute; opacity: 0; filter: blur(12px); transition: opacity 0.6s ease, filter 0.6s ease; pointer-events: none; top:150px;}
body .networkMainArea .contWrap .txtWrap .textGroup.active {opacity: 1;	filter: blur(0); pointer-events: auto;}
body .networkMainArea .contWrap .txtWrap .textGroup p{opacity: 0;	transform: translateX(40px); transition: opacity 0.6s ease, transform 2s ease; white-space: pre-wrap;}
body .networkMainArea .contWrap .txtWrap .textGroup p.show {opacity: 1;	transform: translateX(0);}
body .networkMainArea .contWrap .txtWrap .groupA p.txt1{color:#eb9b7a; font-family: "YUniverse", serif; font-weight:700; font-size:28pt; margin-bottom:30px;}
body .networkMainArea .contWrap .txtWrap .groupA p.txt2 img{width:90%;}
body .networkMainArea .contWrap .txtWrap .groupB p{color:#fff; font-size:26pt; font-weight:400; margin-bottom:25px;}
body .networkMainArea .contWrap .txtWrap .groupB p b{color:#eb9b7a; font-weight:600;}
body .networkMainArea .contWrap .txtWrap .groupB p b span{font-family: "YUniverse", serif; font-weight:300;}
body .networkMainArea .contWrap .txtWrap .groupC p.txt1{font-size:36pt; font-weight:400; margin-bottom:25px; color:#fff;}
body .networkMainArea .contWrap .txtWrap .groupC p.txt1 b{font-weight:600;}
body .networkMainArea .contWrap .txtWrap .groupC p.txt1 span{font-weight:600; color:#eb9b7a;}
body .networkMainArea .contWrap .txtWrap .groupC p.txt2{font-size:48pt; color:#eb9b7a; font-family: "Marcellus", serif; font-weight:400;}

/*하단 버튼*/
body .networkMainArea .btnWrap{width:840px; position:absolute; z-index:900; right:0; bottom:140px; text-align:right;}
body .networkMainArea .btnWrap p.title{text-align:left; color:#fff; font-size:18pt; font-weight:600; margin-top:50px; margin-bottom:30px; width:100%; margin-left:auto; margin-right:0;}
body .networkMainArea .btnWrap .btnInner{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
body .networkMainArea .btnWrap .btnInner .btnBox{width:48%; display:block; margin-bottom:20px;}
body .networkMainArea .btnWrap .btnInner .btnBox a{display:inline-flex; align-items:center; justify-content:space-between; width:100%; border:1px solid #fff; border-radius:20px; padding:20px 30px; background:rgba(255,255,255,0.2); transition:0.4s;}
body .networkMainArea .btnWrap .btnInner .btnBox a p{color:#fff; font-size:16pt; font-weight:500;}
body .networkMainArea .btnWrap .btnInner .btnBox a .arrow{width:40px; height:40px; border-radius:50px; background:#eb9b7a; position:relative;}
body .networkMainArea .btnWrap .btnInner .btnBox a .arrow span{font-family:'SUIT', 'Noto Sans SC'; font-size:16pt; font-weight:400; color:#fff; position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
body .networkMainArea .btnWrap .btnInner .btnBox a:hover{background:rgba(255,255,255,0.4);}
body .networkMainArea .btnWrap .btnInner .btnBox a:hover .arrow{animation:Btn_ani_Animation 0.3s 0s 4 ease-in-out alternate;}
body .networkMainArea .btnWrap .btnInner.btnSoon .btnBox a{background:transparent; cursor:default;}
body .networkMainArea .btnWrap .btnInner.btnSoon .btnBox a em{font-family: "Marcellus", serif; height:40px; color:#eb9b7a; font-size:14pt; padding-top:8px;}
@keyframes Btn_ani_Animation{
		0%{margin-right:0px;}
		100%{margin-right:8px;}
}


/*데코*/
body .networkMainArea span.deco{position:absolute; top:0; right:0; z-index:1; width:28%;}
body .networkMainArea span.deco img{width:100%;}

/*배경*/
body .networkMainArea .bgWrap{position:relative; width:100%; background:#756d6a;}
body .networkMainArea .Banner_swiper_network{position: relative; overflow: hidden;}
body .networkMainArea .Banner_swiper_network .swiper-slide {position: relative;	overflow: hidden;}
body .networkMainArea .Banner_swiper_network .swiper-slide img {width: 100%; height:100%; object-fit: cover; transform: scale(1); filter: blur(0); opacity: 0; transition:transform 6s ease, filter 1.2s ease, opacity 1.2s ease;}
body .networkMainArea .Banner_swiper_network .swiper-slide-active img {transform: scale(1.1); filter: blur(0); opacity: 1;}
body .networkMainArea .Banner_swiper_network .swiper-slide-prev img,
body .networkMainArea .Banner_swiper_network .swiper-slide-next img {filter: blur(6px);	opacity: 0;}