@charset "utf-8";
/* 새글 스킨 (latest) */
.involved_lt{width:100%; height:638px; position:relative; display:flex;}
.involved_lt .left_position{width:47%; background-image:url('./img/bottom_board_img.png'); background-size:100% 100%; background-position:right;}
.involved_lt .left_position .contents .title{padding-top:80px; font-size:40px; color:#fff; font-family: 'Pretendard', sans-serif; font-weight:bold; line-height:1.25;}
.involved_lt .left_position .contents .btn_area{display:flex; column-gap:10px; margin-top:30px;}
.involved_lt .left_position .contents .btn_area > div{position:unset; margin-top:0; opacity:1;}
.involved_lt .left_position .contents .btn_area > div:after{display:none;}
.involved_lt .left_position .contents .btn_area > div, .involved_lt .left_position .contents .btn_area > a{width:60px; height:60px; border:1px solid rgb(228 228 228 / 50%); border-radius:100%; position:relative; left:0;}
.involved_lt .left_position .contents .btn_area .swiper-button-prev:after{content:""; display:block; width: 12px; height: 12px; border: solid #fff; position: absolute; top: 50%; left: 55%; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(135deg);}
.involved_lt .left_position .contents .btn_area .swiper-button-next:after{content:""; display:block; width: 12px; height: 12px; border: solid #fff; position: absolute; top: 50%; left: 45%; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(315deg);}
.involved_lt .left_position .contents .btn_area > a:before{content:""; width:16px; height:1px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.involved_lt .left_position .contents .btn_area > a:after{content:""; width:1px; height:16px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.involved_lt .swiper-button-lock{display:block;}
.involved_lt .right_position{width:53%;}
.involved_lt .right_position .main_section_inner{margin-left:-250px; height:100%; display:flex; align-items:center;}
.involved_lt .right_position .main_section_inner .swiper{width:100%; padding: 20px 0;}
.involved_lt .right_position .report_contents{position:relative; cursor:pointer;}
.involved_lt .right_position .report_contents .img_area{border-radius:10px; overflow:hidden; transition: all 0.1s;}
.involved_lt .right_position .report_contents .img_area img{max-width:unset; transition:all 0.35s}
.involved_lt .right_position .report_contents:hover .img_area {box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);}
.involved_lt .right_position .report_contents:hover .img_area  img {transform:scale(1.1)}
.involved_lt .right_position .report_contents .subject{position:absolute; z-index:10; bottom:0; color:#fff; line-height:1.5; font-size:24px; font-family: 'Pretendard', sans-serif; padding:30px; width:100%;}

.empty_li{width:100%; text-align:center;}


@media (min-width:1024px){
	.involved_lt .left_position .contents .btn_area .swiper-button-prev:hover:after, .involved_lt .left_position .contents .btn_area .swiper-button-next:hover:after{border-color:var(--key-color);}
	.involved_lt .left_position .contents .btn_area > div:hover, .involved_lt .left_position .contents .btn_area > a:hover{background-color:#fff; border-color:#fff;}
	.involved_lt .left_position .contents .btn_area > a:hover:before, .involved_lt .left_position .contents .btn_area > a:hover:after{background-color:var(--key-color);}
}@media (max-width:1600px){
	.involved_lt{height:39.875vw;}
	.involved_lt .left_position .contents .title{padding-top:5vw; font-size:2.5vw;}
	.involved_lt .left_position .contents .btn_area{column-gap:0.625vw; margin-top:1.875vw;}
	.involved_lt .left_position .contents .btn_area > div, .involved_lt .left_position .contents .btn_area > a{width:3.75vw; height:3.75vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-prev:after{width: 0.75vw; height: 0.75vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-next:after{width: 0.75vw; height: 0.75vw;}
	.involved_lt .left_position .contents .btn_area > a:before{width:1vw; height:0.063vw;}
	.involved_lt .left_position .contents .btn_area > a:after{width:0.063vw; height:1vw;}
	.involved_lt .right_position{width:53%;}
	.involved_lt .right_position .main_section_inner{margin-left:-15.625vw;}
	.involved_lt .right_position .report_contents .img_area{border-radius:0.625vw;}
	.involved_lt .right_position .report_contents .subject{font-size:1.5vw; padding:1.875vw;}
}@media (max-width:767px){
	.involved_lt{height:50.875vw;}
	.involved_lt .left_position{width:50%; background-size: cover;}
	.involved_lt .right_position{width:50%;}
	.involved_lt .right_position .main_section_inner{margin-left:-10vw;}
	.involved_lt .left_position .contents .title{font-size:3.5vw;}
	.involved_lt .left_position .contents .btn_area > div, .involved_lt .left_position .contents .btn_area > a{width:5vw; height:5vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-prev:after{width:1vw; height:1vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-next:after{width:1vw; height:1vw;}
	.involved_lt .left_position .contents .btn_area > a:before{width:1.5vw; height:0.3vw;}
	.involved_lt .left_position .contents .btn_area > a:after{width:0.3vw; height:1.5vw;}
		.involved_lt .right_position .report_contents .img_area{border-radius:1vw;}
	.involved_lt .right_position .report_contents .subject{font-size:2.5vw; padding:2vw;}
}@media (max-width:480px){
	.involved_lt{height:70vw;}
	.involved_lt .left_position{width:40%;position: relative;   z-index: 1;}
	.involved_lt .left_position:after {content:"";position: absolute;     top: 0;        left: 0;        width: 70vw;        height: 100%;        background-color: var(--key-color); background-image: url(./img/bottom_board_img.png);  background-repeat: no-repeat; background-size: 100% 100%;     background-position: -35px 100%;       z-index: -1;        border-top-right-radius: 100px;        border-bottom-right-radius: 100px;}
	.involved_lt .left_position .contents .title{font-size:5vw;}
	.involved_lt .left_position .contents .btn_area{margin-top:2.5vw; column-gap:1.5vw;}
	.involved_lt .left_position .contents .btn_area > div, .involved_lt .left_position .contents .btn_area > a{width:8vw; height:8vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-prev:after{width:1.8vw; height:1.8vw;}
	.involved_lt .left_position .contents .btn_area .swiper-button-next:after{width:1.8vw; height:1.8vw;}
	.involved_lt .left_position .contents .btn_area > a:before{width:2.5vw; height:0.4vw;}
	.involved_lt .left_position .contents .btn_area > a:after{width:0.4vw; height:2.5vw;}
	.involved_lt .right_position{width:60%;position: relative;  z-index: 2;}
	.involved_lt .right_position .report_contents .img_area{border-radius:1.5vw;}
	.involved_lt .right_position .report_contents .subject {   font-size: 4vw;   padding: 3vw; }
	.involved_lt .right_position .main_section_inner {    margin-left: 0;  }
	
	html[lang="ja"] .involved_lt .left_position .contents .title{font-size:4vw;}
}


/*.involved_lt .swiper{width: 90%; max-width: 1400px; margin: 0 auto; position:relative;}*/
/*
.involved_lt .swiper ul li{transition:0.5s ease-out all;}
.involved_lt .swiper ul li:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-next + .swiper-slide):not(.swiper-slide-next + .swiper-slide + .swiper-slide){opacity:0; transition:0.5s ease-out all; visibility:hidden;}
.involved_lt .swiper ul li .li_box{display: flex; flex-direction: column; justify-content: space-between; padding: 15px 15px 40px;; background-color: #fff; align-items: center; border-radius:30px; height:450px; box-shadow: 0px 5px 10px rgb(0 0 0 / 30%); cursor:pointer;}
.involved_lt .swiper ul li .li_box .report_contents{width:100%; overflow:hidden;}
.involved_lt .swiper ul li .li_box .report_contents .img_area{position:relative;}
.involved_lt .swiper ul li .li_box .report_contents .img_area .img{border-radius:20px; overflow:hidden; margin-bottom:25px; position:relative; width:100%; max-width:290px; height:200px; transition:0.35s ease-out all;}
.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .img{height:0; margin-bottom:0;transition:0.35s ease-out all;}
.involved_lt .swiper ul li .li_box .report_contents .img_area .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.involved_lt .swiper ul li .li_box .report_contents .img_area .category{position:absolute; left:10px; bottom:-14px; font-size:14px; font-weight:600; padding:7px 15px; background: linear-gradient(-26deg, #00b8ee, #dadf00); border-radius:20px; color:#fff; line-height:1; transition:0.35s ease-out all;}
.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .category{position:relative; bottom:0; width:fit-content; margin-bottom:25px; transition:0.35s ease-out all;}
.involved_lt .swiper ul li .li_box .report_contents .subject{font-size:20px; font-weight:700; letter-spacing:-0.5px; line-height:1.4; word-break: keep-all; margin-bottom:15px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:0 10px;}
.involved_lt .swiper ul li .li_box .report_contents .content{font-size:15px; color:#666; line-height:1.4667; letter-spacing:-0.5px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:0 10px; transition:0.35s ease-out all;}
.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .content{-webkit-line-clamp:10;}
.involved_lt .swiper ul li .li_box .lt_info{width:100%; padding:0 10px; display: flex; justify-content: space-between; align-items: center;}
.involved_lt .lt_info .lt_date{font-size:13px; color:#666; letter-spacing:-0.5px;}
.involved_lt .lt_info a.join{font-size: 15px; font-weight: 700; line-height: 1; border: 1px solid #e1e1e1; padding: 10px 20px; border-radius: 50px; display: flex; align-items: center; column-gap: 10px; position: relative;}
.involved_lt .lt_info a.join:after{content: ""; position: absolute; width: 100%; height: 100%; border-radius: inherit; border: 2px solid var(--yellow-color); top: 0; left: 0; transition: 0.35s ease-out all; opacity: 0;}
.involved_lt .lt_info a.join:hover:after{transition: 0.35s ease-out all; opacity: 1;}
.involved_lt .lt_info a.join span{font: inherit; font-size: 13px; color: #fff; background: linear-gradient(-26deg, var(--blue-color), var(--yellow-color)); width: 20px; aspect-ratio: 1; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.involved_lt .lt_info a.join span:after{content: "→";}
.involved_lt .lt_info a.join:hover span:after{animation: pointmove 0.8s linear infinite;}
.involved_lt .swiper-button-prev{background-color:#fff; box-shadow:0 0 15px 15px rgb(34 34 38 / 6%); aspect-ratio: 1; width:60px; height:unset; border-radius:100%; left:-30px;}
.involved_lt .swiper-button-prev:hover{background-color:var(--green-color); transition:0.5s ease-out all;}
.involved_lt .swiper-button-prev:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image:url('../../../img/main/prev_btn.png'); background-size:cover; background-repeat:no-repeat; width:16px; height:28px;}
.involved_lt .swiper-button-prev:hover:after{background-image:url('../../../img/main/prev_btn_hover.png'); transition:0.5s ease-out all;}
.involved_lt .swiper-button-next{background-color:#fff; box-shadow:0 0 15px 15px rgb(34 34 38 / 6%); aspect-ratio: 1; width:60px; height:unset; border-radius:100%; right:-30px;}
.involved_lt .swiper-button-next:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image:url('../../../img/main/next_btn.png'); background-size:cover; background-repeat:no-repeat; width:16px; height:28px;}
.involved_lt .swiper-button-next:hover{background-color:var(--green-color); transition:0.5s ease-out all;}
.involved_lt .swiper-button-next:hover:after{background-image:url('../../../img/main/next_btn_hover.png'); transition:0.5s ease-out all;}
.involved_lt .empty_li{opacity:1 !important;}
.involved_lt .swiper-button-prev{background-color:#fff; box-shadow:0 0 15px 15px rgb(34 34 38 / 6%); aspect-ratio: 1; width:60px; height:unset; border-radius:100%; left:-30px;}
.involved_lt .swiper-button-prev:hover{background-color:var(--green-color); transition:0.5s ease-out all;}
.involved_lt .swiper-button-prev:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image:url('../../../img/main/prev_btn.png'); background-size:cover; background-repeat:no-repeat; width:16px; height:28px;}
.involved_lt .swiper-button-prev:hover:after{background-image:url('../../../img/main/prev_btn_hover.png'); transition:0.5s ease-out all;}
.involved_lt .swiper-button-next{background-color:#fff; box-shadow:0 0 15px 15px rgb(34 34 38 / 6%); aspect-ratio: 1; width:60px; height:unset; border-radius:100%; right:-30px;}
.involved_lt .swiper-button-next:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image:url('../../../img/main/next_btn.png'); background-size:cover; background-repeat:no-repeat; width:16px; height:28px;}
.involved_lt .swiper-button-next:hover{background-color:var(--green-color); transition:0.5s ease-out all;}
.involved_lt .swiper-button-next:hover:after{background-image:url('../../../img/main/next_btn_hover.png'); transition:0.5s ease-out all;}
@media (max-width:1300px){
	.involved_lt .lt_info a.join{padding: 8px 12px; font-size: 14px; column-gap: 7px;}
	.involved_lt .lt_info a.join span{width: 15px; font-size: 11px;}
}@media (max-width:1024px){
	.involved_lt .swiper-button-next{width:40px; right:-20px;}
	.involved_lt .swiper-button-next:after{width:9px; height:15.75px;}
	.involved_lt .swiper-button-prev{width:40px; left:-20px;}
	.involved_lt .swiper-button-prev:after{width:9px; height:15.75px;}
	.involved_lt .lt_info a.join{padding: 8px 10px; font-size: 12px;}
}@media (max-width:767px){
	.involved_lt .swiper ul li .li_box{padding: 3vw 3vw 4vw; height:57vw;}
	.involved_lt .swiper ul li .li_box .report_contents .img_area .img{height:24vw; margin:0 auto; margin-bottom:3vw;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .img{height:24vw; margin:0 auto; margin-bottom:3vw;}
	.involved_lt .swiper ul li .li_box .report_contents .img_area .category{font-size:2vw; padding: 1vw 2vw; bottom:-1.5vw;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .category{position:absolute; bottom:-1.5vw; margin-bottom:0;}
	.involved_lt .swiper ul li .li_box .report_contents .subject{font-size:2.5vw; margin-bottom:2vw;}
	.involved_lt .swiper ul li .li_box .report_contents .content{font-size:2vw;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .content{-webkit-line-clamp: 2;}
	.involved_lt .swiper-button-next{width:6.5vw; right:-2vw; box-shadow: 0 0 8px 3px rgb(34 34 38 / 6%);}
	.involved_lt .swiper-button-next:hover{background-color:#fff;}
	.involved_lt .swiper-button-next:after{width: 1.5vw; height: 2.625vw;}
	.involved_lt .swiper-button-next:hover:after{background-image: url(../../../img/main/next_btn.png);}
	.involved_lt .swiper-button-prev{width:6.5vw; left:-2vw; box-shadow: 0 0 8px 3px rgb(34 34 38 / 6%);}
	.involved_lt .swiper-button-prev:hover{background-color:#fff;}
	.involved_lt .swiper-button-prev:after{width: 1.5vw; height: 2.625vw;}
	.involved_lt .swiper-button-prev:hover:after{background-image: url(../../../img/main/prev_btn.png);}
	.involved_lt .swiper ul li .li_box .lt_info .lt_date{font-size:1.8vw;}
	.involved_lt .lt_info a.join{padding: 1.2vw 2vw; font-size: 2vw; column-gap: 1vw; border-radius: 3vw;}
	.involved_lt .lt_info a.join:hover:after{display:none;}
	.involved_lt .lt_info a.join span{width: 2.5vw; font-size: 1.5vw;}
	.involved_lt .lt_info a.join:hover span:after{animation:none;}
}@media (max-width:480px){
	.involved_lt .swiper ul li .li_box{height:90vw; padding: 4vw 4vw 5vw;}
	.involved_lt .swiper ul li .li_box .report_contents .img_area .img{height:40vw; margin-bottom:5vw; max-width:unset;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .img{height:40vw; margin:0 auto; margin-bottom:5vw;}
	.involved_lt .swiper ul li .li_box .report_contents .img_area .category{font-size:3vw; padding: 2vw 3vw; bottom:-2.5vw;}
	.involved_lt .swiper ul li .li_box .report_contents .img_area .img img{width:100%;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .img_area .category{position:absolute; bottom:-2.5vw; margin-bottom:0;}
	.involved_lt .swiper ul li .li_box .report_contents .subject{font-size:4.2vw; margin-bottom:2.5vw;}
	.involved_lt .swiper ul li .li_box .report_contents .content{font-size:3.5vw;}
	.involved_lt .swiper ul li:not(.swiper-slide-prev, .swiper-slide-duplicate-prev, .swiper-slide-duplicate-active, .swiper-slide-duplicate-next) .li_box:hover .report_contents .content{-webkit-line-clamp: 2;}
	.involved_lt .swiper ul li .li_box .lt_info .lt_date{font-size:3vw;}
	.involved_lt .swiper-button-next{width:12vw; right:-4vw;}
	.involved_lt .swiper-button-next:hover{background-color:#fff;}
	.involved_lt .swiper-button-next:after{width: 2vw; height: 3.5vw;}
	.involved_lt .swiper-button-next:hover:after{background-image: url(../../../img/main/next_btn.png);}
	.involved_lt .swiper-button-prev{width:12vw; left:-4vw;}
	.involved_lt .swiper-button-prev:hover{background-color:#fff;}
	.involved_lt .swiper-button-prev:after{width: 2vw; height: 3.5vw;}
	.involved_lt .swiper-button-prev:hover:after{background-image: url(../../../img/main/prev_btn.png);}
	.involved_lt .lt_info a.join{padding: 1.5vw 3vw; font-size: 3vw;}
	.involved_lt .lt_info a.join span{width: 4vw; font-size: 2.5vw;}
}*/