.inner{width:1650px;margin:0 auto;}
.tit-wrap{margin-bottom:3rem;}
.tit-wrap h4{font-size:2.5rem; font-weight: bold; color:#333; line-height: 1.2;}
.tit-wrap h4 em{color:#059fbb;}
.f25{font-size:1.25rem; color:#333;}
.f20{font-size:1rem; color:#333;}
.f18{font-size:0.9rem; line-height: 1.5;}


.tit-wrap  .char{opacity:0;}
.active .tit-wrap  .char{-webkit-animation: text-active-animation-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation: text-active-animation-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: calc(0.1s + (var(--char-index) - 1) * 0.03s);}

@media (max-width:1650px){
	.inner {width:100%;padding:0 1rem;}

}
@media (max-width:1400px){
	.tit-wrap h4{font-size:2rem;}
}
@media (max-width:1030px){
	.tit-wrap {margin-bottom:2rem;}
}
@media (max-width:767px){
	.tit-wrap {text-align:center;}
}

/********************************************************
■ 메인비주얼
********************************************************/
/*메인 비주얼*/
.slick-list,
.slick-track{height: 100% !important;}
.visual{ position:relative; overflow:hidden;height:41.2rem;}
.visual-wrap {width: 100%; height: 100%;}
.visual-item {width: 100%; height: 100%; overflow:hidden; position:relative;}
.visual-item:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0;}
.visual-inner {position:relative; display: flex; width: 1650px; margin: 0 auto; color:#fff; z-index:10;}
.visual-inner .ptext {position:relative; width: 100%;}
.visual-inner .ptext .txt{font-size:2.5rem; font-weight: 700; color:#fff; text-shadow: 5px 0px 10px rgb(0 0 0 / 40%);}
.visual-inner .ptext .tit{font-size:3.15rem; font-weight: 700; color:#fff; line-height: 1.22; text-shadow: 5px 0px 10px rgb(0 0 0 / 50%);}

@media (max-width:1030px){
    .visual-inner .ptext .tit{font-size:2.5rem;}
}

.visual .slick-initialized .slick-slide {align-items:flex-start;padding-top:10.5rem;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.visual-inner .ptext .word-split.splitting .word{overflow:visible;}
.visual-inner .ptext .word-split.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.slick-current .visual-inner .ptext .word-split.splitting .word{}
.slick-current .visual-inner .ptext .word-split.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: calc(0.3s + (var(--char-index) - 1) * 0.03s);}
@keyframes text-fade-out {
    from {
        opacity:1.0;filter:Alpha(opacity=100);
    }
    to {
        opacity:0;filter:Alpha(opacity=0);
    }
}
@keyframes text-active-animation {
    from {
        opacity:0;filter:Alpha(opacity=0);
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    to {
        opacity:1.0;filter:Alpha(opacity=100);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes text-active-animation-up {
    from {
        opacity:0;filter:Alpha(opacity=0);
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    to {
        opacity:1.0;filter:Alpha(opacity=100);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*메인 페이징바*/
.page-wrap{position: absolute; display: flex; flex-direction: column; align-items: flex-start;  top:20rem; overflow: hidden; z-index: 10; width:1650px;}
.page_num{width:12.8rem;}
.num-wrap{display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom:1rem;}
.page_num .prev{margin-right:.5rem; cursor:pointer;width:3.25rem;height:3.25rem;border:3px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;justify-content:center;align-items:center;}
.page_num .prev img{height:0.75rem;}
.page_num .next{margin-left:.5rem; cursor:pointer;width:3.25rem;height:3.25rem;border:3px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;justify-content:center;align-items:center;}
.page_num .next img{height:0.75rem;}
.page_num .num-bx {display:flex;}
.page_num .num-bx .num-con {color:rgba(255,255,255,0.5);padding:0 0.75rem;}
.page_num .num{position: relative ; color:rgba(255,255,255,0.5); font-size:1rem; font-weight: 500;}
.page_num .num-bx .now {color:#fff;}
.page_num .num.now span{display: block; position: relative;}


.page_num .bar{position:relative; width: 100%; height:2px; background:rgba(255,255,255,0.4)}
.page_num .bar .line{position:absolute; display:block; content:""; top:0; left:0; width:0; height:2px; background:#fff; z-index:1;}
@media (max-width:1600px){
    .page-wrap{width:100%; padding: 0 3rem 0 2rem;}
}

/*비주얼 백그라운드*/
.visual-item > .bg {position:absolute; height:100%; width:100%; top:50%; left:50%; overflow:hidden; transform:translate(-50%, -50%); z-index:-1;}
.visual-item > .bg .visual-img{-webkit-transition:all 6s ease-in-out; -webkit-transform:scale(1);-ms-transition:transform 6s ease-in-out ; -ms-transform: scale(1); transition:all 6s ease-in-out;transform:scale(1);}
.slick-active > .bg .visual-img.is-scale{-webkit-transition:all 10s ease-in-out; -webkit-transform:scale(1.1);-ms-transition:transform 10s ease-in-out ; -ms-transform: scale(1.1); transition:all 10s ease-in-out;transform:scale(1.1);}
.visual-img,
.visual-img span{display: block; width:100%; height:100%;}
@media (max-width:1600px){
    .visual-inner {width: 100%; padding: 0 3rem 0 2rem;}
}


/*비주얼 게시판*/

.board-inn{width:1650px;margin:0 auto;position:relative;}

.visual .visual-board {
    position: absolute;
    z-index: 1;
    bottom: 3.75rem;
    background: #fff;
    width: 0;
    left: 0; /* 왼쪽에 맞춰 위치 조정 */
    border-radius: 1rem;
    display: flex;
    height: 10rem;
    overflow: hidden;
    transition: 1s all;
}

.visual .visual-board.ani {
    width: calc(100% - 2rem);
}

.visual .visual-board ul li {opacity:0;transition: opacity 0.2s ease; /* 서서히 변화 */
    transition-delay: 1s;}

.visual .visual-board.ani ul li {opacity:1;}

.visual .visual-board ul {display:flex;width:calc(100% - 2.5rem);}
.visual .visual-board ul li {width:calc(100% / 3 );position:relative;}
.visual .visual-board ul li:not(:last-child):after{content:'';display:block;right:0;width:2px;height:calc(100% - 3rem);background:url(/images/default/main/line-bg.png)no-repeat center center;background-size:cover;top:50%;transform:translateY(-50%);position:absolute;}
.visual .visual-board ul li a{display:inline-block;width:100%;height:100%;padding:1.5rem 2rem;position:relative;}
.visual .visual-board ul li a:after{content:'';display:block;position:absolute;width:2.25rem;height:2.25rem;border-radius:50%;background:#f5f5f5 url(/images/default/main/arrow-g.png)no-repeat center center;right:2rem;bottom:0.75rem;transition-duration: 0.3s;}
.visual .visual-board ul li a:hover:after{background:#059fbb url(/images/default/main/arrow-w.png)no-repeat center center;transition-duration: 0.3s;}


.visual .visual-board ul li a span.cate{display:flex;width:3.75rem;height:1.5rem;justify-content:center;align-items:center;border-radius:0.75rem;background:#e5f4f9;color:#059fbb;font-size:0.8rem;font-weight:600;}
.visual .visual-board ul li a p.tit{font-size: 1rem;font-weight: 600;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5rem;height: calc(3.0rem + 2px);text-decoration: underline;text-underline-position: under;text-decoration-color: #fff;display: inline-block;letter-spacing: -0.05rem;margin-top:0.75rem;}
.visual .visual-board ul li a:hover p.tit { text-decoration-color: #797979;}
.visual .visual-board ul li a .date-bx{color:#787878;font-weight:600;}
.visual .visual-board > a{width:2.5rem;display:flex;background:#059fbb ;color:#fff;writing-mode: vertical-rl;    text-orientation: sideways;padding:2rem 0 4.25rem 0;display:flex;justify-content:center;align-items:center;position:relative;}
.visual .visual-board > a:after{content:'';display:block;position:absolute;width:0.8rem;height:0.8rem;background:url(/images/default/main/plus-icon.png)no-repeat center center;background-size:cover;bottom:2rem;left:50%;margin-left:-0.4rem}
.visual .visual-board > a:hover:after{transform:rotate(180deg);    transition: all .3s}


@media (max-width:1650px){
	.visual .visual-board.ani {width:calc(100% - 2rem);}
	.board-inn{width:100%;padding:0 1rem;}
}

@media (max-width:1200px){
	.visual-inner .ptext .txt{font-size:2.2rem;}
	.visual-inner .ptext .tit{font-size:2.75rem;}
}
@media (max-width:1030px){
.visual-inner {padding:0 1rem;}
.visual {height:calc(100vh - 10rem);}
.visual .visual-board{border-radius:0;bottom:0;left:0;}
.visual .visual-board.ani{width:100%;}

}
@media (max-width:767px){
	.visual .visual-board ul li{width:calc(100% / 2);}
	.visual .visual-board ul li:nth-child(3){display:none;}
	.visual .visual-board ul li:nth-child(4){display:none;}
	.visual .visual-board ul li:nth-child(2)(:last-child):after{display:none;}

}

@media (max-width:540px){
	.page-wrap{top:22rem;}
	.page_num{width:10rem;}
}
@media (max-width:500px){
	.visual .visual-board ul li a{padding:1rem;}
	.visual {height:calc(100vh - 10rem);}
}

@media (max-width:400px){
	.visual .slick-initialized .slick-slide{padding-top:7rem;}
	.visual-inner .ptext .txt{font-size:1.75rem;}
	.visual-inner .ptext .tit{font-size:2.2rem;}
	.page-wrap{top:18rem;}
}


/********************************************************
■ sec01
********************************************************/
.sec01{padding:6.25rem 0;}
.sec01 .tit-wrap{display: flex; justify-content: space-between;}
.sec01 .what{display: flex; align-items: center; gap:2.1rem;}
.sec01 .what .img-zone{position: relative; padding:0.5rem;}
.sec01 .what .img-zone:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%;  outline:dashed 2px #ddd;animation:rotate 20s infinite linear; border-radius:50%;}
.sec01 .what .txt-zone .f25{font-weight:bold; margin-bottom:1.2rem;}
.sec01 .what .txt-zone .f18{color:#787878;}
@keyframes rotate{
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

.sec01 .cor-wrap{display: flex; flex-wrap:wrap; margin:-0.8rem;}
.sec01 .cor-wrap li{width:calc(100%/4 - 1.6rem); margin:0.8rem; background: #fff; border-radius: 1rem; transition: all ease-out 0.3s 0s;outline:1px solid #ddd;}
.sec01 .cor-wrap li:hover{transform:translateY(-0.8rem); background: #fff; outline: solid 2px #059fbb; box-shadow: 8px 0px 20px rgba(0, 79, 162, 0.10);}

.sec01 .cor-wrap li a{padding:2.4rem 1.5rem; display: flex; align-items: center; gap:1.3rem;}
.sec01 .cor-wrap li span{width:4.5rem; height:4.5rem; border-radius: 50%; background: #f4f6f8; display: inline-flex; align-items: center; justify-content: center;}

.sec01 .cor-wrap li .f20{font-weight:bold;color:#333;display:inline-block;position:relative}
.sec01 .cor-wrap li .f20:after{content:'';display:block;position:absolute;width:0;height:1px;background:#333;bottom:-4px;left:0;transition-duration: 0.5s;
}
.sec01 .cor-wrap li:hover .f20:after{width:100%;transition-duration: 0.5s;
}

.sec01 .cor-wrap li .f18{font-weight: 500; color:#787878; padding-top:1rem;}

@media (max-width:1650px){
    .sec01 .what{max-width:45%; gap:1.2rem;}
    .sec01 .what .img-zone img{width:6rem;}
    .sec01 .cor-wrap li a{flex-direction: column; padding:1.5rem;}
    .sec01 .cor-wrap li span{width:4rem; height: 4rem;}
    .sec01 .cor-wrap li .txt-zone{width:100%;}
    .sec01 .cor-wrap li:nth-child(1) span img{width:2rem;}
    .sec01 .cor-wrap li:nth-child(2) span img{width:2.2rem;}
    .sec01 .cor-wrap li:nth-child(3) span img{width:2.15rem;}
    .sec01 .cor-wrap li:nth-child(4) span img{width:1.95rem;}
}
@media (max-width:1400px){
	.sec01 .what .txt-zone .f18 br{display:none;}

}
@media (max-width:1030px){
    .sec01{padding:4rem 0 4rem;} 
    .sec01 .what .img-zone img{width:5rem;}
    .sec01 .what .txt-zone .f25{margin-bottom:0.8rem;}
    .sec01 .cor-wrap{margin:-0.5rem;}
    .sec01 .cor-wrap li{width:calc(100%/2 - 1rem); margin:0.5rem;}
    .sec01 .cor-wrap li a{flex-direction: row;}
    .sec01 .cor-wrap li .f18{padding-top:1rem;}
    .sec01 .cor-wrap li .txt-zone{width:calc(100% - 4rem - 1.3rem);}
}
@media (max-width:767px){
    .sec01 .tit-wrap{flex-direction: column; align-items: center; gap:3rem; text-align: center;}
    .sec01 .what{max-width:65%;}
    .sec01 .cor-wrap li{width:100%;}
    .sec01 .cor-wrap li:hover{transform: translateY(-0.4rem);}
}
@media (max-width:560px){
    .sec01 .what{display: none;}
}

/********************************************************
■ sec02
********************************************************/

.sec02 {background:#059fbb;padding:5rem 0 5.75rem;border-radius:8rem 0 0 0;overflow:hidden;position:relative;}
.sec02  .tit-wrap h4 {color:#fff;}
.sec02  .tit-wrap h4 em {color:rgba(255,255,255,0.7);}
.sec02  .tit-wrap .tit-wrap-con {display:flex;align-items:center;}
.sec02  .tit-wrap .tit-wrap-con ul {display:flex;margin-left:1rem}
.sec02  .tit-wrap .tit-wrap-con ul li {color:rgba(255,255,255,0.4);padding:0 0.75rem;position:relative;}
.sec02  .tit-wrap .tit-wrap-con ul li:not(:last-child):after{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.4);right:0;top:50%;transform:translate(50%,-50%);}
.sec02  .tit-wrap .tit-wrap-con ul li:first-child{padding-left:0;}
.sec02  .tit-wrap .tit-wrap-con ul li:last-child{padding-right:0;}

.sec02 .proSwiper{padding:1rem 2px;margin:-1rem 2px;overflow:hidden;}
.sec02 .proSwiper .swiper-slide{background:#Fff;box-shadow: 0 20px 20px -20px rgba(38,38,38,0.4);border-radius:0.75rem;outline:1px solid #ddd;padding:1rem 1.5rem;}
.sec02 .proSwiper .swiper-slide:hover{outline:2px solid #004fa2}

.sec02 .inner{position:relative;}
.sec02 .btn-zone {position:absolute;right:0;top:0;width:9.1rem;height:2.75rem;display:flex;justify-content:space-between;top:3.5rem;}
.sec02 .btn-zone div,
.sec02 .btn-zone a{width:2.75rem;height:2.75rem;border:1px solid #fff;border-radius:50%;display:inline-block;cursor:pointer;}
.sec02 .btn-zone div.pro-prev{background:url(/images/default/main/prev-btn.png)no-repeat center center;}
.sec02 .btn-zone div.pro-next{background:url(/images/default/main/next-btn.png)no-repeat center center;}
.sec02 .btn-zone a{background:url(/images/default/main/plus-icon.png)no-repeat center center;}

.sec02 .proSwiper .swiper-slide .img-zone{position:relative;padding-top:97.88%;border:1px solid #ddd;border-radius:0.5rem;overflow:hidden;width:100%;}
.sec02 .proSwiper .swiper-slide .img-zone img{position:absolute;left:0;top:0;object-fit:cover;width:100%;height:100%;}
.sec02 .proSwiper .swiper-slide .img-zone p{position:absolute;color:#fff;font-size:0.9rem;font-weight:600;left:0.65rem;bottom:1rem;z-index:2;opacity:0;transition-duration: 0.5s;}
.sec02 .proSwiper .swiper-slide:hover .img-zone p {opacity:1;}
.sec02 .proSwiper .swiper-slide .hover-txt{    position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;padding: 1.5rem 1.25rem;color: #fff;font-size: 0.8rem;border-radius: 0.5rem;overflow: hidden;}
.sec02 .proSwiper .swiper-slide .img-zone .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(360deg, #004fa2 0%, rgba(255, 255, 255, 0) 100%);background-size: cover;transform: scaleY(0) translateZ(0); /* translateZ(0) 추가 */transform-origin: left bottom;transition-property: transform;transition-duration: 0.35s; /* 약간 더 긴 duration */transition-timing-function: ease-out;z-index: 0;mix-blend-mode: multiply;will-change: transform;backface-visibility: hidden; /* 렌더링 안정성 향상 */}
.sec02 .proSwiper .swiper-slide .img-zone .cate{position:absolute;z-index:1;background:#059fbb;color:#fff;font-size:0.8rem;left:0.5rem;top:0;text-align:center;line-height:1.65rem;border-radius:0 0 5px 5px;width:4rem;}
.sec02 .proSwiper .swiper-slide .img-zone .cate.cate00 {background:#8d7eb8;}
.sec02 .proSwiper .swiper-slide .img-zone .cate.cate01 {background:#059fbb;}
.sec02 .proSwiper .swiper-slide .img-zone .cate.cate02 {background:#333333;}

.sec02 .proSwiper .swiper-slide:hover .img-zone .bg {
    transform: scaleY(1) translateZ(0); /* translateZ(0) 추가 */
}
/*모집 마감 경우*/
.sec02 .proSwiper .swiper-slide.end .img-zone .bg{background:rgba(0,0,0,0.4); transform: scaleY(1) translateZ(0); }
.sec02 .proSwiper .swiper-slide.end .img-zone p {display:none;}


.sec02 .proSwiper .swiper-slide p.tit{font-size: 1rem;font-weight: 700;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5rem;height: 1.5rem;text-decoration: underline;text-underline-position: under;text-decoration-color: #fff;letter-spacing: -0.05rem;margin-top:0.75rem;}
.sec02 .proSwiper .swiper-slide .link-zone{display:flex;gap:5px;justify-content:space-between;margin-top:1rem;}
.sec02 .proSwiper .swiper-slide .link-zone a{display:flex;justify-content:center;align-items:center;width:100%;height:2.75rem;border:1px solid #059fbb;border-radius:1.375rem;color:#059fbb;font-size:0.9rem;}
.sec02 .proSwiper .swiper-slide .link-zone a:hover {background:#059fbb;color:#fff;}
.sec02 .proSwiper .swiper-slide .link-zone a.app {background:#059fbb;color:#fff;}
.sec02 .proSwiper .swiper-slide .link-zone a.end {background:#fff;border:1px solid #ddd;color:#999;}

.sec02  .movetxt{
position: absolute; right:1.4rem; top: 0; display: flex; flex-direction:column; gap:3rem; white-space: nowrap; overflow:hidden; transition: 0.3s; height:calc(400% + 3rem); z-index: 0;}
.sec02  .movetxt > div{animation: content_move 14s linear infinite;}
@-webkit-keyframes content_move {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@media (max-width:1650px){
	.sec02{border-radius:0;}
	.sec02 .btn-zone{right:1rem;}
	.sec02 .movetxt{right:0;}
}
@media (max-width:1030px){
	.sec02 {padding:4rem 0;}

}

@media (max-width:767px){
	.sec02 .tit-wrap{text-align:center;}
	.sec02 .tit-wrap .tit-wrap-con{display:block;}
	.sec02 .tit-wrap .tit-wrap-con ul{margin-left:0;margin-top:1rem;justify-content: center;}
	.sec02 .btn-zone{position:relative;top:auto;left:auto;right:auto;margin-bottom:1rem;margin:0 auto;margin-top:1.5rem;}
}
@media (max-width:767px){
.sec02 .tit-wrap .tit-wrap-con ul li {padding:0 0.5rem;}
}
@media (max-width:500px){
.sec02 .proSwiper {overflow:inherit;}

}



/********************************************************
■ sec03
********************************************************/
.sec03 {padding:6.25rem 0;}
.sec03 .appSwiper{margin-top:2rem;}
.sec03 .appSwiper .swiper-slide .img-zone{position:relative;padding-top:61.5384%;border-radius:0.75rem;overflow:hidden;}
.sec03 .appSwiper .swiper-slide .img-zone img{position:absolute;left:0;top:0;width:100%;height:100%;}
.sec03 .appSwiper .swiper-slide .img-zone .hover-con{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:flex-end;overflow:hidden;border-radius:0.75rem;}
.sec03 .appSwiper .swiper-slide .img-zone  p{color:#fff;position:absolute;left:1rem;bottom:1rem;z-index:2;font-size:0.9rem;padding-left:1.5rem;background:url(/images/default/main/date-time-icon.png)no-repeat center left;opacity:0;transition-duration: 0.35s;}
.sec03 .appSwiper .swiper-slide:hover .img-zone  p{opacity:1;transition-duration: 0.35s;}
.sec03 .appSwiper .swiper-slide .img-zone .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(360deg, #004fa2 0%, rgba(255, 255, 255, 0) 100%);background-size: cover;transform: scaleY(0) translateZ(0); /* translateZ(0) 추가 */transform-origin: left bottom;transition-property: transform;transition-duration: 0.35s; /* 약간 더 긴 duration */transition-timing-function: ease-out;z-index: 0;mix-blend-mode: multiply;will-change: transform;backface-visibility: hidden;border-radius:0.75rem; /* 렌더링 안정성 향상 */}
.sec03 .appSwiper .swiper-slide:hover .bg{
    transform: scaleY(1) translateZ(0); /* translateZ(0) 추가 */
}
.sec03 .appSwiper .swiper-slide .txt-zone{padding-top:1.25rem;position:relative;}
.sec03 .appSwiper .swiper-slide .txt-zone span{position:absolute;right:2rem;top:0;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;background:#059fbb;font-size:0.8rem;font-weight:600;border:3px solid #fff;opacity:0;transition-duration: 0.35s;}
.sec03 .appSwiper .swiper-slide .txt-zone span.end { background-color: #686868; }
.sec03 .appSwiper .swiper-slide:hover .txt-zone span {opacity:1;}
.sec03 .appSwiper .swiper-slide .txt-zone p.tit{font-size:1rem;color:#333333;font-weight:800;}
.sec03 .swiper-control{position:relative;height:2.5rem;display:flex;align-items:center;width:1650px;margin:0 auto;margin-top:1.8rem;justify-content:space-between;}
.sec03 .swiper-control .swiper-pagination-progressbar {width:calc(100% - 8.6rem - 1rem);height:4px;position:relative !important; background:#ebebeb;}
.sec03 .swiper-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1a6dc4;}
.sec03 .swiper-control  .swiper-btn {width:8.6rem; position:relative;display:flex;align-items:center;justify-content:space-between;}
.sec03 .swiper-control  .swiper-btn .swiper-button-prev {width:2.5rem;height:2.5rem;border:1px solid #ddd;border-radius:0.25rem;background:url(/images/default/main/swiper-left.png)no-repeat center center;position:relative;top:auto;margin-top:0;left:auto;border-radius:50%;}
.sec03 .swiper-control  .swiper-btn .swiper-button-next {width:2.5rem;height:2.5rem;border:1px solid #ddd;border-radius:0.25rem;background:url(/images/default/main/swiper-right.png)no-repeat center center;position:relative;top:auto;margin-top:0;right:auto;border-radius:50%;}
.sec03 .swiper-control  .swiper-btn .swiper-more{width:2.5rem;height:2.5rem;border:1px solid #ddd;border-radius:0.25rem;background:url(/images/default/main/more-btn.png)no-repeat center center;cursor:pointer;border-radius:50%;}
.sec03 .swiper-control  .swiper-btn .swiper-more a{display: inline-block; width:100%; height:100%;}
.sec03 .swiper-control  .swiper-btn .swiper-button-prev:hover{background:url(/images/default/main/swiper-left-on.png)no-repeat center center;border:1px solid #059fbb;}
.sec03 .swiper-control  .swiper-btn .swiper-button-next:hover{background:url(/images/default/main/swiper-right-on.png)no-repeat center center;border:1px solid #059fbb;}
.sec03 .swiper-control  .swiper-btn .swiper-more:hover{background:url(/images/default/main/more-btn-on.png)no-repeat center center;border:1px solid #059fbb;}
.sec03 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;    pointer-events: inherit;cursor:pointer;}
.sec03 .swiper-bx .swiper .swiper-slide:hover a span.more i{background:#fff url(/images/default/main/more-icon-on.svg)no-repeat center center;background-size:0.8rem;}


@media (max-width:1650px){
	.sec03 .swiper-control {width:100%;}
}
@media (max-width:1030px){
	.sec03 {padding:4rem 0;}
}


/********************************************************
■ sec04
********************************************************/
.sec04 {padding:6.25rem 0 6.25rem 0;position:relative;}
.sec04:before{content:'';display:block;position:absolute;width:100%;height:59.5rem;bottom:0;left:0;    background: linear-gradient(360deg, #f5f6f9 0%, #fff 100%);z-index:-1;}
.sec04 .tit-wrap {display:flex;justify-content:space-between;}
.sec04 .tit-wrap ul.sns-bx{display:flex;align-items:center;}
.sec04 .tit-wrap ul.sns-bx li:not(:last-child) {margin-right:.75rem;}
.sec04 .tit-wrap ul.sns-bx li span{display:none;color:#333;font-size:1rem;}
.sec04 .tit-wrap ul.sns-bx li.on{width:8.25rem;height:3rem;border:1px solid #ddd;border-radius:0.4rem;box-shadow: 5px 0 10px rgb(4 0 0 / 5%);background:#fff;}
.sec04 .tit-wrap ul.sns-bx li.on span{display:inline-block;margin-left:0.5rem;font-weight:600;}
.sec04 .tit-wrap ul.sns-bx li.on img{height:2.25rem;}
.sec04 .tit-wrap ul.sns-bx li {display:flex;justify-content:center;align-items:center;cursor:pointer;}

.sec04 .talk .swiper-slide{outline:1px solid #ddd;padding:2rem 2.75rem;border-radius:0.75rem;background:#fff;}
.sec04 .talk .swiper-slide:hover{outline:2px solid #059fbb;box-shadow: 15px 0 30px rgb(0 79 162 / 10%);}
.sec04 .talk .swiper-slide .img-zone {position:relative;padding-top:100%;border-radius:0.5rem;overflow:hidden;}
.sec04 .talk .swiper-slide .img-zone img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.sec04 .talk .swiper-slide .txt-zone .id {display:flex;align-items:center;color:#666;font-weight:500;padding:1rem 0;}
.sec04 .talk .swiper-slide .txt-zone .id img{margin-right:0.4rem;}
.sec04 .talk01 .swiper-slide .txt-zone  .content,
.sec04 .talk03 .swiper-slide .txt-zone  .content{font-size: 1rem;font-weight: 500;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5rem;height: 3rem;
display: inline-block;letter-spacing: -0.05rem;margin-top: 0.75rem;}

.sec04 .talk02 .swiper-slide .img-zone{padding-top: 56.25%;}
.sec04 .talk02 .swiper-slide .tit {position: relative;color: #333;font-weight: bold;padding-left: 2.05rem;margin-top: 1rem;}
.sec04 .talk02 .swiper-slide .tit img{    position: absolute;left: 0;height:1.6rem;}
.sec04 .talk02 .swiper-slide .tit  p{width: 100%;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.6;height: 1.6rem;}
.sec04 .talk02 .swiper-slide .content{font-size: .9rem;color: #666;margin: 0.5rem 0;}
.sec04 .talk02 .swiper-slide .date{border-top: 1px solid #ddd;padding:0.5rem 0 0 0;}
.sec04 .talk02 .swiper-slide .date ul {display: flex;justify-content: space-between;}
.sec04 .talk02 .swiper-slide .date ul li{    font-size: .9rem;color: #666;margin-top: 0.5rem;}
.sec04 .talk04  .tit{    font-size: 1rem;color: #333;font-weight: 700;margin-top: 0.9rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5rem;height: 3rem;
display: inline-block;letter-spacing: -0.05rem;margin-top: 0.75rem;}
.sec04 .talk04  .swiper-slide .txt-zone .content {    font-size: 0.9rem;color: #555;font-weight: 400;margin-top: 2rem;margin-bottom:2rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5rem;height: 4.5rem;
display: inline-block;letter-spacing: -0.05rem;margin-top: 0.75rem;}
.sec04 .talk04  .swiper-slide .txt-zone .date{    font-size: 0.9rem;color: #999;padding-top: 1.25rem;border-top:1px solid #ddd;}



@media (max-width:1030px){
	.sec04 .tit-wrap ul.sns-bx li img{height:3rem;}
	.sec04{padding:0 0 4rem 0;}
}
@media (max-width:767px){
	.sec04 .tit-wrap ul.sns-bx li img{height:2rem;}
	.sec04 .tit-wrap ul.sns-bx li.on{height:2rem;border:none;    box-shadow: none;width:auto;}
	.sec04 .tit-wrap ul.sns-bx li.on img{height:2rem;}
	.sec04 .tit-wrap ul.sns-bx li.on span{display:none;}
	.sec04 .tit-wrap {align-items: flex-end;display:block;}
	.sec04 .talk .swiper-slide{padding:1rem 1.5rem;}

	.sec04 .tit-wrap ul.sns-bx{    justify-content: center;margin-top:1.5rem;}
}
@media (max-width:500px){
.sec04 .tit-wrap ul.sns-bx li:not(:last-child) {margin-right:0.5rem;}

}



.popup{z-index:100000 !important;}