@charset "utf-8";
/* 
C00396 시소의원
*/

/* 메인전용컨텐츠 */
.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; background:#fff;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .mainSection01{height:850px;}
body .mainSection01 .Inner{width:100%; min-width:100%; height:850px;}
.mainSection01 .Swiper01, .mainSection01 .swiper-wrapper, .mainSection01 .swiper-slide, .mainSection01 .container, .mainSection01 .wrap {width:100%; height:100%;}

body .mainSection01 .back{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
body .mainSection01 .back img{width:100%; height:100%; object-fit: cover; transform: scale(1); transition: transform 7s linear;}
body .mainSection01 .swiper-slide-active .back img{transform:scale(1.06);}
body .mainSection01 .contWrap{position:relative; z-index:2; height: 100%; display:flex; align-items:center; justify-content:center; flex-flow:column; gap:40px;}

/*텍스트*/
body .mainSection01 .contWrap em{display: block;}
body .mainSection01 .contWrap em img{display: block;}
body .mainSection01 .contWrap h2{font-weight:700;}
body .mainSection01 .contWrap p{line-height:1.6; text-align:center;}
body .mainSection01 .contWrap p b{font-weight:600;}

body .mainSection01 .Slide01 .contWrap h2{font-weight:300; letter-spacing:35%;}

body .mainSection01 .txtMotion{display: block; overflow: hidden;}
body .mainSection01 .txtMotion h2, body .mainSection01 .txtMotion p{opacity:0; transform:translateY(110%); transition:transform 1.5s cubic-bezier(.22,.61,.36,1), opacity 0.7s ease;}
body .mainSection01 .swiper-slide-active .txtMotion h2, body .mainSection01 .swiper-slide-active .txtMotion p{opacity:1; transform:translateY(0);}
body .mainSection01 .swiper-slide-active .txtMotion h2{transition-delay:0.25s;}
body .mainSection01 .swiper-slide-active .txtMotion p{transition-delay:0.55s;}
body .mainSection01 .swiper-slide:not(.swiper-slide-active) .txtMotion h2, body .mainSection01 .swiper-slide:not(.swiper-slide-active) .txtMotion p {transition-delay:0s;}

/*프로그래스 바*/
body .mainSection01 .mainPager{position:absolute; z-index:10; left:50%; bottom:35px; transform: translateX(-50%); display:flex; align-items: center; gap:12px;}
body .mainSection01 .mainPagerCurrent, body .mainSection01 .mainPagerTotal{line-height:1; font-weight:600;}
body .mainSection01 .mainPagerBar{position:relative; width:120px; height:2px; background:rgba(0,0,0,.25); overflow:hidden;}
body .mainSection01 .mainPagerBar span{position:absolute; left:0; top:0; width:100%; height:100%; background: #464646; transform: scaleX(0); transform-origin:left center;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .mainSection02{background:#F4EDED;}
body .mainSection02 .Inner{width:100%; min-width:100%;}
body .mainSection02 .contWrap{width:100%; display:inline-flex; align-items:stretch; justify-content:center;}

/*이미지영역*/
body .mainSection02 .contWrap .imgBox {width:50%; position: relative; overflow: hidden;	isolation: isolate;}
body .mainSection02 .contWrap .imgBox > img {display: block; transform: scale(1.06); transition:transform 2.4s cubic-bezier(.22,.61,.36,1);	will-change: transform;}
body .mainSection02 .contWrap .imgBox::after {content: ""; position: absolute; z-index: 2; inset: 0; background: #F4EDED; transform: translateX(0);	transition:transform 1.5s cubic-bezier(.76,0,.24,1); pointer-events: none; will-change: transform;}

body .mainSection02.on .contWrap .imgBox::after {transform: translateX(101%);}
body .mainSection02.on .contWrap .imgBox > img {transform: scale(1);}

body .mainSection02 .contWrap .imgBox p {z-index: 3; opacity: 0; transform: translateX(-20px);	transition:	opacity 1s ease, transform 1.2s cubic-bezier(.22,.61,.36,1); position:absolute; background:#C7B3B3; border-radius:500px; left:60px; bottom:60px; padding:10px 40px;}
body .mainSection02.on .contWrap .imgBox > p {opacity: 1; transform: translateX(0);	transition-delay: 1.1s;}

/*텍스트영역*/
body .mainSection02 .contWrap .txtBox{width:50%; height:auto; display:flex; align-items:start; justify-content:center; flex-flow:column; gap:40px; padding-left:140px;}
body .mainSection02 .contWrap .txtBox em{display:block; font-weight:600;}
body .mainSection02 .contWrap .txtBox h2{line-height:1.4;}
body .mainSection02 .contWrap .txtBox p{line-height:1.6;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .mainSection03{padding:150px 0; background:#F9F9F9;}
body .mainSection03 .Inner{width:1260px; min-width:1260px;}
body .mainSection03 .title{width:100%; text-align:center;}
body .mainSection03 .title h2{font-weight:700;}
body .mainSection03 .contWrap{margin-top:40px; width:100%; position:relative;}

/*내용*/
body .mainSection03 .contWrap .swiper-container{padding-top:40px;}
body .mainSection03 .contWrap .Slide a{display:block; width:100%; position:relative; overflow:hidden; transition:0.3s;}
body .mainSection03 .contWrap .Slide a .imgBox{width:100%; overflow:hidden;}
body .mainSection03 .contWrap .Slide a .imgBox img{width:100%; transition:0.3s;}
body .mainSection03 .contWrap .Slide a .txtBox{position:absolute; left:50%; bottom:40px; transform:translate(-50%,0); background:rgba(249,249,249,0.9); width:85%; padding:30px 0; display:flex; align-items:center; justify-content:center; flex-flow:column; gap:15px; transition:0.3s;}
body .mainSection03 .contWrap .Slide a .txtBox span{width:80%; height:1px; display:block; background:#EEE0E0;}
body .mainSection03 .contWrap .Slide a .txtBox em{font-size:14px; font-weight:500; letter-spacing:-3%;}
	/*호버*/
	body .mainSection03 .contWrap .Slide a:hover{border-radius:500px 500px 0 0; margin-top:-40px;}
	body .mainSection03 .contWrap .Slide a:hover .imgBox img{scale:1.1;}
	body .mainSection03 .contWrap .Slide a:hover .txtBox{transform:translate(-50%,-60px);}

/*화살표*/
body .mainSection03 .contWrap .SliderBtn .btn{position:absolute; top:50%; transform:translate(0,-50%); transition:0.3s; cursor:pointer;}
body .mainSection03 .contWrap .SliderBtn .btnPrev3{left:-220px;}
body .mainSection03 .contWrap .SliderBtn .btnPrev3:hover{transform:translate(-30px,-50%);}
body .mainSection03 .contWrap .SliderBtn .btnNext3{right:-220px;}
body .mainSection03 .contWrap .SliderBtn .btnNext3:hover{transform:translate(30px,-50%);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .mainSection04{padding:150px 0; background:url('/img/C00396/mainSection04_bg.jpg')no-repeat center/cover;}
body .mainSection04 .title{width:100%; text-align:center;}
body .mainSection04 .title h2{font-weight:700;}
body .mainSection04 .contWrap{width:100%; margin-top:80px; display:inline-flex; align-items:start; justify-content:center; gap:80px;}
body .mainSection04 .contBox{text-align:center;}

/*이미지박스*/
body .mainSection04 .contBox .imgBox {overflow: visible; width:221px; height:221px; margin:0 auto;}
body .mainSection04 .contBox .imgBox img {opacity: 0; transform: scale(.88); filter:blur(8px); transition:opacity 1.2s ease, transform 1.5s cubic-bezier(.22,.61,.36,1), filter 1.5s cubic-bezier(.22,.61,.36,1); will-change: transform, opacity, filter;}
body .mainSection04 .contBox.aos-animate .imgBox img {opacity: 1; filter:blur(0); transform: scale(1); transition-delay: .15s;}

/*텍스트*/
body .mainSection04 .contBox .txtBox{text-align:center; width:100%; margin-top:30px;}
body .mainSection04 .contBox .txtBox em{display:block; font-size:16px; font-weight:600;}
body .mainSection04 .contBox .txtBox h5{line-height:1.5; margin-top:20px;}
body .mainSection04 .contBox .txtBox p{line-height:1.6;}
body .mainSection04 .contBox .line {display: block; width:100%; height:1px; background:#EEE0E0; margin:30px 0; transform: scaleX(0); transform-origin: left center; transition:transform 1.3s cubic-bezier(.22,.61,.36,1);	will-change: transform;}
body .mainSection04 .contBox.aos-animate .line {transform: scaleX(1); transition-delay: .8s;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .mainSection05{padding:190px 0; background:url('/img/C00396/mainSection05_bg.jpg')no-repeat center/cover;}
body .mainSection05 .contWrap{text-align:left; width:100%; display:flex; align-items:start; justify-content:start; flex-flow:column; gap:40px;}
body .mainSection05 .contWrap em{display:block; letter-spacing:-3%;}
body .mainSection05 .contWrap h2{line-height:1.6; font-weight:700;}
body .mainSection05 .contWrap p{line-height:1.6; font-weight:400;}
body .mainSection05 .deco{position:absolute; right:130px; bottom:0;}

/*시소 svg영역*/
body .mainSection05 .deco svg{overflow:visible;}
body .mainSection05 .deco svg path[stroke-dasharray]{opacity:0; transition:opacity 1.2s ease;}
body .mainSection05.draw .deco svg path[stroke-dasharray]{opacity:1; transition-delay: 1.8s;}
body .mainSection05 .deco svg path[fill="white"]{opacity:0; transform-box:fill-box; transform-origin:center; transform:scale(0); transition:opacity .7s ease, transform .9s cubic-bezier(.22,.61,.36,1);}
body .mainSection05.draw .deco svg path[fill="white"]{opacity:1; transform:scale(1); transition-delay:2s;}