@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@import url("reset.css");

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


:root{
    /* 사용법 var(--color-brand); */
    --color-brand: #2FB476;
}
.swiper-pagination-bullet-active{background-color: var(--color-brand) !important;}
.swiper-button-next, .swiper-button-prev{color: var(--color-brand) !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 9.211vw) !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{ right: var(--swiper-navigation-sides-offset, 9.211vw) !important;}
body{position: relative; overflow-x: hidden;}
#aside{display: none !important;}
#hd_login_msg{display: none;}
.mbskin{width: 400px !important;}
a.btn_b01, .btn_b01{display: flex !important; align-items: center;}
.slider.history.slick-initialized .slick-slide{overflow: hidden;}
/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; height: 90px; z-index: 9999; box-sizing: border-box; background-color: transparent;}
#header.bg{background-color: #fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
#header .header_inner{ position: relative; display: flex; justify-content: center; width: 100%; height: 100%; padding: 0 90px; box-sizing: border-box; border-bottom: 1px solid rgba(239,239,239,0);}
#header .header_inner .logo{z-index: 999; position: absolute; left: 3.211vw; height: 100%;}
#header .header_inner .logo a{display: flex; align-items: center; height: 100%;}
#header .header_inner .logo a img{height: 32px;}
#header .header_inner #nav{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative;}
#header .header_inner #nav::before{content: ''; display: block; position: absolute; top: -100%; width: calc(100vw - 18px); height: calc(100% + 226px); background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
#header.nav-hover .header_inner{border-bottom: 1px solid #efefef;}
#header.nav-hover .header_inner #nav::before { top: 0; opacity: 1; visibility: visible;}
#header .header_inner #nav>ul.gnb_wrap{display: flex; height: 100%;}
#header .header_inner #nav>ul.gnb_wrap>li{position: relative; padding: 0 48px; /* min-width: 172px; */}
#header .header_inner #nav>ul.gnb_wrap>li>a{display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; font-weight: bold; color: #fff; font-size: 18px;}
#header.bg .header_inner #nav>ul.gnb_wrap>li>a{display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; font-weight: bold; color: #111; font-size: 18px;}
#header.nav-hover .header_inner #nav>ul.gnb_wrap>li>a{position: relative; color: #323232; }
#header.nav-hover .header_inner #nav>ul.gnb_wrap>li>a:hover{ color: var(--color-brand)}
#header.nav-hover .header_inner #nav>ul.gnb_wrap>li>a::after{content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: var(--color-brand); transition: width 0.3s ease 0s, left 0.3s ease 0s;}
#header.nav-hover .header_inner #nav>ul.gnb_wrap>li>a:hover::after{width: 100%; left: 0; }
#header .header_inner #nav>ul.gnb_wrap>li>ul.inner{position: absolute; width: 100%; left: 0; padding:25px 0 45px;}
#header .header_inner #nav>ul.gnb_wrap>li>ul.inner a{display: flex; justify-content: center; align-items: center; padding: 10px 0; font-size: 16px; /* font-weight: bold; */ color: #323232; /* letter-spacing: -0.07em; */}
#header .header_inner #nav>ul.gnb_wrap>li>ul.inner a:hover{color: var(--color-brand);;}
#header:not(.nav-hover) #nav>ul.gnb_wrap > li > a + ul {display: none;}
#header .header_inner .lang{position: absolute; top: 50%; right: 11.4vw; transform: translateY(-50%); z-index: 999;}
#header .header_inner .lang a{font-size: 18px;}
#header .header_inner .lang span{margin: 0 4px; font-size: 18px;}
#header ul.login_wrap{position: absolute; right: 3.211vw; display: flex; align-items: center; height: 100%; z-index: 999; font-size: 16px; gap: 24px; color: #fff;}
#header ul.login_wrap a:hover{color: #111; font-weight: bold;}
#header.nav-hover .header_inner ul.login_wrap{color: #111;}
#header.bg .header_inner ul.login_wrap{color: #111;}

