.main-fixed-banner { height:100vh; width:100%; position:relative; } 
.main-fixed-banner .banner-wrap { height: 100%; width: 100%; position: fixed; left:0; top:0; } 
.main-fixed-banner .banner-wrap .b-box { display: flex; height: 100%; width: 100%; } 
.main-fixed-banner .banner-wrap .banner { height:100%; width: 50%; transition: .45s; position:relative; overflow: hidden; } 
.main-fixed-banner .banner-wrap .banner > a { display: flex; width: 100%; height: 100%; } 
.main-fixed-banner .banner-wrap .banner.b1 { } 
.main-fixed-banner .banner-wrap .banner.b1:before { content:''; background: url("../images/main/fixed-banner01.jpg")no-repeat center/cover; height: 100%; width: 101%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%)scale(1); transition: transform 1s ease; z-index:-1; } 
.main-fixed-banner .banner-wrap .banner.b2 { } 
.main-fixed-banner .banner-wrap .banner.b2:before { content:''; background: url("../images/main/fixed-banner02.jpg")no-repeat center/cover; height: 100%; width: 101%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%)scale(1); transition: transform 1s ease; z-index:-1; } 
.main-fixed-banner .banner-wrap .banner:hover:before { transform: translate(-50%,-50%)scale(1.2); } 
.main-fixed-banner .banner-wrap .banner .text { position:absolute; } 
.main-fixed-banner .banner-wrap .banner .text > h2 { color:#fff; font-size:4rem; font-weight:700; } 
.main-fixed-banner .banner-wrap .banner .text > p { font-size:1.125rem; font-weight: 600; color:#D4D4D4; margin-top:2.5rem; } 
.main-fixed-banner .banner-wrap .banner .text > .more { display: flex; align-items: center; justify-self: center; background-color:#87C440; border-radius: 50%; width: 3.75rem; height: 3.75rem; margin-top:2.5rem; } 
.main-fixed-banner .banner-wrap .banner .text > .more:before { content:''; background: url("../images/main/fixed-arrow.svg")no-repeat center; width:3.75rem; height:3.75rem; display: inline-block; } 
.main-fixed-banner .banner-wrap .banner.b2 .text > p { margin-top:1.5rem; } 
.main-fixed-banner .banner-wrap .banner.b2 .text > .more { background-color: #419057; } 
.main-fixed-banner .banner-wrap .banner.b1 .text { left:12.62%; bottom:12.62%; } 
.main-fixed-banner .banner-wrap .banner.b2 .text { left:12.62%; top:12.62%; } 
.main-fixed-banner .aside { position: absolute; left:50%; bottom:3.125rem; display: flex; flex-direction: column; align-items: center; transform: translateX(-50%); } 
.main-fixed-banner .aside .mouse { height: 42px; width: 28px; border-radius: 35px; transform: none; border: 2px solid #fff; } 
.main-fixed-banner .aside .wheel { height: 4px; width: 4px; border-radius: 50%; display: block; margin: 7px auto; background: #fff; position: relative; -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; } 
.main-fixed-banner .aside .arrows { margin-top:3px; } 
.main-fixed-banner .aside .arrows span { display: block; width: 8px; height: 8px; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg); border-right: 2px solid rgba(255,255,255,0.6); border-bottom: 2px solid rgba(255,255,255,0.6); margin: 0 0 -1px 0; } 

.main-fixed-banner .a1 { margin-top: 6px; } 
.main-fixed-banner .a1, .main-fixed-banner .a2
 { 
 -webkit-animation: mouse-scroll 1s infinite; 
 -moz-animation: mouse-scroll 1s infinite; 
 } 

.main-fixed-banner .a1
 { 
 -webkit-animation-delay: .1s; 
 -moz-animation-delay: .1s; 
 -webkit-animation-direction: alternate; 
 } 

.main-fixed-banner .a2
 { 
 -webkit-animation-delay: .2s; 
 -moz-animation-delay: .2s; 
 -webkit-animation-direction: alternate; 
 } 


#container.main { background-color: #fff; z-index: 2; position:relative; } 
/* 메인 비주얼 슬라이드 */
section.main-slide { position:relative; width:100%; height: 56.25rem;} 
section.main-slide .main_visual,section.main-slide .main_visual .visual-img { height:100%; } 
section.main-slide .main_visual,section.main-slide .main_visual .visual-img ,#slider ,#slider .slick-list,#slider .slick-list .slick-track,#slider .slick-list .slick-slide { height:100%; } 
section.main-slide .main_visual { height:100%; } 
section.main-slide .slide-conts { position:absolute; z-index:1; padding:0 15rem; width:100%; margin:0 auto; left:50%; transform:translateX(-50%); top: 31.25rem;display: flex; align-items: center; } 
section.main-slide .slide-conts #buttons { display:flex; margin:0 1.5625rem; } 
section.main-slide .slide-conts #buttons > .dots { width:0.3125rem; transition:.15s; } 
section.main-slide .slide-conts #buttons > .dots > a { font-size:0.875rem; font-weight:500; color:rgba(255,255,255,0.4); } 
section.main-slide .slide-conts #buttons > .dots + .dots { margin-left:0.3125rem; } 
section.main-slide .slide-conts #buttons > .dots.active { width:5.1875rem; transition:.15s; } 
section.main-slide .slide-conts #buttons > .dots.active > a { color:#fff; } 
section.main-slide .slide-conts #buttons > .dots .progress { width:100%; height: 0.3125rem; background-color: rgba(255,255,255,1); overflow:hidden; border-radius: 50%; } 
section.main-slide .slide-conts #buttons > .dots .progress-bar { height: 100%; width: 0; background-color:#005234; border-radius: 3.125rem } 
section.main-slide .slide-conts #buttons > .dots.active .progress { border-radius: 3.125rem; } 
section.main-slide .slide-conts #buttons > .dots.active .progress-bar { height: 100%; width: 100%; background-color:#005234; transition: width 2.1s linear; } 
section.main-slide .text-area { position:absolute; left:0;  top: 21.1875rem; padding:0 15rem; } 
section.main-slide .text-area > h3 { color:#fff; font-weight: 700; font-size:3.3125rem; } 
section.main-slide .text-area > p { margin-top:0.9375rem; color:#fff; font-size:1.6875rem; } 
section.main-slide .text-area.black > h3{color:#000;}
section.main-slide .text-area.black > p{color:#000;}
section.main-slide .slide-arrow { display: flex; align-items: center; } 
section.main-slide a.slide-arrow { border-radius: 50%; width:2rem; height:2rem; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }
section.main-slide .slide-conts.black a.slide-arrow { border-radius: 50%; width:2rem; height:2rem; border: 1px solid #000; display: flex; align-items: center; justify-content: center; } 
section.main-slide a.slide-arrow.prev-btn::before { content:''; background: url("../images/main/main-slide-arrow.svg")no-repeat left center/4rem 2rem; width:2rem; height:2rem; display: inline-block; } 
section.main-slide a.slide-arrow.next-btn::before { content:''; background: url("../images/main/main-slide-arrow.svg")no-repeat right center/4rem 2rem; width:2rem; height:2rem; display: inline-block; } 
section.main-slide .slide-conts.black a.slide-arrow.prev-btn::before { content:''; background: url("../images/main/b-main-slide-arrow.svg")no-repeat left center/4rem 2rem; width:2rem; height:2rem; display: inline-block; } 
section.main-slide .slide-conts.black a.slide-arrow.next-btn::before { content:''; background: url("../images/main/b-main-slide-arrow.svg")no-repeat right center/4rem 2rem; width:2rem; height:2rem; display: inline-block; } 
#slider .slick-slide figure { position: relative; width: 100%; height: 100%; line-height: 0; margin: 0; padding: 0; font-size: 0; } 
#slider .slick-slide figure img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; object-fit: cover; } 
/* 메인 유튜브 섹션 */
section.main-info-wrap {padding:12.5rem 0; position:relative; } 
section.main-info-wrap:before { content:''; background: url("../images/main/main-info-bg.jpg")no-repeat center/cover; width:100%; position:absolute; left:50%; bottom:0; transform: translateX(-50%); height:640px; } 
section.main-info-wrap .inner { display: flex; align-items: center; flex-direction: column;max-width:1300px; } 
section.main-info-wrap .text-area { margin-bottom:4.375rem; text-align: center; } 
section.main-info-wrap .text-area > h2 { font-size:3rem; color:#000; font-weight:700; } 
section.main-info-wrap .text-area > p.t1 { font-size:1.5rem; color:#000; margin-top:1.875rem; } 
section.main-info-wrap .text-area > p.t2 { margin-top:1.875rem; color:#005234; font-size:1.75rem; font-weight: 600; } 
section.main-info-wrap .youtube-area { width: 100%; } 
section.main-info-wrap .youtube-area .youtube-container { position: relative;  height: 0px; padding-bottom: 56.25%; overflow: hidden;  box-sizing: border-box; } 
section.main-info-wrap .youtube-area .youtube-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%;  height: 100%; } 
section.main-info-wrap .youtube-area iframe { position: absolute; top: 0;  left: 0; width: 100%; height: 100%; } 
section.main-info-wrap .t3{margin-top:4.375rem;color:#fff;font-size:1.875rem;line-height: 1;}
section.main-info-wrap .t3 strong{font-weight:600;color:#fff;font-size:2.4375rem;}

section.social-wrap{position:relative;padding:5.9375rem 0;}
section.social-wrap .inner{max-width: 1320px;}
section.social-wrap .bg{position: absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(9, 10, 4, 0.74);}
section.social-wrap .bg:before{content:'';position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url("../images/main/social-bg.jpg")no-repeat center/cover;width:100%;height:100%;z-index: -1;}
section.social-wrap .lt-conts{margin-bottom:-2.5rem;position:relative;z-index:1;}
section.social-wrap .lt-conts > h2{font-size:4rem;color:#fff;font-weight: 800;}
section.social-wrap .lt-conts > p{margin-top:1.5rem;color:#fff;font-size:1.75rem;}
section.social-wrap .lt-conts > p strong{color:#5AD737;font-size:1.75rem;font-weight:800;}
section.social-wrap .lt-conts > a.more{display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #fff;width: 3.75rem;height: 3.75rem;margin-top:2.5rem;}
section.social-wrap .lt-conts > a.more:before{content:'';background: url("../images/main/social-arrow.png")no-repeat;width: 3.75rem;height: 3.75rem;display: inline-block;}
section.social-wrap .polygon{display:flex;align-items:center;justify-content:center;}
section.social-wrap .polygon > .wrap{width:46.25rem;height:26.25rem;border-radius: 0 12.5rem 0 0;overflow: hidden;}
section.social-wrap .point{text-align: right;font-size:4rem;color:rgba(255,255,255,0.4);font-weight:600;margin-top:-1.125rem;}

@-webkit-keyframes mouse-wheel
 { 
 0% { 
 opacity: 1; 
 -webkit-transform: translateY(0); 
 -ms-transform: translateY(0); 
 transform: translateY(0); 
 } 

 100% { 
 opacity: 0; 
 -webkit-transform: translateY(6px); 
 -ms-transform: translateY(6px); 
 transform: translateY(6px); 
 } 
 } 

@-moz-keyframes mouse-wheel
 { 
 0% { top: 1px; } 
 50% { top: 2px; } 
 100% { top: 3px; } 
 } 

@-webkit-keyframes mouse-scroll { 

 0% { opacity: 0; } 
 50% { opacity: .5; } 
 100% { opacity: 1; } 
 } 
@-moz-keyframes mouse-scroll { 

 0% { opacity: 0; } 
 50% { opacity: .5; } 
 100% { opacity: 1; } 
 } 
@-o-keyframes mouse-scroll { 

 0% { opacity: 0; } 
 50% { opacity: .5; } 
 100% { opacity: 1; } 
 } 
@keyframes mouse-scroll { 

 0% { opacity: 0; } 
 50% { opacity: .5; } 
 100% { opacity: 1; } 
 }