@charset "UTF-8";@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');@font-face {font-family:'GongGothicBold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');font-weight:700;} 
@font-face {font-family:'GongGothicMedium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');font-weight:400;} 
@font-face {font-family:'GongGothicLight';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');font-weight:300;} 
/* #header {position:fixed!important;} */
#container {overflow:hidden;position:relative;max-width: 1925px;margin:0 auto} 
.sr-only,
.sr-only:before,
.sr-only:after {width:1px;height:1px;opacity:0;color:rgba(0,0,0,0);position:absolute;top:-9999em;left:-9999em;text-indent:-9999em } 
.footer .btm_footer {background-color:#fff;} 
.clear {clear:both;height:0;} 
.clearfix:after {content:'';display:block;clear:both } 

section {position:relative } 
.dots-right {right:2.5%!important } 
.dots li a:before {width:10px!important;height:10px!important;background:transparent!important;border:1px solid #fff!important;transition:none!important } 
.dots li a.active:before {width:12px!important;height:12px!important;background:#fff!important;border:inherit!important;margin-top:-1px!important;left:9px!important } 

/* css 0715 (S)*/
html {scroll-behavior:smooth;} 
.gon {font-family:'GongGothicMedium';} 
.pre {font-family:'Pretendard';} 
.se_df {display:flex;justify-content:center;} 
.home-logo {display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;} 
.green {color:#6b9065;font-weight:600;} 
.san_green {color:#375e30 } 
.fting {position:fixed;z-index:9999;right:2%;top:17%;cursor:pointer;} 
.scrollElement {position:absolute;left:0;width:10px;height:100%;} 
/* se1 */
.se1 {background:url(../images/se1_bg.png) no-repeat 100%/cover;} 
.in_box {height:850px;width:73.6%;} 
.in_box>div:first-child {margin-top:20px;} 
.main-text {margin:300px 0 0 100px;} 
.main-text>li {margin-bottom:50px;} 
.main-text>li:first-child {color:#fff;font-size:80px;} 
.main-text>li:nth-child(2) {color:#fff;font-size:24px;font-weight:500;} 
.main-text>li:last-child {padding-top:10px;} 
.lin_h {line-height:37px;} 
/* se2 */
.se2 {background:url(../images/se2_bg.png) no-repeat 100%/cover;background-attachment:fixed;z-index:1;} 
.in_box2 {position:relative;height:900px;width:73.6%;} 
.in_box2 img {position:absolute;} 
.se2_text_1 {top:53%;left:120px } 
.se2_text_2 {top:27%;right:20px;} 
.se2_text_3 {top:22%;left:40px } 
.se2_text_li {display:flex;justify-content:center;flex-direction:row;margin-top:5%;align-items:center;color:#fff;z-index:1;} 
.text_on {position:fixed;top:9%;left:50%;transform:translateX(-50%);z-index:2;} 
.text_off {position:relative;top:77%;} 
.font_on {font-size:60px !important;transform:translate(90px, 0px) !important;transition:all 1s;margin-top:6px !important;} 
.font_on_left {font-size:60px !important;transform:translate(-90px, 0px) !important;transition:all 1s;} 
.font_size_on {font-size:60px !important;transition:all 1s;} 
.se2_text_li>li {font-size:80px;} 
.se2_font_on {font-size:50px !important;transition:all 1s;} 
.se2_text_li>.pre {font-weight:500;margin-bottom:13px;} 
.se2_text_li>.pre>p>span {vertical-align:middle;} 
.sid_text1 {margin-right:10px;} 
.sid_text2 {margin-left:10px;} 

.ani {margin-top:5px;position:absolute;opacity:0;z-index:1;} 
/* se3 */
.se3 {background:url(../images/se3_bg.png)no-repeat 100%/cover;display:flex;align-items:center;z-index:0;background-attachment:fixed;z-index:0;} 
.in_box3 {position:relative;height:105.1vh;width:100%;display:flex;align-items:center;z-index:1;justify-content:center;} 
.se3_cover {display:none;} 
.se3_cover_on {display:block } 
.df {position:absolute;width:100%;height:100%;z-index:4;bottom:0;display:none;} 
.df_on {display:inline;} 
.d_f_cover {position:absolute;width:100%;height:100%;z-index:4;bottom:0;} 


.se3_sw .swiper-slide {width:100% !important;margin-left:0;position:relative;} 
.se3_sw .swiper-slide img {width:100%;height:100%;} 
.section_1 {width:100%;margin:0 auto;} 
.swiper-pointer-events.swiper-vertical {width:100% } 
.swiper-vertical>.swiper-wrapper {width:73.6%;margin:0 auto;} 
.swiper-container {height:700px;width:100% !important;} 
.slide01 {width:100%;height:100%;background:red;} 
.slide02 {width:100%;height:100%;background:blue;} 
.slide03 {width:100%;height:100%;background:yellow;} 
.slide04 {width:100%;height:100%;background:pink;} 
.topd {height:1000px;} 

.se3_sw_btn {left:14% !important;right:inherit !important;} 
.se3_sw_btn .swiper-pagination-bullet {margin:50px 0 50px 55px !important;border:2px solid #fff;opacity:1;background-color:rgba( 255, 255, 255, 0 );width:15px;height:15px;} 
.se3_sw_btn>.swiper-pagination-bullet-active {background:url(../images/fa_img.png) no-repeat 100% 100%;width:151px !important;height:107px !important;border-radius:0% !important;border:none !important;left:7px;margin-left:-6px!important;} 
.se3_sw_btn>span:last-child {background:url(../images/home.png) no-repeat 100% 100%;width:125px !important;height:130px !important;border-radius:0% !important;border:none !important;margin-left:19px !important;} 
.se3_sw_btn>span:last-child.swiper-pagination-bullet-active {background:url(../images/light.png) no-repeat 100% 100%;width:95px !important;height:130px !important;border-radius:0% !important;border:none !important;left:28px;} 

@media (max-width:1300px){
 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {width:86% !important } 
 #scrollbar {width:86% } 
 .slick-dots li {margin:1% 0%;} 
 .swiper {overflow:inherit !important;} 
 }

/* 있어야 화면 줄었을때 aos 작동함 */
@media (max-width:1600px) {
	body {overflow:initial !important;} 
	#container-sl{max-height: 560px;}

 }
/* 슬라이더 e */

/* se4 */
.se4 {background:url(../images/se4_bg.png) no-repeat 100%/cover;background-position:center;} 
.in_box4 {position:relative;height:900px;width:73.6%;display:flex;justify-content:center;align-items:center;} 
.in_box4>div {position:relative;width:1200px;height:725px;background:url(../images/se4_box_bg.png)no-repeat 100% 100%;z-index:0;} 
.line_grap {position:absolute;background:url(../images/line_g.png)no-repeat 100% 100%;width:100%;height:100%;background-position:center 80%;z-index:-1;background-size:92%;transform: translateY(30%);opacity: 0;} 
.g_df{transition: all 1.5s;}
.g_5{    transform: translateX(30%);
  opacity: 0;}
.g_4{opacity: 0;transform:translateY(-30%);}
.g_3{opacity: 0;transform:translateY(-30%);}
.g_2{opacity: 0;transform:translateX(-30%);}
.g_on{opacity: 1 !important;transform: translate(0,0) !important;}
.g_1{opacity: 0;transform: translateX(30%);}
.se4_text_box {text-align:center;margin-top:65px;} 
.se4_main_text {font-size:52px;color:#2c2c2c } 
.se4_main_text>span {color:#375e30 } 
.se4_sub_text {font-size:20px;color:#8992a0;margin-top:22px;} 
.grap_img_box {display:flex;justify-content:space-around;top:7%;position:relative;} 
.grap_img_box>div:first-child {padding-right:20%;} 
.grap_img_box>div:last-child {margin-top:9%;margin-right:5%;} 
.g_rap>img {position:absolute;} 
.g_rap>img:last-child {margin-left:190px;top:164px;} 
/* se5 */
.se5 {background:url(../images/se5_bg.png)no-repeat 100%/cover;} 
.in_box5 {position:relative;height:1005px;width:63%;} 
.in_box5>div:first-child {margin-top:7%;line-height:53px;} 
.in_box5>div:first-child>p {font-size:40px;} 
.in_box5>div:nth-child(2) {margin-top:2%;margin-left:-1%;padding-bottom:10px;} 
.se5_text {margin-top:4%;line-height:36px;} 
.se5_text>li:last-child {margin-top:30px;} 
.se5_text p {font-size:22px;font-weight:500;} 

/* se5 슬라이드 s */
.swiper-slide {box-shadow:5px 5px 7px rgba(0, 0, 0, 0.3);text-align:center;font-size:18px;background:#fff;margin-left:15px;width:320px !important;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} 
.nav_box {position:relative;height:60px;} 
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position:relative !important;} 
.swiper-button-next {right:0% !important;background:url(../images/r_btn.png)no-repeat 100%/cover;width:53px !important;height:53px !important;top:54.7% !important } 
.swiper-button-prev {left:0% !important;background:url(../images/l_btn.png)no-repeat 100%/cover;width:53px !important;height:53px !important;top:54.7% !important } 
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {background-color:#dfdeda;height:10px !important;top:28px;left:0 !important;} 
.swiper-scrollbar-drag {background-color:#96bd8e !important;} 
.swiper-button-next::after,.swiper-button-prev::after {display:none;} 
.swiper-slide img {display:block;width:320px;height:250px;object-fit:cover;cursor:pointer;} 
.nav_btn_box {width:100px;position:absolute;right:0;top:33px;} 
.swiper-scrollbar-drag {cursor:pointer;} 
#scrollbar {width:90% } 
/* sse5 슬라이드 e */

.se6 {background:url(../images/se6_bg.png)no-repeat 100%/cover;} 
.se7 {background:url(../images/se7_bg.png)no-repeat 100%/cover;} 
.in_box7 {height:900px;width:63%;display:flex;flex-direction:column;align-items:center;justify-content:center;} 
.in_box7>img:nth-last-child(2) {margin:-8% 0 -3%;} 

.se8 {background:url(../images/se8_bg.png)no-repeat 100%/cover;} 
.in_box8 {height:860px;width:63%;display:flex;flex-direction:column;align-items:center;} 
.in_box8>p:first-child {font-size:52px;margin-top:100px;} 
.in_box8>.pre {font-size:20px;font-weight:500;text-align:center;line-height:32px;margin-top:40px;} 
.in_box8>div {margin-top:50px;display:flex;} 
.in_box8>div>img:nth-child(2) {margin:0 16px;} 
.se8_con_1{transform: translateY(-110px);opacity: 0;transition: all 1s;}
.se8_con_2{transform: translateY(-110px);opacity: 0;transition: all 1s;}
.se8_con_3{transform: translateY(-110px);opacity: 0;transition: all 1s;}
.se8_con_on{transform: translateY(0px);opacity: 1;}
.se9 {background:url(../images/se9_bg.png)no-repeat 100%/cover;} 
.se9>article {height:860px;display:flex;justify-content:center;align-items:center;} 
.se9>img {width:auto;} 

.se10 {background:url(../images/se10_bg.png)no-repeat 100%/cover;} 
.se10>article {height:860px;width:63%;display:flex;flex-direction:column;align-items:center;} 
.se10>article>img:first-child {margin:35px 0 30px 0;} 
.se10 .pre {font-size:20px;font-weight:500;text-align:center;line-height:33px;margin-bottom:25px;} 
.se10_sub_box {position:relative;width:1200px;height:475px;background:url(../images/se10_sub_box.png)no-repeat 100%/cover;display:flex;justify-content:space-evenly;align-items:flex-start } 
.se10_sub_box>img {margin-top:20px;} 
.se10_con_off {width:100%;margin-top:20px;cursor:pointer;z-index:0;} 
.se10_con_off>img:nth-child(1) {margin-left:20px;} 
.se10_con_off>img:nth-child(2) {margin-left:10px;} 
.se10_con_off>img:nth-child(3) {margin-left:9px;} 
.se10_con_off>img:nth-child(4) {margin-left:10px;} 
.con_img_on {position:absolute;left:20px;display:none;z-index:-1;} 
.on {display:initial !important;} 
.off {opacity:0;} 
/* css 0708 (E)*/
.x_btn {position:absolute;left:50%;transform:translate(545%,-363%);top:50%;cursor:pointer;} 
/* 클릭확대 css */
.modal-b {display:none;z-index:500;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.6);} 
.modalBox-b {display:flex;cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;margin-top:2%;} 
/* */
html,body {margin:0;padding:0;width:100%;height:100%;} 
 .fixd_ani {position:fixed;top:-915px;width:100%;text-align:center;right:0;transition:all 2s;} 
 .box {position:absolute;} 
 .orange {width:100%;height:100%;background:url(../images/slick_img_2b.png)no-repeat 100%/cover; background-position: right;} 
 .purple {width:100%;height:100%;background:url(../images/slick_img_3.png)no-repeat 100%/cover; background-position: right;} 
 .green_se3 {width:100%;height:100%;background:url(../images/slick_img_4.png)no-repeat 100%/cover; background-position: right;} 
 .red{width:100%;height:100%;background:url(../images/slick_img_5.png)no-repeat 100%/cover; background-position: right;}
 #container-sl {position:relative;width:73.5%;height:700px;background:url(../images/slick_img_1b.png)no-repeat 100%/cover;overflow:hidden;top:5%;} 
 .ifrr>img{width:100%;}
 .dot_sl {position:absolute;z-index:2;width:160px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;} 
 .dot_df {width:15px;height:15px;border:2px solid #fff;border-radius:100%;cursor:pointer;} 
 .bl_box {position:absolute;width:160px;height:100%;background-color:#a9b3bb;mix-blend-mode:multiply;z-index:2;opacity:0.65;left:0;top:0;z-index:1;} 
 .dot_on {border:none;border-radius:0%;width:151px;height:107px;background-image:url(../images/fa_img.png);} 
 .dot_df:last-child {border:none;border-radius:0%;width:123px;height:133px;background-image:url(../images/home.png);margin-left:28px;} 
 .dot_df:last-child.dot_on {border:none;border-radius:0%;width:95px;height:130px;background-image:url(../images/light.png);margin-left:1px;}