@charset "utf-8";
@import url(./index.css);
/************************************************************************
 * 파일명 :style.css
 * 설명 :레이아웃_공통
 * 작성자 :plus-X JMR
 * 작성일 :2018.11.23
 * 최종수정일 :2018.11.27
************************************************************************/

/*
1. CSS 기법 및 문법
- 모든 속성은 영문 소문자로만 작성
- css-sprite 기법 권장
- CSS 작성 순서:display / overflow / visibility / position / z-index / float(clear) / width / height / margin / padding / border / background / color / font / text-align(vertical-align) / etc

2. ID/Class 네이밍 규칙
- 직관적이고 누구나 알아볼 수 있으며 간단하게 작성하는 것이 좋습니다.
- 소문자만 사용하며 단어 구분은 "_"로 표현
- 형태_성격(항목 또는 메뉴명)_스타일 순으로 네이밍 합니다. (예. list_product)
- 단어와 숫자를 조합하는 경우 언더스코어(_) 는 생략 (예. list_chart1)
- 레이아웃을 구성하는 내용만 id(wrapper,header,container,nav,content,footer 등) 값으로 지정하였으며 그 외는 class로 지정

3. Image 네이밍 규칙
- 이미지 이름은 ‘형태_의미_상태’ 순서로 조합합니다.
- 이미지명은 영문 소문자,숫자,언더스코어(_)로 작성한다. (예. btn_next.png)
- 이름은 영문 대문자,숫자로 시작 할 수 없다. (예. bull_square.gif / bull_square2.png)
- 이미지 네이밍은 확장자에 관계없이 순차적으로 적용 한다. (예. btn_confirm2.jpg / btn_confirm3.png)
*/

/* COMMON LAYOUT ************************************************************************/
#wrap{position:relative}
#menu{position:fixed;right:13px;top:10px;z-index:1000;width:59px;height:60px;text-indent:-9999px}
#menu:after{content:'';display:block;position:absolute;left:50%;top:50%;width:25px;height:22px;margin:-11px 0 0 -12.5px;background:url(../../img/common/sp_ico.svg) 100% 0 no-repeat;vertical-align:top}
#header{position:fixed;left:0;top:0;right:0;overflow:hidden;z-index:900;height:70px;background:#000;}
#header .logo{position:fixed;left:30px;top:0;z-index:910;}
#header .logo a{display:block;width:149px;height:53px;background:url(../../img/common/sp_ico.svg) 0 0 no-repeat;vertical-align:top;text-indent:-9999px}
#container{position:relative}
#footer{position:fixed;left:0;bottom:0;right:0;z-index:100}
#footer .footer_bx{padding:50px 40px 40px}
#footer .contact{display:block;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:1.250rem;line-height:1.500rem}
#footer .address{margin-top:6px;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-style:normal;font-size:0.938rem;line-height:1.500rem}
#footer .company_info{color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-style:normal;font-size:0.938rem;line-height:1.500rem}
#footer .company_info a{color:#fff}
#footer .btn_map{display:block;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-style:normal;font-size:0.938rem;line-height:1.500rem;text-decoration:underline}
#footer .map_bx{position:relative;-webkit-transition:0.8s;transition:0.8s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#footer .map_bx .btn_close{display:none;position:absolute;right:50px;top:-89px;width:50px;height:50px;background:url(../../img/common/sp_ico.svg) -450px -32px no-repeat;vertical-align:top;text-indent:-9999px}
#footer .map_bx .map{height:0;-webkit-transition:0.8s;transition:0.8s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#footer.on .contact .address .btn_map{display:none}
#footer.on .map_bx .map{height:280px}
/* panel */
#panel .dim{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1100;background:rgba(0,0,0,0.9)}
#panel .panel_wrap{display:none;overflow:hidden;position:fixed;top:0;right:0;z-index:1110;width:100%;height:100%;/*margin-right:-100%*/;-webkit-transition:.5s;transition:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
/*#panel .mnshow{margin-right:0}*/
#panel .panel_wrap .scroll_wrap{overflow:auto;position:relative;width:100%;height:100%}
#panel .panel_wrap .logo{display:block;position:absolute;left:30px;top:0;width:149px;height:53px}
#panel .panel_wrap .logo a{display:block;position:relative;width:149px;height:53px;background:url(../../img/common/sp_ico.svg) 0 0 no-repeat;vertical-align:top;text-indent:-9999px}
#panel .panel_wrap .btn_close{display:block;position:fixed;right:8px;top:7px;z-index:10;width:63px;height:63px;;text-indent:-9999px}
#panel .panel_wrap .btn_close:after{content:'';display:block;position:absolute;left:50%;top:50%;width:19px;height:19px;margin:-9.5px 0 0 -9.5px;background:url(../../img/common/sp_ico.svg) 100% -32px no-repeat;vertical-align:top;text-indent:-9999px}
#panel .panel_wrap .q_mn{overflow:hidden;margin:141px 30px 0}
#panel .panel_wrap .q_mn ul{overflow:hidden}
#panel .panel_wrap .q_mn ul li a{display:block;position:relative}
#panel .panel_wrap .q_mn ul li a em{display:inline-block;position:relative;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:2.250rem;font-weight:normal;line-height:4.000rem}
#panel .panel_wrap .q_mn ul .lineup div{display:block;position:relative}
#panel .panel_wrap .q_mn ul .lineup div p{position:relative;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:2.250rem;font-weight:normal;line-height:4.000rem}
#panel .panel_wrap .q_mn ul .lineup div>a{display:inline-block;position:relative;margin:0 10px 15px 20px;opacity:1;left:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .q_mn ul .lineup div>a em{display:inline-block;position:relative;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:1.875rem;font-weight:normal;line-height:normal}

