:root {
    --green-color:#0CA678;
    --blue-color:#2F49AF;
}
.only_pc {display: block;}
.only_mob {display: none;}

/* header */
#header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; border-bottom: 1px solid #FFFFFF4D; z-index: 100;}
#header .inner {position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 8vw;}
#header .logo {display: flex; align-items: center; gap: 39px;}
/* #header .logo img {width: 160px;} */
#header .logo img{height: 44px;}
#header .logo img.ov{display: none;}	
#header .logo span {font-size: 16px; font-weight: 400; color: #fff; position: relative;}
#header .logo span::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 21px; background: #FFFFFF; opacity: .4;}
#header .cate {display: flex; align-items: center; justify-content: center; gap: 0 180px;}
#header .cate > li {position: relative; height: 80px;}
#header .cate > li > a {display: block; position: relative; padding: 26px 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.5;}
#header .cate > li ol {display: none; position: absolute; top: 100%; padding: 32.5px 0 0; left: 0; min-width: 136px;}
#header .cate > li ol::before {display: none; content: ""; width: 100%; height: 260px; position: fixed; top: 80px; left: 0; z-index: -1; background: #FFFFFF url('/images/icon/header_bg.svg') no-repeat right 80px bottom / 370px; border-top: 1px solid #E3E3E3;}
#header .cate > li ol a {display: block; font-size: 16px; font-weight: 400; color: #6D6D6D; letter-spacing: -.6px; line-height: 1.2; padding: 7.5px 0;}
#header .cate > li ol a:hover {color: var(--green-color); text-decoration: underline; text-underline-offset: 4px;}
#header .right {display: flex; align-items: center; gap: 0 30px; height: 100%;}
#header .right .menu {display: flex; align-items: center; gap: 0 16px;}
#header .right .menu a {display: flex; align-items: center; justify-content: center; gap: 0 2px; padding: 10px 15px 10px 20px; font-size: 13px; font-weight: 600; color: #fff; border-radius: 50px; border: 1px solid #fff;}
#header .right .menu a img {width: 20px;}
#header .right .allMenu {padding: 29px 25px; height: 100%; cursor: pointer;}
/* header hover */
#header:hover {background: #fff;}
#header:hover .logo1, #header:hover .logo2{display: none;}	
#header:hover .logo img.ov{display: block;}	
#header:hover img:not(.arrow, .logo1, .logo2) {filter: brightness(0) invert(0);}
#header:hover .logo span::before {background: #8E8E8E;}
#header:hover .logo span,
#header:hover .cate > li > a {color: #000;} 
#header .cate > li:hover > a {color: var(--green-color);}
#header .cate > li:hover > a::after {content: ""; width: 100%; height: 3px; background: var(--green-color); position: absolute; left: 0; bottom: -2px;}
#header .cate:hover > li ol {display: block;}
#header .cate:hover > li ol::before {display: block;}
#header:hover .right .menu a:first-child {background: var(--green-color); border-color: var(--green-color);}
#header:hover .right .menu a:last-child {background: var(--blue-color); border-color: var(--blue-color);}

/* allMenu */
#sideMenu {display: none;}
#allMenu {position: fixed; top: -100%; left: 0; opacity: 0; width: 100%; height: 100vh; background: #fff; padding: 70px 0 103px; z-index: 100; -webkit-transition: all 0.6s 0.2s ease-in-out; transition: all 0.6s 0.2s ease-in-out;}
#allMenu.open {opacity: 1; top: 0;}
#allMenu::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 110px; background: url('/images/main/allMenu_txt.svg') no-repeat center / contain; z-index: -1;}
#allMenu .close {position: absolute; top: 41px; right: 39px; cursor: pointer;}
#allMenu .close img {width: 60px;}
#allMenu .logo {display: flex; align-items: center; gap: 0 38px; padding: 0 100px;}
#allMenu .logo img {width: 160px; filter: brightness(0);}
#allMenu .logo span {position: relative; font-size: 16px; font-weight: 400; color: #000; line-height: 1.8;}
#allMenu .logo span::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 20px; background: #8E8E8E;}
#allMenu .cate {padding-left: 548px; margin: 76px auto 0;}
#allMenu .cate > li + li {margin-top: 60px;}
#allMenu .cate h2 {display: inline-block; font-size: 45px; font-weight: 700; color: #000; line-height: 1.1;}
#allMenu .cate ol {margin-top: 30px; display: flex; align-items: center; gap: 0 60px; padding: 0;}
#allMenu .cate ol a {font-size: 20px; font-weight: 400; color: #8E8E8E; line-height: 2;}
#allMenu .cate > li.on h2 {color: var(--green-color); text-decoration: underline; text-underline-offset: 7px;} 
#allMenu .cate ol li.on a {color: var(--green-color); text-decoration: underline; text-underline-offset: 4px;}
#allMenu .sns {margin-top: 19px; text-align: right; padding-right: 113px;}
#allMenu .sns > div {text-align: left; display: inline-block;}
#allMenu .sns p {font-size: 15px; font-weight: 600; color: #000; line-height: 1.2;}
#allMenu .sns ul {margin-top: 15px;}
#allMenu .sns ul li a {font-size: 30px; font-weight: 600; color: #000; line-height: 1.2; display: flex; align-items: center; gap: 0 11px;}
#allMenu .sns ul li span {font-size: 20px; font-weight: 400;}
#allMenu .sns ul li img {width: 17px;}
#allMenu .copy {padding: 0 549px; margin-top: -5px; font-size: 18px; font-weight: 400; color: #000; line-height: 1.2;}

/* footer */
#footer {background: #000; padding: 66px 0 74px;}
#footer .inner {display: flex; align-items: center; justify-content: space-between; max-width: 1600px; margin: 0 auto;}
#footer .logo {display: flex; align-items: center; gap: 0 36px;}
#footer .logo img {width: 150px;}
#footer .logo span {position: relative; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.5;}
#footer .logo span::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 20px; background: #FFFFFF; opacity: .4;}
#footer .info {margin-top: 26px;}
#footer .info li {display: flex; align-items: center; gap: 0 15px;}
#footer .info li span {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -1px; line-height: 1.6;}
#footer .copy {margin-top: 15px; font-size: 16px; font-weight: 400; color: #8E8E8E; letter-spacing: -1px; line-height: 1.6;}
#footer .right {text-align: right;}
#footer .tel {font-size: 20px; font-weight: 500; color: #fff; display:flex; align-items: center; justify-content: flex-end; gap: 0 10px;} 
#footer .tel h2 {font-size: 30px; font-weight: 700; letter-spacing: -1px;}
#footer .menu {margin-top: 11px; display: flex; align-items: center; gap: 0 40px;}
#footer .menu a {position: relative; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -1px; line-height: 1.6;}
#footer .menu a + a::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 15px; background: #fff;}
#footer .menu a strong {font-weight: 700;}
#footer .sns {margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 0 10px; opacity: .5;}
#footer .sns img {width: 30px;}

/* intro */
#intro {width: 100%; height: 100vh; display: flex;}
#intro > div {width: 50%; overflow: hidden; background-size: cover !important;}
#intro .sec1 {background: url("/images/main/intro_img1.jpg") no-repeat center / cover;}
#intro .sec2 {background: url("/images/main/intro_img2.jpg") no-repeat center / cover;}
#intro a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
#intro .txt {position: relative; z-index: 1;}
#intro .txt p {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -.4px; line-height: 1.6;}
#intro .txt h2 {margin-top: 20px; border-top: 1px solid #fff; padding-top: 20px; font-size: 35px; font-weight: 600; color: #fff; line-height: 1.1; min-width: 289px;}
#intro .txt h2 span{color: #0CA678; transition:all 0.3s;}
#intro .txt img {margin-top: 25px; width: 30px;}
#intro .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); background: #0CA678E5; width: 100%; height: 100%; opacity: 0; border-radius: 100%; transition: all .6s; z-index: 0;}
#intro > div:hover .bg {opacity: 1; transform: translate(-50%,-50%) scale(1.5);}
#intro > div:hover .txt h2 span{color: #2F49AF;}


