/* Main Common Layout */
.container.main_container { padding-top:0px; padding-bottom:20px; }
.container.main_container .inner { max-width:1800px; }

@media (max-width:1900px) {
	.container:before { display:none !important; }
}


/* 상단 비쥬얼 */
.main_top_visual { width:100%; height:100vh; /*min-height:800px;*/ }
.main_top_visual .swiper-container, .main_top_visual .swiper-wrapper, .main_top_visual .swiper-slide { width:100%; height:100%; }
.main_top_visual .background { position:relative; width:100%; height:100%; overflow:hidden; background-color:#000; }

.main_top_visual .background video { position:relative; left:0px; top:50%; display:block; width:auto; height:auto; min-width:100%; min-height:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }


.main_top_visual .background .bg_img { width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0px; -webkit-background-size:cover; background-size:cover; overflow:hidden; text-indent:-9999px; -webkit-background-size:cover; background-size:cover; -webkit-transition:all 10s; -moz-transition:all 10s; -ms-transition:all 10s; -o-transition:all 10s; transition:all 10s; }
.main_top_visual .background .bg_img.bg_img_mobile { display:none; background-position:50% 50%; }
.main_top_visual .swiper-slide-active .background .bg_img { -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -ms-transform:scale(1.07); -o-transform:scale(1.07); transform:scale(1.07); }
.main_top_visual .swiper-slide-active .background .bg_img.bg_img_mobile { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
/*
.main_top_visual .background img { position:relative; left:50%; top:50%; display:block; min-width:100%; min-height:100%; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); opacity:0.8; }
*/
.main_top_visual .background:before { content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:50%; max-height:300px; background-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); z-index:1; }
.main_top_visual .background:after { content:""; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:50%; max-height:300px; background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); z-index:1; }
.main_top_visual .main_visual_phrase { position:absolute; left:0px; top:0px; width:100%; height:100%; } 
.main_top_visual .main_visual_phrase .inner { height:100%; }
.main_top_visual .main_visual_phrase .phrase { position:absolute; left:110px; right:110px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.main_top_visual .main_visual_phrase .phrase .main_visual_logo { display:block; width:410px; height:87px; overflow:hidden; background:url("../../images/ott/common/logo_myopera_white.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; }
.main_top_visual .main_visual_phrase .phrase p { margin-top:35px; padding-right:50%; font-size:30px; text-shadow:1px 1px 5px rgba(0,0,0,0.75); }
.main_top_visual .swiper-pagination { bottom:85px; }
.main_top_visual .swiper-pagination-bullet { width:14px; height:14px; margin:0px 8px !important; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:transparent; border:2px solid #fff; opacity:1; text-indent:-9999px; }
.main_top_visual .swiper-pagination-bullet.swiper-pagination-bullet-active { position:relative;  background:#fff; border:2px solid #fff; }
/*.main_top_visual .swiper-pagination-bullet.swiper-pagination-bullet-active:before { content:""; position:absolute; left:50%; top:50%; display:block; width:30px; height:30px; margin-left:-20px; margin-top:-20px; border:5px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }*/

/*임시팝업*/
.divpop { position: absolute; z-index:999; top:100px; left:150px; background-color:#f3f3f3;display:none; width:534px; }
.title_area {font-weight:bold;text-align:center; width:534px; height:681px;}
.title_area a { display:block; }
.button_area { position:relative; width:100%; background:#252523; color:#fff; padding:8px 10px; box-sizing:border-box } 
.button_area a { display:block; position:absolute; top:8px; right:10px; color:#fff; }

@media (max-width:1439px) {
	.main_top_visual .background video { left:50%; width:1800px; margin-left:-900px; }
	.main_top_visual .main_visual_phrase .phrase { left:80px; }
	
}

@media (max-width:1199px) {
	.main_top_visual .background video { width:1500px; margin-left:-750px; }
	.main_top_visual .main_visual_phrase .phrase { left:50px; }
	.main_top_visual .main_visual_phrase .phrase .main_visual_logo { width:300px; height:64px; }
	.main_top_visual .main_visual_phrase .phrase p { margin-top:25px; font-size:26px; }
}

@media (max-width:991px) {
	.main_top_visual .swiper-pagination { bottom: 110px; opacity:0.8; }
	.main_top_visual .main_visual_phrase .phrase .main_visual_logo { width:240px; height:51px; }
	.main_top_visual .main_visual_phrase .phrase p { margin-top:20px; font-size:22px; }
}

@media (max-width:767px) {
	.main_top_visual .swiper-pagination { bottom: 120px; opacity:0.8; }
	.main_top_visual .background .bg_img.bg_img_pc { display:none; }
	.main_top_visual .background .bg_img.bg_img_mobile { display:block; }
	.main_top_visual .main_visual_phrase .phrase { left:20px; right:20px; }
	.main_top_visual .main_visual_phrase .phrase .main_visual_logo { width:180px; height:38px; margin:0px auto; }
	.main_top_visual .main_visual_phrase .phrase p { margin-top:15px; padding-right:0px; font-size:18px; text-align:center; }
}

@media (max-width:575px) {
	.main_top_visual .swiper-pagination { bottom: 15%; opacity:0.8; }
}


/* 마이오페라 라이브 */
.main_live_wrap { position:relative; width:100%; height:100vh; /*min-height:800px;*/ background-color:#000; }
.main_live_wrap .swiper-container, .main_live_wrap .swiper-wrapper, .main_live_wrap .swiper-slide { width:100%; height:100%; }
.main_live_wrap .main_live_title { position:absolute; left:50%; top:70px; width:395px; height:65px; margin-left:-197.5px; overflow:hidden; background:url("../../images/ott/contents/title_myopera_live.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; z-index:2; }
.main_live_wrap .background { position:relative; width:100%; height:100%; background-color:#000; }
.main_live_wrap .background .bg_img { width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:50% 0px; -webkit-background-size:cover; background-size:cover; text-indent:-9999px; }
.main_live_wrap .background .bg_img:before { content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url("../../images/ott/main/filter_img_myopera.png") repeat 0px 0px; }
.main_live_wrap .background:before { content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:50%; max-height:300px; background-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); z-index:1; }
.main_live_wrap .background:after { content:""; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:50%; max-height:300px; background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); z-index:1; }
.main_live_wrap .live_info_wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; }
.main_live_wrap .live_info_wrap .inner { height:100%; }
.main_live_wrap .live_info_wrap .live_info { position:absolute; left:110px; bottom:120px; display:block; max-width:720px; }
.main_live_wrap .live_info_wrap .live_info .live_title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:30px; font-weight:700; text-shadow:1px 1px 5px rgba(0,0,0,0.75); }
.main_live_wrap .live_info_wrap .live_info p { display:-webkit-box; max-height:108px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-shadow:1px 1px 5px rgba(0,0,0,0.75); }
.main_live_wrap .live_info_wrap .live_info .btn_more { position:relative; display:block; width:130px; padding:15px 0px; margin-top:10px; text-shadow:1px 1px 5px rgba(0,0,0,0.75); font-family:"Montserrat", "scR", "NanumGothic", dotum, sans-serif; line-height:100%; }
.main_live_wrap .live_info_wrap .live_info .btn_more:before { content:""; display:block; position:absolute; right:0px; top:50%; width:11px; height:11px; margin-top:-5px; background:url("../../images/ott/main/more_myopera.png") no-repeat 50% 50%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.main_live_wrap .live_info_wrap .live_info:hover .btn_more:before { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.main_live_wrap .live_info_wrap .live_info .btn_more:after { content:""; display:block; position:absolute; left:0px; bottom:5px; width:0px; height:2px; background-color:#008aff; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.main_live_wrap .live_info_wrap .live_info:hover .btn_more:after { width:100%; }
.main_live_wrap .swiper-button-prev, .main_live_wrap .swiper-button-next { display:block; width:70px; height:70px; margin-top:-35px; overflow:hidden; background-color:rgba(0,0,0,0.9); -webkit-background-size:25px 42px; background-size:25px 42px; text-indent:-9999px; }
.main_live_wrap .swiper-button-prev { left:10px; background-image:url("../../images/ott/contents/vod_slide_prev.png"); }
.main_live_wrap .swiper-button-next { right:10px; background-image:url("../../images/ott/contents/vod_slide_next.png"); }
.main_live_wrap .swiper-button-prev:hover { background-color:rgba(0,0,0,0.8); background-image:url("../../images/ott/contents/vod_slide_prev_on.png"); }
.main_live_wrap .swiper-button-next:hover { background-color:rgba(0,0,0,0.8); background-image:url("../../images/ott/contents/vod_slide_next_on.png"); }


@media (max-width:1439px) {
	.main_live_wrap .live_info_wrap .live_info { left:80px; }
}

@media (max-width:1199px) {
	.main_live_wrap { max-height:800px; }
	.main_live_wrap .main_live_title { top:60px; width:300px; height:49px; margin-left:-150px; }
	.main_live_wrap .live_info_wrap .live_info { left:50px; bottom:100px; }
	.main_live_wrap .live_info_wrap .live_info .live_title { font-size:26px; }
	.main_live_wrap .swiper-button-prev, .main_live_wrap .swiper-button-next { width:60px; height:60px; -webkit-background-size: 17px 30px; background-size: 17px 30px; }
	
}

@media (max-width:991px) {
	.main_live_wrap { max-height:700px; }
	.main_live_wrap .main_live_title { top:52px; }
	.main_live_wrap .live_info_wrap .live_info { bottom:70px; }
	.main_live_wrap .live_info_wrap .live_info .live_title { font-size:22px; }
	.main_live_wrap .swiper-button-prev, .main_live_wrap .swiper-button-next { width:50px; height:50px; -webkit-background-size: 11px 20px; background-size: 11px 20px; }
}

@media (max-width:767px) {
	.main_live_wrap { max-height:450px; }
	.main_live_wrap .main_live_title { top:46px; }
	.main_live_wrap .main_live_title { width:250px; height:41px; margin-left:-125px; }
	.main_live_wrap .live_info_wrap .live_info { left:20px; right:20px; bottom:50px; }
	.main_live_wrap .live_info_wrap .live_info .live_title { font-size:18px; }
	.main_live_wrap .live_info_wrap .live_info .btn_more { width:100px; }
}

@media (max-width:575px) {
	
}



/* 메인 VOD 슬라이드 */
.main_vod_wrap { position:relative; width:100%; padding:40px 0px; }
.main_vod_wrap .main_vod { padding:30px 0px; }
.main_vod_wrap .main_vod .vod_title { padding-bottom:15px; font-family:"Montserrat", "scR", "NanumGothic", dotum, sans-serif; font-size:34px; font-weight:700; text-align:center; line-height:100%; }
.main_vod_wrap .main_vod .vod_subtit { text-align:center; font-size:20px; padding-bottom:35px; }

.main_vod_wrap .main_vod.editor_vod .slide_vod a .img_wrap { /*height:520px;*/ height:250px; background-image:url("../../images/ott/contents/default_thumbnail_vod_bigsize.png"); }
.main_vod_wrap .main_vod.popular_vod .slide_vod a .img_wrap { height:340px; background-image:url("../../images/ott/contents/default_thumbnail_vod_bigsize.png"); }


@media (max-width:1199px) {
	.main_vod_wrap .main_vod { padding:26px 0px; }
	.main_vod_wrap .main_vod .vod_title { font-size:30px; }
	.main_vod_wrap .main_vod .vod_subtit { font-size:18px; padding-bottom:30px; }
	
	.main_vod_wrap .main_vod.editor_vod .slide_vod a .img_wrap { height:370px; background-image:url("../../images/ott/contents/default_thumbnail_vod.png"); }
	.main_vod_wrap .main_vod.popular_vod .slide_vod a .img_wrap { height:370px; background-image:url("../../images/ott/contents/default_thumbnail_vod.png"); }
}

@media (max-width:991px) {
	.main_vod_wrap .main_vod { padding:23px 0px; }
	.main_vod_wrap .main_vod .vod_title {  font-size:26px; }
	.main_vod_wrap .main_vod .vod_subtit {  font-size:16px; padding-bottom:25px; }
	
	.main_vod_wrap .main_vod.editor_vod .slide_vod a .img_wrap { height:300px; }
	.main_vod_wrap .main_vod.popular_vod .slide_vod a .img_wrap { height:300px; }
}

@media (max-width:767px) {
	.main_vod_wrap > .inner { padding:0px; }
	.main_vod_wrap .main_vod { padding:20px 0px; }
	.main_vod_wrap .main_vod .vod_title { font-size:22px; }
	.main_vod_wrap .main_vod .vod_subtit { text-align:center; font-size:14px; padding-bottom:20px; }
	
	.main_vod_wrap .main_vod.editor_vod .slide_vod a .img_wrap { height:220px; }
	.main_vod_wrap .main_vod.popular_vod .slide_vod a .img_wrap { height:220px; }
}

@media (max-width:575px) {
	.main_vod_wrap .main_vod.editor_vod .slide_vod a .img_wrap { height:250px; }
	.main_vod_wrap .main_vod.popular_vod .slide_vod a .img_wrap { height:250px; }
}