@import url('font/exit_font.css'); body { overflow-x: hidden; } 
:root { --swiper-theme-color:#333; --swiper-navigation-size:18px; } 
.tith1 { display: block; font-size: 2.5rem; font-weight: 700; line-height: 3.5rem; } 
.more-btn1 { display: block; padding-right: 13px; font-size: 1.5rem; font-weight: 500; color: var(--gray-66); text-decoration: underline; margin-top: 40px; } 
.con-box { justify-content: space-between; padding: 80px 0; } 
.mg_overlay ul li:nth-child(5) a { font-size: 16px; line-height: inherit; letter-spacing: 0; color: rgba(35, 24, 21, 0.5) !important; } 
.con-box .tith-top { display: flex; align-items: center; justify-content: space-between; width: 290px; margin-bottom: 35px; } 
.con-box .inner .eng-tit { font-size: 1.4rem; font-weight: 600; color: #2c5198; } 
.con-box .inner .tith1 { font-size: 3.2rem; margin: 20px 0 28px 0; line-height: 1.3; } 
.con-box .inner .tith1 em { color: #2c5198; } 
.con-box .inner .tit-text { font-size: 1.6rem; color: #666; font-weight: 500; white-space: nowrap; } 

@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
@media only screen and (max-width: 767px){
 .con-box { padding: 50px 0; } 
 }
@media only screen and (max-width: 500px){
 .con-box .inner .tith1 { margin: 10px 0 20px 0; white-space: nowrap; } 
 .con-box .inner .tit-text { margin-top: 10px; } 
 .con-box .inner .tit-text br { display: none; } 
 .more-btn1 { display: inline; float: right; margin-top: 0; text-align: right; } 
 .lf { width: 100%; } 
 .con-box .tith-top { margin-bottom: 20px } 
 }
/******** Main Visual ********/
.visual-slide { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000; } 
.visual-slide .swiper-wrapper { display: flex; } 
.visual-slide .swiper-slide { position: relative; display: flex; text-align: center; font-size: 18px; justify-content: center; align-items: center; } 
.visual-slide .swiper-slide video { display: block; width: 100%; height: 100%; object-fit: cover;} 
.visual-slide .swiper-slide img {width: 100%; height: 100%; object-fit: cover}
@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
/******** Main Visual-text ********/
@media only screen and (max-width: 1023px){
 .visual-slide { height: 650px; } 
 }
@media only screen and (max-width: 767px){
 .visual-slide { height: 450px; } 
 }
@media only screen and (max-width: 408px){
 .visual-slide { height: 500px; } 
 }
/******** Main Visual-swiper ctrl ********/
.visual-slide .swiper-control-st1 { position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; align-items: center; gap: 8px; } 
.visual-slide .swiper-control-st1 .swiper-pagination { position: relative; bottom: unset; left: unset; display: flex; align-items: center; } 
.visual-slide .swiper-control-st1 .swiper-pagination .swiper-pagination-bullet { background: #fff; } 
.visual-slide .swiper-control-st1 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } 
.visual-slide .swiper-control-st1 .swiper-button-play { width: 10px; height: 10px; font-size: 0; background: url(../img/layout/icn-start-wh.png) no-repeat center center / auto; } 
.visual-slide .swiper-control-st1 .swiper-button-stop { width: 10px; height: 10px; font-size: 0; background: url(../img/layout/icn-pause-wh.png) no-repeat center center / auto; } 
.visual-slide .swiper-horizontal > .swiper-pagination-bullets, .visual-slide .swiper-pagination-bullets.swiper-pagination-horizontal, .visual-slide .swiper-pagination-custom, .visual-slide .swiper-pagination-fraction { bottom: 0; } 

@media only screen and (max-width: 1023px){
 .visual-slide .swiper-control-st1 { bottom: 14%; } 
 }
@media only screen and (max-width: 767px){
 .visual-slide .swiper-control-st1 { bottom: 16%; } 
 .visual-slide .swiper-control-st1 .swiper-pagination-bullet { width: 6px; height: 6px; } 
 }
@media only screen and (max-width: 440px){
 .visual-slide .swiper-control-st1 { bottom: 28%; } 
 }
/******** Main Visual- weather ********/
.weather { position: absolute; top: 150px; right: 40px; display: flex; flex-direction: column; font-size: 2.0rem; line-height: 1.2; z-index: 50; } 
.weather .temp { color: #fda8a8; font-size: 1.8rem; display: flex; justify-content: right; text-align: right; margin-right: 60px; } 
.weather .temp em { font-size: 3.0rem; display: flex; font-weight: 600; } 
.weather .temp .weather-icon {font-size: 0; display: inline-block; position: absolute; bottom: 28px; right: 0; } 
.weather .temp .weather-icon img { width: 50px; height: auto; }
.weather p { color: #fff; } 

@media only screen and (max-width: 1023px){
 .weather { font-size: 1.6rem; } 
.weather .temp { font-size: 1.6rem; margin-right: 45px; } 
.weather .temp em { font-size: 2.5rem; } 
.weather .temp .weather-icon { bottom: 22px;}
.weather .temp .weather-icon img {width: 40px;}
.weather p { color: #fff; } 
 }
@media only screen and (max-width: 767px){
 .weather .temp { font-size: 1.5rem; margin-right: 31px; } 
.weather { font-size: 1.5rem; } 
.weather .temp em { font-size: 2.0rem; } 
.weather .temp .weather-icon { bottom: 18px; width: 30px; height: 30px; background-size: cover; } 
 }
@media only screen and (max-width: 400px){
 .weather .temp .weather-icon img {width: 35px;}
 .weather { right: 16px; } 
 }
/******** QuickMenu ********/
.quickmenu { position: absolute; bottom: 0; width: 100%; height: 65px; z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);} 
.quickmenu ul { height: 100%; display: flex; justify-content: space-around; color: #fff; backdrop-filter: blur(5px); opacity: 0; animation: quickmenu 1.5s ease-in-out forwards; animation-delay: 0.5s; } 
@keyframes quickmenu { 
 0% { transform: translateX(100%); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }
.quickmenu ul li { position: relative; font-size: 1.6rem; width: 100%; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; transition: all 0.5s; } 
.quickmenu ul li a { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; } 
.quickmenu ul li:hover a { color: #333; font-size: larger; font-weight: 600; transition: all 0.4s; } 
.quickmenu ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #fff; transition: all 0.4s; z-index: -1; } 
.quickmenu ul li:hover:before { height: 100%; } 

@media only screen and (max-width: 767px){
 .quickmenu { height: 50px; } 
 .quickmenu ul { animation: none; opacity: 1; } 
 .quickmenu ul li a { font-size: 1.4rem; } 
 }
@media only screen and (max-width: 470px){
 .quickmenu { height: 110px; } 
 .quickmenu ul { flex-wrap: wrap; justify-content:unset; } 
 .quickmenu ul li { width: 50%; } 
 .quickmenu ul li a { padding: 5px; } 
 }
/******** con-box1 notice********/
.con-box1 .inner { display: flex; justify-content: space-between; gap: 30px; align-items: center; } 
.con-box1 .inner .eng-tit { position: relative; } 
.con-box1 .inner .eng-tit::after { content: ""; position: absolute; top: -130px; right: 260%; width: 171px; height: 191px; background: url(../img/main/notice-deco6.png); } 
.con-box1 .inner .notice .tith1 { position: relative; } 
.con-box1 .inner .notice .tith1::before { content: ""; position: absolute; top: 96px; left: -102px; width: 41px; height: 149px; background: url(../img/main/notice-deco4.png) center center no-repeat; background-size: cover; z-index: -1; } 
.con-box1 .inner .notice .tith1::after { position:absolute; top: 167px; left: 1471px; content: ""; width: 178px; height: 175px; background: url(../img/main/notice-deco5.png) center center no-repeat; z-index: -1; animation: rotate 10s infinite linear; } 
/* @keyframes rotate { 
 from { transform: rotate(0deg); } 
 to { transform:rotate(360deg) } 
 }*/
.con-box1 .inner .notice { display: flex; width: calc(100% - 370px); justify-content: space-between; } 
.notice .left { width: 290px; } 
.notice-wrap { width: calc(100% - 290px); } 
.notice-slide::after { content: ""; position: absolute; right: 0px; top: 0px; z-index: 10; display: block; width: 100px; height: 100%; background: linear-gradient(to left, #fff, #ffffff48, transparent); } 
.notice-slide .swiper-wrapper .swiper-slide { position: relative; max-width: 300px; height: 340px; border: 1px solid #e5e5e5; border-radius: 10px; } 
.notice-slide .swiper-wrapper .swiper-slide a::after { position: absolute; content: ""; bottom: -2px; right: -6px; width: 165px; height: 58px; background: url(../img/main/notice-deco3.png) center center no-repeat; z-index: -990; } 
.notice-slide .swiper-wrapper .swiper-slide a { position: relative; display: block; width: 100%; height: 100%; padding: 60px 30px 30px 30px; overflow: hidden; } 
.notice-slide .swiper-wrapper .swiper-slide a em { height: 60px; font-size:2.0rem; font-weight: 600; line-height: 1.6; display:-webkit-box; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom: 30px; } 
.notice-slide .swiper-wrapper .swiper-slide a em i { transition: all 0.5s ease-in-out; } 
.notice-slide .con-txt { font-size: 1.6rem; color: #777; margin-bottom: 60px; } 
.notice-slide .date { font-size: 1.5rem; color: #777; padding-left: 20px; background: url(../img/main/icn-date.png) left center no-repeat; } 

@media only screen and (max-width: 1250px){
 .notice-slide { width: 100%; } 
 }
@media only screen and (max-width: 1100px){
 .con-box1 .inner { flex-wrap: wrap; } 
 .con-box1 .inner .notice { width: 100%; } 
 .con-box1 .inner .banner { width: 100%; margin-top: 50px; } 
 }
 @media only screen and (max-width: 761px){
 .notice-slide { width: 90%; } 
 .notice-slide::after { display: none; } 
 }
@media only screen and (max-width: 676px){
 .notice-wrap { width: 100%; } 
 .notice-slide { width: 80%; } 
 }
@media only screen and (max-width: 624px){
 .notice-slide { width: 68%; } 
 }
@media only screen and (max-width: 585px){
 .notice-slide { width: 70%; } 
 .notice-slide::after { display: none; } 
 }
@media only screen and (max-width: 550px){
 .notice-wrap { width: 87%; } 
 .notice-slide { width: 60%; } 
 }
@media only screen and (max-width: 532px) { /* 글자 튀어나옴 방지 */
 .notice-slide .swiper-wrapper .swiper-slide a em { line-height: 1.7; } 
 }
@media only screen and (max-width: 500px){
 .con-box1 .inner .notice { display: block; } 
 .con-box1 .inner .notice .left { display: flex; width: 100%; } 
 .con-box1 .inner .notice .notice-slide { width: 120%; } 
 .notice-slide .swiper-wrapper .swiper-slide { height: 265px; } 
 .notice-slide .swiper-wrapper .swiper-slide a { padding: 30px; } 
 .notice-slide .swiper-wrapper .swiper-slide a em { margin-bottom: 20px; } 
 .notice-slide .con-txt { margin-bottom: 30px; } 
 .notice-wrap { margin-right: -20px; } 
 }
/* 공지사항 호버시 */
.notice-slide .swiper-wrapper .swiper-slide a:hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #2c5198; border-radius: 10px; overflow: hidden; } 
.notice-slide .swiper-wrapper .swiper-slide:hover { box-shadow: 1px 1px 1px rgba(35, 24, 21, 0.5); border: 0; } 
.notice-slide .swiper-wrapper .swiper-slide:hover em i { box-shadow:0 -14px 0 rgba(195, 213, 240, 0.9) inset; } 
/******** con-box1 notice-slide ********/
.swiper-control-st2 { position: relative; top: 60px; display: flex; width: 100%; } 
.swiper-control-st2 .swiper-button-next { top: 1px; left: 200px; background: url(../img/main/icn-arr-next.png) center center no-repeat; } 
.swiper-control-st2 .swiper-button-prev { top: 1px; left: 180px; background: url(../img/main/icn-arr-prev.png) center center no-repeat; } 
.swiper-control-st2 .swiper-button-next::after, .swiper-control-st2 .swiper-button-prev::after { display: none; } 
.swiper-control-st2 .swiper-pagination-progressbar { width: 130px; left: 40px; } 
.swiper-control-st2 .swiper-pagination-f { position: absolute; top: -10px; font-size: 1.4rem; font-weight: 600; color: #757575; } 
.swiper-control-st2 .swiper-pagination-total { color: #757575; } 
.swiper-control-st2 .swiper-pagination-current { color: #333; } 

@media only screen and (max-width: 500px){
 .swiper-control-st2 { display: none; } 
 }
/******** banner ********/
.banner { position: relative; width: 340px; } 
.banner .tith-top .tith1 { margin-bottom: 0; } 
.banner-slide .swiper-slide { display: flex; justify-content: right; } 
.banner-slide .swiper-slide img { width: 100%; height: 100%; border-radius: 10px; } 
.swiper-control-st3 { position: relative; top: 21px; display: flex; } 
.swiper-control-st3 .swiper-button-next::after, .swiper-control-st3 .swiper-button-prev::after { display: none; } 
.swiper-control-st3 .swiper-pagination { position: absolute; top: -41px; left: 41%; display: flex; width: 100%; height: 18px; --swiper-theme-color: #fff } 

@media only screen and (max-width: 1250px){
 .banner { margin-left: 40px; } 
 }
@media only screen and (max-width: 1100px){
 .swiper-control-st3 .swiper-pagination { display: none; } 
 .banner { margin-left: 0px; } 
 }
@media only screen and (max-width: 470px){
 .con-box1 .inner .banner { margin-top: 30px; } 
 .swiper-control-st3 .swiper-pagination { display: none; } 
 }
@media only screen and (max-width: 449px){
 .swiper-control-st3 .swiper-pagination { display: block; left: -1%; top: -51px; } 
 }
/******** con-box2 ********/
.con-box2 { position: relative; display: flex; background: #272a31; padding: 100px 0; overflow: hidden; } 
.con-box2 .inner { display: flex; align-items: center; } 
.con-box2 .inner::after { content: ""; position: absolute; top: 247px; left: 46%; width: 404px; height: 381px; background: url(../img/main/event-deco3.png); z-index: -10; z-index: -100; opacity: 0.6;} 
.con-box2 .top::before { height: 470px; } 
.con-box2 .top .lf { margin-bottom: 40px; } 
.con-box2 .top .lf .tith1 { color: #fff; } 
.con-box2 .top .lf .tith1 em { color: #5b80c5; } 
.con-box2 .top .lf .eng-tit { position: relative; color: #5b80c5; } 
.con-box2 .top .lf .eng-tit::before { content: ""; position: absolute; top: 50px; left: -200px; width: 13px; height: 220px; background: url(../img/main/event-left-deco.png) center center no-repeat; } 
.con-box2 .top .lf .more-btn1 { color: #fff; } 
.con-box2 .inner .tit-text { color: #fff; opacity: 0.8; } 
.event-slide { width: calc(100% - 290px); overflow: visible; } 
.event-slide::after { content: ""; position: absolute; top: -130px; left: -120px; width: 780px; height: 384px; background: url(../img/main/event-deco2.png) center center no-repeat; z-index: -1; opacity: 0.6;} 
.slide-for { float: left; width: 600px; display: flex; align-items: center; } 
.slide-nav-wrapper { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 630px; height: 420px; overflow: hidden; } 
.slide-nav-wrapper .slide-nav { overflow: visible; } 
.slide-nav .swiper-wrapper { height: 420px; } 
.slide-nav .swiper-slide { display: flex; align-items: center; transition: transform 0.3s ease-in-out; max-width: 270px; } 
.slide-nav .swiper-slide .img-wrap { width: 100%; border-radius: 1rem; overflow: hidden; height: 367px;} 
.slide-nav .swiper-slide-active .img-wrap { margin-right: 10px; } 
.slide-nav .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.slide-nav .swiper-slide:not(.swiper-slide-active) { transform: scale(.9); } 
.slide-nav .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) { transform: scale(.8); } 
.slide-nav .swiper-slide:not(.swiper-slide-active) .img-wrap img { filter: blur(0.5px) opacity(0.8); } 
.slide-nav .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) .img-wrap img { filter: blur(1px) opacity(0.5); } 
.event-text { color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%; } 
.event-text .con-tit { font-size: 2.4rem; padding-bottom: 30px; border-bottom: 1px solid #ffffff33; white-space: nowrap; } 
.event-text .con-date, .event-text .con-space { font-size: 1.7rem; margin: 5px 0; } 
.event-text .con-date { margin-top: 30px; } 
.event-text .con-detail { font-size: 1.6rem; opacity: 0.8; margin-top: 30px; } 
.event-text .more-btn1 { color: #fff; } 
.con-box2 .swiper-control-st2 { color: #fff; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-next { background: url(../img/main/icn-arr-next-w.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-prev { background: url(../img/main/icn-arr-prev-w.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-pagination-f { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-total { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-current { color: #fff; } 
.con-box2 .swiper-control-st2 .swiper-pagination-progressbar-fill { background: #fff; } 

@media only screen and (max-width: 1620px){
 .slide-for { width: 500px; } 
 .slide-nav-wrapper { width: calc(100% - 900px); } 
 }
@media only screen and (max-width: 1200px){
 .slide-for { width: 450px; } 
 .slide-nav-wrapper { width: 300px; } 
 }
@media only screen and (max-width: 1090px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: 270px; } 
 }
@media only screen and (max-width: 1000px){
 .con-box2 { background: none; padding-top: 0; padding-bottom: 0; } 
 .con-box2 .inner { flex-direction: column; } 
 .con-box .tith-top { width: 100%; } 
 .con-box2 .top .lf { width: 100%; margin-bottom: 0; } 
 .con-box2 .inner .lf .eng-tit { color: #2c5198; } 
 .con-box2 .inner .lf .tith1 { color: #333; } 
 .con-box2 .inner .lf .tith1 br { display: none; } 
 .con-box2 .top .lf .tith1 em { color: #2c5198; } 
 .con-box2 .top .lf .tit-text { color: #666; } 
 .con-box2 .inner .lf .tit-text br { display: none; } 
 .con-box2 .top .lf .more-btn1 { display: inline; float: right; color: #333; margin: 0; } 
 .event-slide::before { content: ""; position: absolute; top: 0px; left: -25px; right: -25px; width: calc(100% + 50px); height: 473px; background: #272a31; } 
 .event-slide::after { z-index: 0; left: -233px; } 
.con-box2 .swiper-control-st2 { color: unset; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-next { background: url(../img/main/icn-arr-next.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-button-prev { background: url(../img/main/icn-arr-prev.png) center center no-repeat; z-index: 10; } 
.con-box2 .swiper-control-st2 .swiper-pagination-progressbar-fill { background: unset; } 
.con-box2 .swiper-control-st2 { display: none; } 
.swiper-control-st2 .swiper-pagination-f { color: #757575; } 
.swiper-control-st2 .swiper-pagination-total { color: #666; } 
.swiper-control-st2 .swiper-pagination-current { color: #333; } 
.event-slide { position: relative; width: calc(100%); padding: 80px 0; } 
.slide-for { width: 500px; } 
.slide-nav-wrapper { width: calc(100% - 550px); right: -25px; } 
 }
 @media only screen and (max-width: 860px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: calc(100% - 450px); } 
 }
 @media only screen and (max-width: 750px){
 .slide-for { width: 400px; } 
 .slide-nav-wrapper { width: calc(100% - 400px); } 
 }
 @media only screen and (max-width: 690px){
 .slide-for { width: 330px; } 
 .slide-nav-wrapper { width: calc(100% - 330px); } 
 .event-text .con-tit { font-size: 2.0rem } 
 .event-text .con-date, .event-text .con-space { font-size: 1.5rem; } 
 .event-text .con-detail { font-size: 1.5rem; } 
 }
 @media only screen and (max-width: 620px){
 .event-slide::before { height: 772px; } 
 .event-slide::after { left: -249px; } 
 .slide-for { width: 100%; } 
 .slide-nav-wrapper { position: relative; top: unset; left: -20px; right: -20px; width: calc(100% + 40px); transform: unset; } 
 .slide-nav .swiper-slide { max-width: 280px; } 
 .slide-nav .swiper-slide-active .img-wrap { margin-left: 13px; } 
 .event-text .con-detail { display: none; } 
 .event-slide .more-btn1 { margin-top: 20px; } 
 }
 @media only screen and (max-width: 570px){
 .con-box2 .inner::after { top: 320px; left: 330px; } 
 .con-box2 { height: 912px; } 
 }
/******** // con-box2 ********/
/******** con-box3 ********/
/* .con-box3 { padding-top: 0; } */
.con-box3 .inner { display: flex; gap: 50px; width: 100%; } 
.con-box3 .tith-top { position: relative; width: unset; } 
.con-box3 .tith-top::before { content: ""; position: absolute; top: -50px; left: -270px; width: 499px; height: 214px; background: url(../img/main/gallery-deco3.png) center center no-repeat; z-index: -1; } 
.con-box3 .tith-top::after { content: ""; position: absolute; top: 450px; left: 85%; width: 424px; height: 125px; background: url(../img/main/gallery-deco4.png); z-index: -10; } 
.gallery { width: 100% } 
.gallery .top .lf { width: 100%; } 
.gallery .top .lf .tith1 { margin-bottom: 0; } 
.gallery .top .lf > div { display: flex; width: 100%; height: 100%; justify-content: space-between; } 
.container { display: flex; width: 100%; height: 340px; gap: 25px; } 
.box { position: relative; flex: 1; overflow: hidden; transition: 0.4s; box-shadow: 0 20px 30px rgba(0,0,0,.1); line-height: 0; background: #000; border-radius: 10px; } 
.box > img { width: 200%; height: calc(100% - 10vh); object-fit: cover; transition: .5s; } 
.box .con-tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.0rem; color:#fff; text-align: center; } 
.box:hover { flex: 1 1 50%; } 
.box:hover > img { width: 100%; vertical-align:baseline; } 
.gallery .con-txt { position: absolute; bottom: 20px; right: 20px; font-weight: 500; color: rgb(255, 191, 189); } 
@media only screen and (max-width: 680px){
/*  .con-box3 { height: 634px; }  */
 .container { flex-direction: column; height: 460px; gap: 15px; } 
 }
@media only screen and (max-width: 500px){
/*  .con-box3 { height: 651px; }  */
 .gallery .more-btn1 { padding-top: 20px; } 
 .container { flex-direction: column; height: 460px; gap: 15px; } 
 }
/******** // con-box3 ********/
/******** con-box4 ********/
.con-box4 { position: relative; padding: 40px 0; background: linear-gradient(to right, #2C5198, #1F283A); } 
.con-box4::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/main/bg-con-box4.svg) no-repeat top left / cover; } 
.con-box4 .top { display: flex; flex-direction: column; margin-bottom: 20px; } 
.con-box4 .top .eng-tit { display: flex; width: 100%; } 
.con-box4 .lf { display: flex; justify-content: space-between; align-items: end; } 
.con-box4 .lf .con-box .inner .tith1 { margin: 0; } 
.con-box4 .lf .more-btn1 { display: flex; margin: 0; } 
.con-box4 .media-slide { overflow: visible; } 
.con-box4 .media-slide .item { display: flex; background: #fff;  } 
.con-box4 .media-slide .swiper-slide { border-radius: 1.5rem; overflow: hidden; } 
.con-box4 .media-slide .swiper-slide-active { box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25); } 
.con-box4 .media-slide .item .img-wrap { position: relative; width: 100%; max-width: 1000px; height: 0; padding-bottom: 36%; } 
.con-box4 .media-slide .item .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.con-box4 .media-slide .item .img-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }  
.con-box4 .media-slide .item .txt-wrap { display: flex; flex-direction: column; max-width: 400px; padding: 40px; } 
.con-box4 .media-slide .item .txt-wrap .more-btn1 { margin-top: auto; } 
.swiper-control-st4 { display: flex; align-items: center; gap: 15px; } 
.swiper-control-st4 .swiper-fraction { display: flex; align-items: center; gap: 5px; color: #fff; } 
.swiper-control-st4 .swiper-button { display: flex; align-items: center; gap: 10px; } 
.swiper-control-st4 .swiper-button > div { position: relative; top: unset; left: unset; right: unset; bottom: unset; margin-top: unset; color: #fff; } 
.swiper-control-st4 .swiper-pagination-progressbar { position: relative; top: unset; left: unset; background: #ffffff20; }
.swiper-control-st4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ffffff; }
 @media only screen and (max-width: 1023px) {
	.con-box4 .media-slide .item .txt-wrap { padding: 20px; } 
 }
 @media only screen and (max-width: 767px) {
	.con-box4 .lf { flex-direction: column; align-items: baseline; } 
	.con-box4 .media-slide .item { flex-direction: column; } 
	.con-box4 .media-slide .item .img-wrap {  } 
	.con-box4 .media-slide .item .txt-wrap { max-width: unset; }
 }

/******** con-box5 ********/
.con-box5 { position: relative; } 
.con-box5::before { content:""; position: absolute; top: -470px; left: 0; width: 90px; height: 1300px; background: url(../img/main/sns-deco.png) center center no-repeat; background-size: contain; z-index: -10; opacity: 0; animation: deco 5s ease-in-out forwards; animation-delay: 1s; } 
@keyframes deco { 
 0% { transform: translateY(100%); opacity: 0; } 
 100% { transform: translateY(0); opacity: 1; } 
 }
.con-box5 .tith-top { display: flex; flex-direction: column; justify-content: center; margin: 0; align-items: baseline; } 
.tab-wrap .top { display: flex; justify-content: space-between; } 
.tab-wrap .top .eng-tit { display: block; } 
.filter { display: flex; gap: 30px; align-items: center; flex-wrap: wrap;} 
.filter li a { font-size: 1.8rem; color: #888; }
.filter li a:hover {font-weight: 600; color: #2c5198} 
.sns-baro ul { display: flex; gap: 10px; } 
.sns-baro ul li a { font-size: 0; } 
.sns-baro ul li a img { width: 40px; } 
.sns-baro ul li a img.rotate { transform: rotateY(360deg); transition: transform 0.3s ease-out; } 
.filter li a.active { position: relative; font-weight: 600; color: #2c5198!important; font-weight: 600;} 
.filter li a.active::before { content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: #2c5198; } 
/* sns 슬릭 슬라이드 */
.sns-slider { height:100%; margin: 20px 0 30px 0; } 
.con-box5 .slick-list { margin: 0 -10px; } 
.sns-slider .sns-con { display: flex; width: 100%; flex-direction: column; margin: 0 10px; border: 1px solid #e5e5e5; border-radius: 15px; overflow: hidden; } 
.sns-con .img-wrap { position: relative; height: 0; padding-bottom: 100%; } 
.sns-con .img-wrap a { display: block; } 
.sns-con .img-wrap img { position: absolute; width: 100%; height: 100%; object-fit: cover; } 
.sns-con .img-wrap::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #2c52989d; transition: 0.5s ease-in-out; } 
.sns-con:hover .img-wrap::after { height: 100%; } 
.sns-con:hover { border: 1px solid #2c5198; } 
.sns-txt { width: 100%; height: 150px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: #fff; } 
.sns-main-txt { font-size: 2.0rem; font-weight: 600; line-height: 1.4; } 
.sns-con:hover .sns-main-txt i { box-shadow:0 -14px 0 rgba(195, 213, 240, 0.9) inset; transition: all 0.5s ease-in-out } 
.sns-txt .date { width: fit-content; display:flex; font-size: 1.5rem; color: #777; padding-left: 20px; background: url(../img/main/icn-date.png) left center no-repeat; } 
.sns-con .more-btn1 { position: absolute; bottom: -10%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.3rem; margin-top: 0; z-index: 1; padding-right: 0; transition: all 0.5s ease-in-out; opacity:0;} 
.sns-con:hover .more-btn1 { bottom: 40%; opacity: 1;} 
.sns-slider .sns-con .txt-over2 em i {-webkit-line-clamp: 2;}
/******** con-box5 progress bar********/
.slick-control-st1 { display: flex; align-items: center; justify-content: space-between; } 
.con-box5 .custom-next-arrow,
.con-box5 .custom-prev-arrow { z-index: 2; } 
.con-box5 .custom-next-arrow { background: url(../img/main/icn-arr-next.png) center center no-repeat; font-size: 0; width: 20px; } 
.con-box5 .custom-prev-arrow { background: url(../img/main/icn-arr-prev.png) center center no-repeat; font-size: 0; width: 20px; } 
.con-box5 .progress { position: relative; display: flex; width: calc(100% - 100px); height: 5px; border-radius: 0px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, #555, #555); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; } 
.con-box5 .slider__label { font-size: 1.4rem; letter-spacing: 0.5em; font-weight: 600; color: #333; } 
@media only screen and (max-width: 1023px){
 .sns-baro ul li a img { width: 30px; } 
 .sns-main-txt { font-size: 1.8rem; } 
 }
@media only screen and (max-width: 767px){
 .sns-txt { height: 120px; padding: 20px; }
 .con-box5::before {display: none;} 
 }
@media only screen and (max-width: 450px){
 .filter { gap: 20px; } 
 .sns-txt { height: 130px; } 
 .tab-wrap .top { display: block; } 
 .sns-baro ul { justify-content: flex-end; margin-top: 10px; } 
 }
/******************** 탑버튼 ********************/
.btn_top { display:inline-block; position:fixed; right:30px; bottom:30px; z-index:49; width:50px; height:50px; font-size:0; background:url(../img/main/arrow-top.png) center center no-repeat #2c5198; border-radius: 30px; z-index: 100; } 
.btn_top .btn_bg1 { position: absolute; right:-5px; bottom:-5px; z-index:49; width:60px; height:60px; font-size:0; background: #2c5198; border-radius:30px; animation: ani 2s ease infinite; z-index: -10; } 
@keyframes ani { 
 0% { opacity: 0; transform: scale(1); } 
1% { opacity: 0.5; } 
100% { opacity: 0; transform: scale(1.4); } 
 }
@media only screen and (max-width: 767px){
 .btn_top { bottom: 30px; width: 40px; height: 40px; } 
 .btn_top .btn_bg1 { width: 50px; height: 50px; } 
 }