@charset "utf-8";

#main {/*background: var(--bg-secondary)*/}

/* Visual */
.visual {position: relative;height:400px;overflow:hidden;background:#000;}
.visual .visual_img {position:relative;}
.visual .visual_img .visual-slider,
.visual .visual_img .visual-slider-nav {position: absolute;top:0;left:0;width:100%;height:100%}

.visual .visual_img,
.visual .visual_img .visual-slider,
.visual .visual_img .visual-slider .slick-list,
.visual .visual_img .visual-slider .slick-track,
.visual .visual_img .visual-slider .slick-track .slick-slide {width:100%;height:100%}
.visual .visual_img .visual-slider {z-index: 10}
.visual .visual_img .visual-slider div {background-size: auto; background-position: center;}

.visual_text {display:flex;align-items:center;justify-content:flex-start;z-index:10;height:100%;z-index: 10}
.visual_text .txtbox {color:#fff;}
.visual_text .txtbox .tit {font-size:1.8rem;line-height:100%;margin-bottom:1.6rem;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;font-weight: bold}
.visual_text .txtbox .main-tit {font-size:2.8rem;line-height:1.4;font-weight: bold;}
.visual_text .txtbox .btn {margin-top:4.4rem}



.visual .visual_img .visual-slider-nav {display: none}


@media (min-width: 992px) {
	
	.visual {height:650px;}
	.visual_text .txtbox .main-tit {font-size:4.8rem;}
	.visual_text .txtbox .tit {font-size:2rem;}
	
	.visual_text {padding-top:100px}
	
	
	.visual .visual_img .visual-slider-nav {display:block;padding-top:100px}
	.visual .visual_img .visual-slider-nav .slick-list {position:relative;width:100%;height:1px;width:1140px !important; margin-left:auto;margin-right:auto;z-index: 100; overflow:visible;}
	.visual .visual_img .visual-slider-nav .slick-track {position: absolute;right:0;top:0;width:auto !important;height:550px;left:auto; display: flex;flex-direction: column;justify-content: center;align-items:stretch; 	}
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide {display: block;width:auto !important;float:none;font-size:1.6rem;color:#fff; font-weight:800;height:auto;padding:2rem 1rem;border-bottom: 1px solid rgba(255,255,255,0.2);opacity: 0.6;cursor: pointer;min-width: 200px}
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide:hover,
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide.slick-current {opacity: 1}
		.visual .visual_img .visual-slider-nav .slick-track .slick-current p {text-shadow: 1px 1px 2px #555;}
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide .btn_more {display:inline-block;color:#fff;font-size: 1.2rem;margin-top:0.8rem;border-radius: 50px;-webkit-border-radius: 50px;padding:0.2rem 1rem;margin-left:-8px}
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide .btn_more .icon {width:16px;height:16px; background-color:rgba(255,255,255,0);border-radius: 100%;-webkit-border-radius: 100%;background-size:12px;background-position:60% 50%;margin-left:3px;float:right;margin-top:1px}
	
	
	.visual .visual_img .visual-slider-nav .slick-track .slick-slide .btn_more:hover {background-color:rgba(255,255,255,0.1);}
	
		
}


@media (min-width: 1600px) {
  .visual .visual_img .visual-slider-nav .slick-list {width:1240px !important;}
}




/* notice */
.notice {position:relative;background:#82D9D0;}
.notice .noticebar {position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction: column;
	width:100%;padding:0.5em 0;color:#333;font-size:1.5rem;z-index:20} 

.notice .noticebar .tit_area {position:relative;margin-bottom:0.6rem}

.notice .noticebar .tit_area h3 {font-size: 1.3rem;}
.notice .noticebar .notice_area .lnk_notice {color:#333;font-size: 1.6rem;font-weight: bold; white-space:nowrap}


.notice .noticebar .btn_more {position:relative;color:#333;font-weight:400;padding-left:0}
.notice .noticebar .btn_more .icon-arr {display:block;background-size:20px;width:20px;}



@media (min-width: 992px) {


	.notice .noticebar {justify-content: space-between;align-items: center;flex-direction: row} 
	.notice .noticebar .notice_l {display: flex;justify-content: flex-start;align-items: center;}
	.notice .noticebar .tit_area {margin-bottom:0;padding-right:16px}
	.notice .noticebar .tit_area:after {content:'';display:inline-block;width:1px;height:15px;background:rgba(0,0,0,0.2);position: absolute;top:0;right:0;bottom:0;margin:auto auto}
	.notice .noticebar .tit_area h3 {font-size:1.6rem;font-weight: bold;line-height:27px}
	.notice .noticebar .notice_area {padding-left:16px;}
	.notice .noticebar .notice_area .lnk_notice {font-weight:400;}

	
}




/* main contents common */
.cont_main {position:relative;}
.cont_main .titlebox {text-align: center;}
.cont_main .titlebox .tit_main {font-size:3rem;color:#333;font-weight: bold;letter-spacing: -1px;}
.cont_main .titlebox p {font-weight:600;color:var(--bg-primary);margin-top:3px;margin-bottom:2em}

#main .tit_main_item {font-size:2rem;line-height:1.4;font-weight:bold;}

.pg-slide { }
.pg-slide .card_li {position:relative;}
.pg-slide .card_li {width:360px;margin-right:10px;margin-left:10px; float:left;}
.pg-slide .card_li .txtbox { /*background:#222;*/ font-size:18px; padding:15px 0;height:auto;overflow:hidden; color:#fff;}
.pg-slide .card_li .txtbox .tit1 { color: #6b6b6b; font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; /* 112.5% */ letter-spacing: -0.64px;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;margin-top: 10px;}
.pg-slide .card_li .txtbox .tit2 { color: #333; font-size: 20px; font-style: normal; font-weight: 600; line-height: 18px; /* 90% */ letter-spacing: -0.8px;}
.pg-slide .card_li .txtbox .tit3 { color: #777; font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; /* 128.571% */ letter-spacing: -0.56px;}
.pg-slide .card_li a.cover {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}

.pg-slide .card_li .thumb { overflow:hidden;width: 100%; height:0; padding-bottom:57%; border-radius: 3px;/* height: 0; padding-bottom: 75%; */}
.pg-slide .card_li .thumb img {width:100%;height:auto;}


.pg-slide .card_li .pg_tit {font-size:24px;font-weight:bold;}
.pg-slide .card_li .desc {font-size:15px;line-height:1.6; color:#999;}


/*btn*/
.pg-slide .slick-arrow {position:absolute;top: -80px;display:inline-block;width:51px;height:51px;text-indent:-9999px;opacity:0.2;}
.pg-slide .slick-arrow:hover {opacity:0.8;}

.pg-slide .slick-arrow.slick-next {right:0;background:url(/kor/img/main/arrow-right.png) no-repeat 50% 50%}
.pg-slide .slick-arrow.slick-prev {right:60px;background:url(/kor/img/main/arrow-left.png) no-repeat 50% 50%}



@media (min-width: 992px) {
	.notice .noticebar {font-size:1.8rem}
	.cont_main .titlebox .tit_main {font-size:4.5rem;}
	.cont_main .titlebox p {font-size:2rem}
	#main .tit_main_item {font-size:2.8rem;}
}


/* main_tab*/
.main_tab { margin-top:40px; margin-bottom:50px; display:flex;    justify-content: center; flex-direction: column; }
.main_tab ul { text-align:center; }
.main_tab ul li{ float:initial;border-bottom:solid 1px #dbdbdb; width: 100%;}
.main_tab ul li a { color: #333; text-align: center; font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: -0.72px; padding: 11px 57px; display:block;}
.main_tab ul li a.atv {color: #41BFB2; border-bottom:solid 2px #82D9D0; } 


@media (min-width: 992px) {
.main_tab { margin-top:40px; margin-bottom:50px; display:flex;justify-content: center; flex-direction: row;}
.main_tab ul { text-align:center; }
.main_tab ul li{ float:left;border-bottom:solid 1px #dbdbdb; width: auto;}
.main_tab ul li a {color: #333; text-align: center; font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: -0.72px; padding: 11px 57px; display:inline-block;}
.main_tab ul li a.atv {color: #41BFB2; border-bottom:solid 2px #82D9D0; } 

}



/* section_main_banner5 
<div class="row row-cols-sm-1 row-cols-md-5 item5">
					<div class="col itembox">
						<span class="icons"><img src="/kor/img/main/icon1.png"></span>
						<p class="titxt">UMCA 2023</p>
						<p class="cotxt">폴란드 얼음의 전사,<br>크시스토프 비엘리츠키</p>
					</div>
*/
.section_main_banner5 {background:#fff;}
.section_main_banner5 .item5 {padding:50px 45px; border-radius: 4px; border: 1px solid rgba(51, 51, 51, 0.20); }
.section_main_banner5 .item5 .itembox { text-align:center; border-top:solid 1px rgba(51, 51, 51, 0.20);  margin-top:30px; padding-top:30px;}
.section_main_banner5 .item5 .itembox:first-child {border:none; margin-top:0; padding-top:0;}
.itembox .titxt {color: #333; text-align: center; font-size: 20px; font-weight: 700; line-height: 18px; /* 90% */ letter-spacing: -0.8px; padding:10px;}
.itembox .cotxt {color: #444; text-align: center; font-size: 16px; font-weight: 500; line-height: 140%; /* 22.4px */ letter-spacing: -0.64px; padding-top:10px;}

@media (min-width: 992px) {
.section_main_banner5 .item5 .itembox { border:none;  margin-top:0; padding-top:0; text-align:center; border-left:solid 1px rgba(51, 51, 51, 0.20); }
}


/* section_main_follow 
	<div class="sec section_main_follow">
		<div class="container">
			<div class="row">
				<div class="col-12 col-lg-6 snsbox">
					<p class="titxt">Follow UMFF</p>
					<div class="snsiconbox">
						<a href=""><img src="/kor/img/main/sns_is.png"></a>
						<a href=""><img src="/kor/img/main/sns_nv.png"></a>
						<a href=""><img src="/kor/img/main/sns_yt.png"></a>
						<a href=""><img src="/kor/img/main/sns_fb.png"></a>
					</div>
				</div>
				<div class="col-12 col-lg-6">
					UMFF LETTER
					</div>
			</div>
			
		</div>
	</div>
*/
.section_main_follow {}
.section_main_follow .snsbox { display: flex; align-items: center; justify-content: flex-start;flex-direction: column; margin:30px 0;}
.snsbox .titxt {display:block; padding-right: 0px; color: #41BFB2; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -1.6px; margin-bottom:15px;}
.snsbox .snsiconbox { display:block; }
.snsbox .snsiconbox a {padding:0 5px}

.section_main_follow .letterbox { display: flex; align-items: center; justify-content: flex-end;flex-direction: column;}
.letterbox .titxt {display:block; padding-right: 0px; color: #41BFB2; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -1.6px; margin-bottom:15px;}
.letterbox a { display: inline-flex; padding: 20px 60px; align-items: flex-start; gap: 10px;border-radius: 4px; background: #333; color: #FFF;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 90% */
letter-spacing: -0.8px;}

@media (min-width: 992px) {
.section_main_follow .snsbox, .section_main_follow .letterbox { flex-direction: row; margin: 0;}	
.snsbox .titxt, .letterbox .titxt {display:inline; padding-right:50px; margin-bottom:0px;}
.snsbox .snsiconbox { display:inline;margin-top:0px;}
.snsbox .snsiconbox a {padding:0 5px}
}


/* banner */

.banner_wrap {position:relative;}


.banner_wrap .banner_item {position:relative;padding:1.6rem 2rem 2rem;color:var(--bg-primary);border: 3px solid var(--bg-primary);margin-bottom:1.6rem}
.banner_wrap .banner_item .banner_tit {position:relative;font-size: 1.8rem;line-height:1.4;font-weight: bold;margin-bottom:0.8rem;}
.banner_wrap .banner_item .banner_tit:after {content:'';display:inline-block;width:16px;height:16px;background:url(/kor/img/cmm/ico_arrow_r.svg) no-repeat center center;position: absolute;top:0;bottom:0;right:0px;margin: auto 0}
.banner_wrap .banner_item .desc {font-size:1.4rem;color:var(--bg-primary);line-height:1.6;font-weight: 400}



@media (min-width: 992px) {

	.banner_wrap .banner_item {padding:2rem 3.2rem 3rem;border-width:4px}
	.banner_wrap .banner_item .banner_tit {font-size: 2.2rem;margin-bottom:1.6rem;}
	.banner_wrap .banner_item .desc {font-size:1.5rem;}

}



/* 온에어 */
.section_main_onair {background:url(/kor/img/main/bg_onair.jpg) no-repeat 0 0 ;background-size:cover;color:#fff;}
.section_main_onair .titlebox .tit_main,
.section_main_onair .titlebox p {color:#fff;}

.onair_item {position: relative;display: flex; align-items: flex-start;justify-content: flex-start;padding-top:1.6em;padding-bottom:1.6rem;padding-left:1rem}
.onair_item.onair_os {border-bottom:1px solid rgba(255,255,255,0.15)}

.onair_item .onair_icon {width:80px}

.onair_item .onair_txt .tit_onair {margin-bottom:0.2em;font-size: 2rem;font-weight: bold}
.onair_item .onair_txt {padding-left:2rem}
.onair_item .onair_txt .desc {font-weight: 400;word-break:keep-all}



@media (min-width: 992px) {

	.onair_item {justify-content:center;margin-top:1.6em;margin-bottom:1.6rem;padding-top:0;padding-bottom:0;padding-left:0}
	.onair_item .onair_txt {width:60%;padding-left:2rem}
	
	.onair_item .onair_txt .tit_onair {margin-bottom:0.5em;font-size: 2.4rem;}
	.onair_item.onair_os {border-bottom:none; border-right:1px solid rgba(255,255,255,0.15)}
}



/* Program */
.film_list .film_item {}
.film_list .film_item .thumb {position:relative;display:block;overflow:hidden;}
.film_list .film_item .thumb:before {content:'';padding-top:70.44%;float:left;}
.film_list .film_item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}

.film_list .film_item .film_info {font-size:1.4rem;margin-top:0.8em;margin-bottom:2.5em;color:var(--txt-primary)}
.film_list .film_item .film_info .tit {font-size:1.6rem;font-weight:bold;}
.film_list .film_item .film_info .director {font-weight:500;}

@media (min-width: 992px) {
	
	.film_list .film_item .film_info {font-size:1.6rem}
	.film_list .film_item .film_info .tit {font-size:2rem;}
	
}




/* POPUP */




.popupcontent {width:500px; border:solid 1px #ccc; }
@media (max-width:768px){
	.popupcontent {width:100%; margin:auto; border:solid 1px #ccc; }
}

.popupcontent_ { margin-left:50px;}
@media (max-width:768px){
	.popupcontent_ { margin-left:0px; margin-bottom:5px;}
}


.popup001 { display:none;border-width:0px;Z-INDEX: 9999; POSITION: absolute;left:200px; top:120px; width:100%; max-width:500px;}
.popup002 { display:none;border-width:0px;Z-INDEX: 9999; POSITION: absolute;left:700px; top:120px; width:100%; max-width:500px; }
/*.popup003 { display:none;border-width:0px;Z-INDEX: 99; POSITION: absolute;left:960px; top:120px; width:100%; max-width:480px; }
.popup004 { display:none;border-width:0px;Z-INDEX: 99; POSITION: absolute;left:1440px; top:120px; width:100%; max-width:480px; }*/

@media (max-width:768px){
	.popup_warp {POSITION: absolute;left:0; top:95px;}
	.popupm {POSITION: relative;    top: initial;    left: initial; }
}





/* 페스티벌 프로그램 */
.section_main_festival {background:url(/kor/img/main/main_festival_bg.png) no-repeat bottom center;}