@charset "utf-8";
/*------------------------------------------------------------------------------
	역대영화제 리뉴얼 _ &.2024.11
------------------------------------------------------------------------------*/
/* 기존 스타일 초기화 */
.cont_archive .cl_b:before, 
.cont_archive .cl_b:after,
.cont_archive .jury .jury_li:before, 
.cont_archive .jury .jury_li:after {content:none;}
.cont_archive .jury .jury_li .jury_img, 
.cont_archive .jury .jury_li .jury_txt {float:none;}

/* 영화제 발자취 상단 */
.archive_nav {padding-top:30px}
.archive_nav:before,
.archive_nav:after {display: table; content: " "; clear: both;}

.archive_nav .arc_year {position:relative;float:left;}
.archive_nav .arc_year .year .year_select {position:relative;display:inline-block;font-size:40px;font-weight:900;color:#111;padding-right:40px;}
.archive_nav .arc_year .year .year_select:after {content:'';display:inline-block;width:23px;height:23px;margin:auto auto;position:absolute;top:18px;right:0;
								background:url(/kor/img/cmm/ico_down_year.png) no-repeat 50% 50%;}

.arc_year_list {position:absolute;top:60px;left:0;width:140px;border:1px solid #444;background:#fff;border-radius:3px;-webkit-border-radius:3px;padding:15px 15px;
	-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:0;z-index:-1;max-height:280px;overflow-y:scroll}
.arc_year_list li a {display:block; color: #111; padding:10px; font-size:18px;line-height:20px; background:#fff;text-align:left;font-weight:900}
.arc_year_list li:hover a {background:#fff;}
.arc_year_list.on {opacity:1;z-index:90}

.archive_nav .arc_tab {width:100%; float:right}
.archive_nav .arc_tab .tab_3dep {padding-top:30px}
.archive_nav .arc_tab .tab_3dep ul.tab_list_arc {}
.archive_nav .arc_tab .tab_3dep ul.tab_list_arc li {float:left; width:20%;}


/* 영화제 발자취 - 개요, 심사위원, 수상작 */
.cont_archive .arc_intro .arc_intro_bg {position:relative;}
.cont_archive .arc_intro .arc_intro_bg .txtbox {display:table-cell;width:100%;height:280px;vertical-align:middle;color:#fff;text-align:center;}

.cont_archive .arc_intro .intro_li {padding:40px 0;border-bottom:1px solid #eee}
.cont_archive .arc_intro .intro_li:last-child {border-bottom:0}

.cont_archive .jury .jury_li {display:flex; align-items:center; /* padding:0; */ gap:50px;}
.cont_archive .jury .jury_li .jury_img {position:relative; height:200px; aspect-ratio: 1/ 1; width:200px; flex-shrink:0;}
.cont_archive .jury .jury_li .jury_img img {width:100%; height:100%; object-fit:cover; object-position:top;}
.cont_archive .jury .jury_li .jury_txt {width:auto; padding-left:0;}
.cont_archive .jury .jury_li .jury_txt > p.desc.bold {font-weight:normal !important}
.cont_archive .jury .jury_li .jury_txt > p.desc.bold::first-line {font-weight:600}

.cont_archive .arc_award .arc_award_li {padding:30px 0 0 0;border-bottom:1px solid #e3e3e3}
.cont_archive .arc_award .arc_award_li:last-child {border-bottom:0}

.cont_archive .jury .jury_li .jury_img:not(.people):has(a) {display:block; width:auto; aspect-ratio:auto; height:200px;}


.cont_archive .arc_award .award_film {display:flex; flex-flow:column; gap:40px; margin-top:40px}
.cont_archive .arc_award .award_film .award_film_li {display:flex; gap:50px; align-items:center; width:100%; padding-bottom:40px; border-bottom: 1px dotted #d4d4d4;}
.cont_archive .arc_award .award_film .award_film_li:last-child {border-bottom:none; padding-bottom:0;}
.cont_archive .arc_award .award_film .award_film_li .thumb {border-radius:10px; aspect-ratio: 45 / 29; width:300px;flex-shrink: 0;}
.cont_archive .arc_award .award_film .award_film_li .thumb img {width:100%; height:100%; object-fit:cover; object-position:top;}
.cont_archive .arc_award .award_film .award_film_li .txtbox {display:flex;padding:15px 0;position:relative;align-items: flex-start;gap: .4rem;flex-direction: column;}
.cont_archive .arc_award .award_film .award_film_li .txtbox .film_tit {font-size:18px;font-weight:700;margin-right:30px;}
.cont_archive .arc_award .award_film .award_film_li .txtbox .info {font-size:16px;color:#222;display: flex;align-items: center;}
.cont_archive .arc_award .award_film .award_film_li .txtbox .info_small_tit{color:#b5222b; font-weight:bold;}

.cont_archive .arc_award .award_film .award_film_li .info li {position:relative;display:inline-block;/* padding-right:10px; *//* margin-right:10px; */word-break:break-word}
.cont_archive .arc_award .award_film .award_film_li .info li:after {content:'';display:inline-block;width:1px;height:12px;/* position:absolute; */top:3px;right:0;background:#aaa;margin: 3px 10px 0;}
.cont_archive .arc_award .award_film .award_film_li .info li:first-child {padding-left:0}
.cont_archive .arc_award .award_film .award_film_li .info li:last-child:after {content:none;}

.cont_archive .arc_award .award_film .award_film_li .txtbox .dir_interview {position:absolute;right:5px;top:10px;width:52px;height:52px;border:2px solid #fb5d5d;}
.cont_archive .arc_award .award_film .award_film_li .txtbox .dir_interview a {display:inline-block;width:48px;height:48px;border:2px solid #fff;}
.cont_archive .arc_award .award_film .award_film_li .txtbox .dir_interview a img {width:48px;height:48px;}

.cont_archive .arc_award .award_film.w50 {flex-wrap:wrap; flex-direction:row; gap:0; margin-top:0; border-bottom:1px solid #ddd;}
.cont_archive .arc_award .award_film.w50 .award_film_li {width:50%; padding:30px;}

.cont_archive .desc-s {color:#666}
.cont_archive .identity_bd {padding-left:30px;}
.cont_archive .poster_img,
.cont_archive .triler_wrap {border:1px solid #ccc}

.cont_archive .arc_award .tit-sec,
.cont_archive .arc_jury .tit-sec,
.cont_archive .arc_identity > .tit-sec {border-bottom:2px solid #333; padding-bottom:2rem; font-size:3rem; padding-top:5rem;}

@media (min-width: 992px) {
   .cont_archive .text-body3 {font-size: 16px;}
}

/***************************** 영화제발자취 - 포스터 _&.2024.11 ******************************/
.cont_archive .arc_poster {font-size:10px;}
.cont_archive .arc_poster h3 {padding-top:1.5em; padding-bottom: 1ex; font-size: 3em; font-weight: 700; color: #000; border-bottom: 2px solid #333;}
.cont_archive .arc_poster .boundary {}
.cont_archive .arc_poster .inner_flex {display:flex; justify-content:space-between; align-items:start; padding:3em 0 6em;}
.cont_archive .arc_poster .inner_flex:not(:last-child) {border-bottom:1px solid #000;}
.cont_archive .arc_poster .inner_flex .poster {position:sticky; top:15em; left:0; width:26.9em; border:1px solid #F0F0F0;}
.cont_archive .arc_poster .inner_flex .poster img {width:100%;}
.cont_archive .arc_poster .inner_flex .inform {width:calc(95% - 26.9em); line-height:1.8;}
.cont_archive .arc_poster .inner_flex .inform h4 {margin-bottom:0.5ex; font-size:2.6em; font-weight:600; color: #000;}
.cont_archive .arc_poster .inner_flex .inform .detail {display:flex; flex-flow:column; gap:1rem; padding-bottom:1.5em; color:#222;text-align: justify; font-size:1.7em; border-bottom:1px solid #F0F0F0;}
.cont_archive .arc_poster .inner_flex .inform .detail p {}
.cont_archive .arc_poster .inner_flex .inform .artist { padding:2.2em 2em; color:#333; background:#f8f8f8;  border-bottom:1px solid #F0F0F0;}
.cont_archive .arc_poster .inner_flex .inform .artist h5 {margin-bottom:0.5ex; font-size:1.8em; font-weight:500; color: #222;}
.cont_archive .arc_poster .inner_flex .inform .artist h5 .bar {display:inline-block; width:0.5px; height:0.8em; margin:-0.25ex 1ex 0; background-color:#bbb; vertical-align:middle;}
.cont_archive .arc_poster .inner_flex .inform .artist h5 b { font-weight:700; color: #333;}
.cont_archive .arc_poster .inner_flex .inform .artist .bio {font-size:1.5em; font-weight:300; }
.cont_archive .arc_poster .inner_flex .inform .artist .bio:not(:last-child) {margin-bottom:1.5em; padding-bottom:1.5em;border-bottom:1px dashed #dedede;}
.cont_archive .arc_poster .inner_flex .inform .artist .bio h6 {position:relative; padding-left:1ex;margin:1ex 0 0.5ex 0; font-size:1em;  color:#333 ;  font-weight:700;  }
.cont_archive .arc_poster .inner_flex .inform .artist .bio h6:before {content:""; position:absolute; left:0; top:calc(1ex + 0.2em); display:block; width:0.2em; height:0.2em; border-radius:50rem; background-color:#000;}
.cont_archive .arc_poster .inner_flex .inform .artist .bio p {text-align: justify; }
.cont_archive .arc_poster .inner_flex .inform .artist .bio ul li {position:relative;  padding-left:2ex; text-indent:-1ex;}
.cont_archive .arc_poster .inner_flex .inform .artist .bio ul li:before {content:"-";  display:inline-block; margin-right:1ex; }
.cont_archive .arc_poster .inner_flex .inform .artist .bio h6 + ul {display:grid; grid-template-columns:1fr 1fr; gap:0 1em;}
.cont_archive .arc_poster .inner_flex .inform .artist .bio h6 + ul li {padding-left:3ex; font-size:0.95em;color:#666}

@media (max-width:768px) { 
	.cont_archive .arc_poster .inner_flex {flex-flow:column; gap:3em;}
	.cont_archive .arc_poster .inner_flex .poster {position:inherit;}
	.cont_archive .arc_poster .inner_flex .inform {width:100%;}
}
@media (max-width:414px) {
	.cont_archive .arc_poster {font-size:2.2vw;}
	.cont_archive .arc_poster .inner_flex .inform .artist h5 .bar {display:block; width:1.5em; height:1px; margin:0.3ex 0 0.6ex;}
	.cont_archive .arc_poster .inner_flex .inform .artist .bio h6 + ul {grid-template-columns:1fr;}
}
/***************************** //END ) 영화제발자취 - 포스터 _&.2024.11 ******************************/


/* ------------------------------------------------ Archive Program List ------------------------------------------------ */
.arc_pgl {position:relative;margin-top:30px}
.arc_pgl:before,
.arc_pgl:after,
.arc_pgl .pg_li:before,
.arc_pgl .pg_li:after {clear:both;display:block;content:'';}
.arc_pgl .pg_li {float:left;padding:40px 0;border-bottom:1px solid #e0e0e0;width:100%}
.arc_pgl .pg_li:first-child {padding-top:0px}
.arc_pgl .pg_li:last-child {border-bottom:0}
.arc_pgl .pg_li .film_thumb,
.arc_pgl .pg_li .txtbox {float:left}


.arc_pgl .pg_li .film_thumb {position:relative;display:block;width:25%;height:auto; overflow:hidden; aspect-ratio: 238 / 156;text-align:center;background:#000;} 
.arc_pgl .pg_li .film_thumb img {width: 100%; height: 100%; object-fit: cover; transform-origin:center center; transform:scale(1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.arc_pgl .pg_li:hover .film_thumb img { transform:scale(1.1); }
.arc_pgl .pg_li .film_thumb .prem {position:absolute;top:15px;left:15px;display:inline-block;z-index:10; background:var(--biff-red); border-radius:50px; -webkit-border-radius:50px; padding:3px 8px; font-size:11px; line-height:1.5; color:#fff;}


.arc_pgl .pg_li .txtbox {width:75%; padding-left:40px;}
.arc_pgl .pg_li .txtbox .film_tit {display:block;font-size:24px;font-weight:500;letter-spacing:-1px;color:#111}
.arc_pgl .pg_li .txtbox .sc {font-size:15px;line-height:1.5;white-space:nowrap;color:#b59f48;letter-spacing:-1px;margin-bottom:15px;font-weight:500}

.arc_pgl .pg_li .txtbox .film_info {margin:10px 0 15px}
.arc_pgl .pg_li .txtbox .film_info:before,
.arc_pgl .pg_li .txtbox .film_info:after {clear:both;display:block;content:'';}
.arc_pgl .pg_li .txtbox .film_info li {float:left;position:relative;display:inline-block;padding-right:14px;margin-right:14px;font-size:15px;word-break:break-word}
.arc_pgl .pg_li .txtbox .film_info li:after {content:'';display:inline-block;width:1px;height:12px;position:absolute;top:3px;right:0;background:#aaa;}
.arc_pgl .pg_li .txtbox .film_info li:first-child {padding-left:0}
.arc_pgl .pg_li .txtbox .film_info li:last-child:after {content:none;}
.arc_pgl .pg_li .txtbox .film_info li.dir {max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.arc_pgl .pg_li .txtbox .film_award_list {display:block;margin-top:10px}
.arc_pgl .pg_li .txtbox .film_award_list:before,
.arc_pgl .pg_li .txtbox .film_award_list:after {clear:both;display:block;content:'';}
.arc_pgl .pg_li .txtbox .film_award_list li {float:left;display:inline-block;font-size:12px;line-height:1.5;background:#f3edde;color:#ba9b52;padding:4px 8px;letter-spacing:-0.5px;margin-right:4px;font-weight:500}
.arc_pgl .pg_li .txtbox .desc {font-size:15px;line-height:1.8; max-height:84px;overflow:hidden;}


.cont_archive section h4 {color:#222;}
.arc_award_li:has(.desc) + .jury  {margin-top:-30px;}



	@media (max-width:1260px) {
		/* .cont_archive .arc_award, 
		.cont_archive .arc_jury, 
		.cont_archive .arc_identity {padding-right:2rem; padding-left:2rem;} */
	}



	@media (max-width:768px) { 
		
		.archive_nav .arc_year {float:none}
		.archive_nav .arc_year .year .year_select {font-size:24px;padding-right:25px}
		.archive_nav .arc_year .year .year_select:after {background-size:14px;width:14px;height:14px;top:5px}

		.arc_year_list {top:35px;padding:10px;width:100px;}
		.arc_year_list li a {padding:6px;font-size:15px}

		
		.archive_nav .arc_tab {float:none;margin-top:10px}


		.arc_pgl {margin-left:-8px;margin-right:-8px}
		.arc_pgl .pg_li {float:left;width:50%;padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;border-bottom:0}

		.arc_pgl .pg_li .film_thumb, 
		.arc_pgl .pg_li .txtbox {float:none;width:100%;height:120px;}
		.arc_pgl .pg_li .film_thumb {height:120px;}
		.arc_pgl .pg_li .film_thumb img {min-height:120px;}
		.arc_pgl .pg_li .txtbox {padding-left:0;padding-top:10px}
		
		.arc_pgl .pg_li .txtbox .sc {font-size:11px;margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
		.arc_pgl .pg_li .txtbox .film_tit {font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
		.arc_pgl .pg_li .txtbox .film_info {margin:6px 0 10px}
		.arc_pgl .pg_li .txtbox .film_info li.en {display:none}
		.arc_pgl .pg_li .txtbox .film_info li:after {content:none;}
		.arc_pgl .pg_li .txtbox .film_info li.dir {font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-0.5px}
		.arc_pgl .pg_li .txtbox .desc {display:none}
		.arc_pgl .pg_li .txtbox .film_award_list {margin-top:8px}
		.arc_pgl .pg_li .txtbox .film_award_list li {font-size:10px;padding:2px 4px 1px}



		.cont_archive .arc_intro .intro_li {padding:30px 0}
		.cont_archive .arc_intro .tit-sec {margin-bottom:15px}
		.cont_archive .arc_intro .mt50 {margin-top:35px}
		
		.cont_archive .jury .jury_li {flex-flow:column; gap:0;}
		.cont_archive .jury .jury_li .jury_txt {text-align:center;}

		.cont_archive .arc_award .arc_award_li:first-child {padding-top:0}
		.cont_archive .arc_award .award_film .award_film_li {flex-flow:column; gap:0;}
		.cont_archive .arc_award .award_film .award_film_li .thumb {height:auto;}
		.cont_archive .arc_award .award_film .award_film_li .txtbox {flex-flow:column;  align-items:center;}
		.cont_archive .arc_award .award_film .award_film_li .txtbox .film_tit {font-size:16px;margin-right:0;}
		.cont_archive .arc_award .award_film .award_film_li .info li {font-size:13px;}
		.cont_archive .arc_award .award_film .award_film_li .info li:after {height:10px;top:2px}
	
		.cont_archive .poster_img {width:60%}
		

		.cont_archive .arc_award .arc_award_li:not(:first-child) .tit-sec {padding-top:0;}
		.cont_archive .arc_award .tit-sec, .cont_archive .arc_jury .tit-sec, .cont_archive .arc_identity > .tit-sec {font-size:2.4rem;}
		
	}


	@media (max-width:414px) { 
		
		
		.archive_nav {padding-top:20px}
		.qserach_wrap {margin-top:20px;}
		.qserach_wrap .inp_search_wrap {padding-left:0px}


		.arc_pgl .pg_li .film_thumb .prem {top:6px;left:6px;font-size:10px;padding:2px 6px}
		
		 /* .cont_archive .arc_jury, .cont_archive .arc_identity {padding-left:0; padding-right:0;} */
		
		.cont_archive .arc_award .tit-sec, .cont_archive .arc_jury .tit-sec, .cont_archive .arc_identity > .tit-sec {font-size:2rem;}
		
		.cont_archive .arc_award .award_film .award_film_li .thumb {width:100%;}
		.cont_archive .jury .jury_li .jury_img:not(.people) {width:65% !important; height:auto; aspect-ratio:inherit;}
		.cont_archive .jury .jury_li .jury_img:not(.people):has(a) {width:100% !important;}
		



	}




/* 하단 같은 섹션 롤링 css */
.modalpack {position:relative;background:transparent;padding:80px 0; border-top:solid 1px #ddd; }
.modalpack .pack_tit {color:#000;display: flex; justify-content: space-between;     align-items: center;}
/* .modalpack .pack_tit .pggo { margin-top:15px; color:#333; font-size:1.5rem; font-weight:400; display:inline-block; padding:2px 15px; border-radius:25px; border:solid 2px #330000; vertical-align: top; } */
.modalpack .pack_tit .pggo { position:relative }
.modalpack .pack_tit .pggo > a:after{content:''; position:absolute; top:50%; right:0; display:block;width:14px; height:16px; margin-top:-8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(0,0,0,0.6)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat;}
.modalpack .pack_tit .pggo > a { padding-right:1.3rem;  font-size:1.5rem}


.modalpack .pack_tit h5,
.modalpack .pack_tit strong {display:inline-block;line-height:1.1;letter-spacing:-0.5px;}
.modalpack .pack_tit h5 {position:relative;display:block;font-size:2.5rem;font-weight:bold;color:#000;padding-right:22px;margin-right:18px;}
/*.modalpack .pack_tit h5:after {content:'';position:absolute;top:7px;right:0;width:1px;height:22px;background:#ccc;}*/
.modalpack .pack_tit strong {font-size:26px;color:#fff;font-weight:bold}

.rolling_pack {margin-top:30px;}
/* .rolling_pack .slick-list {margin:0;width:1800px} */
.rolling_pack .slick-track {margin:0;}
.rolling_pack .pack_li {margin-left:6px;margin-right:6px;width:308px; background:#000;}
.rolling_pack .pack_li a {display:block; color:#fff;}
/* .rolling_pack .pack_li .pack_mv_thumb {position:relative;display:block;width:100%; height:0; padding-bottom:65%;overflow:hidden;background:#f5f5f5; border-radius:0;-webkit-border-radius:0;}
.rolling_pack .pack_li .pack_mv_thumb img {width:100%;height:auto;min-height:178px;overflow:hidden;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.7);} */

/* .rolling_pack .pack_li a:hover img {transform:scale(1.8) ;} */

/* .rolling_pack .slick-list:after {content:'';position:absolute;top:0;right:0;width:160px;height:100%;background:url(/kor/img/cmm/bg_gr_pack_right.png) repeat-y 0 0;z-index:20} */
.rolling_pack .pack_li .mv_titbox {padding:2.3rem;}
.rolling_pack .pack_li .mv_tit {display:block;font-size:2rem;line-height:160%;color:#fff;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.rolling_pack .pack_li .mv_tit_en {margin-top:3px;color:#fff;font-size:1.5rem;}
.rolling_pack .pack_li a:hover .mv_tit,
.rolling_pack .pack_li a:hover .mv_tit_en {color:#fff !important}

.rolling_pack .pack_li .mv_tit_en {text-overflow: ellipsis;  overflow: hidden; white-space: nowrap;}
.rolling_pack .pack_li .pack_mv_thumb { display: block; width: 100%; height: auto; aspect-ratio: 240 / 150; background: #f5f5f5; border-radius: 0; -webkit-border-radius: 0; overflow: hidden;}
.rolling_pack .pack_li .pack_mv_thumb img { width: 100%; height: 100%; object-fit: cover; }
.rolling_pack .pack_li:hover img { transform:scale(1.1) ;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);}

.subcontrolbox .ccbtn { display:inline-block; position: absolute; }
.subcontrolbox .ccbtn .nex { display:block; }
.subcontrolbox .ccbtn .nex:after {content:''; position:absolute; width:40px; height:40px; background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='rgb(91,91,91);' class='bi bi-chevron-compact-right' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M6.776 1.553a.5.5 0 0 1 .671.223l3 6a.5.5 0 0 1 0 .448l-3 6a.5.5 0 1 1-.894-.448L9.44 8 6.553 2.224a.5.5 0 0 1 .223-.671'/> </svg>"); background-repeat:no-repeat;}
.subcontrolbox .ccbtn .pre { display:block;  }
.subcontrolbox .ccbtn .pre:after {content:''; position:absolute; width:40px; height:40px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='rgb(91,91,91);' class='bi bi-chevron-compact-left' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223'/> </svg>"); background-repeat:no-repeat;}

a#rolling_pack-prev { left: -50px; top: 50%; } 
a#rolling_pack-next { right: -10px; top: 50%; }

	@media (max-width:768px) {
		
		.pack {padding:35px 0}
		.rolling_pack .pack_li .mv_tit {margin-top:10px;font-size:16px;}
		.rolling_pack .pack_li .mv_titbox {padding:2rem;}
		.rolling_pack .pack_li { width:180px; }

		.pack-slick-arrow,
		.pack-slick-arrow.pack-slick-prev,
		.pack-slick-arrow.pack-slick-next {display:none !important;content:none;background:none;width:0;height:0;}
		
	
	}

	@media (max-width:414px) {
		
		.rolling_pack .slick-list {width:100%; }
		.modalpack {padding:30px 0}
		.modalpack .pack_tit h5 {font-size:2rem;padding-right:12px;margin-right:8px;letter-spacing:-1px;font-weight:bold}
		.modalpack .pack_tit h5:after {height:12px;background:#ccc}
		.modalpack .pack_tit strong {font-size:15px;letter-spacing:-1px;}

		.rolling_pack .pack_li .mv_tit {font-size:14px;margin-top:5px}
		.rolling_pack .pack_li .mv_titbox {padding:1rem;}
		.rolling_pack .slick-list:after {display:none}
		.subcontrolbox .ccbtn  { display:none; }

	}

	@media (max-width:320px) {

		.rolling_pack .pack_li {width:110px;}
		

	}

















/*---------------------------------------------------------- old -----------------------------------------------------*/


.archive_wrap {}
.archive_wrap .sec {margin:0;padding:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.archive_wrap .sec:first-child,
.archive_wrap .sec:last-child {border-bottom:none}

.archive_info { padding-bottom:30px;min-height:300px;margin-top:20px;border-bottom:1px solid #e0e0e0}
.archive_info .img {float:left}
.archive_info .txt { text-align:justify; line-height:1.6; padding-left:230px;}
.archive_info:before,
.archive_info:after {content:'';clear:both;display:block;}





.tabmenu .tab_gold {background:url(http://img.biff.kr/kor/img/cmm/bg-gr-red.png) repeat-y 0 0}
.tabmenu .tab_gold:before,
.tabmenu .tab_gold:after {clear:both;display:block;content:'';}
.tabmenu .tab_gold li {float:left;padding:0;display:inline-block;text-align:center;border-right:1px solid #de7e86;border-bottom:none}
.tabmenu .tab_gold li a {display:block;color:#e6a2a7;font-size:20px;line-height:60px;text-align:center;letter-spacing:-1px}

.tabmenu .tab_gold li:hover a,
.tabmenu .tab_gold li.on a {color:#fff;border-bottom:none}




.archive_wrap .sub_tit {font-size:24px;font-weight:bold;letter-spacing:-1.5px;color:#aaa;}
.archive_wrap .sub_tit2 {font-size:20px;color:#d82f36}
.archive_wrap .sec_tit {font-size:20px;font-weight:600;/*color:#ba9173*/color:#aaa;letter-spacing:-0.5px}

h5.h5_3 {font-size:20px;font-weight:600;color:#aaa;letter-spacing:-0.5px}


.archive_wrap .txt-head {font-size:22px;line-height:30px;font-weight:bold;letter-spacing:-1px;}
.archive_wrap .desc {font-size:15px;line-height:26px;color:#333}
.archive_wrap .desc-l {font-size:18px;line-height:28px;}


table.acm { border-collapse:collapse; width:100%; margin:0; border-top: 1px solid #d9d9d9;  border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#f1f1f1;  margin:30px 0 20px 0;}
table.acm td { width:20%; border-bottom: 1px solid #d6d6d6; padding:10px 0; border-right: 1px solid #d6d6d6;  line-height:140%; font-size:11px; color:#444; text-align:center; font-weight:normal;}

table.acm td.on { border-bottom: 1px solid #444; padding:10px 0; border-right: 1px solid #444;  line-height:140%; font-size:11px; background:#444; color:#fff; text-align:center; font-weight:normal;}
table.acm td.center { border-bottom: 1px solid #d6d6d6; padding:5px 8px 5px 15px; border-right: 1px solid #d6d6d6;  text-align: center; }
table.acm td.on a{color:#fff;}


.archive_wrap .list-basic > li {position:relative;font-size:16px;line-height:160%;margin-bottom:10px;margin-top:10px;padding-left:12px;color:#666}
.archive_wrap .list-basic > li:before {content:'';position:absolute;top:10px;left:0;width:5px;height:5px;background:#444}
.archive_wrap .list-basic > li > ul {margin:10px 0;}
.archive_wrap .list-basic > li > ul > li {position:relative;font-size:15px;line-height:170%;color:#777;padding-left:15px;}
.archive_wrap .list-basic > li > ul > li:before {content:'\2013';position:absolute;top:0;left:0;}

.archive_wrap .list-basic > li strong {font-weight:500;font-size:16px;color:#111}





/* archive snb rolling */

.sub_visual.sub_visual_arc {background:url(http://img.biff.kr/kor/img/cmm/sub_visual_bg1.jpg) no-repeat 0 0 #4e3495;}
.snb_arc {position:relative;margin:30px auto 20px;text-align:center;}
.snb_arc ul {padding:0 90px}
.snb_arc ul li {padding:0;margin:0;border-bottom:1px solid rgba(255,255,255,.3)}
.snb_arc ul li.current {border-bottom:2px solid var(--biff-red)}
.snb_arc ul li:hover a,
.snb_arc ul li:hover span,
.snb_arc ul li.current a,
.snb_arc ul li.current a span {color:var(--biff-red);}
.snb_arc ul li a,
.snb_arc ul li a span {display:block;font-family:'Roboto', sans-serif;color:#aaa;text-align:center}
.snb_arc ul li a {display:block;padding:10px 20px;font-size:30px;font-weight:bold;}
.snb_arc ul li span {font-size:16px;line-height:24px;font-weight:normal;margin-top:5px;}

.snb_arc .slick-arrow {z-index:20;width:58px;height:60px;font-size:0px;line-height:0;text-indent:-9999px;}
.snb_arc .slick-arrow.slick-prev {position:absolute;top:10px;left:0;background:url(http://img.biff.kr/kor/img/cmm/ico_arc_slick_prev.png) no-repeat 50% 50% rgba(0,0,0,0);}
.snb_arc .slick-arrow.slick-next {position:absolute;top:10px;right:0;background:url(http://img.biff.kr/kor/img/cmm/ico_arc_slick_next.png) no-repeat 50% 50% rgba(0,0,0,0);}

	@media (max-width:768px) { 
		
		.snb_arc {margin-top:0}
		.snb_arc ul {white-space:nowrap;overflow-y:scroll;padding:0 20px;}
		.snb_arc ul li a {padding:5px 10px;font-size:20px;font-weight:bold;}
		.snb_arc ul li a span {font-size:15px;line-height:22px;font-weight:normal;margin-top:5px;}
		.snb_arc .slick-arrow.slick-prev,
		.snb_arc .slick-arrow.slick-next {background-color:rgba(0,0,0,.8);top:0}

	}





/*---------------------------------------------------------- Program List -----------------------------------------------------*/

.archive_search_warp {position:relative;text-align:center;padding:0;background:#444;border:1px solid #e0e0e0;}
.archive_search_warp .wrap_arc_search {position:relative;width:500px;margin:20px auto;padding:10px 15px;background:#fff;border:1px solid #e0e0e0;}
.archive_search_warp .wrap_arc_search:after {content:'';display:block;clear:both}
.archive_search_warp .wrap_arc_search .input_arc_search {display:inline-block;width:80%;float:left;height:30px;line-height:30px;font-size:16px;border:none}
.archive_search_warp .wrap_arc_search .btn_arc_search {display:inline-block;width:20%;float:right;font-size:0;text-indent:-9999px;
	background:url(/2018/cmm/img/layout/ico_arc_search.png) no-repeat;background-position:-60px 0px;width:30px;height:30px}

#tsearch_bar {position:absolute;display:inline-block;top:2px;right:140px;padding:6px 12px}
a.detail_search {color:#fff;}
a.detail_search:before {content:'\2212';font-size:16px;margin-right:5px;}
a.detail_search_on {color:#aaa}
a.detail_search_on:before {content:'\002B';font-size:16px;margin-right:5px;}
a.detail_search_on:hover {color:#fff}

	@media (max-width:1024px)  {
		#tsearch_bar{position:relative;display:block;top:0;right:0;left:0;bottom:0;padding:0 0 20px}
	}


table.arc_search td.keyword {position:relative}





.archive_search_warp .search_detail {position:relative;padding:30px 0;width:100%;margin:0 auto;background:#fff} 
.archive_search_warp .search_detail .search_detail_inner {width:70%;margin:0 auto}
.search_detail .search_detail_row {position:relative;width:100%;margin-top:10px;margin-bottom:10px}
.search_detail .search_detail_tit, 
.search_detail .search_detail_body { vertical-align:middle;}
.search_detail .search_detail_tit {position:relative;width:20%;font-size:18px;font-weight:500}

.search_detail .search_detail_body {width:100%;font-size:18px;text-align:left;padding-left:30px;}

.search_detail .search_detail_body .input_chks {width:20px;height:20px;background:#fff;border:1px solid #ccc;} 
.search_detail .search_detail_body .lbl {font-size:18px;padding-right:10px;}


.search_detail .search_detail_body input[type="checkbox"] { -webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff; border-radius: 4px;cursor: pointer; height: 27px;outline: 0; width: 27px;  border:solid 1px #ccc; }
.search_detail .search_detail_body input[type="checkbox"]::after { border: solid var(--biff-red); border-width: 0 2px 2px 0; content: ''; display: none; height: 50%; left: 37%; position: relative; top: 16%; transform: rotate(45deg); width: 30%; }
.search_detail .search_detail_body input[type="checkbox"]:checked {  background: #fff;}
.search_detail .search_detail_body input[type="checkbox"]:checked::after {  display: block;}

.search_detail .search_detail_body select {
     width: calc(50% - 60px);
     height:44px; border-radius:23px;
     padding:5px 15px;
     border:1px solid #ccc;
     background:#fff url('/kor/img/cmm/icon_cal.png') no-repeat 95% 50%;

     -webkit-appearance: none;
     -moz-appearance: none;
     appearance : none;
}

.btn_arc_detail_search {padding:10px 25px;font-size:18px;letter-spacing:-0.5px}
.btn_arc_detail_search:before {content:'';display:inline-block;width:20px;height:20px;background:url(/2018/cmm/img/layout/ico_arc_search.png) no-repeat;background-position:-90px 0px;float:left;margin-right:5px}

.search_result {padding:20px 15px ; border-top:solid 1px #e0e0e0; margin-top:40px;  } 
.result_txt {font-size:16px;text-align:center;}
.result_txt span {font-size:16px;font-weight:bold;color:#e82a32;}

/* Program list tab */
ul.archive_tab{border-bottom: 1px solid #d6d6d6; padding:0 0 20px;}
ul.archive_tab li{float:left;width:20%; margin:4px 0;}
ul.archive_tab li a {display:inline-block;font-size:15px;line-height:170%;}
ul.archive_tab li span{display:inline-block;font-size:15px;line-height:170%;color:#e61b21;}
ul.archive_tab li a:hover, ul.archive_tab li.on a{font-weight:bold; color:#000;}
ul.archive_tab:after {clear: both; content: ""; height: 0px; display: block;}

/* Program list */

ul.archive_list li{width:100%; padding:25px 0;border-bottom:1px solid #ddd;}
ul.archive_list li:first-child {border-top:3px solid #555}
ul.archive_list li:last-child {border-bottom:3px solid #555}

ul.archive_list li:before,
ul.archive_list li:after {content:'';clear:both;display:block;height: 0px;}
ul.archive_list li .img,
ul.archive_list li .txt {display:inline-block;float:left;}
ul.archive_list li .img{width:30%;padding:0 15px 0 0;}
ul.archive_list li .img img:first-child {margin-bottom:15px;}
ul.archive_list li .img img:last-child {display:block;}
ul.archive_list li .txt{width:70%;padding:0 0 0 15px;text-align:justify;line-height:170%;}
ul.archive_list li .txt h5{margin-bottom:10px;}
ul.archive_list li .txt h5 a{color:#222;font-size:18px;}
ul.archive_list li .txt .note{margin:10px 0 15px;}

	@media (max-width:767px)  {

		ul.archive_list li .txt {position:relative;width:100%;padding:0}
		ul.archive_list li .img {position:relative;width:100%;padding:0}
		ul.archive_list li .img img:last-child {margin-bottom:10px;}
	}


/* Paging */
#page { position: relative; text-align:center; color:#666666; display:table; margin-top:50px; width:100%;}
#page span { display: inline-block;}
#page a { color:#666666; border:1px solid #d1d1d1; background:url(/2018/cmm/img/layout/bg_paging_off.png) repeat-x ;  position: relative; display:inline-block;  margin:0; float:left; line-height:27px; padding:0 10px; margin:0 2px;}
#page a.on { border:1px solid #d1d1d1; background:#e8e8ed; color:#000; font-weight:bold;}
#page a.prev {background:url(/kor/img/cmm/btn_prev.png) no-repeat; width:28px; height:27px; padding:0; }
#page a.next {background:url(/kor/img/cmm/btn_next.png) no-repeat; width:28px; height:27px; padding:0; }





.archive_jury {position:relative;}
.archive_jury .sub_tit {margin-top:40px;color:#aaa}
.archive_jury .sub_tit2 {margin-top:30px;}
.archive_jury .desc {color:#444}

.archive_jury .jury_li {position:relative;width:100%;padding:40px 0;}
.archive_jury .jury_li:after {clear:both;display:block;content:'';}

.archive_jury .jury_li .img,
.archive_jury .jury_li .txt {float:left;}

.archive_jury .jury_li .img {position:relative;width:25%; text-align:center;}
.archive_jury .jury_li .img img {text-align:center;vertical-align:middle}
.archive_jury .jury_li .txt {width:75%;padding-left:30px;}
.archive_jury .jury_li .txt .name {font-size:22px;line-height:30px;font-weight:bold;}
.archive_jury .jury_li .txt .info {font-size:16px;line-height:30px;position:relative;padding-bottom:20px;margin-bottom:20px}
.archive_jury .jury_li .txt .info:after {content:'';position:absolute;bottom:0;left:0;width:20px;height:1px;background:#444;}

	@media (max-width:767px)  {
		
		.archive_jury .jury_li .img,
		.archive_jury .jury_li .txt{width:100%;margin-top:20px}
	 }



.archive_jury {position:relative;}
.archive_jury .sub_tit {margin-top:40px;color:#aaa}
.archive_jury .sub_tit2 {margin-top:30px;}
.archive_jury .desc {color:#444}

#mem .box,
.jury {position:relative;width:100%;}
#mem .box:before,
#mem .box:after,
.jury:after {clear:both;display:block;content:'';}


#mem .box .img,
#mem .box .txt,
.jury .img,
.jury .txt {float:left;}


.jury .img {position:relative;width:25%; text-align:center;}
.jury .img img {text-align:center;vertical-align:middle}


#mem .box .img img {padding:20px;display:none}


#mem .txt2,
.jury .txt {width:75%;padding-left:30px;}

#mem .txt2 .title,
.jury .txt .name {font-size:22px;line-height:30px;font-weight:bold;}

#mem .txt2 .s_title,
.jury .txt .info {font-size:16px;line-height:30px;position:relative;padding-bottom:20px;margin-bottom:20px}
.jury .txt .info:after {content:'';position:absolute;bottom:0;left:0;width:20px;height:1px;background:#444;}

	@media (max-width:767px)  {
		
		.jury .img,
		.jury .txt{width:100%;margin-top:20px}
	 }



.stm1 h3 {font-size:24px;font-weight:bold;letter-spacing:-1.5px;margin-top:30px;color:#aaa}






/* Search box */
.searchbox {text-align:center;margin-top:50px}
.searchbox form {margin:0 auto}
.searchbox select, 
.searchbox .input_search,
.searchbox .sbtn {height:34px;line-height:34px;}
.searchbox select,
.searchbox select:active,
.searchbox select:focus {border:1px solid #ccc;color:#444;padding:0 10px}
.searchbox .input_search {border:1px solid #ccc}
.searchbox .input_search:focus,
.searchbox .input_search:active {border:1px solid #d82f36}
.searchbox .sbtn {padding:0 15px;background:#d82f36;border:none;font-weight:500;color:#fff}
.searchbox .sbtn:hover {cursor:pointer;background:#ed343c}

/*---------------------------------------------------------- Archive -----------------------------------------------------*/

 

.archive_summary {margin-top:50px}
.archive_summary .poster_img {}
.archive_summary .summary_it {padding-top:10px;padding-bottom:20px;}
.archive_summary .summary_it:last-child {padding-bottom:none}
.archive_summary .summary_it .info {padding:15px 0}
.archive_summary .summary_it .info .num {font-size:50px;line-height:50px;font-weight:900;font-family:'Lato', sans-serif;letter-spacing:1px}
.archive_summary .summary_it .info>p {margin-bottom:10px;}

.archive_summary .result_li {margin-bottom:40px}

	@media (max-width:767px)  {
		
		.archive_summary .txt-head {margin-bottom:20px}
	}


.ulist4_1 > li {position:relative;font-size:16px;line-height:160%;margin-bottom:10px;margin-top:10px;padding-left:12px;color:#666}
.ulist4_1 > li:before {content:'';position:absolute;top:10px;left:0;width:5px;height:5px;background:#444}
.ulist4_1 > li > ul {margin:10px 0;}
.ulist4_1 > li > ul > li {position:relative;font-size:15px;line-height:170%;color:#777;padding-left:15px;}
.ulist4_1 > li > ul > li:before {content:'\2013';position:absolute;top:0;left:0;}
.ulist4_1 > li strong {font-weight:500;font-size:16px;color:#111}

.ulist4 > li {position:relative;font-size:16px;line-height:160%;margin-bottom:10px;margin-top:10px;padding-left:12px;color:#666}
.ulist4 > li:before {content:'';position:absolute;top:10px;left:0;width:5px;height:5px;background:#444}
.ulist4 > li > ul {margin:10px 0;}
.ulist4 > li > ul > li {position:relative;font-size:15px;line-height:170%;color:#777;padding-left:15px;}
.ulist4 > li > ul > li:before {content:'\2013';position:absolute;top:0;left:0;}
.ulist4 > li strong {font-weight:500;font-size:16px;color:#111}

 

.report { display:block;  }
.report .report_poster { display:block; text-align:center; }
.report .report_cont { margin-top:60px; }
.report .report_cont2 em.fund { font-style:normal; font-size:12px; color:#666666; display:block; margin:3px 0 7px 0; }

.report_award_box { display:block; position:relative; }
.report .report_award { position:relative; border-top:1px solid #222222;  }
.report dl.report_award dt { display:block; position:absolute; top:25px; left:20x; font-size:17px; font-weight:600; color:#222222; }
.report dl.report_award dd { display:block; position:relative; padding:25px 20px 25px 160px; border-bottom:1px solid #cfcfcf; }
.report .report_award .award_dd span.award_movie,
.report dl.report_award dd span.award_movie{ display:block; font-size:15px; font-weight:bold; color:#222222; }
.report .report_award .award_dd span.note,
.report dl.report_award dd span.note { display:block; margin-top:10px; }

.report dl.report_award2 { position:relative; border-top:1px solid #222222;  }
.report dl.report_award2 dt { display:block; position:absolute; top:25px; left:20x; font-size:17px; font-weight:600; color:#222222; }
.report dl.report_award2 dd { display:block; position:relative; padding:25px 20px 25px 140px; border-bottom:1px solid #cfcfcf; }
.report dl.report_award2 dd .award_name { display:block; font-size:15px; font-weight:bold; color:#222222; }
.report dl.report_award2 dd .section { display:block; margin-top:10px; line-height:160%; font-size:14px; font-weight:bold; }

.report .report_award .award_dd span.note,
.report dl.report_award2 dd .note { display:block; margin-top:10px; line-height:160%; }

.report .award_dt{display:block;position:absolute;top:25px;font-size:17px;font-weight:600;color:#222222;}
.report .award_dd {display:block;position:relative;padding:25px 20px 25px 140px;border-bottom:1px solid #cfcfcf;}

.report .award_dd .award_list {padding:0 0 20px 0;}
.report .award_dd .award_list.list2 {padding-top:20px;border-top:1px solid #dbdbdb}
.report .award_dd .award_list img.steelcut {float:left;margin-right:25px;width:140px;}
.report .award_dd .award_list img.director_img {margin-top:12px;position:absolute;right:20px}
.report .award_dd .award_list img.director_img2 {position:absolute;right:20px}
.report .award_dd .award_list:after {content:'';display:block;clear:both;}
.award_note {display:inline-block;float:left;padding-top:15px;}
.report .award_dd .award_list .section { display:block; margin-top:10px; line-height:160%; font-size:14px; font-weight:bold; }

.report .award_dd .award_list .video_img {float:left;position:relative;width:140px;height:99px;overflow:hidden;margin-right:25px;cursor:pointer;}
.report .award_dd .award_list .video_img .view_video {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(http://img.biff.kr/kor/img/video/btn_play.png) no-repeat 50% 50%;}
.report .award_dd .award_list .video_img img.steelcut {height:auto;min-height:99px;}
.report .award_dd .award_list .video_img .bg_black {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.3;z-index:1;display:block;}
.report .award_dd .award_list .video_img:hover .bg_black{display:none;}

@media all and (min-width:768px) {
.report .report_poster { display:block; text-align:left; width:300px; float:left; }
.report .report_poster img { border:1px solid #d1d1d1; }
.report .report_cont { width:540px; margin-top:0; float:right; margin-left:40px; }
.report .award_dd {padding:25px 20px 25px 160px;}
.report .award_dd .award_list img.director_img {right:150px}
.report .award_dd .award_list img.director_img2 {right:150px;top:10px}

 }


ul.tab_video {width:100%;clear:both; float:left; margin:0 0 40px; padding:0; border-top:1px solid #dadada; border-right:1px solid #dadada; }
ul.tab_video:after {clear:both; content:""; height:0; display:block; } 
ul.tab_video li {box-sizing:border-box;float:left; width:20%; border-bottom: 1px solid #d6d6d6; padding:10px 0; border-right: 1px solid #d6d6d6;  line-height:140%; font-size:11px; color:#444; text-align:center; font-weight:normal; }
ul.tab_video li:first-child {border-left:1px solid #d6d6d6}
ul.tab_video li:last-child {border-right:none}
ul.tab_video li span {display:block;}
ul.tab_video li.on { border-bottom: 1px solid #d6d6d6; padding:10px 0; border-right: 1px solid #d6d6d6;  line-height:140%; font-size:11px; background:#e71b24; color:#fff; text-align:center; font-weight:normal;}
ul.tab_video li.on .point  { color:#48932a; }
#tab_video .content { clear:both; overflow:visible; padding:0px 0px; }


.videoinfo {position:relative; display:block;padding:30px 0;border-bottom:1px solid #d6d6d6}
.videoinfo .info .title {color:#000 !important;background:none !important; padding-bottom:15px;}
.videoinfo .info .title h3 {font-size:20px !important;margin-bottom:15px !important;color:#000 !important;background:none !important;padding:0 !important}
.videoinfo .info .title span {}
.videoinfo .info .img {position:relative;overflow:hidden; }
.videoinfo .info .txt {padding-top:30px;}
.videoinfo .info .txt dl{width:100%; padding:5px 0; font-size:12px;}
.videoinfo .info .txt dl dt{width:120px; float:left; background:url(/2014/kor/img/layout/bul_p1.png) no-repeat 0 center; padding:0 0 0 10px; font-weight:bold; color:#000;}
.videoinfo .info .txt dl dd{float:left; font-weight:normal;}
.videoinfo .info .txt dl:after{clear: both; content: ""; height: 0px; display: block;}

.videoinfo .btn_youtube {margin-top:30px;text-align:center;width:61px;position:absolute;bottom:30px;right:30px;}
.videoinfo .btn_youtube a {display:inline-block;font-size:12px;font-weight:bold;text-align:cetner;}
.videoinfo .btn_youtube a:hover,
.videoinfo .btn_youtube a:focus {}
.videoinfo .btn_youtube a img {margin-bottom:6px;}
.videoinfo .btn_youtube a span {}

.videolist {position:relative; display:block;}
.vlist_tit h4 {font-size:16px;font-weight:bold;color:#222;float:left;}
.vlist_tit a.btn_more {font-size:14px;line-height:18px;color:#e82a32;padding-left:5px;}
.vlist_tit::after {content:'';display:block;clear:both;}
.videolist .result_txt {margin-top:20px;font-size:22px;font-weight:bold;text-align:center;font-family:'Lato', sans-serif;color:#444}
.videolist .ulist {padding-top:20px;border-bottom:1px solid #d6d6d6}
.videolist .ulist:last-child{border-bottom:none;}
.videolist .ulist li {position:relative;float:left;width:50%;padding-bottom:20px;padding:10px;box-sizing:border-box;}
.videolist .ulist::before,
.videolist .ulist::after {content:'';display:block;clear:both;}
.videolist .ulist li a {display:inline-block;width:100%}
.videolist .ulist li a .video_img {position:relative;width:100%;overflow:hidden;background:#d6d6d6;height:150px;}
.videolist .ulist li a .video_img img {width:100%;height:auto;min-height:114px;}
.videolist .ulist li a .video-tit {padding:10px 0;font-size:16px;color:#222;line-height:24px;margin-bottom:10px;height:60px;overflow:hidden;}

.videolist .ulist li a .video_img .bg_black {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.3;z-index:1;}
.videolist .ulist li a .active .bg_black {display:none;}
.videolist .ulist li a .active {}
.videolist .ulist li a .video_img .tm_b{display:inline-block;position:absolute;right:4px;bottom:4px;height:16px;padding:0 7px 0;font-family:arial;font-size:11px;line-height:17px;color:#fff;background-color:#000;background-color:rgba(0,0,0,.7);opacity:1;-webkit-backface-visibility:hidden;}

.videolist .ulist li a:hover,
.videolist .ulist li a:focus {text-decoration:none}

.videolist .result_txt span { font-size:14px; font-weight:bold; color:#e82a32; }

.vod_area {width:100%}
#vod{display:none;z-index:9999999;}

@media all and (min-width:768px) {

.videoinfo .info .txt {padding-left:30px;padding-top:0}

.videolist .ulist li a .video_img {width:205px;}
.videolist .ulist li {width:25%;}
.videolist .ulist li a .video_img {height:114px;}

ul.tab_video li:hover {background:#e71b24; color:#fff;}
.videolist .ulist li a:hover .bg_black{display:none;}

.vod_area {width:854px}
#vod{display:none;position:relative;position:absolute;left:50%;top:192px;margin-left:-427px;z-index:9999999;}
#vod a{position:absolute;right:-50px;top:0;} 
#bg_black{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:url(http://img.biff.kr/kor/img/video/bg_black.png) repeat;z-index:100;}

}

h4.h4_1 {font-size:24px;padding:20px 0 15px}
h5.h5_1 {font-size:20px;padding:20px 0 15px}

ul.ulist2_2 {}
ul.ulist2_2 li {position:relative;color:#666666; padding:0 0 0 15px; margin:5px 0px; line-height:170%; }
ul.ulist2_2 li:before {content:'';display:block;width:8px;height:2px;background:#444;position:absolute;top:10px;left:0;}


/* 2024-07-16 */
@media (max-width:1024px) { 
	.container.search_detail {padding:20px 0 !important; max-width:100%;}
}
@media (max-width:768px) { 
	.search_detail .search_detail_body {padding-left:10px; }
	.search_detail .row > div:first-child > div {margin-bottom:15px;}	
}

@media (max-width:430px) { 
	.container.search_detail {padding:10px 0 !important; }

	.search_detail .search_detail_body {padding:0;}
	.search_detail .search_detail_body > span:first-child {display:none !important;}
	.search_detail .row > div:first-child > div {display:flex; justify-content:space-around; margin-bottom:10px;}
	.search_detail .search_detail_body select {width:calc(50% - 20px); font-size:16px; color:#333;}
	.search_detail .search_detail_body .lbl {font-size:16px;}
	.search_result {margin-top:15px;}
}

/* 2024-07-31 */
.cont_archive .arc_award .arc_award_li p.wid80 {width:100% !important;}


/* 2024-08-09 acr_history_list 상단에 있던 css - 필요없을듯? */
/* h3.h3_1 { font-size:18px !important; font-weight:600; color:#000 !important; background:url(/kor/img/archive/bul1.jpg) no-repeat 0 8px !important; padding:0 0 0 20px !important; line-height:130% !important; }
h4.h4_1 { font-weight:600; font-size:16px; color:#353535; margin:30px 0 8px 0; padding:0 0 0 13px; background:url(/kor/img/archive/bul2.jpg) no-repeat 0 4px; line-height:130%; }
h5.h5_1 { font-size:16px; font-weight:600; color:#000; line-height:130%; }
h5.h5_2 { font-size:17px; font-weight:600; color:#000; line-height:130%; }
h5.h5_3 { font-size:15px; font-weight:600; color:#000; line-height:130%; }

.mgt15 {margin-top:15px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

table.arc_search {border-collapse: collapse; width: 100%; border-top: 1px solid #000000; border-bottom: 1px solid #939393 !important;  border-right:2px solid #fff; *border-right:1px solid #fff; text-indent:0; font-weight:normal; line-height:170%;;}
table.arc_search thead { color: #000000; background: #fcfcfc; font-weight:600; text-align: center; vertical-align: middle; }
table.arc_search thead th { color: #000000; text-align:center; font-weight:600; font-size:14px; }
table.arc_search th { color:#000000; font-weight:600; font-size:14px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px 14px; width:140px; }
table.arc_search td { font-size:13px; color:#222222; border-bottom: 1px solid #e0e0e0; padding: 10px 14px; border-right: 1px solid #e0e0e0; min-height:26px; }
table.arc_search th.keyword { font-size:17px; background:#fcfcfc; height:40px; padding:6px 14px; }
table.arc_search td.keyword { font-size:15px; background:#fcfcfc; height:40px; padding:6px 14px; }

table.arc_search label { vertical-align:middle; font-family:나눔고딕; font-size:13px; color:#555555;  }
table.arc_search input { vertical-align:middle; font-family:나눔고딕; font-size:13px; color:#555555;  }
table.arc_search input[type=text] { padding:7px 10px; border:1px solid #bfbfbf; }
table.arc_search select { font-family:나눔고딕; font-size:13px; color:#555555; border:1px solid #bfbfbf; height:30px; padding:0 0 0 10px; }

.btn_area { margin:50px 0 0 0; text-align:center; }
.btn_area span { display:inline; }

a.btn_type1 { color:#ffffff; font-size:14px; font-weight:600; padding:8px 30px; text-align:center; background:#e82a32; border-radius:30px; border:1px solid #e82a32; }
a:hover.btn_type1 {  color:#ffffff; font-size:14px; font-weight:600; padding:8px 30px; text-align:center; background:#c70008; border-radius:30px; border:1px solid #c70008; }

a.btn_type2 { color:#ffffff; font-size:13px; font-weight:600; padding:7px 15px; text-align:center; background:#a6a6a6; border-radius:30px; border:1px solid 0; }
a:hover.btn_type2 {  color:#ffffff; font-size:13px; font-weight:600; padding:7px 15px; text-align:center; background:#c70008; border-radius:30px; border:1px solid 0; }

a.btn_type2_2 { color:#ffffff; font-size:13px; font-weight:600; padding:9px 20px; text-align:center; background:#a6a6a6; border-radius:30px; border:1px solid 0; }
a:hover.btn_type2_2 {  color:#ffffff; font-size:13px; font-weight:600; padding:9px 20px; text-align:center; background:#c70008; border-radius:30px; border:1px solid 0; }

a.btn_type3 { color:#ffffff; font-size:17px; font-weight:600; padding:8px 30px; text-align:center; background:#e82a32; border-radius:30px; text-decoration:none; }
a:hover.btn_type3 { background:#c70008; border-radius:30px; }
a.btn_type3_2 { color:#ffffff; font-size:17px; font-weight:600; padding:8px 30px; text-align:center; background:#81838a; border-radius:30px; text-decoration:none;  }
a:hover.btn_type3_2 { background:#3f3f3f; border-radius:30px; }

input[type=submit].ibtn_type1 { padding:3px 5px; font-size:12px; }
input[type=submit]:hover.ibtn_type1 { padding:3px 5px; font-size:12px; } */

/* 2024-08-09 역대 상영장 검색 */
.container.mx100 {max-width:100% !important; padding-right:0 !important; padding-left:0 !important;}

.history_search {position:relative; margin-bottom:40px;}
.history_search ~ div, .history_search > form  {display:block; margin:0 auto; padding-left:1.5rem; padding-right:1.5rem; max-width:1280px;}
.history_search:after{content:''; display:block;position:absolute; bottom:0; width:100%; height:1px; background:#dbdbdb;}

.history_search .search_form {display:flex; justify-content:space-between; align-items:center; width:780px; height:70px; margin:0 auto; margin-bottom:50px;  background:#fff;}
.history_search .search_form .inp_search {flex:1 0 0; height:100%; padding-left:20px; border:none; border:2px solid #242424; font-size:20px; font-weight:300; letter-spacing:-0.3px; font-family:'Pretendard', sans-serif; outline:none; border-right:none; -webkit-border-radius: 0;}
.history_search .search_form .sbtn {width:70px; height:100%;background:#242424; transition:0.3s ease-in-out;}
.history_search .search_form .sbtn:hover, .history_search .search_form .sbtn:active {background:#E81E2D;;}
.history_search .search_option {display:flex; justify-content:space-between; align-items:center; padding-bottom:20px;}

.history_search .opt_result {flex:1 0 0; font-size:17px; color:#666;}
.history_search .opt_result .result_num {font-weight:bold;color:#E81E2D;}
.history_search .opt_wrap {display:flex; font-size:16px;}

.opt_range {display:flex; align-items:center;position:relative; padding-right:10px;}
.opt_range:after {content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:18px; margin-top:-9px; background:#e3e3e3; }
.opt_range .input_chks {width:20px; height:20px; border:1px solid #ccc; background:#fff;} 
.opt_range .lbl {padding-right:10px; cursor:pointer;}
.opt_range input[type="checkbox"] {width:25px; height:25px; margin-right:8px; border:solid 1px #ccc;background:#fff; appearance:none; border-radius:4px; cursor:pointer;outline:0;}
.opt_range input[type="checkbox"]::after {content:''; display:none; position:relative; top:16%; left:37%; width:30%; height:50%; border:solid var(--biff-red); border-width:0 2px 2px 0; transform:rotate(45deg);}
.opt_range input[type="checkbox"]:checked {background:#fff;}
.opt_range input[type="checkbox"]:checked::after {display:block;}
.opt_range > span {display:none; margin:0 10px 0 5px;}
.opt_range > img {display:none;}

.opt_year {display:flex; align-items:center; padding-left:20px;}
.opt_year > i {padding:0 6px;}
.opt_year > span {margin:0 10px 0 5px;}
.opt_year select {display:flex; justify-content:space-between; align-items:center; width:100px; height:44px; padding:0 15px; border:1px solid #ccc; background:#fff; background:#fff url('/kor/img/archive/ico-arr-sel.svg') right 17px top 50% no-repeat; font-size:15px; border-radius:22px; appearance: none; font-family:'Pretendard', sans-serif; color:#333;}

@media (max-width:960px) {
	.history_search {margin-bottom:0;}
	.history_search:after {display:none;}
	.history_search .search_form {width:100%; margin-bottom:0;}
	.history_search .search_option { flex-direction:column; align-items:flex-start; padding:15px 20px;background:#f9f9f9; border-bottom:1px solid #d4d4d4;}
	.history_search .opt_result { padding-top:15px; font-size:16px;order:2;}
	.history_search .opt_wrap { justify-content:space-between;width:100%; padding-bottom:15px; border-bottom:1px dotted #e5e5e5;}
	
	.opt_range:after {display:none;}
}
@media (max-width:768px) {
	.history_search .search_option {padding:15px;}
	.history_search .search_form {height:60px;}
	.history_search .search_form .sbtn {width:60px;}
	.history_search .opt_wrap {display:block; font-size:15px;}
	
	.opt_range > span,.opt_year > span {display:none; }
	.opt_range > img,.opt_year > img { padding-right:1rem; }
	.opt_range {padding-right:0;}
	.opt_range > span, .opt_range > img {display:inherit;}
	.opt_year > span, .opt_range > span {margin-right:20px;}
	.opt_year { margin-top:14px;padding-left:0;}
	.opt_year select {width:calc(100% - 60px); height:38px;}
}
@media (max-width:470px) {
	.history_search .search_form {height:50px; justify-content: flex-start;}
	.history_search .search_form .inp_search {flex:auto; padding-left:10px; font-size:16px; width:calc(100% - 50px);}
	.history_search .search_form .sbtn {width:50px;}
	.history_search .search_option {padding:15px 10px 10px 10px;}
	.history_search .opt_result {font-size:15px; padding-top:10px;}
	.history_search .opt_result img {height:24px;}
	.history_search .opt_wrap {padding-bottom:10px;}
	
	.opt_range > span, .opt_range > img, .opt_year > span, .opt_year > img  {display:none;}
	.opt_range {padding-left:2px;}
	.opt_range .lbl {padding-right:20px; white-space:nowrap;}
	.opt_range .lbl:last-child {padding-right:0;}
	.opt_year {margin-top:8px;}
	.opt_year select {width:calc(100% - 10px);}	
}

/* 2024-08-12 영화제 발자취 - 상영작 */
.filter_sel {display:flex; justify-content:flex-end; position:relative; top:25px; padding-bottom:15px;}

.filter_sel .filter_btn_wrap {width:190px; border-bottom:1px solid #000; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M11 1.5L6 6.5L1 1.5" stroke="%23646464" stroke-width="1.5" stroke-linecap="round"/></svg>') right 3px top 50% no-repeat;}
.filter_sel .filter_btn_wrap > a {display:block; padding:10px 30px 10px 3px; width:100%; height:100%;color:#333; font-size:15px; font-weight:bold; }
.filter_sel .filter_btn_wrap:nth-child(1){margin-right:1rem}
.filter_sel .filter_select_list {width:190px; margin-top:0; border-top:1px solid #000; padding:10px 0;}
.filter_sel .filter_select_list li a{padding:10px 15px; letter-spacing:0;}
.filter_sel .filter_select_list li:hover {background-color:#f9f9f9;}
.filter_sel .filter_select_list li:hover a {color:#e81e2d;}
.filter_sel .filter_btn_wrap.on .filter_select_list {max-height:230px;}

/* 2024-08-12 영화제 발자취 - 상영작 */
.filter_sel {display:flex; justify-content:flex-end; position:relative; top:25px; padding-bottom:15px;}
.filter_sel .filter_btn_wrap {width:190px; border-bottom:1px solid #000; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M11 1.5L6 6.5L1 1.5" stroke="%23646464" stroke-width="1.5" stroke-linecap="round"/></svg>') right 3px top 50% no-repeat;}
.filter_sel .filter_btn_wrap > a {display:block; padding:10px 30px 10px 3px; width:100%; height:100%;color:#333; font-size:15px; font-weight:bold; }
.filter_sel .filter_select_list {width:190px; margin-top:0; border-top:1px solid #000; padding:10px 0;}
.filter_sel .filter_select_list li a{padding:10px 15px; letter-spacing:0;}
.filter_sel .filter_select_list li:hover {background-color:#f9f9f9;}
.filter_sel .filter_select_list li:hover a {color:#e81e2d;}
.filter_sel .filter_btn_wrap.on .filter_select_list {max-height:230px;}

/* 2024-08-14 영화제 발자취 - 수상작 */
/* .cont_archive {margin-top:4rem;} */
.cont_archive.mt0 {margin-top:0;}
.cont_archive .container-sm {max-width:100%; padding-right:0; padding-left:0;}
.cont_archive .arc_award .arc_award_li:first-child {padding-top:0;}


/* 2024-08-17 영화제 발자취 반응형 container 사이즈 수정 */
@media (min-width:768px) {
    .page8-2 .container {max-width:1280px;}
}

/* 2024-11-05 추가 */
.cont_archive .arc_award {padding-bottom:7rem;}
.cont_archive .arc_award .arc_award_li {border-bottom:none;}
.cont_archive .jury .jury_li .jury_txt .name {font-size:2.2rem;}
.cont_archive .arc_award_li > div:first-child .desc {padding:2rem 0 3.5rem; color:#666; border-bottom:1px dotted #d4d4d4;}
.cont_archive .sec_guest ~ .txt-center { margin-top: -6rem; margin-bottom: 10rem;}
.cont_archive .jury_wrap .jury_li .jury_txt > p.desc.mt15 {color:#666; line-height:1.8; font-size:16px;}

/* 프로그램, 이벤트, 역대 검색 필터 */
.filter_bar {margin-bottom:3px;}
.filter_bar:before {content:'';display:inline-block;width:30px;height:30px;float:left;margin:auto auto;margin-right:10px;background:url(/kor/img/cmm/ico_filter.png) no-repeat 50% 50%;}
.filter_btn_wrap {display:inline-block;}



.filter_bar .btn-filter {position:relative;display:inline-block;border:1px solid #ddd;padding:8px 8px 7px 8px;line-height:1;width:350px;
								margin-right:4px;border-radius:3px;-webkit-border-radius:3px;font-size:15px;color:#888;line-height:1.5;letter-spacing:-0.5px;}
.filter_bar .btn-filter:after {content:'';display:inline-block;width:15px;height:20px;float:right;margin:auto auto;
								background:url(/kor/img/cmm/ico_dropdown_filter.png) no-repeat 100% 50%;opacity:.4}

.filter_btn_wrap .btn-filter.on .btn-filter:after {opacity:1}



.filter_select_list li {position:relative;}
.filter_select_list {position:absolute;padding:5px 0;z-index:999;margin:0;list-style:none;background-color:#fff;border:1px solid #ddd;border-top:0;
							border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;width:350px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
							opacity:0;z-index:-1;margin-top:-1px}
.filter_select_list li a {font-size:14px;margin:0;padding:8px 10px;text-indent:0px;border-bottom:0px solid #e0e0e0;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;
								color:#888;display:block;letter-spacing:-0.5px !important;}
.filter_select_list li:hover a {color:#111}

.filter_btn_wrap.on .filter_select_list {opacity:1;z-index:90;max-height:320px;overflow-y:scroll}

@media only all and (max-width:768px) {
	.filter_bar:before {content:none}
}

/* ------------------------------------------------  Program View  ------------------------------------------------   */

/* 필름 */
.archive .btn_3list { position:absolute; top:50px; left:0; z-index:99; background:url(/kor/img/cmm/ico_3list.png) no-repeat; padding-left:15px; font-size:1.8rem;  background-position-y: 6px; padding-left: 25px; color: #fff; text-shadow:1px 1px 5px #000}
.archive .pg_view_wrap .pg_view_film_navi {position:relative;width:100%;height:280px;
									background-color:#222;
									background-size:120%;
									background-repeat:no-repeat;
									background-position:center 0%;
									}

.archive .pg_view_wrap .pg_view_film_navi:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/kor/img/cmm/bg_black_70.png) repeat 0 0;z-index:10}

.archive .pg_view_wrap .pg_view_film_navi .txtbox {display:block;position:absolute;top:0;bottom:0;margin:auto auto;padding:60px 0;z-index:20}
.archive .pg_view_wrap .pg_view_film_navi .txtbox .tit {color:#ffc36e;font-size:18px;line-height:1.5;font-weight:bold}
.archive .pg_view_wrap .pg_view_film_navi .txtbox .film_tit {display:block;color:#fff;font-size:38px;line-height:1.5;font-weight:bold;padding:15px 0}
.archive .pg_view_wrap .pg_view_film_navi .txtbox .dir_name {color:#fff;}


/* 영화 상단 이미지 */
.archive .film-body {padding:0;color:#fff; background-color: var(--color-background); -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	transition: background-color 1s cubic-bezier(0.12, 0, 0, 1);	animation: fadeIn .5s ease-in backwards;	}
.archive .filmtop {position:relative;background-color:var(--color-background);height:0; padding-bottom:54%; overflow:hidden;}
.archive .filmtop .filmtop_visual {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat: no-repeat;background-size: cover; /*opacity: 0;
-webkit-mask-image: linear-gradient(to top, transparent 0%,black 70%); mask-image: linear-gradient(to top, transparent 0%,black 70%);transform: scale(1.1);transition: all 2s;*/}
.blackcover { display:none;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /* Enter your style code */
.archive .filmtop .blackcover { display:block; position: absolute;
    background: linear-gradient(to top, black, transparent);
    width: 100%;    height: 0; padding-bottom:61%;}
.archive .colors-loaded .filmtop .filmtop_visual {position:absolute;}
.archive .filmdetail .credits ul {margin-top:-0.4rem;margin-bottom:-0.4rem;}
.archive .filmdetail .credits ul li {padding-top:0.4rem; padding-bottom:0.4rem; }
.archive .filmdetail .credits ul li span {display:inline-block;padding-right:0.6rem;color:var(--txt-muted);font-weight: 300;}
.archive .filmtop .filmtop_visual {background-size: cover; opacity: 1 !important; transform: scale(1);}

}

@media (max-width:500px){
	.archive .filmtop {padding-bottom:80%;}
	.cont_archive .jury .jury_li .jury_txt .name {font-size:1.6rem;}
	.jury .jury_li .jury_txt .jury_info > span {font-size:14px;}
}
@supports (-webkit-overflow-scrolling: touch) {		
	/* 2024-09-02 safari */
	#color-img {visibility:visible !important;}
}
.archive .colors-loaded .filmtop .filmtop_visual {opacity: 1; transform: scale(1); }

/* 영화 정보 - 상단 포토 배너 */
.archive .film_banner {position:relative;background-color:#000;height:230px;background-repeat:no-repeat;background-position: center center;background-size: cover;}
.archive .film_banner:before {content:'';position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.0);}
.archive .film_banner:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:115px;background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}

.archive .film_banner .slick-slider {height:100%;}


/* 영화 정보 - 상세 */
.archive .film_sec {padding-bottom:3rem}
.archive .tit_h1 { font-size:7.2rem; color:#fff; margin-bottom:1rem; text-shadow: 2px 2px 2px #33333350; text-wrap:balance; word-break:keep-all; line-height:1.1}
.archive .tit_h2,
.archive .tit_h3,
.archive .desc {color:#111;opacity: 0.99; }
.archive .h2 {margin-bottom:1.125rem; display:block;opacity: 0.99;}
.archive .h3 {margin-bottom:0.75rem; display:block;opacity: 0.99; font-size:28px; font-weight:700}
.archive .desc {opacity:0.7; line-height:1.67;}
.archive .film_tit {font-size: 1.2rem;font-weight:bold;opacity: 1; }
.archive .film_tit_en {margin-top:1ex; font-size: 1.4rem;font-weight:bold;opacity: 0.7;display:block;}


.archive .film_info_title {position:absolute; bottom:6.2rem;}	

.archive .film_info {position:relative;}
.archive .film_info ul {position:relative;margin-left:-1.3rem;margin-right:-1.2rem;margin-top:1em; padding: 0 15px; margin-top:3rem;}
.archive .film_info ul:after { content: ''; clear: both; display: block; }
.archive .film_info ul li {color:#333; position:relative;padding:0 1.5rem 0 1.5rem; font-size:2rem;display: inline-block; line-height:1.7;word-break: break-word;}
.archive .film_info ul li span.screen_outx {display:inline-block; font-size:1.6rem; color:#888; padding-right:1rem;}
.archive .film_info ul li:not(:last-child) {}
.archive .film_info ul li:first-child {padding-left:0}
.archive .film_info ul li:not(:last-child):after {content:'';display:inline-block;width:1px;height:50px;background:rgba(255,255,255,0.2);position:absolute;top:3px;right:0;opacity: .6}
.archive .btn-play { background:#fff;color:#000; padding:15px 20px; border-radius:25px; margin-top:1rem; font-size:1rem}
.archive .btn-play:hover { color:#000;}



.archive .badge_grade {display:inline-block;font-size:0.75rem;font-weight:bold;font-family: 'Inter', sans-serif;letter-spacing: 0 !important;width:24px;height:24px;
	border-radius: 100%;-webkit-border-radius: 100%;line-height:24px;text-align: center;}

.archive .badge_grade.grade_all {background: #2781e6}
.archive .badge_grade.grade_12 {background: #ced000}
.archive .badge_grade.grade_15 {background: #eaa500}
.archive .badge_grade.grade_18 {background: #ef0000}

.archive .pg_section {opacity: 0.99; display:inline-block;font-size:1.2rem;font-weight:500;padding:3px 10px 4px;border-radius:50px;-webkit-border-radius:50px;border:0px solid #fff;margin-bottom:1.5rem; background:#C20B0B}

/* 시놉시스 */
.archive .filmdetail { margin-top:0.0rem;}
.archive .filmdetail .film_synopsis .desc { font-size:1.7rem;}

/* 감독정보 */
.archive .filmdetail .film_director { padding-top:2rem; }
.archive .filmdetail .list_dir {margin-top:-1.6rem;margin-bottom:-1.6rem;background:rgba(255,255,255,0.1);border-radius: var(--radius-s);margin-top:1em;margin-bottom:1rem;padding:1em 0}
.archive .filmdetail .list_dir .dir_item {padding:1.6rem 0;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center}
.archive .filmdetail .list_dir .dir_item .dir_thumb { position:relative; }
.archive .filmdetail .list_dir .dir_item .dir_thumb > .avatar { width:10rem;height:10rem; border-radius:0;}

.archive .filmdetail .list_dir .dir_item .dir_thumb > .d_filetext { position:absolute; bottom: 6px; left: 0; width:max-content; z-index:9;}
.archive .filmdetail .list_dir .dir_item .dir_thumb > .d_filetext span {position:absolute;background: #00000096;border-radius: 5rem;padding: 7px 15px 6px 32px;font-size: 1.2rem; opacity: 0;  visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;display: flex;width:max-content;max-width:70vw;padding: 0 2ex 0 4rem;top: 0;left: 0;height: 100%;align-items: center;z-index: -1;}
.archive .filmdetail .list_dir .dir_item .dir_thumb > .d_filetext:before { content: '©';z-index: 1; display: flex; justify-content:center; align-items:center; width:2em; height:auto; aspect-ratio:1 / 1; font-size: 1.6rem; color: #FFF; background-color: #000000;border-radius: 0 0.75rem 0 0; cursor: pointer; }

/* 호버 또는 클릭 시 텍스트 표시 */
.archive .filmdetail .list_dir .dir_item .dir_thumb:hover > .d_filetext span,
.archive .filmdetail .list_dir .dir_item .dir_thumb:focus > .d_filetext span {
    opacity: 1; /* 텍스트를 보이도록 설정 */
    visibility: visible; /* 텍스트를 표시 */
}


/* .archive .filmdetail .list_dir .dir_item .dir_thumb > .avatar .d_filetext { position:absolute; bottom:0rem; padding:0.3rem } */
.archive .filmdetail .list_dir .dir_item .dir_info {padding-left:2rem}
.archive .filmdetail .list_dir .dir_item .dir_info .dir_name {display:block;font-size:1.35em;/* margin-bottom:0.2em; */}
.archive .filmdetail .list_dir .dir_item .dir_info .dir_name_en {display:block;opacity: 0.6;margin-bottom:0.5em}

.archive .film_photo  { padding-top:2rem; }
@media (max-width: 992px) {
	.archive .filmdetail .list_dir .dir_item .dir_thumb > .d_filetext:before {font-size:1.5rem;}
	.archive .filmdetail .list_dir .dir_item .dir_thumb > .d_filetext span {top:2.5rem; lefT:50%; height:auto; padding:1ex 2ex; border-radius: 0.5rem; transform:translateX(-50%); }
}

/* 크레딧 */
.archive .filmdetail .credits ul {margin-top:-0.4rem;margin-bottom:-0.4rem; position:relative;}
.archive .filmdetail .credits ul li {padding-top:0.4rem;padding-bottom:0.4rem;line-height: 1.38;    word-break: break-word;}
.archive .filmdetail .credits ul li span {display:inline-block;padding-right:0.6rem;color:var(--txt-muted);font-weight: 500;}

.archive .credits {padding-left:30px; }
.archive .credits ul li strong { display:block; color:#aaa}
.archive .credits ul li span { color:#111 !important; }

/* 상영시간표 */
.archive .filmdetail .film_schedule {width:100%;}
.archive .filmdetail .film_schedule .schedule_it {position:relative;display: flex;background:rgba(255,255,255,0.1);margin-bottom:0.6rem;align-items: flex-start;flex-direction: column;justify-content:flex-start;padding:2rem 1rem;border-radius: var(--radius-s)}

.archive .filmdetail .film_schedule .schedule_it .cell_group {display: flex;align-items: center;justify-content: flex-start}
.archive .filmdetail .film_schedule .schedule_it .cell_group .cell {padding:0 1rem;font-size: 0.8125rem;font-weight:bold;}
.archive .filmdetail .film_schedule .schedule_it .cell_group_l .cell {position:relative;}
.archive .filmdetail .film_schedule .schedule_it .cell_group_l .cell:not(:last-child):after {content:'';display:inline-block;width:1px;height:12px;background:rgba(255,255,255,0.4);position:absolute;top:4px;right:0;opacity: .6}

.archive .filmdetail .film_schedule .schedule_it .cell_group_l .cell .code span {border:1px solid #e0e0e0;padding:0.2rem 1rem;border-radius: 50px;-webkit-border-radius: 50px;font-size:1.3rem;line-height: 1;font-weight: bold}
.archive .filmdetail .film_schedule .schedule_it .btn_ticket {font-weight: bold;margin-top:0.8em}



@media (max-width: 1260px) {
	.archive .btn_3list {top:2rem;  left: 2rem; }
}


@media (max-width: 992px) {
.archive .film_info_title { bottom:1rem}
.archive .filmdetail { margin-top:1rem;}
.archive .filmdetail .list_dir .dir_item .dir_info {padding:0 2rem}
.archive .pg_section {display:inline-block;font-size:0.75rem;font-weight:500;padding:0.2rem 0.5rem;border-radius:50px;-webkit-border-radius:50px;border:1px solid #fff;margin-bottom:0.5rem}
.archive .btn-play { background:#fff;color:#000; padding:5px 10px; border-radius:15px; margin-top:0.75rem; font-size: 0.75rem }
.archive .modal-header .close {position:absolute;top:0.5rem;right:0.5rem;width:2.5rem;height:2.5rem;text-align:center;color:#fff;z-index:10}
.archive .modal-header .close span {display:block;font-size:2.5rem;line-height:2.5rem;}
.archive .filmdetail .list_dir .dir_item .dir_info .dir_name {margin-top:1rem;}
}


@media (max-width: 768px) {
	.archive .h2 { font-size: 24px;  }
	.archive .film_info ul li span.screen_outx { display:none; }
	.archive .film_info ul {margin-top:1rem}
	.archive .film_info ul li { font-size: 1.5rem; padding: 0 1rem; float:left}
	.archive .film_info ul li:not(:last-child):after {content:'';display:inline-block;width:1px;height:10px;background:rgba(0,0,0,0.3);position:absolute;top:7px;right:0;opacity: .6; }
	.archive .filmdetail .film_synopsis .desc  { font-size: 1.5rem; }
	.archive .film_photo {padding: 4rem 0;}
	.archive .btn_3list { left: 15px; top: 15px; }
	.archive .credits {padding-left: 0;}
}




/* 더 많은 영화 */
.archive .film_recommend_inner {padding-top:4rem}
.archive .card_list .card_item .card_item_body .film_tit,
.archive .card_list .card_item .card_item_body .dir {color:#fff}

@media (max-width: 640px) {
.archive .filmdetail .film_schedule .schedule_it .cell_group.cell_group_l,
.archive .filmdetail .film_schedule .schedule_it .cell_group.cell_group_r { margin-top:10px;}
}
@media (min-width: 640px) {
	
	.archive .filmdetail .film_schedule .schedule_it {padding:2rem 0;}

	/* 상영시간표 */
	.archive .filmdetail .film_schedule .schedule_it {justify-content:space-between;flex-direction: row;align-items: center;padding:1.6rem 0}
	.archive .filmdetail .film_schedule .schedule_it .cell_group .cell {padding:0 2rem;font-size: 0.937rem;}
	.archive .filmdetail .film_schedule .schedule_it .btn_ticket {margin-top:0em}	
	
}

@media (min-width: 992px) {
	
	.archive .h2 {/*margin-bottom:1.5rem*/}
	
	.archive .filmdetail {padding-bottom:2rem;}
	.archive .filmdetail .film_schedule {/*width:80%;*/}
	
	
	/* 영화 정보 - 상세 */
	.archive .film_sec {padding-bottom:3.75rem}
	.archive .filmdetail .filmdetail_left {padding-right:8rem}
	.archive .film_tit {font-size: 1.8rem; color:#fff; text-shadow: 2px 2px 2px #11111150;}
	.archive .film_tit_en {font-size: 2.0rem; display:inline-block;}
	
	.archive .film_info ul {display:flex;align-items:center;justify-content: flex-start; padding-bottom:30px; border-bottom:solid 1px #eee; }
	.archive .film_info ul li { }
	
	.badge_grade {font-size:0.8rem;width:28px;height:28px;line-height:26px;}
	
	

	
	
	/* 감독정보 */
	.archive .filmdetail .list_dir {margin-top:10px;background:none;border-radius:0;margin-bottom:0;padding:0}
	.archive .filmdetail .list_dir .dir_item {flex-direction: row; justify-content:flex-start;align-items: flex-start;text-align: left}
	.archive .filmdetail .list_dir .dir_item .dir_thumb > .avatar { width:14.5rem;height:14.5rem; }
	.archive .filmdetail .list_dir .dir_item .dir_info {padding-left:4rem}
	.archive .filmdetail .list_dir .dir_item .dir_info .dir_name {font-size:2rem}
	.archive .filmdetail .list_dir .dir_item .dir_info .dir_name_en {font-size:1.6rem}
	.archive .filmdetail .list_dir .dir_item .dir_info .desc-s {width:70%;word-break:keep-all}
	
	/* 더 많은 영화 */
	.archive .film_recommend_inner {border-top:1px solid rgba(255,255,255,0.2);padding-top:5rem}
	
}

@media (min-width: 1200px) {
	.archive .film_banner { height:560px }
}

/* Photo Gallery */
.archive .film_photo {padding:4rem 0;}
.archive .film_photo .slick-arrow  {opacity:0;background-size:auto;width:60px;height:60px}
.archive .film_photo .slick-slider:hover {cursor:pointer}
.archive .film_photo .slick-slider:hover .slick-arrow {opacity:1;z-index:10;}



/* Photo Gallery */
.archive .film_photo .wtmk {position: absolute; bottom: -1px; left: 0; right:0; padding:1ex; text-align:center; font-size:1.2rem; line-height:1.1; background:rgba(17,17,17,0.3); border-radius:0 0 2rem 2rem }

.archive .film_photo .slick-track .slick-slide {position:relative;display:block; /*box-shadow:3px 3px 20px rgba(0,0,0,.4);*/}
.archive .film_photo .slick-track .slick-slide { height: auto; aspect-ratio: 250 / 110; background: #000; }
.archive .film_photo .slick-track .slick-slide:before {/*content:'';padding-top:70%;float:left;*/}
.archive .film_photo .slick-track .slick-slide img { border-radius:0rem; width:100%; height:100%; object-fit:contain;}
.archive .film_photo .filmphoto-nav {margin-top:2rem}
.archive .film_photo .filmphoto-nav .slick-track .slick-slide {margin-left:0.5rem;margin-right:0.5rem;}


.archive .film_photo .slick-arrow {z-index:0;width:30px;height:60px;margin-top:-30px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background-repeat: no-repeat;font-size:0;text-indent: -9999px;background-size:auto;z-index:100}
.archive .film_photo .slick-arrow.slick-prev {position:absolute;top:50%;left:20px;background-image: url(/kor/img/cmm/view_arr_left.png);background-position:47% 50%}
.archive .film_photo .slick-arrow.slick-next {position:absolute;top:50%;right:20px;background-image: url(/kor/img/cmm/view_arr_right.png);background-position:54% 50%}
	

.archive .film_photo .slick-dots {position:absolute;bottom:- 15px;padding:1rem 0 0;  width: 100%; margin: 0; list-style: none; text-align: center; z-index: 20;}
.archive .film_photo .slick-dots:before,
.archive .film_photo .slick-dots:after {clear:both;display:block;content:'';}
.archive .film_photo .slick-dots li {display:inline-block;margin-right:8px; transition:width .05s;}
.archive .film_photo .slick-dots button { display:inline-block;position:relative;width:8px;height: 8px;padding: 0;text-indent: -9999px;border-radius:50px;-webkit-border-radius:50px;
                            transition:background-color 700ms cubic-bezier(0.215, 0.61, 0.355, 1);border:0;background:none;background:#57565e}
.archive .film_photo .slick-dots li.slick-active button {background-color:#57565e;width:30px; transition:width .3s;}


.archive .film_photo .gallery-nav {margin-top:2rem}
.archive .film_photo .gallery-nav .slick-list { margin:0 -0.5rem;}
.archive .film_photo .gallery-nav .slick-track .slick-slide {margin-left:0.5rem;margin-right:0.5rem;}

.archive .film_photo .gallery-nav .slick-track { float:left; }
.archive .film_photo .gallery-nav  .small_still_li { height:100px;height: auto; aspect-ratio: 238 / 156; background:#000; }
.archive .film_photo .gallery-nav  .small_still_li img { width:100%; height:100%; object-fit:cover; }

@media (max-width: 768px) {
	.archive .film_photo .slick-track .slick-slide {  aspect-ratio: 250 / 130; }
}
@media (max-width: 425px) {
	.archive .film_photo .wtmk { font-size:.8rem; }
}

/* 2025-10-21 아카이브 특별언급 추가 */
.arc_award_li .special {margin-top:2rem; border:1px solid #e5e5e5; padding:3rem 5rem; gap:5rem; display:flex;  align-items:center;}
.arc_award_li .special .tit-sec {position:relative; font-size:2.6rem; margin:0 !important; padding:0 !important;}
.arc_award_li .special .jury_txt {display:flex; }
.arc_award_li .special .name {font-size:2rem; font-weight:bold; letter-spacing:-1px; color:#111; }
.arc_award_li .special .name > span {font-size:1.7rem; color:#333; font-weight:500; margin-left:1rem;}
.arc_award_li .special .name ~ .name:before {content:' , '; margin:0 1rem;}
.arc_award_li .special .point {color:var(--biff-red); display:block;}

@media(max-width:768px){
	.arc_award_li .special .jury_txt {flex-direction: column; gap:0.2rem}
	.arc_award_li .special .name ~ .name:before {display:none;}
	.arc_award_li .special {flex-direction:column; align-items:flex-start; border:none; padding:0; border-top:1px solid #333; border-radius:0; margin-top:3rem; padding-top:3rem; gap:1.5rem}
}