/* 햄버거 아이콘 */
.menu_icon { display: none; position: absolute; top: 50%; right: 3.211vw; transform: translateY(-50%); width: 36px; height: 20px; z-index: 9999; } 
.menu_icon.sub.active span{ background-color: #111;  } 
.menu_icon.active span{ background-color: #333;  } 
.menu_icon span { position: absolute; left: 50%; width: 100%; height: 2px; background: #fff; border-radius: 4px; transform:translate(-50%,0) rotate(0deg); transition: 0.2s ease-in-out; } 
#header.bg .menu_icon span {background-color: #111;}
.menu_icon span:nth-child(1) { top: 0px; } 
.menu_icon span:nth-child(2), 
.menu_icon span:nth-child(3) { top: 50%; transform: translate(-50%,-50%); } 
.menu_icon span:nth-child(4) { bottom: 0; } 
.menu_icon.active span:nth-child(1) { top: 50%; width: 0; transform: translate(-50%,-50%); }
.menu_icon.active span:nth-child(2) { transform:translate(-50%, -50%) rotate(45deg); } 
.menu_icon.active span:nth-child(3) { transform:translate(-50%, -50%) rotate(-45deg); } 
.menu_icon.active span:nth-child(4) { bottom: 50%; width: 0; transform: translate(-50%,50%); }

.mobile.avtive{display: block;}

/* header{position: absolute; top: 0; left: 0; width: 100%; height: 80px; z-index: 100; box-sizing: border-box;}
header .header_inner{position: relative; display: flex; justify-content: center; width: 100%; height: 100%; padding-left: 3.211vw; padding-right: 3.211vw; box-sizing: border-box;}
header .header_inner .logo{position: absolute; top: 50%; left: 3.211vw; transform: translateY(-50%); z-index: 999;}
header .header_inner .logo a{display: flex; align-items: center;}
header .header_inner .logo a h1{font-size: 20px; font-weight: 800; color: #4b4b4b;}
header .header_inner nav{position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
header.nav-hover .header_inner{border-bottom: 1px solid #efefef;}
header .header_inner nav>ul.gnb_wrap{display: flex; height: 100%;}
header .header_inner nav>ul.gnb_wrap>li{position: relative; min-width: 140px; margin: 0 8px;}
header .header_inner nav>ul.gnb_wrap>li:first-child{margin-left: 0;}
header .header_inner nav>ul.gnb_wrap>li:last-child{margin-right: 0;}
header .header_inner nav>ul.gnb_wrap>li:hover>a{background-color: #356cbc; color: #fff;}
header .header_inner nav>ul.gnb_wrap>li>a{display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: bold; color: #323232;}
header .header_inner nav>ul.gnb_wrap>li>ul.inner{ visibility: hidden; position: absolute; left: 0; top: 80px; opacity: 0; width: 100%; padding:25px 0 45px; background-color: #356cbc; box-sizing: border-box; color: #fff; transition: opacity 1s ease; transition: top 0.5s ease 0s; }
header .header_inner nav>ul.gnb_wrap>li:hover>ul.inner{ visibility: visible; opacity: 1; top: 80px;}
header .header_inner nav>ul.gnb_wrap>li>ul.inner a{display: flex; justify-content: center; align-items: center; padding: 10px 0;} */


/*모바일 gnb*/
#moWrap>.header_inner{height: 90px;}
nav.mobile{ position: fixed !important; opacity: 0; transition: opacity 0.5s; /* transition: right .5s; */ right: -100vw; top:0; width: 100%; height: calc(100vh - 80px); z-index: 999; box-sizing: border-box;}
nav.mobile .mo_gnb_wrap{position: absolute; right: -100%; width: 100%; height: 100vh; background: rgba(56, 186, 155, 0.75); transition: right .5s;}
nav.mobile.active .mo_gnb_wrap{right: 0;}
nav.mobile .mo_gnb_wrap>li{width: 100%;}
nav.mobile .mo_gnb_wrap>li>.dep_1{display: flex; align-items: center; width: 100%; height: 60px; padding-left: 16px; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 18px; font-weight : bold; color: #fff; cursor: pointer;}
nav.mobile .mo_gnb_wrap>li>ul.dep_2_box{display: none; width: 100%;}
nav.mobile .mo_gnb_wrap>li>ul.dep_2_box.active{display: block;}
nav.mobile .mo_gnb_wrap>li>ul.dep_2_box li{display: flex; align-items: center; width: 100%; height: 48px; color: #222; border-bottom: 1px solid #e1e1e1; background: #fff;}
nav.mobile .mo_gnb_wrap>li>ul.dep_2_box li a{ display: flex; align-items: center; width: 100%; height: 100%; padding-left: 32px; box-sizing: border-box; font-size: 16px;}
nav.mobile.active{opacity: 1; right: 0;}


/* 메인 페이지 */
/* content */
/* main_visual */
.wrap .content{width: 100%;}
.wrap .content .main_visual{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.wrap .content .main_visual .visual{width: 100%; height: 100%;}

.wrap .content .main_visual.on .visual .swiper-slide .slide_img{width: 100%; height: 100%; transform: scale(1); transition: transform 1s linear; background-size: cover;}
.wrap .content .main_visual .visual .swiper-slide .slide_img{transform: scale(.95);  overflow: hidden;}
.wrap .content .main_visual .visual .swiper-slide .slide_img{background-position: center;}
.wrap .content .main_visual .visual .swiper-slide .slide_img.one{background-image: url(../img/greenwave/mainvisual01.png);}
.wrap .content .main_text{display: flex; flex-direction: column; position: absolute; top: 180px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 10; text-align: center;}
/* .wrap .content .main_visual .swiper-slide.swiper-slide-active .main_text{animation-name: mainTitle; animation-duration: 1.8s;} */
.wrap .content .main_text span{font-family: 'Paperlogy-8ExtraBold'; font-size: 64px; /* font-weight: bold; */ color: #fff;}

.scroll-down {position: absolute; z-index: 500; bottom: 50px; left: calc(50% - 40px); text-align: center; width: fit-content; padding-bottom: 20px; opacity: 0; transform: translateY(-10px);}
.scroll-down.start {opacity: 1; transform: translateY(0); transition: all .6s ease-in-out 1s;}
.scroll-down p {color: white; text-transform: uppercase; font-size: 12px; margin: 0; padding-bottom: 25px;}
.scroll-down span {border: 2px solid white; height: 30px; width: 20px; padding: 10px 10px; border-radius: 30px; position: relative; z-index: 1;}
.scroll-down span:after {content: ""; position: absolute; z-index: 1; background: white; top: 8px; left: calc(50% - 2px); padding: 5px 2px; border-radius: 30px; animation: 1s infinite scrolling;}

@keyframes scrolling {
  0% {
    transform: translateY(0) scaleY(1);
 }
  25% {
    transform: translateY(-3px) scaleY(0.5);
 }
  40% {
    transform: translateY(0) scaleY(1);
 }
  60% {
    transform: translateY(3px) scaleY(0.5);
 }
  100% {
    transform: translateY(0) scaleY(1);
 }
}

.wrap .content section{width: 100%;}
.wrap .content section .inner{width: 1380px; margin: 0 auto; padding: 160px 0; box-sizing: border-box}
.wrap .content section .com_tit{width: 100%;}
.wrap .content section .com_tit span{font-size: 20px; font-weight: bold; color: var(--color-brand);}
.wrap .content section .com_tit p{margin-top: 24px; line-height: 48px; font-size: 32px; font-weight: bold;}
.wrap .content section .com_tit p.sub{margin-top: 18px; font-size: 24px; font-weight: 500;}
/* section01 */
.wrap .content .section01 .tit{width: 100%; text-align: center; }
.wrap .content .section01 .tit span{font-size: 30px; font-weight: bold; color: var(--color-brand);}
.wrap .content .section01 .tit p{margin-top: 6px; font-size: 18px;}
.wrap .content .section01 .content_wrap{width: 100%; margin-top: 76px;}
.wrap .content .section01 .content_wrap .item_wrap{display: flex; flex-wrap: wrap; gap: 60px; width: 100%;}
.wrap .content .section01 .content_wrap .item_wrap .item_box{width: calc((100% - 120px)/3);}
.wrap .content .section01 .content_wrap .item_wrap .item_box .img_wrap{width: 100%;}
.wrap .content .section01 .content_wrap .item_wrap .item_box .img_wrap img{width: 100%;}
.wrap .content .section01 .content_wrap .item_wrap .item_box .text_wrap{display: flex; flex-direction: column; margin-top: 24px;}
.wrap .content .section01 .content_wrap .item_wrap .item_box .text_wrap span{font-size: 20px;}
.wrap .content .section01 .content_wrap .item_wrap .item_box .text_wrap a{display: block; margin-top: 24px; font-size: 16px; color: #989898;}
.wrap .content .section01 .content_wrap .slick-prev, .slick-next{width: fit-content; height: fit-content;}
.slick-prev:before{content: "\f053" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 36px !important; color: #111 !important;}
.slick-next:before{content: "\f054" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 36px !important; color: #111 !important;}
.slick-initialized .slick-slide{display: flex !important; justify-content: center;}
.wrap .content .section01 .content_wrap .bar{position: relative; width: 820px; height: 1px; margin: 36px auto 0; background-color: #111;}
.wrap .content .section01 .content_wrap .bar::before{content: ""; position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; background-color: #787878; border-radius: 100px;}
.wrap .content .section01 .content_wrap .bar::after{content: ""; position: absolute; right: -5px; top: -5px; width: 10px; height: 10px; background-color: #787878; border-radius: 100px;}
.wrap .content .section01 .content_wrap .historyNav{position: relative; width:820px; margin: 56px auto 0;}
.wrap .content .section01 .content_wrap .historyNav::before{content: ""; position: absolute; top: 31px; left: 0; width: 10px; height: 10px; border-radius: 100px; background-color: #787878; z-index: 999;}
.wrap .content .section01 .content_wrap .historyNav::after{content: ""; position: absolute; top: 31px; right: 0; width: 10px; height: 10px; border-radius: 100px; background-color: #787878; z-index: 999;}
.wrap .content .section01 .content_wrap .historyNav .slick-list{position: relative; padding: 36px 0 0 !important;}
.wrap .content .section01 .content_wrap .historyNav .slick-list::before{content: ""; position: absolute; top: 36px; width: 100%; height: 1px; background-color: #787878;}
.wrap .content .section01 .content_wrap .historyNav .slick-slide{position: relative; display: flex; align-items: center; min-height: 48px; font-size: 16px; text-align: center;}
.wrap .content .section01 .content_wrap .historyNav .slick-slide::before{content: ""; position: absolute; top: -8px; width: 16px; height: 16px; background-color: #fff; border: 1px solid #111; border-radius: 100px;}
.wrap .content .section01 .content_wrap .historyNav .slick-slide.slick-current{font-size: 20px; color: var(--color-brand);}
.wrap .content .section01 .content_wrap .historyNav .slick-slide.slick-current::before{border-color: #2FB476; border-width: 2px;}
.wrap .content .section01 .content_wrap .historyNav .slick-slide span{display: block; min-height: 72px; padding: 24px 0 0; box-sizing: border-box; }
.wrap .content .section01 .content_wrap .historyNav .slick-track{display: flex; align-items: center;}
/* .wrap .content .section01 .content_wrap .slick-prev, .wrap .content .section01 .content_wrap .slick-next{background: var(--color-brand);} */
/* section02 */
.wrap .content .section02{background-color: #F7F8FA;}
.wrap .content .section02 .tit{width: 100%; text-align: center;}
.wrap .content .section02 .tit span{font-size: 30px; font-weight: bold; color: var(--color-brand);}
.wrap .content .section02 .tit p{margin-top: 6px; font-size: 18px;}
.wrap .content .section02 .content_wrap{width: 100%; margin-top: 72px;}
.wrap .content .section02 .content_wrap ul{justify-content: center; width: 900px; gap: 10px; margin: 0 auto 10px;}
.wrap .content .section02 .content_wrap ul:last-child{margin-bottom: 0;}
.wrap .content .section02 .content_wrap ul li{display:flex; width: calc((100% - 20px)/3); margin: 0 !important; }
.wrap .content .section02 .content_wrap ul li img{width: 100% !important;}
.wrap .content .section02 .content_wrap ul li div{display: none !important;}
.wrap .content .section02 .content_wrap .item_wrap{position: relative; width: 100%;}
.wrap .content .section02 .content_wrap .item_wrap .img_wrap{width: 100%;}
.wrap .content .section02 .content_wrap .item_wrap .img_wrap img{width: 100%;}
.wrap .content .section02 .content_wrap .item_wrap .text_wrap{position: absolute; width: 1200px; left: 50%; bottom: -130px; transform: translateX(-50%); border-radius: 20px; overflow: hidden;}
.wrap .content .section02 .content_wrap .item_wrap .text_wrap .top{display: flex; align-items: center; width: 100%; height: 76px; padding: 0 42px; background-color: #fff; font-size: 26px; font-weight: bold; box-sizing: border-box;}
.wrap .content .section02 .content_wrap .item_wrap .text_wrap .bot{display: flex; flex-wrap: wrap;justify-content: space-between; width: 100%; padding: 32px 84px; background-color: #2F2F2F; box-sizing: border-box; color: #fff;}
.wrap .content .section02 .content_wrap .item_wrap .text_wrap .bot .left{ font-size:16px; line-height: 32px;}
.wrap .content .section02 .content_wrap .item_wrap .text_wrap .bot .right{ font-size:16px; line-height: 32px;}
.wrap .content .section02 .content_wrap .button_wrap{position: relative; display: flex; justify-content: center; margin-top: 72px;}
.wrap .content .section02 .content_wrap .button_wrap a{position: relative; display: block; width: 100%;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more { width: 17rem; height: auto; background-color: transparent; border: 0;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3rem; height: 3rem; background: var(--color-brand); border-radius: 1.625rem;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem;  height: 0.125rem; background: none;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more .circle .icon.arrow::before { position: absolute; content: ''; top: -0.25rem;  right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg);}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more .button-text { display: flex; justify-content: center; align-items: center; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 0.85rem; color: #282936; font-weight: 700; line-height: 1.6; text-align: center; text-transform: uppercase; font-size: 16px; width: 100%;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more:hover .circle { width: 100%;}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more:hover .circle .icon.arrow { background: #fff; transform: translate(1rem, 0);}
.wrap .content .section02 .content_wrap .button_wrap button.learn-more:hover .button-text { color: #fff;}



/* footer */
footer{display: flex; padding: 56px 0 108px; border-top: 1px solid #F7F8FA; box-sizing: border-box; background-color: #444444;}
footer .footer_wrap{display: flex; flex-direction: column; gap: 32px; width: 1600px; margin: 0 auto;}
footer .footer_wrap .logo a{display: flex; align-items: center; height: 32px;}
footer .footer_wrap .logo a img{height: 100%;}
footer .footer_wrap .text_wrap{display: flex; flex-direction: column; gap: 12px;} 
footer .footer_wrap .text_wrap ul.text{display: flex; gap: 24px; flex-direction: row; flex-wrap: wrap; width: 100%; font-size: 16px; color: #8a8a8a;}
footer .footer_wrap .text_wrap ul.text li{display: flex; position: relative; box-sizing: border-box;}
footer .footer_wrap .text_wrap ul.text li::after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #8a8a8a;}
footer .footer_wrap .text_wrap ul.text:last-child{margin-top: 16px;}
footer .footer_wrap .text_wrap ul.text:last-child li::after{content: unset;}
footer .footer_wrap .text_wrap ul.text li a{display: flex; height: 42px;}
footer .footer_wrap .text_wrap ul.text li a img{width: 100%;}


@media screen and (max-width:1600px){
    footer .footer_wrap{width: 90%;}
    .wrap .content section .inner{width: 90%;}
}





@media screen and (max-width:1400px){
    #header .header_inner{justify-content: space-between; padding: 0 3.211vw; box-sizing: border-box;}
    #header .header_inner #nav{display: none;}
    .menu_icon { display: block;}
    #header ul.login_wrap{display: flex; margin-right: calc(5.211vw * 2);}

}


@media screen and (max-width:1024px){

    .wrap .content .section02 .content_wrap ul{width: 90%;}
    .wrap .content .section01 .content_wrap .historyNav{width: 90%;}
}

@media screen and (max-width:768px){

    #header ul.login_wrap{display: none;}
    footer .footer_wrap .text_wrap ul.text{flex-direction: row; gap: 16px;}
    footer .footer_wrap .text_wrap ul.text li{padding: 0;}
    footer .footer_wrap .text_wrap ul.text li::after{content: none;}
    .wrap .content .main_text span{font-size: 50px;}
    .wrap .content .section02 .content_wrap ul li{width: 300px; justify-content: center;}
    .wrap .content .section02 .content_wrap ul:nth-child(2){display: none !important;}
    .wrap .content .section02 .content_wrap ul:nth-child(3){display: none !important;}
    .wrap .content .section02 .content_wrap ul li img{width: 300px !important; }
    .wrap .content .section01 .content_wrap .slick-prev, .slick-next{display: none !important;}
    
}

@media screen and (max-width:768px){
    .wrap .content .main_text span{font-size: 44px;}
}