@charset "utf-8";
/*------------------------------------------------------------------------------
	역대영화제 - 영화제발자취 renew _2024.08
------------------------------------------------------------------------------*/
/* reset */
#wrap {overflow:clip;}
.d3tab_basicbox {display:none;}


/* 상단 */
.arc_history_nav {}
.arc_history_year {position:relative; display:flex; align-items:center;  overflow-x: clip;}
.arc_history_year_wrap {position:relative; letter-spacing:-0.02em;}
.arc_history_year_wrap:after {content:""; position:absolute; display:block; width:100%; height:1px; left:0; right:0; bottom:0.35rem; background:#ddd; z-index:9; mix-blend-mode: multiply;}
.arc_history_year .swiper-wrapper {align-items:flex-end; padding:0 14rem;}
.arc_history_year .swiper-slide {text-align:center; }
.arc_history_year .swiper-slide a {display:block; font-weight:600;font-size:1.8rem; color:#c1c1c1; white-space:nowrap; transition:color 0.5s;}
.arc_history_year .swiper-slide a:after {content:""; display:block; width:0.7rem; height:0.7rem; margin:1em auto 0; background:#dfdfdf; border-radius:50em;}

.arc_history_year .swiper-slide a:hover {color:#666; }
.arc_history_year .swiper-slide a:hover:after {background:#666; transition:all 0.5s;}

.arc_history_year .swiper-slide:has(a.current):before {content:""; position:absolute; left:0; right:0; bottom:-0.65rem; display:block; width:2rem; height:2rem;  margin:1em auto 0;  background:rgb(232 30 45 / 20%); border-radius:50em;animation: 1.2s ease-in 0s infinite running activeDot2}
.arc_history_year .swiper-slide a.current {font-size:2.8rem; font-weight:700; color:#000;}
.arc_history_year .swiper-slide a.current:after {margin-top:0.5em; background:#E81E2D; animation: 1s ease-in-out 0s infinite running activeDot1;}
.arc_history_year .swiper-slide a.current:before {content:""; position:absolute; left:0; right:0; bottom:-1.15rem; display:block; width:3rem; height:3rem;  margin:1em auto 0;  background:transparent; border:1px solid rgb(232 30 45 / 15%); border-radius:50em; animation: 1.2s ease-in-out 0s infinite running activeDot3;}
@keyframes activeDot1 {
}
@keyframes activeDot2 {
	0% {transform:scale(0.8); opacity:0;}
	20% {transform:scale(1); opacity:1;}
	100% {transform:scale(1.5); opacity:0;}
}
@keyframes activeDot3 {
	0% {transform:scale(1); opacity:1;}
	100% {transform:scale(1.5); opacity:0;}
}

.arc_history_year .arc_history_year-prev,
.arc_history_year .arc_history_year-next {position: absolute;width: 14rem;height:10rem;flex-shrink: 0;z-index:9;cursor:pointer;bottom: -1rem;}
.arc_history_year .arc_history_year-prev {left:0rem; background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,.75), #fff);}
.arc_history_year .arc_history_year-next {right:0rem; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.75), #fff);}
.arc_history_year .arc_history_year-prev:after,
.arc_history_year .arc_history_year-next:after {content:"";position: absolute;top: calc(50% - 0.45rem);display:block;width: 1.5rem;height: 1.5rem;border:1px solid #585858;border-left:0;border-bottom:0;}
.arc_history_year .arc_history_year-prev:after {left: 2.25rem;transform:rotate(-135deg)}
.arc_history_year .arc_history_year-next:after {right: 2.25rem;transform:rotate(45deg)}

.arc_history_tab {margin-top:7rem;}
.arc_history_tab ul {display:flex; }
.arc_history_tab ul li {width:20%; border:1px solid #ddd;}
.arc_history_tab ul li:not(:last-child) {border-right:1px solid transparent;}
.arc_history_tab ul li.on {border-color:#000; background:#000}
.arc_history_tab ul li a {display:block; width:100%; text-align:center; height:5.4rem; line-height:5.4rem; font-size:1.6rem; color:#333;}
.arc_history_tab ul li.on a {font-weight:600; font-size:1.1em; color:#fff; }

@media screen and (max-width:768px) {
	.arc_history_tab {margin-top:4rem;}
	.arc_history_year_wrap .scroll_guide {justify-content:center; padding:1rem 0; margin-bottom:2rem; font-size:1.2rem; background:linear-gradient(0deg, #f3f3f3, transparent);}
	.arc_history_year .swiper-wrapper {padding:0;}
	.arc_history_year .arc_history_year-prev, 
	.arc_history_year .arc_history_year-next {display:none;}
	.arc_history_year .swiper-slide a {font-size:1.6rem;}
	.arc_history_year .swiper-slide a.current {font-size:2.2rem}
	
	.arc_history_tab ul li a {font-size:1.2rem}
	.arc_history_tab ul li.on a {font-size:1em;}
}

/* 섹션 공통 */
.cont_archive section {padding:10rem 0 10rem;font-size:1.6rem; font-weight:500; color:#666; line-height:1.7; letter-spacing:-0.02em;}
.cont_archive section h3 {padding-bottom:1ex; font-size:3rem; font-weight:700; color:#000}
.cont_archive section h4 {font-size:2rem; font-weight:700;}
.cont_archive section .list_dot {}
.cont_archive section .list_dot li {position:relative; padding-left:1ex; }
.cont_archive section .list_dot li:before {content:""; position:absolute; left:0; top:calc(1ex + 3px); display:block; width:3px; height:3px; border-radius:50em; background-color:#666;}
.cont_archive section.sec_summ {padding-top:8rem;}

/* 개요 */
.boundary {width:1250px; margin-left:auto; margin-right:auto;}

.type_card {display:flex; gap:1.5rem; flex-wrap:wrap;}
.type_card + .type_card {margin-top:1.5rem;}
.type_card dl {padding:3.5rem 3rem 5rem; background:#fff; border:1px solid rgba(0,0,0,0.05)}
.type_card dt {margin-bottom:2.4rem; font-size:2rem; font-weight:700; line-height:1.4;}
.type_card-1 dl {width:100%;}
.type_card-2 dl {width:calc((100% - 3rem) / 2);}
.type_card-3 dl {width:calc((100% - 3rem) / 3);}
.type_card-4 dl {width:calc((100% - 4.5rem) / 4);}
.type_card-5 dl {width:calc((100% - 6rem) / 5);}

.type_list .list_dot {line-height:2;}

.type_desc dl {margin-bottom:5rem; padding-bottom:5rem; border-bottom:1px solid #E9E9E9}
.type_desc dt {margin-bottom:1ex; font-size:2.2rem;}
.type_desc dd {font-weight:400; line-height:1.8;}

.type_num {display:flex; justify-content:space-between;}
.type_num dt {font-size:1.5rem; font-weight:600; color:#E74E59;}
.type_num dd strong {font-size:4.6rem; font-weight:700; color:#000; line-height:1.4}
.type_num dd small {font-size:2.4rem; font-weight:700; color:#000;  }

.list_ref {margin-top:4rem; font-size:1.5rem; color:#8b8b8b;}

.cont_archive .sec_summ .boundary {display:flex; justify-content:space-between; align-items:flex-start;}
.cont_archive .sec_summ h3 {padding-left:0.5ex; border-bottom:1px solid #000;}
.cont_archive .sec_summ .img {position:sticky; top:15rem; width:34.4%;}
.cont_archive .sec_summ .cont {width:57%;}
.cont_archive .sec_summ .cont dl {display:flex; padding:2.2rem 0; border-bottom:1px solid #F0F0F0; line-height:1.8;}
.cont_archive .sec_summ .cont dt {width:10em; padding:0 2rem; font-size:2rem; font-weight:700; color:#333; flex-shrink:0; }
.cont_archive .sec_summ .cont dd {padding-top:0.5rem;}

.cont_archive .sec_aca {background-color:#F8F8F8;}
.cont_archive .sec_aca .type_card dt {color:#E74E59}
.cont_archive .sec_aca .type_card + .type_list {margin-top:4rem;}

.cont_archive .sec_commu {background-color:#F3F2F9;}
.cont_archive .sec_commu .type_card dt {color:#1978FF}

.cont_archive .sec_every {background-color:#EDF3F3;}
.cont_archive .sec_every .type_card dt {color:#00BEB2}

.cont_archive .sec_result h3 {color:#E74E59;}
.cont_archive .sec_result dt {font-size:2.2rem; font-weight:600; color:#333;}

.cont_archive .sec_guest {padding:16rem 0; background:url(/kor/img/archive/bg_sec_guest.png) center center no-repeat; background-size:cover;}
.cont_archive .sec_guest h3 {margin-bottom:4rem;font-size:3rem; font-weight:800}
.cont_archive .sec_guest dd {width:16rem; }

.cont_archive .sec_text {padding:16rem 0; }

.boundary .odd dl {margin-bottom:3rem; margin-top:1rem; padding-left:0.5rem; display:flex; align-items:center; gap:3rem}
.boundary .odd dl dt {font-size:2.3rem; font-weight:700; color:#333; letter-spacing:-0.5px;}
.boundary .odd dl dd {color:#000; font-size:1.8rem;}

@media screen and (max-width:1260px) {
	.boundary {width:100%; padding-left:2rem; padding-right:2rem;}
	.type_card-3 dl {width:calc((100% - 1.5rem) / 2);}
	.type_card-4 dl {width:calc((100% - 1.5rem) / 2);}
	.type_card-5 dl {width:calc((100% - 1.5rem) / 2);}
	
	.cont_archive .sec_summ .img {top:12rem; width:40%;}
	.cont_archive .sec_summ .cont {width:56%;}
	.cont_archive .sec_summ .cont dl {flex-flow:column;}
	.cont_archive .sec_summ .cont dt {padding:0 0 1rem 0;}
	.cont_archive .sec_aca .type_card dt br {display:none;}
	.cont_archive .sec_guest .type_num {flex-wrap:wrap; gap:2rem 0;}
	.cont_archive .sec_guest .type_num dl {width:33.33%;}
}
@media screen and (max-width:768px) {	
	.cont_archive section {padding:5rem 0 !important; font-size:1.3rem}
	.cont_archive section h3 {font-size:2rem}
	
	.type_card dl {padding:2.8rem 2.4rem 2.8rem;}
	.type_card dt {margin-bottom:1.6rem; font-size:1.6rem;}
	
	.type_num dt {font-size:1.2rem}
	.type_num dd strong {font-size:3.8rem;}
	
	.list_ref {margin-top:3.2rem; font-size:1.2rem;}
	
	.cont_archive .sec_summ .boundary {flex-wrap:wrap; gap:3rem;}
	.cont_archive .sec_summ h3 {padding-left:0;}
	.cont_archive .sec_summ .img {position:relative; top:0; width:100%; }
	.cont_archive .sec_summ .img img {width:100%; }
	.cont_archive .sec_summ .cont {width:100%;}
	.cont_archive .sec_summ .cont dl {padding:2.4rem 0}
	.cont_archive .sec_summ .cont dt {font-size:1.5rem}
	
	.cont_archive .sec_result dt {font-size:1.75rem;}
	
	.cont_archive .sec_guest {padding:10rem 0; background-size:auto 80%; background-position:center bottom;}
	.cont_archive .sec_guest h3 {margin-bottom:3.2rem; font-size:2rem}
	.cont_archive .sec_guest .type_num dl {width:50%;}
	
	.boundary .odd dl {align-items: flex-start; flex-direction: column; gap:0.2rem; margin-bottom:1.5rem;}
	.boundary .odd dl dt {font-size:1.7rem;}
	.boundary .odd dl dd {font-size:1.5rem;}
}
@media screen and (max-width:540px) {	
	.type_card-3 dl {width:100%}
	.type_card-4 dl {width:100%}
	.type_card-5 dl {width:100%}	
	
	.cont_archive .sec_guest .type_num dd {width:100%; }
}

/* 상영작 */


/* 수상작 */


/* 심사위원 나중에 옮기기 */
.cont_archive .jury_wrap .jury .jury_li {align-items: center;}

/* 포스터 */