/* main */
.fp-warning, .fp-watermark {display: none;}
#fullpage .section {background-size: cover !important; background-position: center !important; overflow: hidden;}
#fullpage .inner {max-width: 1600px; margin: 0 auto;}
/* bot_menu */
.bot_menu {position: fixed; left: 50%; transform: translateX(-50%); bottom: 27px; display: flex; align-items: center; justify-content: center; gap: 0 20px; border-radius: 80px; padding: 15px 30px; border: 1px solid #FFFFFF80; z-index: 10;}
.bot_menu.on {display: none;}
.bot_menu a {display: block; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.5; padding: 5px 30px; border-radius: 20px;}
.bot_menu li.active a {background: var(--green-color);}
/* quick_bar */
.quick_bar {position: fixed; right: 0; top: 0; height: 100%; width: 82px; border-left: 1px solid #FFFFFF4D; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; z-index: 9;}
.quick_bar ol {padding: 0; width: 100%;}
.quick_bar li {position: relative; border-top: 1px solid #FFFFFF4D; width: 100%; transition: all .3s; overflow: hidden;}
.quick_bar li::before { z-index: 10; content: ""; position: absolute; transition: all 0.3s; left: 0; bottom: 0; width: 100%; height: 0; border-top-left-radius: 50%; border-top-right-radius: 50%; z-index: -1;}
.quick_bar li:hover::before {height: 200%;}
.sub_quick li.apply,
.quick_bar li.apply::before {background: var(--blue-color);}
.sub_quick li.home,
.quick_bar li.home::before {background: var(--green-color);}
.sub_quick li.scrollTop,
.quick_bar li.scrollTop::before {background: #fff;}
.sub_quick li.scrollTop p,
.quick_bar li.scrollTop:hover p {color: #000;}
.sub_quick li.scrollTop img,
.quick_bar li.scrollTop:hover img {filter: brightness(0);}
.quick_bar a {position: relative; display: block; text-align: center; padding: 22px 0;}
.quick_bar li:last-child a {padding: 15px 0;}
.quick_bar li img {width: 32px; transition: all .3s;}
.quick_bar li:last-child img {width: 26px;}
.quick_bar li p {margin-top: 10px; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: -.4px; line-height: 1.2; transition: all .3s;}
.quick_bar li {border: 0;}


#fullpage .section .animate {opacity: 0; transition-property: opacity, transform; transform: translate3d(0, 100px, 0);}
#fullpage .section.active .animate {transform: translateZ(0); opacity: 1; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -webkit-transition-delay: .4s; transition-delay: .4 }


/* section01 */
#fullpage .section01 {position: relative;}
#fullpage .section01 .fp-overflow {overflow: hidden;}
#fullpage .section01 .swiper-slide img {width: 100%; height: 100vh; object-fit: cover; object-position: center;}
#fullpage .section01 .info_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 10;}
#fullpage .section01 .info_cont .animate {-webkit-animation: bottomToTop .5s linear; animation: bottomToTop .5s linear}
@keyframes bottomToTop {
	0% {transform: translate3d(0, 100px, 0); opacity:0}
	100% {transform: translateZ(0); opacity:1}
}
#fullpage .section01 .symbol img {width: 120px;}
#fullpage .section01 .desc {margin-top: 28px; font-weight: 400; font-size: 25px; line-height: 2; color: #fff; letter-spacing: -1px;}
#fullpage .section01 .logo {display: block; margin-top: 5px;}
#fullpage .section01 .logo img {width: 500px;}
#fullpage .section01 .info {margin-top: 30px; font-size: 22px; font-weight: 500; color: #fff; line-height: 1.5; letter-spacing: -.6px;}
#fullpage .section01 .bot {display: flex; align-items: center; justify-content: center; margin-top: 48px;}
#fullpage .section01 .arrow {position: relative; top: auto; left: auto; right: auto; margin: 1px 0 0; display: block; width: auto; height: auto;}
#fullpage .section01 .arrow::after {display: none;}
#fullpage .section01 .arrow img {width: 16px;}
#fullpage .section01 .swiper-button-next {margin-right: 10px;}
#fullpage .section01 .paginatio_cont {position: relative; margin: 0 15px; width: 202px; height: 17px;}
#fullpage .section01 .swiper-pagination-progressbar {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 120px; height: 2px; background: #FFFFFF80;}
#fullpage .section01 .swiper-pagination-progressbar span {background: #FFFFFF;}
#fullpage .section01 .swiper-pagination-fraction {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 0;}
#fullpage .section01 .swiper-pagination-fraction span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -.8px;}
#fullpage .section01 .pause {width: 25px; height: 25px; border-radius: 100%; border: 1px solid #D9D9D9; text-align: center; line-height: 21px; cursor: pointer;}
#fullpage .section01 .pause img {width: 14px;}
#fullpage .section01 .down {position: absolute; left: -16px; bottom: 133px; z-index: 10; display: flex; align-items: center; gap: 10px; transform: rotate(90deg);}
#fullpage .section01 .down span {color: #fff; font-size: 16px; font-weight: 700; color: #fff; line-height: 24px;}
#fullpage .section01 .down span img {width: 24px;}
/* section02 */
#fullpage .section02 {background:url('/images/main/sec02_bg.jpg');}
#fullpage .section02 .tit {display: flex; align-items: flex-end; justify-content: space-between;}
#fullpage .section02 h2 {font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 1.3;}
#fullpage .section02 .tab {display: flex; align-items: center; gap: 30px;}
#fullpage .section02 .tab li a {cursor: pointer; font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -.6px; line-height: 1.5;}
#fullpage .section02 .tab li a.on {color: var(--green-color); text-decoration: underline; text-underline-offset: 4px;}
#fullpage .section02 .cont {margin-top: 50px;}
#fullpage .section02 .list_wrap {display: none; overflow: hidden;}

#fullpage .section02 .list_wrap .swiper-slide a {position: relative; border: 1px solid #FFFFFF80; padding: 57px 50px 55px; transition: all .3s; overflow: hidden; display: block;}
#fullpage .section02 .list_wrap .swiper-slide a::before {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); background: #0CA678E5; opacity: 0; transition: all .4s; transition-timing-function: cubic-bezier(.55,.09,.68,.53); z-index: -1;}
#fullpage .section02 .list_wrap .swiper-slide:hover a::before {opacity: 1; transform: translate(-50%,-50%) scale(2);}

#fullpage .section02 .list_wrap .swiper-slide .cate {padding: 5px 17.5px; border-radius: 10px; border: 1px solid #fff; font-size: 18px; font-weight: 500; color: #fff; display: inline-block; letter-spacing: -1px; line-height: 1.6;}
#fullpage .section02 .list_wrap .swiper-slide .subject {margin-top: 20px; font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 62px;}
#fullpage .section02 .list_wrap .swiper-slide .desc {margin-top: 20px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -.7px; line-height: 1.6;  text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 58px;}
#fullpage .section02 .list_wrap .swiper-slide .date {margin-top: 20px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -.4px; line-height: 1.6;}
#fullpage .section02 .cont .bot {margin-top: 35px; display: flex; align-items: center; justify-content: space-between; gap: 0 30px;}
#fullpage .section02 .cont .swiper-pagination {position: relative; width: 100%; height: 2px; background: #e7e7e78e;}
#fullpage .section02 .cont .swiper-pagination-progressbar-fill {background: #fff;}
#fullpage .section02 .cont .arrow {display: flex; align-items: center; gap: 0 7px;}
#fullpage .section02 .cont .arrow > div {position: relative; top: auto; left: auto; right: auto; margin: 0; width: 42px; height: 42px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; transition: all .3s;}
#fullpage .section02 .cont .arrow > div:hover {background: var(--green-color); border-color: var(--green-color);}
#fullpage .section02 .cont .arrow > div::after {display: none;}
#fullpage .section02 .cont .arrow > div img {width: 16.62px; height: 16.62px;}
#fullpage .section02 .list_wrap .no_data{border-top: 1px solid #FFFFFF80; border-bottom: 1px solid #FFFFFF80; padding: 170px 0; text-align: center; color: #fff; font-size: 18px; width: 100%;}
/* section03 */
#fullpage .section03 {background:url('/images/main/sec03_bg.jpg'); padding: 0 80px 0 8vw;}
#fullpage .section03 .fp-tableCell {vertical-align: bottom;}
#fullpage .section03 .in {display: flex; align-items: flex-end; justify-content: space-between; height: 100vh;}
#fullpage .section03 .tit {position: relative; width: 30%; height: 100%;}
#fullpage .section03 h2 {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 1.3;}
#fullpage .section03 .left {height: calc(100vh - 79px); width: 570px; border-left: 1px solid transparent; border-image-source: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0.06) 100%); border-image-slice: 1;}
#fullpage .section03 .left .box {position: relative; height: 50%; width: 100%; padding: 0 60px; display: flex; align-items: center; justify-content: flex-start; overflow: hidden;}
#fullpage .section03 .left .box .bg {position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(12, 166, 120, 0.9) 0%, rgba(12, 166, 120, 0.36) 100%); z-index: 0; transition: all .4s ease-in;}
#fullpage .section03 .left .box:hover .bg {top: 0;}
#fullpage .section03 .left .box + .box {border-top: 1px solid #FFFFFF4D;}
#fullpage .section03 .left .txt {position: relative; z-index: 1;}
#fullpage .section03 .left .txt h3 {font-size: 35px; font-weight: 700; color: #fff; letter-spacing: -2px; line-height: 1.3;}
#fullpage .section03 .left .txt p {margin-top: 25px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -.6px; line-height: 1.6;}
#fullpage .section03 .left .txt a {opacity: 0; margin-top: 19px; display: flex; align-items: center; justify-content: center; width: 101px; height: 40px; border-radius: 50px; background: #fff; font-size: 13px; font-weight: 700; letter-spacing: -.6px; color: var(--green-color); gap: 2px; transition: all .6s;}
#fullpage .section03 .left .box:hover a {opacity: 1;}
#fullpage .section03 .left .txt a img {width: 20px;}
/* section04 */
#fullpage .section04 {background:url('/images/main/sec04_bg.jpg'); text-align: center;}
#fullpage .section04 h2 {font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 1.4;}
#fullpage .section04 .mySwiper {position: relative; margin-right: 81px; padding-top: 85px; overflow: hidden;}
#fullpage .section04 .mySwiper .swiper-wrapper {margin-left: 50px;}
#fullpage .section04 .swiper-slide {width: 600px; margin: 0 76px;}
#fullpage .section04 .swiper-slide .featured-video {position: relative; display: block; height: 100%; transition: transform 1s;}
#fullpage .section04 .swiper-slide .featured-video::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000080;}
#fullpage .section04 .swiper-slide .txt {margin-top: 87px; text-align: center; display: block; opacity: 0; transition: opacity 1s;}
#fullpage .section04 .swiper-slide .txt .tit {font-size: 30px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 1;}
#fullpage .section04 .swiper-slide .txt p {margin-top: 15px; font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -.6px; line-height: 1.5;}
#fullpage .section04 .swiper-slide-active .featured-video {transform: scale(1.25);}
#fullpage .section04 .swiper-slide-active .featured-video::after {content: ""; width: 66px; height: 66px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url('/images/main/ser04_play.svg') no-repeat center / contain;}
#fullpage .section04 .swiper-slide-active .featured-video::before {display: none;}
#fullpage .section04 .swiper-slide-active .txt {opacity: 1;}
#fullpage .section04 .arrow {position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; width: 851px; z-index: 1;}
#fullpage .section04 .arrow > div {position: relative; top: auto; left: auto; right: auto; margin: 0; width: auto; height: auto;}
#fullpage .section04 .arrow > div::after {display: none;}
#fullpage .section04 .arrow > div img {width: 40px;}

#fullpage .section04 .line {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#fullpage .section04 .line1:before,
#fullpage .section04 .line1:after,
#fullpage .section04 .line2:after,
#fullpage .section04 .line2:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--green-color); z-index:100;}
#fullpage .section04 .line1:before {top:0; left:0; right:100%; height:4px; }
#fullpage .section04 .line1:after {top:0; right:0; bottom:100%; width:4px; }
#fullpage .section04 .swiper-slide-active .featured-video:hover .line1:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;}
#fullpage .section04 .swiper-slide-active .featured-video:hover .line1:after {-webkit-transition-delay:.2s; transition-delay:.2s; bottom:0;}
#fullpage .section04 .line2:after {bottom:0; right:0; left:100%; height:4px;}
#fullpage .section04 .line2:before {bottom:0; left:0; top:100%; width:4px;}
#fullpage .section04 .swiper-slide-active .featured-video:hover .line2:after {-webkit-transition-delay:.4s; transition-delay:.4s; left:0;}
#fullpage .section04 .swiper-slide-active .featured-video:hover .line2:before {-webkit-transition-delay:.6s; transition-delay:.6s; top:0;}
/* section05 */
#fullpage .section05 {background:url('/images/main/sec05_bg.jpg'); text-align: center;}
#fullpage .section05 .fp-tableCell {vertical-align: bottom;}
#fullpage .section05 ul {display: flex; align-items: center; height: calc(100vh - 79px); padding-right: 81px;}
#fullpage .section05 ul li {position: relative; overflow: hidden; width: 25%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; height: 100%;}
#fullpage .section05 ul li::before {content: ""; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(12, 166, 120, 0.9) 0%, rgba(12, 166, 120, 0.36) 100%); transition: all .4s ease-in; z-index: 0;}
#fullpage .section05 ul li:hover::before {top: 0;}
#fullpage .section05 ul li > div {position: relative; z-index: 1;}
#fullpage .section05 ul li + li {border-left: 1px solid transparent; border-image-source: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0.06) 100%); border-image-slice: 1;}
#fullpage .section05 ul li span {display: block;}
#fullpage .section05 ul li img {width: 80px;}
#fullpage .section05 ul li strong {display: block; margin-top: 37px; font-weight: 700; font-size: 35px; line-height: 1.4; letter-spacing: -2px;}
#fullpage .section05 ul li p {margin-top: 15px; font-weight: 500; font-size: 18px; line-height: 1.5; letter-spacing: -.6px;}
#fullpage .section05 ul li a {display: flex; align-items: center; justify-content: center; width: 99px; height: 44px; border-radius: 50px; border: 1px solid #FFFFFF4D; gap: 2px; margin: 37px auto 0; font-weight: 600; font-size: 13px; letter-spacing: -1px; color: #fff; transition: all .5s;}
#fullpage .section05 ul li:hover a {background: #fff; color: var(--green-color);}
#fullpage .section05 ul li a img {width: 20px; filter: brightness(0) invert(1); transition: all .5s;}
#fullpage .section05 ul li:hover a img {filter: none;}
/* section06 */
#fullpage .section06 {background:url('/images/main/sec06_bg.jpg'); text-align: left;}
#fullpage .section06 .card_wrap {overflow: hidden; display: none;}
#fullpage .section06 .swiper-slide a {display: flex; align-items: center; gap: 0 50px;}
#fullpage .section06 .swiper-slide .img {width: 450px; height: 300px; border-radius: 20px; overflow: hidden; position: relative; padding: 4px;}
#fullpage .section06 .swiper-slide .img::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--green-color); z-index: 0; transition: all 0.4s ease-out;}
#fullpage .section06 .swiper-slide:hover .img::before {height: 100%;}
#fullpage .section06 .swiper-slide img {position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1; border-radius: 20px;}
#fullpage .section06 .swiper-slide .txt {width: calc(100% - 500px);}
#fullpage .section06 .swiper-slide .cate {font-size: 18px; font-weight: 500; text-align: center; padding: 8px 15px; border-radius: 10px; border: 1px solid #fff; letter-spacing: -1px; color: #fff;}
#fullpage .section06 .swiper-slide .tit {margin-top: 20px; font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 1.4;}
#fullpage .section06 .swiper-slide .desc {margin-top: 27px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -.6px; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#fullpage .section06 .swiper-slide .date {margin-top: 38px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -1.26px; line-height: 1.5;}

#header.sub_hd.scroll {background: #fff; /* border-bottom: 1px solid #000; */}
#header.sub_hd.scroll img:not(.arrow, .logo1, .logo2) {filter: brightness(0) invert(0);}
#header.sub_hd.scroll .logo1, #header.sub_hd.scroll .logo2{display: none;}	
#header.sub_hd.scroll .logo img.ov{display: block;}	
#header.sub_hd.scroll .logo span::before {background: #8E8E8E;}
#header.sub_hd.scroll .logo span,
#header.sub_hd.scroll .cate > li > a {color: #000;} 
#header.sub_hd.scroll .right .menu a:first-child {background: var(--green-color); border-color: var(--green-color);}
#header.sub_hd.scroll .right .menu a:last-child {background: var(--blue-color); border-color: var(--blue-color);}
.board_inner {max-width: 1600px; margin: 120px auto;}


@media screen and (max-width:1620px) {
    /* header */
    #header {height: 5.00vw;}
    #header .inner {padding-left: 6vw;}
    #header .logo {gap: 2.44vw;}
    /* #header .logo img {width: 10.00vw;} */
	#header .logo img{height: 2.72vw;}
    #header .logo span {font-size: 1.00vw;}
    #header .logo span::before {left: -1.25vw; height: 1.30vw;}
    #header .cate {gap: 0 11.25vw;}
    #header .cate > li {height: 5.00vw;}
    #header .cate > li > a {padding: 1.63vw 0; font-size: 1.13vw;}
    #header .cate > li ol {padding: 2.03vw 0 0; min-width: 8.50vw;}
    #header .cate > li ol::before {height: 16.25vw; top: 5.00vw; background: #FFFFFF url('/images/icon/header_bg.svg') no-repeat right 5.00vw bottom / 23.13vw;}
    #header .cate > li ol a {font-size: 1.00vw; letter-spacing: -0.04vw; padding: 0.47vw 0;}
    #header .right {gap: 0 1.88vw;}
    #header .right .menu {gap: 0 1.00vw;}
    #header .right .menu a {gap: 0 0.13vw; padding: 0.63vw 0.94vw 0.63vw 1.25vw; font-size: 0.81vw; border-radius: 3.13vw;}
    #header .right .menu a img {width: 1.25vw;}
    #header .right .allMenu {padding: 1.81vw 1.56vw;}
    /* header hover */
    #header .cate > li:hover > a::after {height: 0.19vw; bottom: -0.13vw;}

    /* allMenu */
    #allMenu { padding: 4.38vw 0 6.44vw;}
    #allMenu::before {height: 6.88vw;}
    #allMenu .close {top: 2.56vw; right: 2.44vw;}
    #allMenu .close img {width: 3.75vw;}
    #allMenu .logo {gap: 0 2.38vw; padding: 0 6.25vw;}
    #allMenu .logo img {width: 10.00vw;}
    #allMenu .logo span {font-size: 1.00vw; line-height: 1.8;}
    #allMenu .logo span::before {left: -1.25vw; width: 0.06vw; height: 1.25vw;}
    #allMenu .cate {padding-left: 27.25vw; margin: 4.75vw auto 0;}
    #allMenu .cate > li + li {margin-top: 3.75vw;}
    #allMenu .cate h2 {font-size: 2.81vw;}
    #allMenu .cate ol {margin-top: 1.88vw; gap: 0 3.75vw;}
    #allMenu .cate ol a {font-size: 1.25vw; line-height: 2;}
    #allMenu .sns {margin-top: 1.19vw; padding-right: 7.06vw;}
    #allMenu .sns p {font-size: 0.94vw;}
    #allMenu .sns ul {margin-top: 0.94vw;}
    #allMenu .sns ul li a {font-size: 1.88vw; gap: 0 0.69vw;}
    #allMenu .sns ul li span {font-size: 1.25vw;}
    #allMenu .sns ul li img {width: 1.06vw;}
    #allMenu .copy {padding: 0 27.25vw; margin-top: -0.31vw; font-size: 1.13vw;}

    /* footer */
    #footer {padding: 4.13vw 0 4.63vw;}
    #footer .inner {max-width: 87.50vw;}
    #footer .logo {gap: 0 2.25vw;}
    #footer .logo img {width: 9.38vw;}
    #footer .logo span {font-size: 1.13vw;}
    #footer .logo span::before {left: -1.25vw; width: 0.06vw; height: 1.25vw;}
    #footer .info {margin-top: 1.63vw;}
    #footer .info li {gap: 0 0.94vw;}
    #footer .info li span {font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .copy {margin-top: 0.94vw; font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .tel {font-size: 1.25vw;  gap: 0 0.63vw;} 
    #footer .tel h2 {font-size: 1.88vw; letter-spacing: -0.06vw;}
    #footer .menu {margin-top: 0.69vw; gap: 0 2.50vw;}
    #footer .menu a {font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .menu a + a::before {left: -1.25vw; width: 0.06vw; height: 0.94vw;}
    #footer .sns {margin-top: 1.25vw; gap: 0 0.63vw;}
    #footer .sns img {width: 1.88vw;}

    /* intro */
    #intro .txt p {font-size: 1.00vw; letter-spacing: -0.03vw;}
    #intro .txt h2 {margin-top: 1.25vw; ; padding-top: 1.25vw; font-size: 2.19vw; min-width: 18.06vw;}
    #intro .txt img {margin-top: 1.56vw; width: 1.88vw;}


    /* main */
    #fullpage .inner {max-width: 87.50vw;}
    /* bot_menu */
    .bot_menu {bottom: 1.69vw; gap: 0 1.25vw; border-radius: 5.00vw; padding: 0.94vw 1.88vw; ;}
    .bot_menu a {font-size: 1.13vw; padding: 0.31vw 1.88vw; border-radius: 1.25vw;}
    /* quick_bar */
    .quick_bar {width: 5.13vw;}
    .quick_bar a {padding: 1.38vw 0;}
    .quick_bar li:last-child a {padding: 0.94vw 0;}
    .quick_bar li img {width: 2.00vw;}
    .quick_bar li:last-child img {width: 1.63vw;}
    .quick_bar li p {margin-top: 0.63vw; font-size: 0.75vw; letter-spacing: -0.03vw;}


    /* section01 */
    #fullpage .section01 .symbol img {width: 7.50vw;}
    #fullpage .section01 .desc {margin-top: 1.75vw; font-size: 1.56vw; letter-spacing: -0.06vw;}
    #fullpage .section01 .logo {margin-top: 0.31vw;}
    #fullpage .section01 .logo img {width: 31.25vw;}
    #fullpage .section01 .info {margin-top: 1.88vw; font-size: 1.38vw; letter-spacing: -0.04vw;}
    #fullpage .section01 .bot {margin-top: 3.00vw;}
    #fullpage .section01 .arrow {margin: 0.06vw 0 0;}
    #fullpage .section01 .arrow img {width: 1.00vw;}
    #fullpage .section01 .swiper-button-next {margin-right: 0.63vw;}
    #fullpage .section01 .paginatio_cont {margin: 0 0.94vw; width: 12.63vw; height: 1.06vw;}
    #fullpage .section01 .swiper-pagination-progressbar {width: 7.50vw; height: 0.13vw;}
    #fullpage .section01 .swiper-pagination-fraction span {font-size: 0.88vw; letter-spacing: -0.05vw;}
    #fullpage .section01 .pause {width: 1.56vw; height: 1.56vw; border-radius: 100%; ; line-height: 1.31vw;}
    #fullpage .section01 .pause img {width: 0.88vw;}
    #fullpage .section01 .down {left: -1.00vw; bottom: 8.31vw; gap: 0.63vw;}
    #fullpage .section01 .down span {font-size: 1.00vw; line-height: 1.50vw;}
    #fullpage .section01 .down span img {width: 1.50vw;}
    /* section02 */
    #fullpage .section02 h2 {font-size: 3.13vw; letter-spacing: -0.06vw;}
    #fullpage .section02 .tab {gap: 1.88vw;}
    #fullpage .section02 .tab li a {font-size: 1.25vw; letter-spacing: -0.04vw;}
    #fullpage .section02 .tab li a.on {text-underline-offset: 0.25vw;}
    #fullpage .section02 .cont {margin-top: 3.13vw;}
    #fullpage .section02 .list_wrap .swiper-slide a {padding: 3.56vw 3.13vw 3.44vw;}
    #fullpage .section02 .list_wrap .swiper-slide .cate {padding: 0.31vw 1.09vw; border-radius: 0.63vw; ; font-size: 1.13vw; letter-spacing: -0.06vw;}
    #fullpage .section02 .list_wrap .swiper-slide .subject {margin-top: 1.25vw; font-size: 1.38vw; letter-spacing: -0.06vw; min-height: 3.93vw;}
    #fullpage .section02 .list_wrap .swiper-slide .desc {margin-top: 1.25vw; font-size: 1.13vw; letter-spacing: -0.04vw; }
    #fullpage .section02 .list_wrap .swiper-slide .date {margin-top: 1.25vw; font-size: 1.00vw; letter-spacing: -0.03vw;}
    #fullpage .section02 .cont .bot {margin-top: 2.19vw; gap: 0 1.88vw;}
    #fullpage .section02 .cont .swiper-pagination {height: 0.13vw;}
    #fullpage .section02 .cont .arrow {gap: 0 0.44vw;}
    #fullpage .section02 .cont .arrow > div {margin: 0; width: 2.63vw; height: 2.63vw;}
    #fullpage .section02 .cont .arrow > div img {width: 1.04vw; height: 1.04vw;}
	#fullpage .section02 .list_wrap .no_data{padding: 10.49vw 0; font-size: 1.11vw;}
    /* section03 */
    #fullpage .section03 {padding: 0 5.00vw 0 6vw;}
    #fullpage .section03 h2 {font-size: 3.13vw; letter-spacing: -0.06vw;}
    #fullpage .section03 .left {height: calc(100vh - 4.94vw); width: 35.63vw;}
    #fullpage .section03 .left .box {height: 50%; padding: 0 3.75vw;}
    #fullpage .section03 .left .txt h3 {font-size: 2.19vw; letter-spacing: -0.13vw;}
    #fullpage .section03 .left .txt p {margin-top: 1.56vw; font-size: 1.13vw; letter-spacing: -0.04vw;}
    #fullpage .section03 .left .txt a {margin-top: 1.19vw; width: 6.31vw; height: 2.50vw; border-radius: 3.13vw; font-size: 0.81vw; letter-spacing: -0.04vw; gap: 0.13vw;}
    #fullpage .section03 .left .txt a img {width: 1.25vw;}
    /* section04 */
    #fullpage .section04 h2 {font-size: 3.13vw; letter-spacing: -0.06vw;}
    #fullpage .section04 .mySwiper {margin-right: 5.06vw; padding-top: 5vw;}
    #fullpage .section04 .swiper-slide {width: 37.50vw; margin: 0 4.8vw;}
    #fullpage .section04 .swiper-slide .txt {margin-top: 5.44vw;}
    #fullpage .section04 .swiper-slide .txt .tit {font-size: 1.88vw; letter-spacing: -0.06vw;}
    #fullpage .section04 .swiper-slide .txt p {margin-top: 0.94vw; font-size: 1.25vw; letter-spacing: -0.04vw;}
    #fullpage .section04 .swiper-slide-active .featured-video::after {width: 4.13vw; height: 4.13vw; }
    #fullpage .section04 .arrow {bottom: 1.13vw; width: 53.19vw;}
    #fullpage .section04 .arrow > div img {width: 2.50vw;}

    #fullpage .section04 .line1:before {height:0.25vw;}
    #fullpage .section04 .line1:after {width:0.25vw;}
    #fullpage .section04 .line2:after {height:0.25vw;}
    #fullpage .section04 .line2:before {width:0.25vw;}
    /* section05 */
    #fullpage .section05 ul {height: calc(100vh - 4.94vw); padding-right: 5.06vw;}
    #fullpage .section05 ul li img {width: 5.00vw;}
    #fullpage .section05 ul li strong {margin-top: 2.31vw; font-size: 2.19vw; letter-spacing: -0.13vw;}
    #fullpage .section05 ul li p {margin-top: 0.94vw; font-size: 1.13vw; letter-spacing: -0.04vw;}
    #fullpage .section05 ul li a {width: 6.19vw; height: 2.75vw; border-radius: 3.13vw; ; gap: 0.13vw; margin: 2.31vw auto 0; font-size: 0.81vw; letter-spacing: -0.06vw;}
    #fullpage .section05 ul li a img {width: 1.25vw;}
    /* section06 */
    #fullpage .section06 .swiper-slide a {gap: 0 3.13vw;}
    #fullpage .section06 .swiper-slide .img {width: 28.13vw; height: 18.75vw; border-radius: 1.25vw; padding: 0.25vw;}
    #fullpage .section06 .swiper-slide .img::before { height: 0;}
    #fullpage .section06 .swiper-slide img {border-radius: 1.25vw;}
    #fullpage .section06 .swiper-slide .txt {width: calc(100% - 31.25vw);}
    #fullpage .section06 .swiper-slide .cate {font-size: 1.13vw; padding: 0.50vw 0.94vw; border-radius: 0.63vw; ; letter-spacing: -0.06vw;}
    #fullpage .section06 .swiper-slide .tit {margin-top: 1.25vw; font-size: 1.38vw; letter-spacing: -0.06vw;}
    #fullpage .section06 .swiper-slide .desc {margin-top: 1.69vw; font-size: 1.13vw; letter-spacing: -0.04vw;}
    #fullpage .section06 .swiper-slide .date {margin-top: 2.38vw; font-size: 1.13vw; letter-spacing: -0.08vw;}    
}

@media screen and (max-width:1280px) {
    /* header */
    #header {height: 4.69vw;}
    #header .inner {padding-left: 3.13vw;}
    #header .logo {gap: 2.27vw;}
    /* #header .logo img {width: 9.38vw;} */
	#header .logo img{height: 2.94vw;}
    #header .logo span {font-size: 0.94vw;}
    #header .logo span::before {left: -1.17vw; height: 1.64vw;}
    #header .cate {gap: 0 10.55vw;}
    #header .cate > li {height: 4.69vw;}
    #header .cate > li > a {padding: 1.56vw 0; font-size: 1.09vw;}
    #header .cate > li ol {padding: 1.88vw 0 0; min-width: 7.97vw;}
    #header .cate > li ol::before {height: 15.23vw; top: 4.69vw; background: #FFFFFF url('/images/icon/header_bg.svg') no-repeat right 4.69vw bottom / 21.72vw;}
    #header .cate > li ol a {font-size: 0.94vw; letter-spacing: -0.00vw; padding: 0.47vw 0;}
    #header .right {gap: 0 1.80vw;}
    #header .right .menu {gap: 0 0.94vw;}
    #header .right .menu a {gap: 0 0.16vw; padding: 0.63vw 0.86vw 0.63vw 1.17vw; font-size: 0.78vw; border-radius: 2.97vw;}
    #header .right .menu a img {width: 1.17vw;}
    #header .right .allMenu {padding: 1.80vw 1.09vw;}
    #header .right .allMenu img {width: 1.72vw;}
    /* header hover */
    #header .cate > li:hover > a::after {height: 0.16vw; bottom: -0.16vw;}

    /* allMenu */
    #allMenu { padding: 4.14vw 0 6.02vw;}
    #allMenu::before {height: 6.48vw;}
    #allMenu .close {top: 2.42vw; right: 2.27vw;}
    #allMenu .close img {width: 3.52vw;}
    #allMenu .logo {gap: 0 2.27vw; padding: 0 3.13vw;}
    #allMenu .logo img {width: 9.38vw;}
    #allMenu .logo span {font-size: 0.94vw; line-height: 1.8;}
    #allMenu .logo span::before {left: -1.17vw; width: 0.08vw; height: 1.17vw;}
    #allMenu .cate {padding-left: 27.11vw; margin: 4.45vw auto 0;}
    #allMenu .cate > li + li {margin-top: 3.52vw;}
    #allMenu .cate h2 {font-size: 2.66vw;}
    #allMenu .cate ol {margin-top: 1.80vw; gap: 0 3.52vw;}
    #allMenu .cate ol a {font-size: 1.17vw; line-height: 2;}
    #allMenu .sns {margin-top: 1.09vw; padding-right: 6.64vw;}
    #allMenu .sns p {font-size: 0.86vw;}
    #allMenu .sns ul {margin-top: 0.86vw;}
    #allMenu .sns ul li a {font-size: 1.80vw; gap: 0 0.63vw;}
    #allMenu .sns ul li span {font-size: 1.17vw;}
    #allMenu .sns ul li img {width: 1.02vw;}
    #allMenu .copy {padding: 0 27.19vw; margin-top: -0.31vw; font-size: 1.09vw;}

    /* footer */
    #footer {padding: 3.91vw 0 4.38vw;}
    #footer .inner {max-width: 100%; padding: 0 5.5vw 0 3.13vw !important;}
    #footer .logo {gap: 0 2.11vw;}
    #footer .logo img {width: 8.83vw;}
    #footer .logo span {font-size: 1.09vw;}
    #footer .logo span::before {left: -1.17vw; width: 0.08vw; height: 1.17vw;}
    #footer .info {margin-top: 1.56vw;}
    #footer .info li {gap: 0 0.86vw;}
    #footer .info li span {font-size: 0.94vw; letter-spacing: -0.08vw;}
    #footer .copy {margin-top: 0.86vw; font-size: 0.94vw; letter-spacing: -0.08vw;}
    #footer .tel {font-size: 1.17vw;  gap: 0 0.63vw;} 
    #footer .tel h2 {font-size: 1.80vw; letter-spacing: -0.08vw;}
    #footer .menu {margin-top: 0.63vw; gap: 0 2.34vw;}
    #footer .menu a {font-size: 0.94vw; letter-spacing: -0.08vw;}
    #footer .menu a + a::before {left: -1.17vw; width: 0.08vw; height: 0.86vw;}
    #footer .sns {margin-top: 1.17vw; gap: 0 0.63vw;}
    #footer .sns img {width: 1.80vw;}

    /* intro */
    #intro .txt p {font-size: 0.94vw; letter-spacing: -0.00vw;}
    #intro .txt h2 {margin-top: 1.17vw; ; padding-top: 1.17vw; font-size: 2.03vw; min-width: 16.95vw;}
    #intro .txt img {margin-top: 1.48vw; width: 1.80vw;}


    /* main */
    #fullpage .inner {max-width: 100%; padding: 0 3.13vw;}
    /* bot_menu */
    .bot_menu {bottom: 1.56vw; gap: 0 1.17vw; border-radius: 4.69vw; padding: 0.86vw 1.80vw; ;}
    .bot_menu a {font-size: 1.09vw; padding: 0.31vw 1.80vw; border-radius: 1.17vw;}
    /* quick_bar */
    .quick_bar {width: 3.83vw;}
    .quick_bar a {padding: 1.33vw 0;}
    .quick_bar li:last-child a {padding: 0.86vw 0;}
    .quick_bar li img {width: 1.88vw;}
    .quick_bar li:last-child img {width: 1.56vw;}
    .quick_bar li p {margin-top: 0.63vw; font-size: 0.70vw; letter-spacing: -0.00vw;}


    /* section01 */
    #fullpage .section01 .symbol img {width: 7.03vw;}
    #fullpage .section01 .desc {margin-top: 1.64vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    #fullpage .section01 .logo {margin-top: 0.31vw;}
    #fullpage .section01 .logo img {width: 29.30vw;}
    #fullpage .section01 .info {margin-top: 1.80vw; font-size: 1.33vw; letter-spacing: -0.00vw;}
    #fullpage .section01 .bot {margin-top: 2.81vw;}
    #fullpage .section01 .arrow {margin: 0.08vw 0 0;}
    #fullpage .section01 .arrow img {width: 0.94vw;}
    #fullpage .section01 .swiper-button-next {margin-right: 0.63vw;}
    #fullpage .section01 .paginatio_cont {margin: 0 0.86vw; width: 11.88vw; height: 1.02vw;}
    #fullpage .section01 .swiper-pagination-progressbar {width: 7.03vw; height: 0.16vw;}
    #fullpage .section01 .swiper-pagination-fraction span {font-size: 0.86vw; letter-spacing: -0.08vw;}
    #fullpage .section01 .pause {width: 1.48vw; height: 1.48vw; border-radius: 100%; ; line-height: 1.25vw;}
    #fullpage .section01 .pause img {width: 0.86vw;}
    #fullpage .section01 .down {left: -0.86vw; bottom: 5.08vw; gap: 0.63vw;}
    #fullpage .section01 .down span {font-size: 0.94vw; line-height: 1.41vw;}
    #fullpage .section01 .down span img {width: 1.41vw;}
	#fullpage .section02 .list_wrap .no_data{padding: 10vw 0; font-size: 1.33vw;}
    /* section02 */
    #fullpage .section02 {padding-right: 3.83vw;}
    #fullpage .section02 h2 {font-size: 2.97vw; letter-spacing: -0.08vw;}
    #fullpage .section02 .tab {gap: 1.80vw;}
    #fullpage .section02 .tab li a {font-size: 1.17vw; letter-spacing: -0.00vw;}
    #fullpage .section02 .tab li a.on {text-underline-offset: 0.23vw;}
    #fullpage .section02 .cont {margin-top: 2.97vw;}
    #fullpage .section02 .list_wrap .swiper-slide a {padding: 3.36vw 2.97vw 3.20vw;}
    #fullpage .section02 .list_wrap .swiper-slide .cate {padding: 0.31vw 1.02vw; border-radius: 0.63vw; ; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #fullpage .section02 .list_wrap .swiper-slide .subject {margin-top: 1.17vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #fullpage .section02 .list_wrap .swiper-slide .desc {margin-top: 1.17vw; font-size: 1.09vw; letter-spacing: -0.00vw; min-height: 3.58vw;}
    #fullpage .section02 .list_wrap .swiper-slide .date {margin-top: 1.17vw; font-size: 0.94vw; letter-spacing: -0.00vw;}
    #fullpage .section02 .cont .bot {margin-top: 2.03vw; gap: 0 1.80vw;}
    #fullpage .section02 .cont .swiper-pagination {height: 0.16vw;}
    #fullpage .section02 .cont .arrow {gap: 0 0.39vw;}
    #fullpage .section02 .cont .arrow > div {margin: 0; width: 2.50vw; height: 2.50vw;}
    #fullpage .section02 .cont .arrow > div img {width: 0.94vw; height: 0.94vw;}
    /* section03 */
    #fullpage .section03 {padding: 0 3.83vw 0 3.05vw;}
    #fullpage .section03 h2 {font-size: 2.97vw; letter-spacing: -0.08vw;}
    #fullpage .section03 .left {height: calc(100vh - 4.61vw); width: 32.81vw;}
    #fullpage .section03 .left .box {height: 50%; padding: 0 3.52vw;}
    #fullpage .section03 .left .txt h3 {font-size: 2.03vw; letter-spacing: -0.16vw;}
    #fullpage .section03 .left .txt p {margin-top: 1.48vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    #fullpage .section03 .left .txt a {margin-top: 1.09vw; width: 5.94vw; height: 2.34vw; border-radius: 2.97vw; font-size: 0.78vw; letter-spacing: -0.00vw; gap: 0.16vw;}
    #fullpage .section03 .left .txt a img {width: 1.17vw;}
    /* section04 */
    #fullpage .section04 h2 {font-size: 2.97vw; letter-spacing: -0.08vw;}
    #fullpage .section04 .mySwiper {margin-right: 3.83vw; padding-top: 6.3vw;}
    #fullpage .section04 .mySwiper .swiper-wrapper {margin-left: 2vw;}
    #fullpage .section04 .swiper-slide {width: 35.16vw; margin: 0 5.70vw;}
    #fullpage .section04 .swiper-slide .txt {margin-top: 5.08vw;}
    #fullpage .section04 .swiper-slide .txt .tit {font-size: 1.80vw; letter-spacing: -0.08vw;}
    #fullpage .section04 .swiper-slide .txt p {margin-top: 0.86vw; font-size: 1.17vw; letter-spacing: -0.00vw;}
    #fullpage .section04 .swiper-slide-active .featured-video::after {width: 3.91vw; height: 3.91vw; }
    #fullpage .section04 .arrow {bottom: 1.09vw; width: 49.84vw;}
    #fullpage .section04 .arrow > div img {width: 2.34vw;}
    #fullpage .section04 .line1:before {height:0.23vw;}
    #fullpage .section04 .line1:after {width:0.23vw;}
    #fullpage .section04 .line2:after {height:0.23vw;}
    #fullpage .section04 .line2:before {width:0.23vw;}
    /* section05 */    
    #fullpage .section05 ul {height: calc(100vh - 4.61vw); padding-right: 3.83vw;}
    #fullpage .section05 ul li img {width: 4.69vw;}
    #fullpage .section05 ul li strong {margin-top: 2.19vw; font-size: 2.03vw; letter-spacing: -0.16vw;}
    #fullpage .section05 ul li p {margin-top: 0.86vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    #fullpage .section05 ul li a {width: 5.78vw; height: 2.58vw; border-radius: 2.97vw; ; gap: 0.16vw; margin: 2.19vw auto 0; font-size: 0.78vw; letter-spacing: -0.08vw;}
    #fullpage .section05 ul li a img {width: 1.17vw;}
    /* section06 */    
    #fullpage .section06 .swiper-slide a {gap: 0 2.97vw;}
    #fullpage .section06 .swiper-slide .img {width: 26.41vw; height: 17.58vw; border-radius: 1.17vw; padding: 0.23vw;}
    #fullpage .section06 .swiper-slide .img::before { height: 0;}
    #fullpage .section06 .swiper-slide img {border-radius: 1.17vw;}
    #fullpage .section06 .swiper-slide .txt {width: calc(100% - 29.30vw);}
    #fullpage .section06 .swiper-slide .cate {font-size: 1.09vw; padding: 0.47vw 0.86vw; border-radius: 0.63vw; ; letter-spacing: -0.08vw;}
    #fullpage .section06 .swiper-slide .tit {margin-top: 1.17vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #fullpage .section06 .swiper-slide .desc {margin-top: 1.56vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    #fullpage .section06 .swiper-slide .date {margin-top: 2.27vw; font-size: 1.09vw; letter-spacing: -0.08vw;}    
}

@media screen and (max-width:768px) {
    .only_pc {display: none;}
    .only_mob {display: block;}

    /* header */
    #header {height: 15.63vw;}
    #header.fixed {background: #fff;}
    #header.fixed .logo span {color: #000;}
    #header.fixed .logo span::before {background: #888;}
	#header.fixed .logo1, #header.fixed .logo2{display: none;}	
	#header.fixed .logo img.ov{display: block;}	
	#header.fixed .right .allMenu img{filter: invert(1);}
    /* #header.fixed img {filter: brightness(1) invert(1);} */
    #header .inner {padding-left: 3.13vw;}
    #header .logo {gap: 7.05vw;}
    /* #header .logo img {width: 31.25vw;} */
	#header .logo img{height: 8.5vw;}
    #header .logo span {font-size: 3.13vw;}
    #header .logo span::before {left: -4.17vw; height: 3.73vw;}
    #header .cate,
    #header .right .menu,
    #allMenu,
    .bot_menu,
    #fullpage .section01 .down {display: none;}
    #header .right .allMenu {padding: 5.73vw 3.91vw;}
    #header .right .allMenu img {width: 6.51vw;}
    /* header hover */
    #header .cate > li:hover > a::after {height: 0.52vw; bottom: -0.52vw;}

    .quick_bar {height: auto; position: fixed; right: 0; bottom: 0;}

    /* sideMenu */
    #sideMenu {display: block; position: fixed; z-index: 100; top: 0; right: -100%; width: 100%; height: 100vh; opacity: 0; -webkit-transition: all 0.6s 0.2s ease-in-out; transition: all 0.6s 0.2s ease-in-out;}
    #sideMenu.open {opacity: 1; right: 0;}
    /* #sideMenu .bg {background: #00000080; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;} */
    #sideMenu .inner {position: relative; background: #fff; width: 100%; height: 100%; float: right; padding: 19.01vw 5.21vw; z-index: 1;}
    #sideMenu .close {position: absolute; top: 1.43vw; right: 1.43vw;}
    #sideMenu .close img {width: 11.25vw;}
    #sideMenu .logo {display: flex; align-items: center; gap: 0 8.33vw;}
    #sideMenu .logo img {width: 34.64vw; filter: brightness(0);}
    #sideMenu .logo span {position: relative; font-size: 3.39vw; font-weight: 400; color: #000; display: block; line-height: 1.9;}
    #sideMenu .logo span::before {content: ""; width: 0.23vw; height: 4.69vw; background: #8E8E8E; position: absolute; top: 50%; transform: translateY(-50%); left: -4.17vw;}
    #sideMenu .cate {margin-top: 10.42vw;}
    #sideMenu .cate h2.on {color: var(--green-color); border-bottom: 0;}
    #sideMenu .cate h2.on img {transform: rotate(90deg);}
    #sideMenu .cate h2 {padding: 4.69vw 0; display: flex; align-items: center; justify-content: space-between; font-size: 3.65vw; font-weight: 600; color: #000; border-bottom: 0.26vw solid #E7E7E7;}
    #sideMenu .cate li:first-child h2 {border-top: 0.26vw solid #E7E7E7;}
    #sideMenu .cate h2 img {width: 1.56vw;}
    #sideMenu .cate ol {display: none; padding: 3.91vw 0; border-bottom: 0.26vw solid #E7E7E7; border-top: 0.26vw solid #E7E7E7;}
    #sideMenu .cate ol a {padding: 1.30vw 0; font-size: 3.65vw; font-weight: 500; color: #6D6D6D; line-height: 1.7;}
    #sideMenu .cate ol a:hover {color: var(--green-color); text-decoration: underline; text-underline-offset: 0.78vw;}

    /* footer */
    #footer {padding: 11.72vw 0 11.98vw;}
    #footer .inner {display: revert; padding: 0 3.13vw !important;}
    #footer .logo {gap: 0 9.38vw;}
    #footer .logo img {width: 39.06vw;}
    #footer .logo span {font-size: 4.69vw;}
    #footer .logo span::before {left: -4.69vw; width: 0.26vw; height: 5.21vw;}
    #footer .info {margin-top: 7.81vw;}
    #footer .info li {gap: 1.30vw; flex-wrap: wrap;}
    #footer .info li + li{margin-top: 1.30vw;}
    #footer .info li span {font-size: 3.65vw; letter-spacing: -0.26vw;}
    #footer .copy {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
    #footer .right {margin-top: 5.21vw;}
    #footer .tel {font-size: 4.17vw;  gap: 0 2.60vw; justify-content: flex-start;} 
    #footer .tel h2 {font-size: 5.21vw; letter-spacing: -0.26vw;}
    #footer .menu {margin-top: 2.60vw; gap: 0 10.42vw;}
    #footer .menu a {font-size: 3.65vw; letter-spacing: -0.26vw;}
    #footer .menu a + a::before {left: -5.21vw; width: 0.26vw; height: 3.39vw;}
    #footer .sns {margin-top: 7.03vw; gap: 0 3.39vw; justify-content: flex-start;}
    #footer .sns img {width: 10.42vw;}

    /* intro */
    #intro {display: revert;}
    #intro > div {width: 100%; height: 50%;}
    #intro .txt p {font-size: 3.13vw; letter-spacing: -0.00vw;}
    #intro .txt h2 {margin-top: 3.91vw; ; padding-top: 3.91vw; font-size: 6.77vw; min-width: 56.51vw;}
    #intro .txt img {margin-top: 4.95vw; width: 5.99vw;}


    /* main */
    #fullpage .inner {max-width: 100%; padding: 0 3.13vw;}
    #fullpage .section,
    #fullpage .fp-tableCell {height: auto !important;}
    /* quick_bar */
    .quick_bar {width: 11.72vw; border: 0; top: auto; bottom: 0;}
    .quick_bar a {padding: 3.39vw 0;}
    .quick_bar li {border: 0;}
    .quick_bar li.open_menu {background: var(--green-color); height: 11.72vw;}
    .quick_bar li.open_menu a {display: flex; align-items: center; justify-content: center; padding: 0; height: 100%;}
    .quick_bar li.open_menu img {width: 6.51vw;}
    .quick_bar li.open_menu.on {background: #000;}
    .quick_bar ol {overflow: hidden; height: 0;}
    .quick_bar li.apply {background: var(--blue-color);}
    .quick_bar li.home {background: var(--green-color);}
    .quick_bar li.scrollTop {background: #fff;}
    .quick_bar li.scrollTop p {color: #000;}
    .quick_bar li.scrollTop img {filter: brightness(0);}
    .quick_bar li:last-child a {padding: 2.86vw 0;}
    .quick_bar li img {width: 4.75vw;}
    .quick_bar li:last-child img {width: 3.86vw;}
    .quick_bar li p {margin-top: 1.56vw; font-size: 2.08vw; letter-spacing: -0.06vw;}


    /* section01 */
    #fullpage .section01 .symbol img {width: 18.02vw;}
    #fullpage .section01 .info_cont {width: 100%; text-align: center;}
    #fullpage .section01 .desc {margin-top: 4.17vw; font-size: 4.17vw; letter-spacing: -0.15vw;}
    #fullpage .section01 .logo {margin-top: 0.78vw;}
    #fullpage .section01 .logo img {width: 75.08vw;}
    #fullpage .section01 .info {margin-top: 4.43vw; font-size: 3.65vw; letter-spacing: -0.09vw; line-height: 1.7;}
    #fullpage .section01 .bot {margin-top: 10.42vw;}
    #fullpage .section01 .swiper-slide img {height: 169.27vw;}
    #fullpage .section01 .arrow {margin: 0;}
    #fullpage .section01 .arrow img {width: 4.17vw;}
    #fullpage .section01 .swiper-button-next {margin-right: 3.91vw;}
    #fullpage .section01 .paginatio_cont {margin: 0 3.91vw; width: 42.71vw; height: 6.25vw;}
    #fullpage .section01 .swiper-pagination-progressbar {width: 26.04vw; height: 0.52vw;}
    #fullpage .section01 .swiper-pagination-fraction span {font-size: 3.65vw; letter-spacing: -0.21vw;}
    #fullpage .section01 .pause {width: 6.51vw; height: 6.51vw; line-height: 5.47vw;}
    #fullpage .section01 .pause img {width: 3.65vw;}
    /* section02 */
    #fullpage .section02 {padding: 20.25vw 0 20.25vw 3.13vw; background-image: url('/images/main/sec02_bg_m.jpg');}
    #fullpage .section02 .inner {padding-right: 0;}
    #fullpage .section02 .tit {display: revert;}
    #fullpage .section02 h2 {font-size: 6.51vw; letter-spacing: -0.26vw; line-height: 1.4;}
    #fullpage .section02 .tab {gap: 6.51vw; margin-top: 10.42vw;}
    #fullpage .section02 .tab li a {font-size: 4.17vw; letter-spacing: -0.16vw;}
    #fullpage .section02 .tab li a.on {text-underline-offset: 0.78vw;}
    #fullpage .section02 .cont {margin-top: 7.55vw;}
    #fullpage .section02 .list_wrap .swiper-slide a {padding: 10.42vw 7.81vw 9.90vw;}
    #fullpage .section02 .list_wrap .swiper-slide .cate {padding: 0.78vw 2.60vw; border-radius: 1.82vw; ; font-size: 3.65vw; letter-spacing: -0.18vw;}
    #fullpage .section02 .list_wrap .swiper-slide .subject {margin-top: 3.65vw; font-size: 4.17vw; letter-spacing: -0.18vw; min-height: 11.93vw;}
    #fullpage .section02 .list_wrap .swiper-slide .desc {margin-top: 3.65vw; font-size: 3.65vw; letter-spacing: -0.13vw; min-height: 12.58vw;}
    #fullpage .section02 .list_wrap .swiper-slide .date {margin-top: 3.65vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    #fullpage .section02 .cont .bot {margin-top: 7.81vw; gap: 0 3.91vw; padding-right: 3.13vw;}
    #fullpage .section02 .cont .swiper-pagination {height: 0.52vw;}
    #fullpage .section02 .cont .arrow {gap: 0 1.30vw;}
    #fullpage .section02 .cont .arrow > div {margin: 0; width: 7.81vw; height: 7.81vw;}
    #fullpage .section02 .cont .arrow > div img {width: 3.13vw; height: 3.13vw;}
	#fullpage .section02 .list_wrap .no_data{padding: 32.49vw 0; font-size: 3.65vw;}
    /* section03 */
    #fullpage .section03 {padding: 20.25vw 0 0; background-image: url('/images/main/sec03_bg_m.jpg');}
    #fullpage .section03 .in {display: revert; height: auto;}
    #fullpage .section03 .tit {height: auto; width: 100%;}
    #fullpage .section03 h2 {position: relative; top: auto; left: auto; transform: none; font-size: 6.51vw; letter-spacing: -0.26vw; height: auto; width: 100%; line-height: 1.4; padding: 0 2.86vw;}
    #fullpage .section03 .left {height: auto; width: 100%; margin-top: 10.42vw; border-top: 0.26vw solid #FFFFFF4D; border-left: 0;}
    #fullpage .section03 .left .box {position: relative; height: auto; padding: 14.58vw 2.86vw;}
    #fullpage .section03 .left .txt {position: revert;}
    #fullpage .section03 .left .txt h3 {font-size: 5.21vw; letter-spacing: -0.52vw;}
    #fullpage .section03 .left .txt p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.00vw;}
    #fullpage .section03 .left .txt a {width: 22.09vw; height: 6.91vw; border-radius: 8.64vw; gap: 0.26vw; margin: 3.91vw 0 0; font-size: 3.65vw; letter-spacing: -0.17vw; opacity: 1;}
    #fullpage .section03 .left .txt a img {width: 3.46vw;}
    /* section04 */
    #fullpage .section04 {padding: 20.25vw 3.13vw 20.25vw; background-image: url('/images/main/sec04_bg_m.jpg');}
    #fullpage .section04 h2 {font-size: 6.51vw; letter-spacing: -0.21vw;}
    #fullpage .section04 .mySwiper {margin-right: 0; padding-top: 10.42vw;}
    #fullpage .section04 .mySwiper .swiper-wrapper {margin-left: 0;}
    #fullpage .section04 .swiper-slide {width: 93.75vw; margin: 0;}
    #fullpage .section04 .swiper-slide .txt {margin-top: 7.81vw;}
    #fullpage .section04 .swiper-slide .txt .tit {font-size: 4.69vw; letter-spacing: -0.21vw; line-height: 1.3;}
    #fullpage .section04 .swiper-slide .txt p {margin-top: 3.13vw; font-size: 3.65vw; letter-spacing: -0.12vw; line-height: 1.7;}
    #fullpage .section04 .swiper-slide-active .featured-video {transform: scale(1);}
    #fullpage .section04 .swiper-slide-active .featured-video::after {width: 8.33vw; height: 8.33vw; }
    #fullpage .section04 .arrow {position: relative; bottom: auto; width: 17.19vw; margin-top: 5.21vw;}
    #fullpage .section04 .arrow > div img {width: 5.99vw;}
    #fullpage .section04 .line1:before {height:0.78vw;}
    #fullpage .section04 .line1:after {width:0.78vw;}
    #fullpage .section04 .line2:after {height:0.78vw;}
    #fullpage .section04 .line2:before {width:0.78vw;}
    .fancybox-slide--iframe .fancybox-content {width: 90% !important; max-width: 90% !important; height: 50vw !important;}
    /* section05 */
    #fullpage .section05 {background-image: url('/images/main/sec05_bg_m.jpg');}
    #fullpage .section05 ul {height: auto; padding-right: 0; display: revert;}
    #fullpage .section05 ul li {width: 100%; display: revert; border-left: 0 !important;}
    /* #fullpage .section05 ul li:first-child {padding-top: 15.10vw;} */
    #fullpage .section05 ul li + li {border-top: 0.26vw solid transparent; border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%); border-image-slice: 1;}
    #fullpage .section05 ul li > div {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 13.54vw; padding: 9.07vw 11.72vw;}
    #fullpage .section05 ul li .img {display: inline-block; margin-top: 3.91vw;}
    #fullpage .section05 ul li img {width: 13.83vw;}
    #fullpage .section05 ul li .txt {text-align: left;}
    #fullpage .section05 ul li strong {margin-top: 0; font-size: 4.69vw; letter-spacing: -0.35vw; line-height: 1.5;}
    #fullpage .section05 ul li p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.10vw; line-height: 1.3;}
    #fullpage .section05 ul li a {width: 22.09vw; height: 6.91vw; border-radius: 8.64vw; gap: 0.26vw; margin: 3.91vw 0 0; font-size: 3.65vw; letter-spacing: -0.17vw;}
    #fullpage .section05 ul li a img {width: 3.46vw;}
    /* section06 */
    #fullpage .section06 {padding: 20.25vw 0 20.25vw 3.13vw; background-image: url('/images/main/sec06_bg_m.jpg');}
    #fullpage .section02 .inner {padding: 0;}
    #fullpage .section06 .swiper-slide {width: 78.13vw; padding: 0 .1vw;}
    #fullpage .section06 .swiper-slide a {display: revert;}
    #fullpage .section06 .swiper-slide .img {width: 100%; height: 52.08vw; border-radius: 5.21vw; padding: 0.78vw;}
    #fullpage .section06 .swiper-slide img {border-radius: 5.21vw;}
    #fullpage .section06 .swiper-slide .txt {width: 100%; margin-top: 7.81vw;}
    #fullpage .section06 .swiper-slide .cate {font-size: 3.65vw; padding: 0.91vw 2.47vw; border-radius: 1.81vw; letter-spacing: -0.18vw; line-height: 1.5;}
    #fullpage .section06 .swiper-slide .tit {margin-top: 3.65vw; font-size: 4.17vw; letter-spacing: -0.18vw; line-height: 1.3; padding: 0;}
    #fullpage .section06 .swiper-slide .desc {margin-top: 3.65vw; font-size: 3.65vw; letter-spacing: -0.13vw; line-height: 1.4;}
    #fullpage .section06 .swiper-slide .date {margin-top: 3.65vw; font-size: 3.65vw; letter-spacing: -0.07vw; line-height: 1.2;} 
    #fullpage .section06 .cont .bot {padding-right: 3.13vw;}
}