#panel .panel_wrap .q_mn ul li.on a em:after{content:'';display:block;position:absolute;left:0;bottom:14px;width:100%;height:1px;background:#fff}
#panel .panel_wrap .mn_btm{position:absolute;left:17px;bottom:26px}
#panel .panel_wrap .mn_btm ul{overflow:hidden}
#panel .panel_wrap .mn_btm ul li{float:left;position:relative;margin-right:20px}
#panel .panel_wrap .mn_btm ul li:last-child{margin-right:0}
#panel .panel_wrap .mn_btm ul li a{display:block;position:relative;font-size:0;text-indent:-9999px}
#panel .panel_wrap .mn_btm ul li a{opacity:0;left:-100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .mn_btm ul li a:after{content:'';display:block;height:34px;background:url(../../img/common/sp_ico.svg) no-repeat;vertical-align:top}
#panel .panel_wrap .mn_btm ul li a.facebook:after{width:38px;background-position:0 -63px}
#panel .panel_wrap .mn_btm ul li a.youtube:after{width:33px;background-position:-58px -63px}
#panel .panel_wrap .mn_btm ul li a.instagram:after{width:34px;background-position:-112px -63px}
#panel .panel_wrap .btn_close{opacity:0;right:-100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .q_mn ul li a{opacity:0;left:-100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .q_mn ul li div{opacity:0;left:-100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .q_mn ul li:nth-child(1) a{-webkit-transition-delay:0.10s;transition-delay:0.10s}
#panel .panel_wrap .q_mn ul li:nth-child(2) div{-webkit-transition-delay:0.14s;transition-delay:0.14s}
#panel .panel_wrap .q_mn ul li:nth-child(3) a{-webkit-transition-delay:0.18s;transition-delay:0.18s}
#panel .panel_wrap .q_mn ul li:nth-child(4) a{-webkit-transition-delay:0.22s;transition-delay:0.22s}
#panel .panel_wrap .mn_btm ul li a.facebook{-webkit-transition-delay:0.10s;transition-delay:0.10s}
#panel .panel_wrap .mn_btm ul li a.youtube{-webkit-transition-delay:0.14s;transition-delay:0.14s}
#panel .panel_wrap .mn_btm ul li a.instagram{-webkit-transition-delay:0.18s;transition-delay:0.18s}
#panel .panel_wrap .language{position:fixed;right:-100px;bottom:34px;overflow:hidden;opacity:0;right:-100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
#panel .panel_wrap .language li{overflow:hidden;float:left;margin-left:6px}
#panel .panel_wrap .language li a{overflow:hidden;color:#9B9B9B;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.938rem}
#panel .panel_wrap .language li a.on{color:#fff;text-decoration:underline}
#panel .panel_wrap.mnshow .btn_close{opacity:1;right:0}
#panel .panel_wrap.mnshow .q_mn ul li a{opacity:1;left:0}
#panel .panel_wrap.mnshow .q_mn ul li div{opacity:1;left:0}
#panel .panel_wrap.mnshow .mn_btm ul li a{opacity:1;left:0}
#panel .panel_wrap.mnshow .language{opacity:1;right:30px}
.dimm{overflow:hidden;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;height:100%;-webkit-transition:.5s;transition:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
/*.dimm #wrap{-moz-filter:blur(10px);-webkit-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}*/
/* top */
#container .top{vertical-align:top}
#container .top *{vertical-align:top}
#container .top h2.tit{color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.750rem;line-height:0.875rem;writing-mode:tb-rl}
#container .top p.date{position:absolute;right:30px;top:101px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.938rem}
/* main */
.main{height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.main #header{background:transparent}
/* about */
.about #header{background:transparent;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.about .section .box{overflow:hidden;padding:104px 30px 30px}
.about .slide1 h3.tit{margin-top:25%;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:2.875rem;line-height:2.875rem}
.about .slide1 p{margin-top:40px;color:#fff;font-size:0.875rem;line-height:1.625rem}
.about .slide1 span{display:block;font-family:'RobotoCondensed',RobotoCondensed}
.about .slide2 h3.tit{margin-top:25%;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:2.875rem;line-height:2.875rem}
.about .slide2 p{margin-top:40px;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:1.875rem;line-height:2.188rem}
.about .slide3 h3.tit{margin-top:100px;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:2.500em}
.about .slide3 ul{margin-top:22px}
.about .slide3 ul li{padding:18px 0 19px}
.about .slide3 ul li:last-child{border-bottom:0}
.about .slide3 ul li em{display:block;color:#fff;font-size:1.250rem}
.about .slide3 ul li p{margin-top:6px;color:#A0A0A0;font-size:0.875rem;line-height:1.375rem;letter-spacing:-1px}
.about .arrow_down {position:fixed;left:30px;bottom:10px;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.625em;color:#FFF;vertical-align:bottom;z-index:100;-webkit-transition:0.1s;transition:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1}
.about .arrow_down img {margin-right:10px;vertical-align:bottom;-webkit-animation:action .5s infinite alternate;animation:action .5s infinite alternate}
@-webkit-keyframes action {
	0%{-webkit-transform:translateY(0)}
	100%{-webkit-transform:translateY(5px)}
}
@keyframes action {
	0%{transform:translateY(0)}
	100%{transform:translateY(5px)}
}
.about .arrow_down.hide{opacity:0}
/* press */
.press #header{}
.press #container{position:relative;padding:104px 30px 130px}
.press .serch_bx{display:none;position:fixed;top:100px;left:0;z-index:20;width:100%;height:48px;background:#FFF;}
.press .serch_bx.active{display:block}
.press .press_lst{margin-top:40px}
.press .press_lst ul{margin-bottom:7px}
.press .press_lst ul li{margin-bottom:30px;vertical-align:top}
.press .press_lst ul li:last-child{margin-bottom:40px}
.press .press_lst ul li a{display:block}
.press .press_lst ul li .tag{line-height:100%;vertical-align:top}
.press .press_lst ul li .tag em{height:0.875rem;color:#fff;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.750rem;line-height:0.875rem;vertical-align:top}
.press .press_lst ul li .tt{overflow:hidden;margin-top:6px;color:#fff;font-size:0.875rem;line-height:1.375rem}
.press .press_lst ul li .tt.out:after{content:'';display:inline-block;width:15px;height:15px;margin:1px 0 0 10px;background:url(../../../img/common/ico_out_link.png) 0 0 no-repeat;background-size:15px 15px;vertical-align:top;}
.press .press_lst ul li .date{margin-top:3px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.750rem}
.press .press_lst .pagination{overflow:hidden;position:relative}
.press .press_lst .pagination .page_bx{position:relative;z-index:20;text-align:center}
.press .press_lst .pagination .page_bx a{display:inline-block;padding:0 4px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:1.125rem;vertical-align:middle}
.press .press_lst .pagination .page_bx a.active,.press .press_lst .pagination .page_bx a.mixitup-control-active{color:#fff;font-size:1.500rem}
.press .press_lst .pagination .page_bx .btn_prev{width:30px;height:30px;margin-right:10px;padding:0;background:url(../../img/common/btn_prev.png) center center no-repeat;background-size:7px 12px;text-indent:-9999px}
.press .press_lst .pagination .page_bx .btn_next{width:30px;height:30px;margin-left:10px;padding:0;background:url(../../img/common/btn_next.png) center center no-repeat;background-size:7px 12px;text-indent:-9999px}
.press .press_detail{margin-top:85px}
.press .press_detail .tt{color:#fff;font-size:1.250rem;line-height:1.500rem}
.press .press_detail .press_bx{margin:38px 0 80px}
.press .press_detail .press_bx p{margin-bottom:1.563rem;color:#fff;font-size:0.813rem;line-height:1.563rem}
.press .press_detail .press_bx p em{display:block;margin-bottom:1.688rem;color:#fff;font-size:1.000rem;line-height:1.688rem}
.press .press_detail .press_bx p:last-child{margin-bottom:0}
.press .press_detail .press_bx ul{overflow:hidden;margin-bottom:40px}
.press .press_detail .press_bx ul li{position:relative;}
.press .press_detail .press_bx ul li span{position:absolute;left:0;top:4px;width:80px;color:#fff;font-size:0.813rem;text-align:justify;vertical-align:top}
.press .press_detail .press_bx ul li span:after{content:'';display:inline-block;width:100%}
.press .press_detail .press_bx ul li p{padding-left:92px;color:#fff;font-size:0.813rem}
.press .btn_more{display:block;width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.press .btn_lst{display:block;width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.press .filter_sec{overflow:hidden;margin-top:50px}
.press .filter_sec a{float:left;position:relative;margin-right:30px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.875rem}
.press .filter_sec a.active,.press .filter_sec a.mixitup-control-active{color:#fff;text-decoration:underline}

/* movie */
.movie #container{position:relative;padding:104px 0 130px}
.movie #container .top {margin:0 30px}
.movie .movie_lst{margin-top:56px}
.movie .movie_lst ul{overflow:hidden;margin:0 0 40px 0;padding:0 20px;font-size:0;line-height:0}
.movie .movie_lst ul li{display:inline-block;width:50%;padding:10px 10px;vertical-align:top}
.movie .movie_lst ul li a{display:block}
.movie .movie_lst ul li a span{display:block}
.movie .movie_lst ul li a span img{width:100%;max-width:100%;height:auto}
.movie .movie_lst ul li a em{display:block;overflow:hidden;margin-top:10px;color:#A0A0A0;font-size:0.875rem;line-height:1.125rem}
.movie .movie_detail{position:relative;margin-top:50px}
.movie .movie_detail .awar{position:absolute;right:30px;top:-115px}
.movie .movie_detail .movie_trailer{position:relative;}
.movie .movie_detail .movie_trailer img{width:100%;max-width:100%;height:auto;opacity:0.5}
.movie .movie_detail .movie_trailer a{display:block;position:relative}
.movie .movie_detail .movie_trailer a:after{content:'';position:absolute;left:30px;bottom:27px;width:19px;height:30px;background:url(../../img/common/sp_ico.svg) 0 -109px no-repeat;vertical-align:top;text-indent:-9999px}
.movie .movie_detail .tit_bx{}
.movie .movie_detail h3.tit{margin:0 30px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.938rem;line-height:1.500rem}
.movie .movie_detail .tit_bx .tt{margin:6px 30px 0 30px;color:#fff;font-size:1.00em;line-height:1.500rem;font-weight:800}
.movie .movie_detail .synopsis_bx{margin-top:40px}
.movie .movie_detail p.smr{overflow:hidden;margin:6px 30px 0;color:#fff;font-size:0.875rem;line-height:1.563rem}
.movie .movie_detail p.smr strong{font-weight:800}
.movie .movie_detail .info_bx{margin-top:40px;}
.movie .movie_detail .info_bx ul{margin:6px 30px 0}
.movie .movie_detail .info_bx ul li{overflow:hidden;vertical-align:top}
.movie .movie_detail .info_bx ul li h4{overflow:hidden;float:left;width:124px;color:#fff;font-size:0.875rem;line-height:1.563rem}
.movie .movie_detail .info_bx ul li p{overflow:hidden;color:#fff;font-size:0.875rem;line-height:1.563rem}
.movie .movie_detail .info_bx ul li p a{color:#fff;text-decoration:underline}
.movie .movie_detail .img_bx{margin-top:40px}
.movie .movie_detail .img_bx+.img_bx{margin-top:60px}
.movie .movie_detail .img_bx ul{overflow:hidden;margin-top:6px}
.movie .movie_detail .img_bx ul li{overflow:hidden;width:100%;height:180px;vertical-align:top}
.movie .movie_detail .img_bx ul li a{overflow:hidden;display:block;position:relative;width:100%;height:100%;}
.movie .movie_detail .img_bx ul li img{width:100%;max-width:100%;height:auto}
.movie .movie_detail .img_bx .movie li a:after{content:'';position:absolute;left:30px;bottom:27px;width:19px;height:30px;background:url(../../img/common/sp_ico.svg) 0 -109px no-repeat;vertical-align:top;text-indent:-9999px}
.movie .movie_detail .img_bx ul li img{position:absolute;left:0;top:0;width:100%;max-width:100%;height:auto}
.movie .btn_bx{margin-top:80px;padding:0 30px}
.movie .btn_more{width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.movie .btn_lst{width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.movie .filter_sec{position:relative;overflow:hidden;margin:50px 0 0 30px}
.movie .filter_sec a{float:left;position:relative;margin-right:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.875rem}
.movie .filter_sec.on a:last-child{color:#fff;text-decoration:underline}
.movie .filter_sec a.mixitup-control-active{color:#fff;text-decoration:underline}
.movie .filter_sec em{float:left;position:relative;margin-right:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.875rem;opacity:0.5}
.movie .year{display:none;position:absolute;right:50px;top:180px;overflow:hidden;vertical-align:top}
.movie .year a{float:left;position:relative;margin-left:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.750rem}
.movie .year a.mixitup-control-active{color:#fff;text-decoration:underline}

/* series */
.series #container{position:relative;padding:104px 0 130px}
.series #container .top {margin:0 30px}
.series .series_lst{margin-top:56px}
.series .series_lst{margin-top:56px}
.series .series_lst ul{overflow:hidden;margin:0 0 40px 0;padding:0 20px;font-size:0;line-height:0}
.series .series_lst ul li{display:inline-block;width:50%;padding:10px 10px;vertical-align:top}
.series .series_lst ul li a{display:block}
.series .series_lst ul li a span{display:block}
.series .series_lst ul li a span img{width:100%;max-width:100%;height:auto}
.series .series_lst ul li a em{display:block;overflow:hidden;margin-top:10px;color:#A0A0A0;font-size:0.750rem;line-height:1.125rem}
.series .series_lst ul li a em strong{font-weight:normal;font-size:0.875rem}
.series .series_detail{position:relative;margin-top:50px}
.series .series_detail .awar{position:absolute;right:30px;top:-115px}
.series .series_detail .series_trailer{position:relative;}
.series .series_detail .series_trailer img{width:100%;max-width:100%;height:auto;opacity:0.5}
.series .series_detail .series_trailer a{display:block;position:relative}
.series .series_detail .series_trailer a:after{content:'';position:absolute;left:30px;bottom:27px;width:19px;height:30px;background:url(../../img/common/sp_ico.svg) 0 -109px no-repeat;vertical-align:top;text-indent:-9999px}
.series .series_detail .tit_bx{}
.series .series_detail h3.tit{margin:0 30px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.938rem;line-height:1.500rem}
.series .series_detail .tit_bx .tt{margin:6px 30px 0 30px;color:#fff;font-size:1.00em;line-height:1.500rem}
.series .series_detail .synopsis_bx{margin-top:40px}
.series .series_detail p.smr{overflow:hidden;margin:6px 30px 0;color:#fff;font-size:0.875rem;line-height:1.563rem}
.series .series_detail .info_bx{margin-top:40px;}
.series .series_detail .info_bx ul{margin:6px 30px 0}
.series .series_detail .info_bx ul li{overflow:hidden;vertical-align:top}
.series .series_detail .info_bx ul li h4{overflow:hidden;float:left;width:124px;color:#fff;font-size:0.875rem;line-height:1.563rem}
.series .series_detail .info_bx ul li p{overflow:hidden;color:#fff;font-size:0.875rem;line-height:1.563rem}
.series .series_detail .info_bx ul li p a{color:#fff;text-decoration:underline}
.series .series_detail .img_bx{margin-top:40px}
.series .series_detail .img_bx+.img_bx{margin-top:60px}
.series .series_detail .img_bx ul{overflow:hidden;margin-top:6px}
.series .series_detail .img_bx ul li{overflow:hidden;width:100%;height:180px;vertical-align:top}
.series .series_detail .img_bx ul li a{overflow:hidden;display:block;position:relative;width:100%;height:100%;}
.series .series_detail .img_bx ul li img{width:100%;max-width:100%;height:auto}
.series .series_detail .img_bx .movie li a:after{content:'';position:absolute;left:30px;bottom:27px;width:19px;height:30px;background:url(../../img/common/sp_ico.svg) 0 -109px no-repeat;vertical-align:top;text-indent:-9999px}
.series .series_detail .img_bx ul li img{position:absolute;left:0;top:0;width:100%;max-width:100%;height:auto}
.series .btn_bx{margin-top:80px;padding:0 30px}
.series .btn_more{width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.series .btn_lst{width:100%;height:50px;border-left:1px solid #282828;border-right:1px solid #282828;color:#fff;font-size:0.875rem;text-align:center}
.series .filter_sec{position:relative;overflow:hidden;margin:50px 0 0 30px}
.series .filter_sec a{float:left;position:relative;margin-right:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.875rem}
.series .filter_sec.on a:last-child{color:#fff;text-decoration:underline}
.series .filter_sec a.mixitup-control-active{color:#fff;text-decoration:underline}
.series .filter_sec em{float:left;position:relative;margin-right:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.875rem;opacity:0.5}
.series .year{display:none;position:absolute;right:50px;top:180px;overflow:hidden;vertical-align:top}
.series .year a{float:left;position:relative;margin-left:10px;color:#A0A0A0;font-family:'RobotoCondensed',RobotoCondensed;font-size:0.750rem}
.series .year a.mixitup-control-active{color:#fff;text-decoration:underline}
.series .swiper-container{overflow:hidden;position:relative}
.series .swiper-wrapper{white-space:nowrap;font-size:0;line-height:0}
.series .swiper-slide{display:inline-block !important;}
.series .swiper-pagination{overflow:hidden;position:absolute;left:50%;bottom:10px;margin-left:-12px;font-size:0;line-height:0;}
.series .swiper-pagination-bullet{overflow:hidden;display:inline-block !important;width:6px;height:6px;margin:0 3px;background:rgba(0,0,0,.3);border-radius:100%}
.series .swiper-pagination-bullet-active{background:rgba(0,0,0,1)}

/* contact */
.contact{}
/* fancybox css */
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:rgb(0, 0, 0);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47, 0, .74, .71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22, .61, .36, 1)}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease, visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s, visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0;z-index:99998}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;/* Using without prefix would break IE11 */display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;text-align:center;top:0;transition-property:transform, opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}
.fancybox-slide--image{overflow:hidden}
.fancybox-slide--image::before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform, opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable='true']{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
/* Fix iOS */
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
/* Buttons */
.fancybox-button{border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;margin:0;position:relative;vertical-align:top;visibility:inherit}
.fancybox-button:focus{outline:none}
/* Fix IE11 */
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2){display:none}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
/* Close button on the top right corner of html content */
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:4016}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
/* Navigation arrows */
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100%;position:absolute;top:0}
.fancybox-navigation .fancybox-button--arrow_left{left:30px;width:15%;background:url(../../img/common/ico_before.png) 0 center no-repeat}
.fancybox-navigation .fancybox-button--arrow_right {right:30px;width:15%;background:url(../../img/common/ico_next.png) right center no-repeat}
.fancybox-button[disabled],.fancybox-button[disabled]:hover {opacity:0.3 !important;cursor:default;outline:none}
/* Loading indicator */
.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}
@keyframes fancybox-rotate{
	100%{transform:rotate(360deg)}
}
/* Transition effects */
.fancybox-animated{transition-timing-function:cubic-bezier(0, 0, .25, 1)}
/* transitionEffect:slide */
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%, 0, 0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%, 0, 0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0, 0, 0)}
/* transitionEffect:fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19, 1, .22, 1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
/* Styling for Small-Screen Devices */
@media all and (max-height:576px){
	.fancybox-slide{padding-left:6px;padding-right:6px}
    .fancybox-slide--image{padding:6px 0}
    .fancybox-close-small{right:-6px}
    .fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
    .fancybox-caption{padding-left:12px;padding-right:12px}
	@supports (padding:max(0px)){
		.fancybox-caption{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}
    }
}
.fancybox-button--close {width:100px;height:100px;background:url(../../img/common/ico_close.png) center center no-repeat}