@charset "utf-8";

/*------------------------------- COMMON -------------------------------*/

.title_h2 {font-size:2.6rem;font-weight:bold;color:#fff;}
.title_h3 {font-size:2rem;line-height:1.5;font-weight:500;color:#fff;}

.desc {font-size:1.5rem;line-height:1.8;letter-spacing: -0.5px; opacity:0.8; font-weight:300; color:#aaaaaa;} 


.title_link {transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}


.contents_inner {padding:3rem 0}
.main_sec {margin-bottom:4rem}
.main_sec:last-child {margin-bottom:0}
.sec {margin-bottom:4rem}
.sec:first-child {margin-top:4rem}

.title_wrap {margin-bottom:2rem;}
.title_wrap:before,
.title_wrap:after {content:'';clear:both;display:block;}
.title_wrap h3,
.title_wrap .title_h2 {display:inline-block;float:left}
.title_wrap .btn_all {display:inline-block;float:right;line-height:2rem;margin-top:2rem;margin-top:1rem}


@media (min-width: 992px) {

	.title_h2 {font-size:3.8rem;}
	.title_h3 {font-size:2.4rem;}
	
	.btn_h3:hover .title_h3 {text-decoration: underline}
	
	.title_wrap {margin-bottom:2.5rem;}
	
	.contents_inner {padding:6.5rem 0}
	.main_sec {margin-bottom:5.5rem}
	.sec {margin-bottom:5.5rem;}
	.sec:first-child {margin-top:5.5rem}
	
}



@media (min-width: 1600px) {

	.sec {margin-bottom:6.5rem;}
	.sec:first-child {margin-top:6.5rem}
	

}



a.cover {position: absolute;top:0;left:0;width:100%;height:100%;z-index:10}


/* badge */
.badge:empty {display: none;}
.badge {display: inline-block;width:20px;height:20px;font-size:15px;font-weight:bold;line-height:20px;color:var(--primary-yellow);text-align: center;white-space: nowrap;vertical-align:baseline;border-radius: 5rem;}

.badge-rounded {display: inline-block;width:18px;height:18px;font-size:11px;font-weight:bold;line-height:18px;color:#fff;background:#111;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 5rem;margin-left:0.6rem;vertical-align:middle;}

.badge-text {display: inline-block;font-size:11px;width:auto;font-weight:bold;height:19px;line-height:18px;color:#fff;background:#111;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 5rem;margin-left:0.8rem;padding:0 0.8rem;margin-top:-2px;vertical-align:middle;}

.badge-count-l {font-size:1.6rem;margin-left:1rem;vertical-align: middle;margin-top:-3px}

.badge-yellow {background:var(--bg-yellow);color:#111;}
.badge-white {background:#fff;color:#111;}






/* common button */

.btn_play,
.btn_mylist,
.btn_download,
.btn_more,
.btn_all {transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}


.btn_play:before {content:'';display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_play.svg) no-repeat center center;vertical-align:middle;margin-right:0.5rem;margin-top:-0.3rem}

.btn_mylist {text-align:center}
.btn_mylist:before {content:'';display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_folder.svg) no-repeat center center;vertical-align:middle;background-size:18px;margin-right:1rem;margin-top:-0.4rem}
.btn_mylist.add {background-color:#fff;color:var(--primary-black)}
.btn_mylist.add:before {content:'';display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_folder_add2.svg) no-repeat center center;vertical-align:middle;background-size:18px;margin-right:1rem;margin-top:-0.4rem;}
.btn_mylist.spinner:before {content:none;font-size:0;text-indent: -9999px}

.btn_download:before {content:'';display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_download.svg) no-repeat center center;vertical-align:middle;background-size:16px;margin-right:1rem;margin-top:-0.4rem}

.btn_more {font-size:1.4rem;color:#fff;display:inline-block;margin-top:0.6rem;font-weight:bold} /* 글 더보기 버튼 */
.btn_more:hover {color:#fff;opacity:1;text-decoration:underline}

.btn_all {font-size:1.4rem;color:var(--txt-gray);display:inline-block;margin-top:0.6rem;background:url(/kor/img/cmm/ico_viewall.svg) no-repeat 100% 55%;padding-right:1.8rem;background-size:6px}
.btn_all:hover {opacity:.8;color:#111;}




.cont_sub {padding-top:3rem;padding-bottom:3rem}
.page_header {display: block;margin-bottom:3rem}
.page_header .filter_bar {margin-top:1.5rem}
.page_body {}

.section_contents {margin-top:2rem}
.section_contents .title_h3 {margin-bottom:1.6rem}


@media (min-width: 992px) {
	
	.cont_sub {padding-top:5.6rem;padding-bottom:5.6rem}
	.page_header {display: flex;justify-content: flex-start;align-items: center;margin-bottom:5.6rem}
	.page_header .filter_bar {margin-left:4rem;margin-top:0.6rem}
	.page_body {}
	
	.section_contents .title_h3 {margin-bottom:2.4rem}
	.section_contents {margin-top:0rem}
	
}



/* filter bar */


.filter_bar {margin-bottom:3px;}
.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:200px;
								margin-right:4px;border-radius:3px;-webkit-border-radius:3px;font-size:15px;color:#fff;line-height:1.5;letter-spacing:-0.5px;}
.filter_bar .btn-filter:after {content:'';display:inline-block;width:18px;height:20px;float:right;margin:auto auto;
								background:url(/kor/img/cmm/ico_dropdown_filter.svg) no-repeat 50% 50%;opacity:1;background-size:10px}

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




.filter_select_list {position:absolute;padding:0 0 1rem 0;z-index:999;margin:0;list-style:none;background-color:#0f0f0f;border:1px solid #ddd;border-top:0;max-height: 320px;
    overflow-y: scroll;
		border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;width:200px;-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 {position:relative;}
.filter_select_list li a {font-size:14px;margin:0;padding:6px 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:#fff;display:block;letter-spacing:-0.5px !important;opacity: 0.8}
.filter_select_list li:hover a {opacity: 1}

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




.snb_arc {position:relative;margin:0 auto 3rem;text-align:center; height:44px; overflow:hidden}
.snb_arc ul {padding:0 5rem}
.snb_arc ul li {padding:0;margin:0;}
.snb_arc ul li a {font-weight:600; display:block;color:#fff;text-align:center;padding:0 1rem;font-size:2.4rem;opacity:0.5;line-height:40px;font-family: "Inter", sans-serif;}
.snb_arc ul li:hover a,
.snb_arc ul li.current a {opacity:1}
.snb_arc ul li.current a {font-weight:bold;letter-spacing:0;transform:scale(1.65);transform-origin:center center}


.snb_arc .slick-arrow {z-index:20;width:40px;height:40px;font-size:0px;line-height:0;text-indent:-9999px;}
.snb_arc .slick-arrow.slick-prev {position:absolute;top:0px;left:0;background:url(/kor/img/cmm/ico_slick_prev.svg) no-repeat 50% 50% rgba(0,0,0,0);}
.snb_arc .slick-arrow.slick-next {position:absolute;top:0px;right:0;background:url(/kor/img/cmm/ico_slick_next.svg) no-repeat 50% 50% rgba(0,0,0,0);}


.snb_arc .slick-arrow.slick-prev:after {content:'';position:absolute;left:50px;top:0;width:40px;height:40px;background: -webkit-linear-gradient(-180deg, rgba(15, 15, 15,0), rgba(15, 15, 15, 1));z-index:10}

.snb_arc .slick-arrow.slick-next:after {content:'';position:absolute;right:50px;top:0;width:40px;height:40px;background: -webkit-linear-gradient(-180deg, rgba(15, 15, 15,1), rgba(15, 15, 15, 0));z-index:10}


	@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 {}
		.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}

	}
	




/* Search bar */
.search_area {position:relative;padding:2.4rem 0;background:var(--bg-yellow)}

.search_input_box {position:relative} 
.search_input_box:before {content:'';width:4.4rem;height:100%;display:block;background:url(/kor/img/cmm/ico_search_black.svg) no-repeat center center;opacity: 0.5;background-size:16px;position:absolute;left:0;}

.searchbar .search_forms {background:#fff;border-radius:0.3rem;-webkit-border-radius:0.3rem;}
.searchbar .search_forms .search_label {display:none;line-height: 1;text-transform:uppercase}
.searchbar .search_forms .search_input {border:0;padding-left:4.5rem;line-height:3rem;}
.searchbar .search_button > button {padding:1.4rem 3rem;}

.searchbar .search_forms .search_select {position:relative;border-top:1px solid #e0e0e0}
.searchbar .search_forms .search_select .btn_reset {display:none}
.searchbar .search_forms .search_select.select_activitys {border-right:1px solid #e0e0e0}
.searchbar .search_forms .search_select .dropdown-toggle {font-size:1.3rem;text-align:center;width:100%;line-height:4rem;}
.searchbar .search_forms .search_select .dropdown-menu {max-height:250px;overflow-x:scroll;}
.searchbar .search_forms .search_select .dropdown-menu:after {content:'';position:sticky;left:0;bottom:-2rem;width:100%;height:3rem;background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255,255,255,1));display: block}
.searchbar .search_forms .search_select .dropdown-item {font-size:1.5rem;}
.dropdown-menu .form-check {width:100%;padding:0.5rem 1rem 1rem 3.8rem;color:#212529;white-space: nowrap;background-color:transparent;text-align:left}
.dropdown-menu .form-check:hover,
.dropdown-menu .form-check:focus {color: #16181b;background-color: #f8f9fa;cursor: pointer}

.form-check-input:hover,
.form-check-input:focus,
.form-check-label:hover,
.form-check-label:focus {cursor: pointer}

.searchbar .search_button {margin-top:1.6rem}
.searchbar .search_button .spinner {}
.searchbar .search_button .spinner:before {content:none;font-size:0;text-indent: -9999px}

.btn_reset {display:block;height:18px;width:18px; position:absolute;right:15px;top:0;bottom:0;margin:auto auto;background:url(/kor/img/cmm/ico_close_s.svg) no-repeat center center #f1f1f1;border-radius: 50px;-webkit-border-radius: 50px;text-align: center;background-size:8px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;opacity:0;z-index:10;cursor: pointer}
.btn_reset.on {opacity:1}


.search_count {padding-bottom:1rem;color:var(--txt-gray);border-radius:0.3rem;}

.search_notice {padding-bottom:2rem;font-size:1.4rem;text-align:center;}


@media (min-width: 992px) {
  
  .search_area {padding:5rem 0 5.5rem}
  .search_input_box:before {content:none}
  
  .searchbar {position:relative;box-shadow:0 6px 12px rgba(0,0,0,0.5);border-radius: 50%;max-width:960px;margin-left:auto;margin-right:auto;margin-bottom:6.5rem}
  .searchbar .search_button {position:absolute;top:0;right:-1px;margin-top:-0.1rem}
  .searchbar .search_button > button {border-radius: 50%;width:78px;height:78px;background-color:#111;border:2px solid #fff;background-image:url(/kor/img/cmm/ico_search_white.svg);background-repeat:no-repeat;background-size:24px;background-position:center center;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;padding:0}
  
  .searchbar .search_forms {border-radius: 50px;padding:1.7rem 6.8rem 0.7rem 2rem}
  .searchbar .search_forms .search_input {padding:0.375rem 0.75rem 0.375rem 0.3rem;line-height:2.8rem;}
  .searchbar .search_forms .search_label {display:block;font-size:1.2rem;color:#777;padding:0 0.6rem;text-transform:uppercase;font-weight:500;margin-bottom:0.2rem}
  .searchbar .search_forms .search_select {border-top:0}
  .searchbar .search_forms .search_select .dropdown-menu {top:-5px}
  .searchbar .search_forms .search_select .dropdown-toggle {text-align:left;font-size:1.6rem;line-height:2.8rem;}
  .searchbar .search_forms .search_select.select_activitys {border-left:1px solid #e0e0e0}
  
  .searchbar .search_forms .search_input_box,
  .searchbar .search_forms .search_select {padding:0 1rem}
  
  .btn_reset {bottom:5px}
  .searchbar .search_forms .search_select .btn_reset {display:block}
  
  .search_count {padding-bottom:2rem}
  .search_notice {padding-bottom:4rem;font-size:2rem;}
}

@media (max-width:768px) { 
	
	.searchbar .search_button > button {background-color: #FFCB41; margin-bottom:30px; color:#000;}
}	
	


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:auto !important}	
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-family: "Inter", sans-serif;font-size: 1.5rem}

.bs-actionsbox, .bs-donebutton, .bs-searchbox .form-control {padding:0}


/*------------------------------- Online screening -------------------------------*/



.film_item,
.dir_item,
.category_item {margin-bottom:2.4rem;}


@media (min-width: 992px) {
		
	.film_item,
	.dir_item,
	.category_item {margin-bottom:5.6rem;}

}


.film_item {position:relative;}

.film_item .thumb {position:relative;display:block;box-shadow:0px 1px 6px rgba(0,0,0,.1);border-radius: 0.4rem;overflow:hidden;background: url(/kor/img/cmm/empty_logo.svg) no-repeat center center #1C1C1C;}
.film_item .thumb:before {content:'';padding-top:70.44%;float:left;}
.film_item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.film_item .thumb .runningtime {position:absolute;right:0.3rem;bottom:0.3rem;font-size:1.1rem;color:#fff;z-index:10;padding:0.1rem 0.6rem;background:rgba(0,0,0,0.7);
	border-radius: 0.2rem;text-transform: uppercase;font-weight:bold;font-family: "Inter", sans-serif;}
.film_item .thumb .premiere {position:absolute;left:0.3rem;top:0.3rem;font-size:1.1rem;color:#fff;z-index:10;padding:0.1rem 0.6rem 0.2rem;background:#B22323;
	border-radius: 0.2rem;text-transform: uppercase;font-weight:normal;font-family: "Inter", sans-serif;font-weight:bold}

.film_item .film_item_body {margin-top:1rem;}
.film_item .film_item_body .film_tit {display:block;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.6rem;font-weight:500}
.film_item .film_item_body .dir {font-size:1.4rem;margin-top:0.3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--txt-muted)}
.film_item .film_item_body .film_info {display: none;}
.film_item .film_item_body .film_info > span {font-size:1.4rem;color:var(--txt-muted);display: inline-block}
.film_item .film_item_body .film_info .film_country { word-break:break-all;white-space: nowrap;max-width:95px;text-overflow: ellipsis;overflow: hidden}

.avatar img {min-width:100%;}


@media (min-width: 992px) {
  
  	.film_item {transition:.2s ease-out;}
  	.film_item .film_item_body {margin-top:1.6rem;}
  	
	.film_item:hover  {-webkit-transform:translateY(-6px);transform:translateY(-6px)}
	.film_item:hover .thumb {box-shadow:0px 1px 12px rgba(0,0,0,0.2);border-color:#ccc;}
	.film_item .film_item_body .film_tit {font-size: 1.8rem}
	.film_item .film_item_body .film_info {display: block;margin-top:0.6rem}
	.film_item .film_item_body .film_info:before,
	.film_item .film_item_body .film_info:after {content:'';display:block;clear:both}
	.film_item .film_item_body .film_info > span {position: relative;padding-right:1rem;margin-right:1rem;float:left;}
	.film_item .film_item_body .film_info > span:after {content:'';display: inline-block;width:1px;height:12px;background:var(--txt-muted);opacity: 0.5;position: absolute;top:5px;right:0}
	.film_item .film_item_body .film_info > span:last-child:after {content:none}
	
	
	
	/* 마우스 오버 프리뷰
	.film_item .preview {position:absolute;top:0;left:0;right:0;margin:auto auto;width:100%;height:100%;background:#000;overflow:hidden;opacity:0;border-radius:0.6rem;-webkit-border-radius:0.6rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;z-index:10;}
	.film_item .preview .prv_inner {display:flex;position:relative;width:100%;height:100%;justify-content:flex-start;padding:1.6rem;align-items: flex-end;padding-bottom:5.5rem;background-size:cover;}
	.film_item .preview .prv_inner:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
	.film_item .preview .prv_inner:after {content:'';position:absolute;bottom:4rem;left:0;width:100%;height:50%;background:-webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
	.film_item .preview .prv_inner .btn_play_s {display:inline-block;width:3.8rem;height:3.8rem;background:var(--primary-yellow);border-radius:50%;-webkit-border-radius:50%;z-index:10;background-image:url(/img/cmm/ico_play.svg);background-repeat: no-repeat;background-position:54% 50%;z-index:100}
	.film_item .preview .prv_inner .btn_mylist_s {display:inline-block;width:2.6rem;height:2.6rem;border-radius:50%;-webkit-border-radius:50%;z-index:10;background:url(/img/cmm/ico_folder.svg) no-repeat center center;border:1px solid rgba(255,255,255,0.8);z-index:100;background-size:12px}

  	.film_item:hover .preview {opacity:1;box-shadow:0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,0.6);transform: scale(1.2)}
  	.film_item .preview .prv_inner .prv_info {padding-left:1rem;z-index:10}
	.film_item .preview .prv_inner .prv_info .prv_tit {font-size:1.4rem;font-weight:bold;}
	.film_item .preview .prv_inner .prv_info .prv_detail {font-size:1.1rem;color:#fff;color:rgba(255,255,255,0.5)}
	.film_item .preview .prv_inner .prv_info .prv_detail > span:not(:last-child) {margin-right:0.4rem;}
	.film_item .preview .btn_area {position:absolute;left:0;bottom:0;width:100%;border-top:1px solid rgba(255,255,255,0.2);height:4rem;background:#000}
	.film_item .preview .btn_area .btn_film_info {color:#fff;line-height:3.5rem;text-align: center;padding:0;font-size:1.2rem;font-weight:500}
	*/
  
}

/* 감독 */

.dir_item {position: relative; height: 200px;overflow: hidden;border-radius: 0.4rem;}
.dir_item .dir_inner {position: absolute;top:0;left:0;width:100%;height:100%;z-index:10;text-align: center;padding:2rem;}
.dir_item .dir_bg {display:block;filter: blur(20px);-webkit-filter: blur(20px);width:100%;height:100%;background-size:cover;transform: scale(1.3);-webkit-transform: scale(1.3);background-position:0 60%}
.dir_item .dir_bg:before {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0}
.dir_item .dir_profile .avatar {width:10rem;height:10rem;}

.dir_item .dir_info .dir_name {font-size:1.8rem;margin-top:0.6rem}
.dir_item .dir_info .dir_intro {font-size:1.5rem;margin-top:0.3rem;opacity: 0.7}



/* 카테고리 */

.category_item {position:relative;}
.category_item .thumb {position:relative;display:block;box-shadow:0px 1px 6px rgba(0,0,0,.1);border-radius: 0.4rem;overflow:hidden;}
.category_item .thumb:before {content:'';padding-top:70.44%;float:left;}
.category_item .thumb:after {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;}
.category_item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.category_item .thumb .category_tit {display:block;color:#fff;font-size:1.8rem;font-weight:500;letter-spacing: -0.5px;
		position:absolute;top:2rem;left:2rem;z-index: 10}


@media (min-width: 992px) {
  
  	.category_item {transition:.2s ease-out;}
	.category_item:hover  {-webkit-transform:translateY(-6px);transform:translateY(-6px)}
	.category_item:hover .thumb {box-shadow:0px 1px 12px rgba(0,0,0,0.2);border-color:#ccc;}

	.category_item .thumb .category_tit {font-size:2rem;width:65%;}

}

	
	
/* film info - modal */

.film {background:#111;}
.film h2.section_tit {font-size:1.8rem;margin-bottom:1.6rem;font-weight:bold;text-transform:capitalize}

.film .film_banner {position:relative;background-color:#111;height:230px;background-repeat:no-repeat;background-position: center center;background-size: cover}
.film .film_banner:before {content:'';position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.0)}
.film .film_banner:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:115px;background: -webkit-linear-gradient(-90deg, rgba(20, 21, 22,0), rgba(20, 21, 22, 1));}

.badge_trailer {display: inline-block;font-size:14px;width:auto;font-weight:bold;color:#fff;background:rgba(0,0,0,0.6);text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.3rem;margin-left:0.8rem;padding:0.3rem 1rem;margin-top:-2px;vertical-align:middle;position:absolute;top:1.3rem;left:1rem;z-index:20}

.film .modal-body {margin-top:-100px;}

.film .film_details_hd .film_info_hd {height:100%;display:flex;align-items:flex-end;flex-wrap:wrap;}
.film .film_details_hd .film_info_hd > .inner {display:block;flex:1 0 0%;display:block;}
.film .film_details_hd .film_info_hd .film_tit {font-size:2.4rem;font-weight:bold;letter-spacing: -1px}
.film .film_details_hd .film_info_hd .dir {font-size:1.4rem;margin-top:0.5rem}
.film .film_details_hd .film_info_hd ul {margin-top:1rem}
.film .film_details_hd .film_info_hd ul li {position:relative;font-size:1.4rem;padding-right:1rem;color:#aaa;text-transform: uppercase}
.film .film_details_hd .film_info_hd ul li:first-child {padding-left:0;}
.film .film_details_hd .film_info_hd ul li:not(:last-child):before {content:'';display:inline-block;width:2px;height:2px;background:#777;position:absolute;top:0;right:0;bottom:0;margin:auto auto;}

.film .film_details_hd .btn_play {margin-bottom:1.5rem;margin-top:3rem;width:100%;font-family: "Inter", sans-serif;font-weight: bold}

.film .film_details {margin-top:2rem}
.film .film_details ul {margin-top:-0.4rem;margin-bottom:-0.4rem;margin-top:3rem}
.film .film_details ul li {padding-top:0.4rem;padding-bottom:0.4rem;font-family: "Inter", sans-serif; font-weight:300; color:#848484;}
.film .film_details ul li span {display:block;padding-right:0.6rem;color:/*var(--txt-muted)*/#d4d4d4; font-weight:600; }

/* 감독 정보 */
.film_dir_detail {text-align: left}
.film_dir_detail .c_profile_img {width:11rem;height:11rem}
.film_dir_detail .row { margin-bottom:30px;}

@media (max-width:768px) { 
.dirbox {text-align:center;}
.c_name {display: block;text-align:center;}
}	
	


/* Gallery */
.film_gallery .slick-track .slick-slide {position:relative;display:block;box-shadow:3px 3px 20px rgba(0,0,0,.4);overflow:hidden;}
.film_gallery .slick-track .slick-slide:before {content:'';padding-top:70%;float:left;}
.film_gallery .slick-track .slick-slide img {position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0.6rem;}

.film_gallery .gallery-nav {margin-top:2rem}
.film_gallery .gallery-nav .slick-track .slick-slide {margin-left:0.5rem;margin-right:0.5rem;}


/* slick */
.slick-dots {display:absolute;bottom:0;padding:1rem 0 3rem;text-align:center;}
.slick-dots:before,
.slick-dots:after {clear:both;display:block;content:'';}
.slick-dots li {display:inline-block;margin-right:8px;}
.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:rgba(255,255,255,0.5)}
.slick-dots li.slick-active button {background-color:#fff;width:20px;}


/* slick */

.film_gallery  .slick-arrow {z-index:0;width:30px;height:30px;margin-top:-30px;background-color:rgba(0,0,0,0.9);;border-radius:100%;-webkit-border-radius:100%;color:#fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background-repeat: no-repeat;font-size:0;text-indent: -9999px;background-size:8px;z-index:100}
.film_gallery  .slick-arrow.slick-prev {position:absolute;top:40%;left:0;background-image: url(/kor/img/cmm/ico_gallery_arrows_prev.svg);background-position:47% 50%}
.film_gallery  .slick-arrow.slick-next {position:absolute;top:40%;right:0;background-image: url(/kor/img/cmm/ico_gallery_arrows_next.svg);background-position:54% 50%}
	


@media (min-width: 992px) {
	
	.film .modal-body {margin-top:-100px;}
	
	.film .film_details_hd .film_info_hd {padding-top:5rem;}
	.film .film_details_hd .film_info_hd > .inner {padding-bottom:3rem}
	.film .film_details_hd .film_info_hd .film_tit {font-size:3.8rem}
	

	
	.film .film_details_hd .btn_area {padding-left:3rem}
	.film .film_details_hd .btn_play {margin-top:0;width:200px}
	
	.film .film_details ul {padding-left:3rem;margin-top:0}
	
	.film .film_details .desc_wrap {position:relative;}

	
	.film .film_details .desc { padding-bottom:2rem}
	.film .film_details .desc::-webkit-scrollbar {width:0;height:0;}
	.film .film_details .desc p {letter-spacing: -0.5px;font-size:1.5rem;line-height:1.8; font-weight:300; color:#aaaaaa;}
	



	
	.film_gallery .slick-arrow  {opacity:0;background-size:auto;width:60px;height:60px;background-size:18px}
	.film_gallery  .slick-slider:hover {cursor:pointer}
	.film_gallery  .slick-slider:hover .slick-arrow {opacity:1;z-index:20;}
	.film_gallery .slick-arrow.slick-prev {top:46%;left:-20px;}
	.film_gallery .slick-arrow.slick-next {top:46%;right:-20px;}
	
	
}

@media (min-width: 1200px) {
  
  .film .film_banner {height:460px}
  .film h2.section_tit {font-size:2.4rem;margin-bottom:3rem;}
  
  
}

@media (min-width: 1600px) {
  
  .film .film_details_hd .film_info_hd .film_tit {font-size:4rem;}
  
}





.bootstrap-select .dropdown-menu { padding: 0;}
.bootstrap-select .dropdown-menu.show {transform: initial;}
.searchbar .search_forms .bootstrap-select .dropdown-menu:after { height:1rem;}
.searchbar .search_forms .bootstrap-select .dropdown-menu {
	max-height:initial; overflow-x:hidden;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: initial; margin-left: 25px;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { left:15px; right: initial;}
.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}







/* animate */

.blinker {animation: blinker 1.5s linear infinite alternate;-webkit-animation: blinker 1.5s linear infinite alternate;}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }
 
 

@keyframes slide_off0{0%{opacity:1}100%{opacity:0}}

.scroll_on0{animation:scroll_on0 .5s ease-in-out forwards}
@keyframes scroll_on0{0%{opacity:0}100%{opacity:1}}

.scroll_on1{animation:scroll_on1 .5s ease-in-out forwards}
@keyframes scroll_on1{0%{opacity:0;transform:translate(0,15px)}100%{opacity:1;transform:translate(0,0)}}

.trans_img{animation:scroll_on2 .5s ease-in-out forwards}
@keyframes scroll_on2{0%{transform:scale(1.05)}100%{transform:scale(1)}}

.scroll_off0{animation:scroll_off0 .5s ease-in-out forwards}
@keyframes scroll_off0{0%{opacity:1}100%{opacity:0}}

.scroll_off1{animation:scroll_off1 .5s ease-in-out forwards}
@keyframes scroll_off1{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,15px)}}

@keyframes loading_on2{0%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes loading_on3{0%{height:0}100%{height:100%}}