/* 기본 */
.contents .inner {padding: 50px 0; margin: 0 auto; max-width: 1400px;}

@media only screen and (max-width: 1440px) {
	.contents .inner {margin: 0 20px;}
}

/* br {opacity: 0 !important; visibility: hidden !important; font-family:'dotum' !important;} */


/* contents-search */
.contents-search {width: 100%;
	padding: 45px 35px; margin-bottom: 50px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	position: relative;
}

.search-results {
	font-size: 15px; color: #666;
}
.search-results * {display: inline-block;}
.search-results img {margin-right: 10px;}
.search-results p {font-size: 15px;}
.contents-search-input {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.contents-search-input * {display: inline-block; height: 40px; }
.contents-search-input select {padding: 10px 15px; }
.contents-search-input input {margin-right: 5px; width: calc(100% - 185px);}
.contents-search-input input::-moz-placeholder {color: #666; opacity: 1; }
.contents-search-input input:-ms-input-placeholder {color: #666;}
.contents-search-input input::-webkit-input-placeholder {color: #666; }

.contents_search-btn {background: #222; font-size: 0; padding: 10px 30px; cursor: pointer;}
.contents_search-btn img {height: auto;}

/* search-list */
.search-results-list:after {display: block; content: ""; clear: both;}
.search-results-list li {float: left;
	width: 22.75%;
	margin: 0 3% 70px 0;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	transition: 0.8s;
}
.search-results-list li:hover {transform: translateY(-10px);}
.search-results-list li:nth-of-type(4n) {margin: 0 0 70px 0;}
.search-results-list li a {display: block;}
.search-results-list .search-list-img {width: 100%; height: 185px; background: url('../images/contents/facebook-ico.png') center no-repeat; background-size: cover;}
.search-list-text {padding: 35px 30px;}
.search-list-text .search-list-title {margin-bottom: 35px;
	font-size: 20px; font-weight: 500; color: #222; line-height: 1.2;
}
.search-list-text .search-list-day {display: inline-block;
	font-size: 15px; color: #666;
	border-bottom: 1px solid #666;
}

.iframe {background: #555;}
@media only screen and (max-width: 1240px) {
	.contents-search-input {top: 35%;}

.contents-search {padding: 60px 40px 10px;}
.search-results {text-align: center;}

.contents_search-btn {padding: 10px 10px;}
.contents-search-input input {width: calc(100% - 120px);}
.contents-search-input select {padding: 10px 5px;}
}

@media only screen and (max-width: 1024px) {



	.search-results-list li {width: 31%;}
	.search-results-list li:nth-of-type(4n) {margin: 0 3% 70px 0;}
	.search-results-list li:nth-of-type(3n) {margin: 0 0 70px 0;}
}

@media only screen and (max-width: 768px) {
	.contents-search {padding: 10px 40px;}
	.contents-search-input {position: inherit; transform: translate(-50%, 0); text-align: center; margin: 0 auto 10px;}

	.search-results-list li {width: 48.5%;}

	.search-results-list li:nth-of-type(3n) {margin: 0 3% 70px 0;}
	.search-results-list li:nth-of-type(2n) {margin: 0 0 70px 0;}
}

@media only screen and (max-width: 640px) {
	.contents-search {padding: 10px 10px;}
	.search-results-list li {width: 100%;}
	.search-results-list li:nth-of-type(3n) {margin: 0 0 70px 0;}
}

@media only screen and (max-width: 480px) {
	.search-results p {font-size: 14px;}
	.contents-search-input input {width: 120px;}
}

/* contents-view */
.contents-view {width: 100%;
	padding: 70px 0 15px; margin-bottom: 10px;
	background: #eef1f2;
}
.contents-view .inner {display: block; padding: 0; position: relative;}
.contents-view .inner > img:nth-of-type(1) {position: absolute; bottom: 115px; left: -400px;}
.contents-view .inner > img:nth-of-type(2) {position: absolute; bottom: -118px; right: -330px;}
.contents-view .inner:after {display: block; content: ""; clear: both;}
.contents-view .video {margin: 0 45px 15px 0; width: 55%; float: left; position: relative;}
.contents-view .video:after {content: ""; width: 105px; height: 40px; background: url('../images/contents/view-bgimg3.png') center no-repeat;
	position: absolute; top: -40px; left: 50%; transform: translateX(-50%);
}
.contents-view .video .iframe {position: relative; width: 100%; padding-top: 56.6%;}
.contents-view .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contents-view .video object {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .contents-view .video object embed {width: 100%; height: 100%;} */
.contents-view .video-info {padding: 30px 35px; margin-bottom: 15px;
	color: #fff; font-weight: 500;
	background: #222;
}
.contents-view .video-info:after {display: block; content: ""; clear: both;}
.video-info h4 {display: inline-block; float: left;
	font-size: 22px;
}
.video-info p {float: right;
	font-size: 16px;
}

.video-btn-wrap {text-align: right;}
.video-btn-wrap p {display: inline-block; font-size: 16px; color: #222; margin-left: 10px;}
.view-num {display: inline-block; margin-right: 30px;}
.share {display: inline-block; cursor: pointer;}

.share-wrap {display: none;
	width: 100%; background: #fff;
	position: absolute; top: 0; left: 0; z-index: 50;
	padding: 90px 70px;
	transition: 0.8s;
}
.video.active::before {content: ""; width: 100%; height: 1000%; background: rgba(0, 0, 0, 0.7);
	position: fixed; top: 0; left: 0; z-index: 50;
}
.share-wrap.active {display: block;}
.share-wrap .closs {position: absolute; top: 70px; right: 65px; cursor: pointer;}
.share-wrap h4 {font-size: 40px; font-weight: 500; color: #222; margin-bottom: 50px;}
.share-wrap .share-sns {width: 100%; border: 1px solid #eaeaea; margin-bottom: 35px;}
.share-wrap .share-sns:after {display: block; content: ""; clear: both;}
.share-wrap .share-sns li {border-right: 1px solid #eaeaea;
	width: 33.3333%; float: left;
	text-align: center;
}
.share-wrap .share-sns li:last-child {border: 0;}
.share-wrap .share-sns li a {display: block; padding: 40px 0 35px;}
.share-wrap .share-sns li a img {margin-bottom: 20px; width: 40px; height: 40px;}
.share-wrap .share-link {border: 1px solid #eaeaea; position: relative;}
.share-wrap .share-link:after {display: block; content: ""; clear: both;}
.share-wrap .share-link input {background: #fafafa;
	padding: 20px 35px;
	float: left;
	width: 80%;
	font-size: 18px;
}
.share-wrap .share-link .share-link-copy {float: right;
	padding: 20px 45px;
	width: 20%;
	background: #fff;
	font-size: 18px; font-weight: 500; text-align: center;
	cursor: pointer;
}

.contents-view .video-list {width: calc(45% - 45px); float: left;}
.video-list ul {height: 100%;}
.video-list li {border-bottom: 1px solid #d5dadb; height: 33.3333%;}
.video-list li:nth-of-type(1) {padding: 0 0 15px;}
.video-list li:nth-of-type(2) {padding: 15px 0;}
.video-list li:nth-of-type(3) {padding: 15px 0 0; border-bottom: 0;}
.video-list li a {display: block;}
.video-list a > .img {display: inline-block; margin-right: 40px; width: 250px; height: 155px; background: url('../images/contents/view-bgimg2.png') center no-repeat; background-size: cover;}
.video-list-text {display: inline-block; width: calc(100% - 295px); height: 100%;}
.video-list-text h4 {font-size: 20px; font-weight: 500; color: #222; margin-bottom: 25px; height: 20px; display: block; line-height: 1.2;}
.video-list li:hover h4 {color: #00a7d6;}
.video-list-text p {font-size: 15px;}
.video-list-text img {margin-right: 5px;}

@media only screen and (max-width: 1240px) {
	.contents-view .inner > img:nth-of-type(1), .contents-view .inner > img:nth-of-type(2) {display: none;}
	.contents-view .video {width: 100%; margin: 0 0 15px 0;}

	.contents-view .video-list {width: 100%;}

	.video-list li {width: 33%; display: inline-block;
		border-bottom: 0; border-right: 1px solid #d5dadb;
	}
	.video-list li:nth-of-type(1), .video-list li:nth-of-type(2) {padding: 0 15px 15px;}
	.video-list li:nth-of-type(3) {padding: 0 15px 15px; border-right: 0;}

	.video-list a > .img {margin: 0 auto 15px; display: block;}

	.video-list-text {width: 100%;}
	.video-list-text img {display: inline-block;}
	.video-list-text p {margin-bottom: 5px;}

}

@media only screen and (max-width: 1024px) {
	.video-list li {width: 100%;}
	.video-list li:nth-of-type(1), .video-list li:nth-of-type(2) {padding: 15px;
		border: 0; border-bottom: 1px solid #d5dadb;
	}
	.video-list li:nth-of-type(3) {padding: 15px;}

	.video-list a > .img {display: inline-block; margin: 0 20px 0 0;}

	.video-list-text {width: calc(100% - 275px);}
}

@media only screen and (max-width: 768px) {
	.share-wrap .share-link .share-link-copy {padding: 20px 15px;}
}

@media only screen and (max-width: 640px) {
	.contents-view .video-info {padding: 15px;}
	.video-info h4 {margin-bottom: 10px;}
	.video-list a > .img {width: 45%;}
	.video-list-text {width: calc(55% - 25px);}
	.video-list-text h4 {font-size: 16px; margin-bottom: 15px;}

	.share-wrap {padding: 40px;}
	.share-wrap .share-link p {width: 100%; padding: 20px 0; text-align: center;}
	.share-wrap .share-link .share-link-copy {width: 100%; border: 0; }
	.share-wrap .closs {top: 40px;}
}

@media only screen and (max-width: 480px) {
	.video-list a > .img {width: 100%; margin-bottom: 10px;}
	.video-list-text {width: 100%;}

	.share-wrap .share-sns li {width: 100%; border: 0;}
	.share-wrap .share-sns li:nth-of-type(2), .share-wrap .share-sns li:nth-of-type(3) {border-top: 1px solid #d5dadb;}
	.share-wrap .share-link p {overflow-x: auto; padding: 20px;}
	.share-wrap .closs {right: 35px;}
}

/* 통합검색 */

.contents-search_title {font-size: 20px; font-weight: 500; text-align: center;
	border-bottom: 1px solid #eaeaea; padding-bottom: 30px;
}
.contents-search_title span {vertical-align: baseline;}
.contents-search_title span.b {color: #00a7d6;}
.contents-search_title span.o, .text-list_text span.o {color: #f39700;}

.search_text-list {display: none;}
.search_text-list.active {display: block;}
.search_text-list a {display: block; padding: 40px 0; border-bottom: 1px solid #eaeaea;}
.search_text-list .text-list_title {font-size: 20px; font-weight: 500; color: #222; margin-bottom: 10px;}
.search_text-list .text-list_text {font-size: 16px; margin-bottom: 30px; line-height: 1.4; color: #666;}
.search_text-list .text-list_text span {font-weight: 500; vertical-align: baseline;}
.search_text-list .text-list-info {margin-bottom: 20px; font-size: 16px; color: #666;}
.search_text-list .text-list-info img {margin-right: 5px;}
.search_text-list .text-list-info span {vertical-align: bottom; margin-right: 20px;}
.search_text-list .text-list-link {font-size: 15px; color: #666; padding: 10px 0 0 60px; position: relative; line-height: 1.4;}
.search_text-list .text-list-link .link-mark {padding: 10px; margin-right: 10px;
	border-radius: 30px; background: #81c8bd;
	color: #fff; font-size: 13px; font-weight: 500; vertical-align: baseline;
	position: absolute; top: 0; left: 0;
}

/* 검색결과없음 */
.search_text-list-zero {display: none; margin-top: 40px; padding: 50px 150px; border: 1px solid #e6e6e6;}
.search_text-list-zero.active {display: block;}
.search_text-list-zero:after {display: block; content: ""; clear: both;}
.search_text-list-zero .list-zero-img {float: left; text-align: center; width: 50%;}
.search_text-list-zero .text-box {float: left; width: 50%; padding-left: 30px;}
.search_text-list-zero .text-box h4 {display: inline-block; border-bottom: 1px solid #222;
	font-size: 30px; font-weight: 500; color: #222; white-space: nowrap;
	margin-bottom: 30px;
}
.search_text-list-zero .text-box p {padding-left: 25px; margin-bottom: 20px;
	font-size: 16px; color: #666; line-height: 1.3;
	position: relative;
}
.search_text-list-zero .text-box p:after {content: ""; width: 17px; height: 15px;
	background: url('../images/contents/list-zero-ico.png') center no-repeat;
	position: absolute; top: 0; left: 0;
}

@media only screen and (max-width: 1240px) {
	.search_text-list-zero {padding: 50px 80px;}
}
@media only screen and (max-width: 1024px) {
	.search_text-list-zero {padding: 50px;}
}
@media only screen and (max-width: 768px) {
	.search_text-list-zero .list-zero-img {width: 100%; margin-bottom: 30px;}
	.search_text-list-zero .text-box {width: 100%; padding: 0;}
}
@media only screen and (max-width: 640px) {
	.search_text-list-zero .text-box h4 {font-size: 25px;}
}
@media only screen and (max-width: 480px) {
	.search_text-list-zero {padding: 30px;}
	.search_text-list-zero .text-box h4 {font-size: 20px;}
}


/* 영화제 소개 */
.contents__title.film {position: relative; border: 0;}
.contents__title.film:after {content: ""; width: 150%; height: 147px; background: url('../images/contents/film-line.png') center left no-repeat;
	position: absolute; bottom: 0; left: 0;
}
.film-wrap {position: relative;}
.film-wrap:after {display: block; content: ""; clear: both;}
.film_poster {float: left; padding-right: 65px; width: 50%; position: absolute; top: 0; left: 0;}
.film_poster img { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}
.film-title {float: right; width: 50%;}
.film-title select {padding: 20px 0 22px 30px; margin-bottom: 55px;
	width: 270px;
	border: 1px solid #2c2c2c;
	font-size: 16px; font-weight: 500; color: #222;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none; appearance: none;
	background: url('../images/contents/film-select-arrow.png') no-repeat 95% 50%;
}
.film-title select option {padding: 20px 0 22px 30px; margin: 20px 0 22px 30px;}
.film-title select::-ms-expand { display: none; }

.film-title h4 {display: inline-block;
	font-size: 20px; font-weight: 500; color: #222;
	border-bottom: 1px solid #222;
	margin-bottom: 25px;
}
.film-title p {font-size: 35px; font-weight: 500; color: #222; line-height: 1.4;}
.film-info {background: #222;}
.film-info .inner {padding: 40px 0;}
.film-info .film-wrap table {width: 50%; float: right;
	text-align: left;
	font-size: 18px; line-height: 1.4; color: #fff;
}
.film-info .film-wrap table .col1 {width: 30%;}
.film-info .film-wrap table tr {border-bottom: 1px solid #444;}
.film-info .film-wrap table tr:last-child {border: 0;}
.film-info .film-wrap table th {padding: 10px 0 10px 20px; position: relative; vertical-align: text-top;}
.film-info .film-wrap table th:after {content: "";
	width: 5px; height: 5px; border-radius: 50%; background: #fff;
	position: absolute; top: 22.5px; left: 0; transform: translateY(-50%);
}
.film-info .film-wrap table th:before {content: ""; width: 1px; height: 15px; background: #383838;
	position: absolute; top: 22.5px; right: 0; transform: translateY(-50%);
}
.film-info .film-wrap table td {padding: 10px 0 10px 25px;}

.film-info .film-wrap table span {font-weight: 500;}
.film-info .film-wrap table .mo {display: none;}

.film-text {width: 50%; float: right;
	font-size: 18px; line-height: 1.9; color: #222;
}
.film-text span {font-weight: 500;}
@media only screen and (max-width: 1440px) {
	.contents__title.film:after {left: 0;}
}
@media only screen and (max-width: 1240px) {
	.film-text {width: 80%; margin: 100px auto 140px;}
}
@media only screen and (max-width: 1024px) {
	.film-text {width: 100%; margin: 50px auto 100px;}
}
@media only screen and (max-width: 840px) {
	.film-info .film-wrap table {width: 100%;}
}
@media only screen and (max-width: 768px) {
	.film-title p {font-size: 30px;}
	.film-info .film-wrap table .mo {display: block;}
	.contents__title.film:after {bottom: -13px;}
}
@media only screen and (max-width: 640px) {
	.film_poster {width: 100%; padding: 0; position: relative; float: right;}
	.film-title {width: 100%; margin-bottom: 30px; float: left;}
	.contents__title.film:after {height: 100px; background-size: cover;bottom: -50px;}
}
@media only screen and (max-width: 480px) {
	.film-title select {margin-bottom: 35px; padding: 10px 0 12px 15px;}
	.film-title h4 {font-size: 16px; margin-bottom: 10px;}
	.film-title p {font-size: 20px;}

	.film-info .film-wrap table {font-size: 14px;}
	.film-info .film-wrap table td {padding: 10px 0 10px 10px;}

	.film-text {margin: 20px auto 80px;}

	.contents__title.film:after {bottom: -60px;}
}




/* map */
.map-top:after {content: ""; display: block; clear: both;}
.map-top > div {float: left; height: 315px;
	font-size: 20px; font-weight: 500; color: #fff;
	padding: 65px 55px;
}
.map-top > div .ico {text-align: right;}
.map-top .map-img {width: 40%; background: url('../images/contents/map-img.png') center no-repeat; background-size: cover;}
.map-top .address {width: 38%; background: #00a7d6;}
.map-top .phon {width: 22%; background: #77bbaa;}
.map-top .text h4 {display: inline-block; border-bottom: 1px solid #fff; margin-bottom: 15px;}
.map-top .text h4:nth-of-type(2) {margin: 20px 0 15px;}
.map-top .phon {width: 22%; background: #77bbaa;}
.map-top .text p {line-height: 1.3;}

#map {margin-top: 55px; width: 100%; height: 500px; background: darkgreen; position: relative;}

@media only screen and (max-width: 1240px) {
	.map-top > div {padding: 55px 25px;}
}
@media only screen and (max-width: 1024px) {
	.map-top .map-img {width: 100%;}
	.map-top .address {width: 60%;}
	.map-top .phon {width: 40%;}
	#map:after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
}
@media only screen and (max-width: 768px) {
	.map-top > div {padding: 35px 25px;}
}
@media only screen and (max-width: 640px) {
	.map-top > div {font-size: 18px; height: 250px;}
	.map-top .address {width: 100%;}
	.map-top .phon {width: 100%;}
}



/* use */
.use-info {text-align: center; background: #00a7d6; position: relative;}
.use-info:after {content: ""; width: 100%; height: 100px; background: #00a7d6; position: absolute; bottom: -100px; left: 0;}
.use-info .inner {position: relative; z-index: 10; padding: 50px 0 0;}
.use-info .bg {width: 100%; height: 280px; background: #fff; position: absolute; top: 0; left: 0;z-index: 0;}
.use-info-title {margin-bottom: 25px;}
.use-info-title h4 {font-size: 30px; color: #222; line-height: 1.3;}
.use-info-title span {font-weight: 500;}

.use-info-img {text-align: center; margin-bottom: 30px;}
.use-info-img img:nth-of-type(1) {margin-bottom: 65px;}

.use-info-text {margin: 0 auto 50px; width: 65%;}
.use-info-text h4 {font-size: 25px; line-height: 1.4; color: #fff;}
.use-info-text span {font-weight: 700;}
.use-info .use-util:after {content: ""; display: block; clear: both;}
.use-info .use-util li {float: left; width: 20%; }
.use-info .use-util li a {display: block; padding: 50px 60px 40px; color: #fff;}
.use-info .use-util li:nth-of-type(1) a {background: #76cebd;}
.use-info .use-util li:nth-of-type(2) a {background: #00b7b9;}
.use-info .use-util li:nth-of-type(3) a {background: #0097c1;}
.use-info .use-util li:nth-of-type(4) a {background: #8ec31e;}
.use-info .use-util li:nth-of-type(5) a {background: #f3bd00;}

.use-info .use-util li:nth-of-type(1):hover a {background: #fff; color: #76cebd;}
.use-info .use-util li:nth-of-type(2):hover a {background: #fff; color :#00b7b9;}
.use-info .use-util li:nth-of-type(3):hover a {background: #fff; color: #0097c1;}
.use-info .use-util li:nth-of-type(4):hover a {background: #fff; color: #8ec31e;}
.use-info .use-util li:nth-of-type(5):hover a {background: #fff; color: #f3bd00;}

.use-info .use-util li:nth-of-type(1):hover img {border-radius: 50%; border: 1px solid #76cebd;}
.use-info .use-util li:nth-of-type(2):hover img {border-radius: 50%; border: 1px solid #00b7b9;}
.use-info .use-util li:nth-of-type(3):hover img {border-radius: 50%; border: 1px solid #0097c1;}
.use-info .use-util li:nth-of-type(4):hover img {border-radius: 50%; border: 1px solid #8ec31e;}
.use-info .use-util li:nth-of-type(5):hover img {border-radius: 50%; border: 1px solid  #f3bd00;}
.use-info .use-util li h4 {font-size: 20px; font-weight: 500; margin: 30px 0 15px;}
.use-info .use-util li p {font-size: 16px; line-height: 1.3;}

@media only screen and (max-width: 1240px) {
	.use-info .use-util li a {padding: 50px 10px;}
}
@media only screen and (max-width: 1024px) {
	.use-info .use-util li {width: 100%;}
}
@media only screen and (max-width: 640px) {
	.use-info-text h4 {font-size: 20px;}
}
@media only screen and (max-width: 480px) {
	.use-info .bg {height: 250px;}
	.use-info-text {width: 100%;}
	.use-info-title h4 {font-size: 20px;}
}



/* live-broadcast */
.live-broadcast-wrap .inner {position: relative;}
.live-broadcast-wrap {width: 100%;
	padding: 70px 0 15px; margin-bottom: 10px;
	background: url('../images/main/section01bg.png') center no-repeat; background-size: cover;
}
.live-broadcast-info {width: 70%; margin: 0 auto;}
.live-broadcast-info p {font-size: 20px; font-weight: 500; color: #222; margin-bottom: 30px;}
.live-broadcast-on {width: 70%; margin: 0 auto 30px; height: 556px;}
.live-broadcast-on #player {width: 100%; height: 100%;}
.live-broadcast-on #player iframe {width: 100%; height: 100%;}
.live-broadcast-off .text-box {width: 100%;
	font-size: 30px; font-weight: 500; color: #fff; text-align: center;
}
.live-broadcast-info .live-broadcast-off {padding: 30px; background: #8ec31e; margin-bottom: 30px;}
.live-broadcast-off .live-broadcast-day {width: 100%; height: 230px; margin-bottom: 30px; background: url('../images/main/main-live-date.png') center no-repeat; background-size: contain; position: relative;}
.live-broadcast-off .live-broadcast-day > div {width: 200px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%);}
.live-broadcast-day h4 {display: inline-block; padding-left: 30px; margin-bottom: 15px; position: relative; font-size: 25px; font-weight: 700; color: #fff; white-space: nowrap;}
.live-broadcast-day h4:after {content: ""; width: 25px; height: 25px; background: url('../images/main/live-date.png') center no-repeat; position: absolute; top: 10px; left: 0; transform: translateY(-50%);}
.live-broadcast-day p {padding-left: 30px; color: #fff;}
.live-broadcast {display: none;}
.live-broadcast.active {display: block;}

@media only screen and (max-width: 1240px) {
	.live-broadcast-on {width: 100%;}
}
@media only screen and (max-width: 768px) {
	.live-broadcast-info {width: 100%;}
	.live-broadcast-on {height: 400px;}
}
@media only screen and (max-width: 480px) {
	.live-broadcast-info p {font-size: 16px;}
	.live-broadcast-on {height: 240px;}
}

/*Coming Soon*/
.comingsoon {background-color:#f5f5f5; padding:7.2% 2.5%;}
.comingsoon-inner {text-align:center; color:#222;}

.comingsoon-ico {display:inline-block; width:25%;}
.comingsoon-h3 {font-size:60px; font-weight:100; text-transform: uppercase;  margin-top:2.1%;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.comingsoon-h3 em {font-weight:300; vertical-align:baseline;}

.comingsoon-text1 {font-size:32px; font-weight:400;  margin-top:2.1%;}
.comingsoon-text2 {font-size:16px; margin-top:1.4%; line-height:1.3; color:#666;}

@media (max-width: 768px){
	.comingsoon {padding:10% 3%;}

    .comingsoon-h3 {font-size:52px;  margin-top:5%;}
    .comingsoon-text1 {font-size:28px; margin-top:4%;}
    .comingsoon-text2 {font-size:16px; margin-top:2%;}
}

@media (max-width: 480px){

    .comingsoon-h3 {font-size:34px;  margin-top:8%;}
    .comingsoon-text1 {font-size:24px; margin-top:6%;}
    .comingsoon-text2 {font-size:12px; margin-top:4%;}
}



/* 영화제 소개 상세페이지 */
.film-record {width: 100%; padding: 100px 0 50px; position: relative; background: url('../images/contents/section-top-bg.png') top right no-repeat; background-size: contain;}
.film-record.y2020 {background: #ffd602 url('../images/contents/section-top-bg.png') top right no-repeat;}
.film-record:after {display: block; content: ""; clear: both;}

.record-top {float: right; width: 50%; position: relative;}

.record-top select {width: 270px;
	padding: 20px 0 18px 30px;
	border: 1px solid #2c2c2c;
	font-size: 16px; font-weight: 500; color: #222;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none; appearance: none;
	background: #fff url('../images/contents/film-select-arrow.png') no-repeat 95% 50%;
	position: absolute; top: 20px; right: 40px;
}
.record-top select option {padding: 20px 0 22px 30px; margin: 20px 0 22px 30px;}
.record-top select::-ms-expand { display: none; }

.record-top table {margin-top: 300px;
	width: 80%;
}
.record-table {text-align: left; line-height: 1.4; color: #222;}
.record-table .col1 {width: 30%;}
.record-table tr {border-bottom: 1px solid #999;}
.record-table tr:last-child {border-bottom: 0;}
.record-table span {font-weight: 500;}
.record-table th {padding: 10px 0 10px 20px; position: relative; vertical-align: text-top; text-align: left;}
.record-table th::before {content: "";
    width: 1px;
    height: 15px;
    background: #999;
    position: absolute;
    top: 20px;
    right: 0;
	transform: translateY(-50%);
}
.record-table th p {position: relative;}
.record-table th p:after {content: ""; width: 5px; height: 5px; background: #222;
	position: absolute; top: 7px; left: -15px; border-radius: 50%;
}
.record-table td {padding: 10px 0 10px 20px;}

.record-title {font-size: 36px; font-weight: 500; margin-bottom: 50px; color: #222;}
.record-title span {font-size: 24px;}
.record-title em {display: block; font-size: 18px; line-height: 1.4; margin-top: 10px;}

.film-info-top {width: 50%; margin-left: 50%; color: #fff; line-height: 1.4;}
.film-info-top .record-title {margin-bottom: 40px; color: #fff;}
.film-info-table .record-title {margin-bottom: 0; color: #fff;}
.film-info-top p {font-size: 18px; margin-bottom: 70px;}

.film-info-table {width: 50%; margin: 0 0 25px 50%; color: #fff; line-height: 1.4;}
.film-info .film-info-table table {width: 100%; float: none;}

.film_record-img {position: absolute; top: 0; left: 0; margin-top: 160px;}
.film-record.y2020 .film_record-img {margin-top: 100px;}

.film-wrap .section1 {padding: 55px 0 75px; background: #ececec;}
.film-wrap .section2 {padding: 55px 0 75px;}

img.opening {width: 49%; box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);}
img.opening.first {margin-right: 2%;}

.record-event:after {content: ""; display: block; clear: both;}

.record-event .record-event-main {width: 50%; margin-right: 1%; float: left;}
.record-event-main:after {content: ""; display: block; clear: both;}

.record-event_poster {float: left; width: 34%; margin-right: 2%;}
.record-event_poster img {margin-bottom: 10px;}
.record-event_poster h4 {font-size: 14px;}

.record-event-outline {float: left; width: 64%;}
.record-event-outline h4 {font-size: 18px; color: #222; line-height: 1.4; margin-bottom: 45px;}
.record-event-outline h4 span {color: #255899; font-weight: 500;}

.record-event .record-event-info {width: 49%; float: left; padding: 7% 0 0; box-sizing: border-box;}
.record-event-info .record-title {margin-bottom: 0;}
.record-event-info table tr:nth-of-type(1) th:before,
.record-event-info table tr:nth-of-type(2) th:before {display: none;}

.film-section-slick {width: 90%; margin: 0 auto;}
.film-section-slick .slick-list {padding-bottom: 20px;}
.film-section-item {margin: 0 15px;
	box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e0e0;
}

.film-section-img {width: 100%;
	background-size: cover;
}

.film-section-text {padding: 25px 30px; background: #fff; height: 105px; font-size: 20px; font-weight: 500; line-height: 1.4; color: #222;}

.film-slick-btn {width: 100%; position: relative;}
.film-slick-btn .prev {position: absolute; left: 0; top: -180px;}
.film-slick-btn .next {position: absolute; right: 0; top: -180px;}
.film-slick-btn .next img {transform: rotate(180deg);}

@media (max-width: 1400px){
	.film_record-img {width: 40%; margin: 0;}
	.record-top {width: 60%;}
	.film-info-top, .film-info-table {margin: 0; width: 100%;}
	.film-info-top {margin-top: 30px; background: rgba(34, 34, 34, 0.6);}
	.film-info-top .record-title {margin-bottom: 20px;}
	.film-info-top p {margin: 0 0 30px;}

	.film-info-table {padding: 0 0 20px;}
}

@media (max-width: 1240px){
	/* .film-info-top {margin-top: 100px;} */

}

@media (max-width: 1024px){
	.record-top {width: 80%;}
	.film-record,
	.film-record.y2020 {padding: 0;}
	.film_record-img {margin-top: 30px;}
	.record-top table {width: 90%; background: rgba(255, 255, 255, 0.6);}

	.record-event .record-event-main {width: 100%; margin: 0; float: inherit;}
	.record-event_poster {width: 250px;}
	.record-event-outline {width: calc(98% - 250px);}
	.record-event .record-event-info {width: 100%; margin: 0; float: inherit; }

	.film-slick-btn .next, .film-slick-btn .prev {top: -210px;}
}

@media (max-width: 768px){
	.record-top {width: 100%;}
	.film_record-img {width: 50%;}

	img.opening {width: 100%;}
	img.opening.first {width: 100%; margin: 0 0 20px;}

	.film-slick-btn .next, .film-slick-btn .prev {top: -180px;}
}

@media (max-width: 640px){
	.film_record-img {width: 70%; margin-top: 80px;}
	.record-top table {width: 100%;}
	.film-record {background: url('../images/contents/section-top-bg.png') 130% 130% no-repeat;}
	.film-record.y2020 {background: #ffd602 url('../images/contents/section-top-bg.png') 250% 250% no-repeat;}

	.record-title {font-size: 28px;}
	.record-title span {font-size: 20px;}
	.record-title em {font-size: 16px;}

	.film-info-top p {font-size: 16px;}
	.film-info .film-wrap table {font-size: 16px;}

	.record-event-outline {width: 100%; margin-top: 30px;}

	.film-slick-btn .next, .film-slick-btn .prev {top: -250px;}
}

@media (max-width: 480px){
	.film_record-img {width: 100%; margin-top: 100px;}
	.record-top table {margin-top: 450px;}
	.film-record {background: url('../images/contents/section-top-bg.png') 300px -50px no-repeat;}
	.film-record.y2020 {background: #ffd602;}
	.record-top select {left: 50%; transform: translateX(-50%);}

	.record-title {font-size: 24px;}
	.record-title em {font-size: 15px;}
	.record-table th {width: 100%; display: block;  border-bottom: 1px dotted #444;}
	.record-table td {width: 100%; display: block;}
	.record-table th:before {display: none;}

	.section1 .inner, .section2 .inner {padding: 20px 0;}

	.film-wrap .slick-slider {width: 80%;}
	.film-slick-btn .next, .film-slick-btn .prev {top: -180px;}
}