@charset "utf-8";

@keyframes zoomin{
	0%{scale: 1}
	100%{scale: 1.1}
}

.content_top{display:flex;flex-direction: column;gap:30px;padding:0 0 40px;margin-bottom:40px;align-items:stretch;border-bottom:1px solid var(--color-gray100);}
.content_top .event{}
.content_top .event .photo{position:relative;}
.content_top .event .photo::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .9) 80%);}
.content_top .event .photo picture{display:block;overflow:hidden;}
.content_top .event .photo img{width:100%;vertical-align:bottom;/*animation: zoomin 10s linear*/}
.content_top .event .photo .tit-box{position:absolute;left:3.6%;bottom:5.4%;width:92%;color:#fff;font-family: var(--font-family01);font-weight:600;text-shadow:0 0 10px rgba(0, 0, 0, .2);z-index: 1;}
.content_top .event .photo .tit-box .tit{font-size:clamp(3rem ,3.2vw, 4.2rem);line-height:1.2em}
.content_top .event .photo .tit-box p{font-size: clamp(1.8rem, 1.8vw, 2.4rem);line-height:1.7}
.content_top .event .info{position:relative;margin-top:18px}
.content_top .event .info ul{}
.content_top .event .info ul li:not(:first-child){margin-top:12px;}
.content_top .event .info p{padding-left:0;margin-top:20px;color:var(--color-gray60);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.content_top .event .info .date,
.content_top .event .info .address{position:relative;padding:0 0 0 32px;font-weight:500;font-size:2.2rem}
.content_top .event .info .date::after,
.content_top .event .info .address::after{content:'';display:block;width:24px;height:24px;position:absolute;left:0;top:0;}
.content_top .event .info .date::after{background:url(/images/ico_calendar.svg) no-repeat 50% 50%;}
.content_top .event .info .address::after{background:url(/images/ico_location.svg) no-repeat 50% 50%;}
.content_top .event .info .btn_detail{margin-top:32px;display:block;width:100%;line-height:54px;border:1px solid var(--color-gray100);color:var(--color-gray100);text-align:center;font-weight:600;transition:background .3s ease, color .3s ease}
.content_top .event .info .btn_detail i{position:relative;display:inline-block;padding:0 28px 0 0;}
.content_top .event .info .btn_detail i::after{content:'';display:block;width:19px;height:100%;background:url(/images/btn_detail.svg) no-repeat 50% 50%;position:absolute;right:0;top:50%;transform: translateY(-50%);transition:transform .3s ease, filter .3s ease}
@media (min-width:768px){
	.content_top .event .photo::after{background: linear-gradient(rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .6) 80%);}
	.content_top .event .photo strong{width:65%}
}
@media (min-width:1024px){
	.content_top .event .info .btn_detail:hover,
	.content_top .event .info .btn_detail:focus{background:var(--color-gray100);color:#fff}
	.content_top .event .info .btn_detail:hover i::after,
	.content_top .event .info .btn_detail:focus i::after{transform:translate(10px, -50%);filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(103%) contrast(104%);}
}

.content_top .aside .quick{margin-top:30px;}
.content_top .aside .quick .tit{padding:0 4px 10px;font-size:2.4rem;font-family: var(--font-family01);font-weight:600;}
.content_top .aside .quick li:not(:first-child){margin-top:8px;}
.content_top .aside .quick li a{position:relative;display:block;line-height:72px;padding:0 24px;background:var(--color-point01);color:#fff;font-size:1.8rem;font-weight:500;transition:background .3s ease, color .3s ease}
.content_top .aside .quick li a::after{content:'';display:block;width:24px;height:24px;background:url(/images/arr_circle.svg) no-repeat 50%; position:absolute;right:24px;top:50%;transform: translate(0, -50%);opacity:1;transition:opacity .3s ease}
.content_top .aside .quick li a i{position:relative;display:inline-block;padding-left:32px;}
.content_top .aside .quick li a i::after{content:'';display:block;width:24px;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position: 50% 50%;stroke:var(--color-gray100);transition:filter .3s ease}
.content_top .aside .quick li.next i::after{background-image:url(/images/ico_quick01.svg);}
.content_top .aside .quick li.prev i::after{background-image:url(/images/ico_quick02.svg);}
.content_top .aside .quick li.commt i::after{background-image:url(/images/ico_quick03.svg);}
.content_top .aside .quick li a i::after,
.content_top .aside .quick li a i::after{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(103%) contrast(104%);}

@media (min-width:1024px){
	.content_top{flex-direction:row;}
	.content_top .event{min-width: 0;}
	.content_top .aside{display:block;flex:0 0 calc( 361px + 30px);padding:0 0 0 30px;border-left:1px solid var(--color-gray30);border-top:0;min-width: 0;}
	
	.content_top .event .info .btn_detail:hover i::after{transform:translate(10px, -50%);}

	.content_top .aside .quick li a{background:var(--color-gray10);color:var(--color-gray100);}
	.content_top .aside .quick li a:hover,
	.content_top .aside .quick li a:focus{background:var(--color-point01);color:#fff;}
	.content_top .aside .quick li a::after{opacity:0}
	.content_top .aside .quick li a:hover::after,
	.content_top .aside .quick li a:focus::after{opacity:1}

	.content_top .aside .quick li a i::after{filter:unset;}
	.content_top .aside .quick li a:hover i::after,
	.content_top .aside .quick li a:focus i::after{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(103%) contrast(104%);}
}
@media (min-width:1280px){
	.content_top{gap:60px}
	.content_top .aside{flex:0 0 calc( 361px + 60px);padding:0 0 0 60px;}
	.content_top .aside .quick .tit{font-size:3.2rem;padding:30px 4px 18px}
	.content_top .event .info{margin-top:36px;}
}
@media (min-width:1800px){
	.content_top .event .info{padding-right: 240px;}
	.content_top .event .info .btn_detail{position:absolute;right:0;top:0;width:200px;margin:0;}

	.content_top .aside{flex:0 0 calc( 421px + 60px);padding:0 0 0 60px;}
}


.news .hgroup{display:flex;gap:12px;padding:0 4px 10px}
.news .hgroup h2{font-size:2.4rem;font-family: var(--font-family01);font-weight:600;}
.news .hgroup .btn_more{display:block;text-indent:-9999em;overflow: hidden;width:24px;height:100%;background:url(/images/arr_right.svg) no-repeat 50% 50%;}
.news .lst_news ul{border-left:1px solid var(--color-gray30);border-right:1px solid var(--color-gray30);}
.news .lst_news li{border-bottom:1px solid var(--color-gray30);}
.news .lst_news li:first-child{border-top:1px solid var(--color-gray30);}
.news .lst_news li a{position:relative;display:flex;gap:24px;flex-direction: column;padding:24px 20px;color:var(--color-gray100);font-size:1.8rem;background:var(--color-gray05);}
.news .lst_news li .tit{font-weight:500;display:flex;gap:20px;}
.news .lst_news li .tit strong{flex:1 1 auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .lst_news li .tit .badge{flex:0 0 50px;height:26px;text-align:center;color:var(--color-point02);font-size:1.4rem;border:1px solid var(--color-point02);}
.news .lst_news li .txt{color:var(--color-gray60);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:1.6rem}
.news .lst_news li time{color:var(--color-gray50);font-size:1.4rem;}

@media (min-width:768px){
	.news .lst_news ul{display:flex;flex-wrap: wrap}
	.news .lst_news li{flex:1 1 50%;}
	.news .lst_news li:nth-child(2){border-top:1px solid var(--color-gray30);}
	.news .lst_news li:nth-child(even){border-left:1px solid var(--color-gray30);}
}
@media (min-width:1024px){
	
	.news .lst_news li a{padding:34px 30px;font-size:2rem;transition:background .3s ease, scale .3s ease, box-shadow .6s ease}
	.news .lst_news li a .tit{min-height: 52px}
	.news .lst_news li a .tit .badge{transition:background .3s ease, color .3s ease}
	.news .lst_news li a:hover,
	.news .lst_news li a:focus{background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);scale: 1.01;z-index: 1}
	.news .lst_news li a:hover .tit strong,
	.news .lst_news li a:focus .tit strong{text-decoration:underline;}
	.news .lst_news li a:hover .tit .badge,
	.news .lst_news li a:focus .tit .badge{color:#fff;background:var(--color-point02);}
}
@media (min-width:1280px){
	.news .hgroup{padding:30px 4px 18px}
	.news .hgroup h2{font-size:3.2rem;}
	.news .lst_news li{flex:1 1 25%;border-top:1px solid var(--color-gray30);}
	.news .lst_news li:not(:first-child){border-left:1px solid var(--color-gray30);}
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background: #fff;
    opacity: 0.5;
    transition: all .3s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    width: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
    .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .swiper-button-next,
	.swiper-button-prev {
	  display:none;
	}
}


/* 동영상 모달 */
.video_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video_modal.active {
    display: block;
    opacity: 1;
}

.video_modal_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.video_modal_content {
    position: relative;
    width: 90%;
    max-width: 1200px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
}

.video_modal_close {
    position: absolute;
    right: -40px;
    top: -40px;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10001;
    padding: 0;
}

.video_modal_close span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #fff;
    transform-origin: center;
}

.video_modal_close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.video_modal_close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.video_modal_close:hover span,
.video_modal_close:focus span {
    background: var(--color-point02);
}

.video_modal_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.video_modal_wrapper video {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 75vh; /* 동영상이 화면을 넘지 않도록 최대 높이 제한 */
    object-fit: contain;
}

/* 모달 열렸을 때 body 스크롤 방지 */
body.modal_open {
    overflow: hidden;
}

/* 모바일 반응형 */
@media screen and (max-width: 768px) {
    .video_modal_content {
        width: 95%;
    }

    .video_modal_close {
        right: 0;
        top: -50px;
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 480px) {
    .video_modal_close {
        right: 10px;
        top: -45px;
    }
}

.video_bnr_wrapper{
	display: block;
    width: 100%;
    height: 410px;
    max-width: 100%;
    object-fit: contain;
	background-color:#000;
}

.video_bnr_wrapper video{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 768px) {
    .video_bnr_wrapper{
		height: 320px;
	}
}