@charset "utf-8";
/*
 * File       : sub.css
 * Author     : STUDIO-JT (BIN, NICO)
 * Guideline  : JTstyle.1.1.1
 * Guideline  : http://codex.studio-jt.co.kr/?p=746
 *
 * Dependency :
 *
 *
 * SUMMARY:
 * 1) GLOBAL
 * 2) NEWS
 * 3) CONTACT
 */



.social_home_btn { position: absolute; bottom: 30px; right: 0; display: block; padding: 15px 0; font-weight: 700; color: #bbbbbb; }
.news_title_header { position: relative; padding: 80px 0 40px; }
.news_feed_container { margin-bottom: 164px; }
.news_feed_container .news_title_header { padding: 12px 0 10px; }
.facebook_feed_container { clear: both; background: #fff url(../assets/images/sub/news-facebook-bg.jpg) no-repeat 60px bottom; }
.youtube_feed_container { background: #f0f0f0; position: relative; }
.insta_feed_container { background: #f0f0f0 url(../assets/images/sub/news-insta-bg-01.png) no-repeat 60px bottom; padding-bottom: 250px; position: relative; }
.insta_feed_container:before { background: url(../assets/images/sub/news-insta-bg-02.png) no-repeat right top; content: ""; width: 461px; height: 440px; display: block; position: absolute; right: 0; top: -85px; }
#youtube_feed #spidochetube_player iframe { width: 100%;  }
#spidochetube_player,
#spidochetube_player iframe { background: #000; display: block; height:540px}
.social_feed_nav { min-width: 120px; position: absolute; left: -180px; top: 152px; z-index: 4; }
.social_feed_nav a { display: block; padding: 0 0 6px 0; font-size: 16px; font-weight: 700; color: #bbb; margin-bottom: 28px; border-bottom: 7px solid #bbb; line-height: 1; }
.social_feed_nav a:hover { color: #3e3e3e; border-color: #3e3e3e }
.main_container.sub .youtube_feed_container .sub_title_02 { color: #c4302b; }
.main_container.sub .facebook_feed_container .sub_title_02 { color: #274b83; }
.main_container.sub .insta_feed_container .sub_title_02 { color: #f97290; }
.main_container.sub .sub_title_02 { line-height: 0.8; }
.youtube_feed_bg li { position: absolute; right: 0; top: 100px; opacity: 0 }
.youtube_feed_bg li:first-child { display: block; opacity: 1 }
#youtube_feed { position: relative; z-index: 3; }
#youtube_feed .slick-track,
#facebook_feed .slick-track,
#insta_feed .slick-track,
#insta_feed_bear .slick-track { margin-left: -480px; }
#spidochetube_player_desc { overflow: hidden; height: 36px; line-height: 18px; margin-bottom: 55px; font-size: 14px; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#spidochetube_player_title { font-size: 26px; font-weight: 500; padding-top: 30px; padding-bottom: 15px; line-height: 1; }
#spidochetube_list a p { height: 47px; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#spidochetube_list a span { font-size: 20px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; color: #222; padding-top: 30px; padding-bottom: 15px; line-height: 0.8; }
#spidochetube_list a { display: block; margin-right: 30px; }
.insta_feed_container { padding-bottom: 40px; }
nav.social_feed_nav.social_feed_nav_insta { top: 160px; }

.social_feed_item_inner { margin-right: 30px; }
.social_feed_item_thumb { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; padding-top: 100%; margin-bottom: 30px; position: relative; border: 1px solid #eee }
.social_feed_item_thumb:after { -webkit-transition: 300ms; transition: 300ms; opacity: 0; content: ""; width: 100%; height: 100%; background: rgba(59,89,152,0.9) url(../assets/images/sub/more-cross.svg) no-repeat center center; position: absolute; display: block; top: 0; left: 0; }
.insta_feed_container .social_feed_item_thumb:after { background-color: rgba(249,114,144,.9); }
.social_feed_item_thumb:hover:after { opacity: 1; }
.social_feed_nav_youtube a.active,
.social_feed_nav_youtube a.active:hover { color: #c4302b; border-color: #c4302b; }
.social_feed_nav_insta a.active,
.social_feed_nav_insta a.active:hover { color: #f97290; border-color: #f97290; }
a.spidochetube_current figure { position: relative; }
a.spidochetube_current figure:after { content: ""; border: 10px solid #c4302b; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.news_slick_nav { position: relative; padding: 60px 0 120px; }
.news_slick_nav.news_slick_nav_insta_bear { display: none }
.social_home_btn svg,
.social_home_btn span { vertical-align: middle; }
.social_home_btn svg { margin-left: 7px; }
.careers_feed_container { margin-bottom: 164px; margin-top: 90px; }


/* PROJECT */
#project_header_poster { position: absolute;top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-size: cover;}
#simple_video_slide,
.bg_video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: 1s opacity; transition: 1s opacity; z-index: 1; }
#simple_video:after,
.project_header_bg:after { content: ""; background: rgba(0,0,0,.3); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; }
.project_header_bg img { display: block; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; display: none; }
.project_header_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: no-repeat center center; background-size: cover; /*transition: transform linear 100ms;*/ }
.project_header_youtube { position: absolute; right: 100px; bottom: 125px; color: #fff; z-index: 5; font-weight: 700; font-size: 20px; }
.project_header_youtube span,
a.project_header_youtube svg { display: inline-block; vertical-align: middle; }
.project_header_youtube span { padding-right: 5px; }
.project_header_youtube,
.project_header_youtube path { -webkit-transition: 200ms; transition: 200ms; }
.project_header_list { position: fixed; z-index: 9; top: 110px; right: 100px; color: #ffffff; width: 110px; font-weight: 700; text-align: left; background-size: 27px; font-size: 16px; }
.project_header_list svg { float: right; margin-top: 6px; }
.project_header_list,
.project_header_list path { -webkit-transition: 200ms; transition: 200ms; }
.project_header_list:before,
.project_header_list:after { content: ""; -webkit-transition: width 600ms; transition: width 600ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); display: block; height: 5px; position: absolute; z-index: 2; bottom: -5px; background-color: #fff; }
.project_header_list:before { width: 100%; right: 0; -webkit-transition-delay: 180ms; transition-delay: 180ms; }
.project_header_list:after { width: 0; left: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; background-color: #f97290; }
.project_header_list:hover:before { width: 0; -webkit-transition-delay: 0ms; transition-delay: 0ms; }
.project_header_list:hover:after { width: 100%; -webkit-transition-delay: 180ms; transition-delay: 180ms; }
.project_single_global { text-align: center; }
.project_header_title { display: table; position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; z-index: 3; }
.project_header_title span { display: table-cell; vertical-align: middle; }
.project_header_title img { max-width: 73%; }
.project_title { margin-top: 100vh; margin-bottom: 80px; padding-top: 120px; position: relative; }
.project_title h1 { font-size: 80px; color: #c58d50; font-weight: 700; padding: 0; }
.project_title p { font-size: 16px; color: #222; }
.season_menu { position: absolute; left: -190px; top: 150px; width: 120px; z-index: 4; text-align: left; }
.season_menu a { display: block; margin-bottom: 30px; padding-bottom: 4px; border-bottom: 7px solid #bbb; font-weight: 700; color: #bbb; font-size: 16px; }
.project_parallax { height: 450px; overflow: hidden; background: center center no-repeat; background-attachment: fixed; background-size: cover; background-color: #222; }
.project_parallax_inner { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.project_parallax img { min-width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.project_parallax_container { position: relative; }
.project_parallax_front { position: relative; }
.project_parallax_front img { position: absolute; left: 0; bottom: -130px; }
.project_parallax_front { margin-bottom: 180px; }
.project_synopsis h2 { color: #c58d50; }
.project_synopsis { margin: 80px 0 120px; }
.project_synopsis h2 { margin-bottom: 35px; }
.project_synopsis_info { max-width: 960px; margin: auto; margin-top: 40px; }
.project_synopsis_info li { width: 25%; float: left; padding-top: 75px; border-left: 1px solid #eeeeee; background: no-repeat center top; }
li.project_synopsis_info_format { background-image: url('../assets/images/sub/projects-icon-format.svg'); }
li.project_synopsis_info_release { background-image: url('../assets/images/sub/projects-icon-release.svg'); }
li.project_synopsis_info_genre { background-image: url('../assets/images/sub/projects-icon-genre.svg'); }
li.project_synopsis_info_target { background-image: url('../assets/images/sub/projects-icon-target.svg'); }
.project_synopsis_no_genre .project_synopsis_info li{width: 33.33%;}
.project_synopsis_info:after { content: ""; display: block; clear: both; }
.project_synopsis_info b,
ul.project_synopsis_info span { display: block; padding: 0 20px; }
.project_synopsis_info li:first-child { border: none; }
.project_synopsis_info span { color: #666; font-size: 14px; }
.project_synopsis_info b { font-size: 18px; padding-bottom: 10px; color: #222; }
.project_synopsis p { font-size: 15px; line-height: 25px; }
.project_detail { background: #777 no-repeat center top; background-size: cover; height: 960px; position: relative; margin-bottom:110px;}
.project_detail_inner { position: absolute; right: 0; width: 50%; text-align: left; top: 0; bottom: 0; opacity: 0.9; height: 100%;background: no-repeat center center; background-size: contain; }
.project_detail_inner_table {display: table; width: 100%; height: 100%;}
.project_detail h2,
.project_detail_content_inner h3,
.project_detail_content_inner p { color: #fff; }
.project_detail_content_inner h3 { font-weight: 100; margin-bottom: 40px; line-height: 1; font-size: 45px; }
.project_detail h2 { position: relative; z-index: 2; top: 100px; }
.project_detail_content_inner { margin: 255px 85px 0; }
.project_detail_content { display: table-cell; vertical-align: top; }
.project_detail_content_inner p { font-size: 16px; font-weight: 400; opacity: .8; line-height: 30px; }
#project_detail_icon { margin-bottom: 20px }
.project_detail_inner_extra { right: auto; left: 50%; margin-left: -740px }
.project_detail_inner.project_detail_inner_extra .project_detail_content_inner { margin-left: 0; margin-right: 0 }
.project_detail_inner.project_detail_inner_extra .project_detail_content_inner p { opacity: 1; }

/* custom dinocore */
.project_content.project_id_120 .project_detail,
.project_content.project_id_705 .project_detail{ height: 1100px; margin-bottom:0px;}
.project_youtube_list {margin-bottom:110px;}
.project_youtube_list:after {content:''; display:block; clear:both;}
.project_youtube_column { width: 25%; float: left; }
.project_youtube_item { display: block; width: 100%; height: 630px; background: #fff no-repeat center center; background-size: cover; position: relative; }
.project_youtube_column:nth-child(2) { -webkit-transform: translateY(-205px); -ms-transform: translateY(-205px); transform: translateY(-205px); }
.project_youtube_column:nth-child(3) { -webkit-transform: translateY(-69px); -ms-transform: translateY(-69px); transform: translateY(-69px); }
.project_youtube_column:nth-child(4) { -webkit-transform: translateY(-165px); -ms-transform: translateY(-165px); transform: translateY(-165px); }
.project_youtube_item_inner { position: absolute; top: 0; left: 0; width: 100%; display: table; height: 100%; }
.project_youtube_item_content { display: table-cell; vertical-align: middle; }
.project_youtube_title,
.project_youtube_view_icon { color: #fff; -webkit-transition: 200ms; transition: 200ms; display: block; position: absolute; bottom: 0; margin: 30px; }
.project_youtube_title { opacity: 1; -webkit-transition: 200ms; transition: 200ms; left: 0; color: #fff; font-size: 24px; font-weight: normal; text-align: left; margin-right: 90px; }
.project_youtube_view_icon { right: 0; font-size: 14px; font-weight: bold; }
.project_youtube_column:nth-child(odd) a:first-child,
.project_youtube_column:nth-child(even) a:last-child { background-color: #f5f5f5; }
.project_youtube_item_content span { color: #fff; position: relative; display: block; opacity: 0; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: 0ms; transition-delay: 0ms; font-size: 24px; }
.project_youtube_item_content span:before { position: absolute; top: -40px; width: 60px; height: 30px; background: url(../assets/images/sub/wave-icon.svg) no-repeat center center; left: 50%; margin-left: -30px; display: block; content: ''; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.project_youtube_item:hover .project_youtube_item_content span { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.project_youtube_item:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.2; -webkit-transition: 300ms; transition: 300ms; }
.project_youtube_item:hover:before { opacity: 1 }
.project_youtube_item:hover .project_youtube_item_content span:before { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.project_youtube_item:hover .project_youtube_title { opacity: 0; }
.project_youtube_item:hover .project_youtube_view_icon svg path { fill: #fff }
.project_youtube_view_icon span,
.project_youtube_view_icon svg { vertical-align: middle; }
.project_youtube_view_icon svg { padding-left: 3px; margin-top: -1px; }
.project_youtube_view_icon { color: #f8c10b; }
.project_youtube_item:hover .project_youtube_view_icon { color: #fff; }
.project_characters { padding: 0px 0 150px; clear: both; }
.project_characters h2 { color: #c58d50; clear: both; }
.project_characters_slide_inner { width: 960px; margin: auto; }
.project_characters_slideshow_nav span { -webkit-transition: 300ms; transition: 300ms; display: inline-block; width: 120px; height: 120px; border: 6px solid transparent; box-sizing: border-box; border-radius: 120px; background: center center no-repeat; background-size: cover;}
.project_characters_slideshow_nav .active span { border-color: #c58d50; }
.project_characters_slideshow_nav .active b { color: #c58d50; }
.project_characters_slideshow_nav a { text-align: center; display: inline-block; width: 160px; color: #222; margin-bottom: 40px; vertical-align: top; }
.project_characters_slideshow_nav b { display: inline-block; width: 100%; padding-top: 12px; }
.project_characters_slide { margin-bottom: 30px; }
.project_characters_slide p { font-size: 16px; line-height: 25px; }
.project_characters_slide h3 { margin-bottom: 15px; margin-top: 0; }
.project_characters_name { display: inline-block; min-width: 170px; padding: 0 30px; }
.project_characters .slick-arrow { position: absolute; bottom: 95px; left: 50%; width: 100px; background: #f7f7f7; border: none; text-indent: -9999px; height: 30px; cursor: pointer; z-index: 3; }
.project_characters .slick-prev.slick-arrow { margin-left: -210px; }
.project_characters .slick-next.slick-arrow { margin-left: 110px; }
.project_characters .slick-arrow:focus { outline: none; }
#chara_nav_wrap{ overflow: hidden;}
.project_characters_arrow path { -webkit-transition: 300ms; transition: 300ms }
.project_onair { text-align: left; background: #2449a8 url(../assets/images/sub/onair-wave.jpg) repeat-x center 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.project_onair_inner { background: url(../assets/images/sub/onair-map.jpg) no-repeat center 140px; }
.project_onair_desc p { text-align: center; color: #fff; font-size: 60px; line-height: 75px; position: relative }
.project_onair_inner p:before { position: absolute; top: -60px; width: 60px; height: 30px; background: url(../assets/images/sub/wave-icon.svg) no-repeat center center; left: 50%; margin-left: -30px; display: block; content: ''; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.project_onair_desc { height: 660px; padding-top: 439px; }
.project_onair_data h2 { font-size: 40px; color: #f8c10b; font-weight: 600; line-height: 1em; margin-bottom: 40px; }
.project_onair_tabs > nav > a { width: 25%; text-align: center; display: table-cell; background: #222; color: #fff; padding: 0 10px; height: 65px; font-weight: 700; vertical-align: middle; font-size: 16px; }
.project_onair_tabs > nav > a.active { background-color: #f8c10b }
.project_onair_tabs > nav { display: table; width: 100%; table-layout: fixed; }
.project_onair_data { padding-bottom: 200px; }
.project_onair_channel_logo { width: 34px; height: 34px; vertical-align: middle; margin-right: 15px; border-radius: 40px; display: inline-block; background: #133282 no-repeat center center; background-size: cover; position: absolute; }
.project_onair_channel_name { padding: 5px 0 5px 50px; display: inline-block; }
.project_onair_channel { width: 23%; }
.project_onair_country_list { display: table; width: 100%; table-layout: fixed; }
.project_onair_country_list > li { display: table-row; }
.project_onair_country,
.project_onair_channel { display: table-cell; vertical-align: middle; padding: 20px 0; border-bottom: 1px solid #365ab6; }
.project_onair_channel .project_onair_channel_item { color: #f8c10b; font-size: 16px; position: relative; }
.project_onair_country { font-size: 16px; color: #fff; }
.project_onair_channel li { padding: 10px; }
.project_nav_inner { display: table; width: 100%; }
.project_nav_inner > a { display: table-cell; height: 170px; vertical-align: middle; border-top: 1px solid #ddd; font-size: 30px; color: #bbb; background-size: cover; background-repeat: no-repeat; background-position: left -9999px; }
.project_nav_list { width: 160px; border: 1px solid #ddd; border-width: 1px 1px 0; }
.main_container.sub.project_single_global { padding-bottom: 0; }
.project_nav_inner > a:hover { border-color: #222; color: #fff; background-position: left 0px; }
.project_header_container { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: #000; }
.project_header_container #scrolldown { position: absolute; bottom: 110px; left: 50%; margin-left: -46.275px; z-index: 3 }
.project_content { background: #fff; position: relative; z-index: 6 }
.project_nav_inner > a:hover path { fill: #fff; }
.project_nav_list span { margin-right: 10px; }
.project_nav_next svg { padding-left: 20px; }
.project_nav_prev svg { padding-right: 20px; }
.projects_list_menu { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(249, 114, 144, 0.95); z-index: 99999; }
.projects_list_menu ul { height: 100%; }
a#projects_list_menu_close { position: absolute; right: 40px; top: 40px; }
.projects_list_menu_open .projects_list_menu { display: block }
.projects_list_menu li {/* display: table; */ width: 100%; text-align: center; }
.projects_list_menu li a { display: block;/* vertical-align: middle; */ font-size: 50px; color: #fff; border-top: 1px solid #fa91a8; position: relative; height: 100%; }
.projects_list_menu li:first-child a { border-top: none }

/* projects_list_thumb start */
.projects_list_thumb { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; -webkit-transition: 300ms; transition: 300ms; }
.projects_list_thumb:before,
.projects_list_thumb:after { content: ''; position: absolute; left: 0; width: 100%; -webkit-transition: top 300ms, bottom 300ms; transition: top 300ms, bottom 300ms; }
.projects_list_thumb:before { top: 0; bottom: 50%; }
.projects_list_thumb:after { bottom: 0; top: 50%; }
.projects_list_menu li a { background: center center no-repeat; background-size: cover; }
.projects_list_menu li a:hover .projects_list_thumb:before,
.projects_list_menu li a:hover .projects_list_thumb:after { background: rgba(249, 114, 144, 0.95); }
.projects_list_menu li a:hover .projects_list_thumb:before { bottom: 100%; }
.projects_list_menu li a:hover .projects_list_thumb:after { top: 100%; }

/* 프로그램 붙이고 삭제할 것*/
.projects_list_item_larva a:hover { background-image: url(../assets/images/layout/larva-menu-img.jpg); }
.projects_list_item_larvakids a:hover { background-image: url(../assets/images/layout/larvakids-menu-img.jpg); }
.projects_list_item_dino a:hover { background-image: url(../assets/images/layout/dino-menu-img.jpg); }
.projects_list_item_oscar a:hover { background-image: url(../assets/images/layout/oscar-menu-img.jpg); }
.projects_list_item_vicky a:hover { background-image: url(../assets/images/layout/vicky-menu-img.jpg); }
.projects_list_item_rotary a:hover { background-image: url(../assets/images/layout/rotary-menu-img.jpg); }
.projects_list_item_wingcle a:hover { background-image: url(../assets/images/layout/wingcle-menu-img.jpg); }

/* projects_list_thumb end */
.projects_list_menu li a b { position: absolute; top: 50%; left: 0; text-align: center; display: block; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.project_list_menu_1 li { height: 100%; }
.project_list_menu_2 li { height: 50%; }
.project_list_menu_3 li { height: 33.33%; }
.project_list_menu_4 li { height: 25%; }
.project_list_menu_5 li { height: 20%; }
.project_list_menu_6 li { height: 16.66%; }
.project_list_menu_7 li { height: 14.28%; }
.project_list_menu_8 li { height: 12.5%; }
.project_list_menu_9 li { height: 11.11%; }
.project_list_menu_10 li { height: 10%; }

/* custom hard code style */
.project_id_121 .project_synopsis,
.project_id_366 .project_synopsis,
.project_id_400 .project_synopsis,
.project_id_662 .project_synopsis { margin-bottom: 325px; }

/* CAREER */
.career_no_posts { text-align: center; margin: 170px 0; color: #999; }







/* **************************************** *
 * GLOBAL
 * **************************************** */
 .wrap {max-width:960px;}

 .main_container.sub {padding:60px;}
 .main_container.sub .main_title {font-size:100px; font-weight:700; color:#2c99e4; line-height:1.2; text-align:center; margin:100px 0 63px 0; padding:0;}
 .main_container.sub.products .main_title {margin:98px 0 29px 0;}
 .main_container.sub .sub_title_02 {font-size:40px; font-weight:700; color:#2c99e4;}

.scrolldown {display:inline-block;}
.scrolldown p {color:#fff; opacity:0.5; font-weight:700; font-size:12px; margin-top:5px;}


/* **************************************** *
 * NEWS
 * **************************************** */
.main_container.sub.news {padding:60px 0 0 0; margin:0 auto; position:relative;}
.main_container.sub.news .main_title {margin-bottom:33px;}
.news .sns_wrap {position:absolute; top:440px; right:-70px;}
.news .sns_wrap div {width:40px; height:40px; border:1px solid #00aced; background:#00aced; border-radius:3px; margin-bottom:10px;}
.news .sns_wrap div a {display:block; width:38px; height:38px; background:url(../assets/images/sub/news-icon-sns.png) no-repeat center -69px;}
.news .sns_wrap div:first-child {border:1px solid #2f5193; background:#2f5193;}
.news .sns_wrap div:first-child a {background-position:center 8px;}

/* **************************************** *
 * CONTACT
 * **************************************** */
 /* Google map gray scale */
.googlemap .wpb_gmaps_widget .wpb_wrapper{padding:0;}
.gm-style > div > div > div:nth-child(5){
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.main_container.sub.contact {background:none;}
.main_container.sub.contact .main_title {margin-top:0px; margin-bottom:15px; clear:both; padding-top:110px;}
.contact .contact_wrap .contact_map {width:100%; height:100%; position:relative}
.contact_map_container { height: 888px; width: 50%; float: left; position: relative;}
.contact_map_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #bbb;}

.contact .contact_wrap .contact_info {width:50%; height:888px; float:left; background:#182548; padding: 164px 0 135px 100px;}
.contact .contact_wrap .contact_info .contact_info_list {display:table; width:590px; float:none;}
.contact .contact_wrap .contact_info .contact_info_list li {width:100%; display:table-row; padding-left:0;}
.contact .contact_wrap .contact_info .contact_info_list li h3 {display:table-cell; width:30%; vertical-align:middle; font-size:17px; font-weight:600; color:#fff; line-height:1; padding:18px 0 18px 0px;}
.contact .contact_wrap .contact_info .contact_info_list li p {display:table-cell; width:70%; vertical-align:middle; color:#c7d3f3; font-size:15px; line-height:1; padding:18px 0 18px 10px;}
.contact .contact_wrap .contact_info .contact_info_list li p a {color:#c7d3f3;}
.contact .contact_wrap .contact_info .contact_info_list li p a:hover {border-bottom:1px solid #c7d3f3;}
.contact .contact_wrap .contact_info .contact_info_list li h3.phone {}
.contact .contact_wrap .contact_info .contact_info_list li p.phone {font-size:50px; font-weight:600; color:#fff; padding:8px 0 ; line-height:1.4; text-decoration:none;}
.contact .contact_wrap .contact_info .contact_info_list li .address {padding-top:27px; padding-bottom:20px; line-height:1.9;}
.contact .contact_wrap .contact_info .contact_info_list li .fax {padding-top:39px;}
.contact .contact_wrap .contact_info .contact_info_list li .career {padding-bottom:37px;}
.contact .contact_wrap .contact_info .contact_info_list li .border_bottom {border-bottom:8px solid #fff;}
.contact .contact_wrap .contact_info .contact_send_email {margin-top:59px; color:#2c99e4; font-weight:700; cursor:pointer; letter-spacing:1.4px; width:148px; position:relative; -webkit-transition: color 300ms; transition:color 300ms;}
.contact .contact_wrap .contact_info .contact_send_email .down_btn_motion_yoyo {width:20px; height:20px; position:absolute; top:0; right:0; background:url(../assets/images/sub/contact-icon-01.png) no-repeat right 2px;}
.contact .contact_wrap .contact_info .contact_send_email:hover {color:#f97290;}
.contact .contact_wrap .contact_info .contact_send_email:hover .down_btn_motion_yoyo {background-position:right -48px;}

.contact .contact_wrap div.wpcf7 {width:960px; margin:0 auto 60px auto; padding-bottom:100px;}
.contact .contact_wrap .contact_field {position:relative; min-height:81px;}
.contact .contact_wrap .contact_field > label {display:block; height:20px; position:absolute; left:0px; top:50%; margin-top:-10px; font-size:17px; color:#222; font-weight:600; -webkit-transition: font-size 300ms, margin 300ms; transition:font-size 300ms, margin 300ms; cursor:text;}
.contact .contact_wrap .contact_field > span {position:initial;}
.contact .contact_wrap .contact_field > span > input {height:77px; width:100%; border:none; border-bottom:2px solid #f0f0f0;}
.contact .contact_wrap .contact_field > span.not_empty input {padding:45px 0 10px 0; height:auto;}
.contact .contact_wrap .contact_field > span.not_empty input:focus {border-bottom:8px solid #2c99e4 !important;}
.contact .contact_wrap .contact_field > span.not_empty + label {margin-top:-30px; font-size:14px; cursor:default;}
.contact .contact_wrap .contact_field.contact_radio.contact_category {border-bottom:2px solid #f0f0f0; padding:28px 0 0 0;}
.contact .contact_wrap .contact_field.contact_radio.contact_category > span {position:relative;}
.contact .contact_wrap .contact_field.contact_radio.contact_category > span > span {display:block; width:100%; height:100%;}
.contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item {margin-left:40px; display:inline-block; position:relative;}
.contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item.first {margin-left:0px;}
.contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item input {width:24px; height:24px;}
.contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item label > span {margin-left:5px; font-weight:600; color:#666;}
.contact .contact_wrap span.wpcf7-not-valid-tip {color:#f97290; background:none; font-weight:600; font-size:14px; padding:0; position:absolute; top:32px;}
.contact .contact_wrap .contact_field .your-name span.wpcf7-not-valid-tip {left:122px;}
.contact .contact_wrap .contact_field .your-phone span.wpcf7-not-valid-tip {left:157px;}
.contact .contact_wrap .contact_field .your-email span.wpcf7-not-valid-tip {left:79px;}
.contact .contact_wrap .contact_field .your-title span.wpcf7-not-valid-tip {left:60px;}
.contact .contact_wrap .contact_textarea .your-message span.wpcf7-not-valid-tip {top:-240px; left:152px;}
.contact .contact_wrap .contact_field > span.not_empty span.wpcf7-not-valid-tip {display:none;}
.contact .contact_wrap .contact_textarea > span.not_empty span.wpcf7-not-valid-tip {display:none;}
.contact .contact_wrap .contact_textarea {margin-bottom:30px; padding:28px 0 0 0; height:300px;}
.contact .contact_wrap .contact_textarea > label {display:block; height:55px; font-size:18px; color:#222; font-weight:600;}
.contact .contact_wrap .contact_textarea textarea {width:calc(100% - 6px); height:201px; border:none; border-bottom:2px solid #f0f0f0;}
.contact .contact_wrap .contact_textarea .not_empty textarea:focus {border-bottom:8px solid #2c99e4 !important;}
.contact .contact_wrap .contact_submit {min-height:inherit;}
.contact .contact_wrap .contact_submit input {width:100%; height:62px; background:#bbb; border:none; color:#fff; font-size:17px; font-weight:600; cursor:pointer; -webkit-transition: background 300ms; transition:background 300ms;}
.contact .contact_wrap .contact_submit input:hover {background:#f97290; color:#fff;}
.contact .contact_wrap div.wpcf7-validation-errors {width:960px; background:none; color:#f97290; font-weight:600; font-size:15px; text-align:center;}
.contact .contact_wrap div.wpcf7 img.ajax-loader {top:21px;}

/* **************************************** *
 * ABOUT
 * **************************************** */
.main_container.sub.about {padding-bottom:0;}
.main_container.sub.about .main_title {margin-top:0px; margin-bottom:70px; font-size:80px; color:#fff; font-weight:600;}
.about h2 {font-size:40px; color:#fff;}
.about .about_wrap > div {position:relative;}

.about_section_01_container { height: 100vh; background: #222;}
.about_header_bg{background:url(../assets/images/sub/about-bg-01.jpg) no-repeat 0 0;background-size:cover;height: 100%;position: absolute;top: 0;width: 100%;left: 0;position:fixed; }
.about .about_wrap .about_section_01 {position:fixed;top:0px; left:0; right:0; width:100%; height:100%; display:table; text-align:center; padding:0 60px 0 60px;}
.about .about_section_01 .about_section_01_img_wrap {display:table-cell; vertical-align:middle; text-align:center; width:100%;}
.about .about_section_01 .about_section_01_img_wrap img  {width:calc(100% - 408px);}
.about .about_section_01 .scrolldown {position:absolute; bottom:110px; left:50%; margin-left:-51.35px; bottom: 95px; letter-spacing:1px;}
.about .about_section_01 > img  {}

.about .about_section_02 {height: 948px;background: #222;padding-top: 126px;/*margin-top:100vh;*/}
.about .about_section_02:before {content: '';width: 50%;height: 100%;position: absolute;top: 0;left: 50%;background: url(../assets/images/sub/about-bg-02.jpg) no-repeat left top #222;background-size: cover;}
.about .about_section_02 .main_title,
.about .about_section_02 .about_section_02_wrap {position: relative;}
.about .about_section_02 span.corp {font-size:11px; color:#fff; font-weight:700; letter-spacing:0.2em; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg); position:absolute; top:466px; left:-80px; opacity:0.1;}
.about .about_section_02 .about_section_02_wrap {width:100%; max-width:1385px; margin:0 auto;}
.about .about_section_02 .about_section_02_wrap > div {float:left;}
.about .about_section_02 .about_section_02_wrap .text_wrap {width:60%; margin-top:152px;}
.about .about_section_02 .about_section_02_wrap .text_wrap p {font-size:18px; color:#bbb; margin-top:17px;}
.about .about_section_02 .about_section_02_wrap .visual_wrap {width:40%;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul {width:326px; height:516px; padding:0 75px; border:10px solid #f97290; margin-left:145px; text-align:center;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li {margin-top:65px; position:relative;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li:first-child {}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li:after {content:''; height:1px; width:100%; background:#f97290; display:block; position:absolute; left:0px; bottom:-30px;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li:last-child:after  {display:none;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li p {font-size:18px; font-weight:500; color:#fff; line-height:1.2; margin-bottom:3px;}
.about .about_section_02 .about_section_02_wrap .visual_wrap ul li span {font-size:50px; font-weight:300; color:#f97290; line-height:1.2; letter-spacing:-2.2px;}

.about .about_section_03 h2 {position:absolute; top:132px; left:0px; width:100%; text-align:center; z-index:1;}
.about .about_section_03 > div {width:33.33%; height:948px; float:left; position:relative;}
.about .about_section_03 > div > div {position:absolute;}
.about .about_section_03 > .dream {background:url(../assets/images/sub/about-dream-bg.png) no-repeat center 156px #008580;}
.about .about_section_03 > .create {background:url(../assets/images/sub/about-create-bg.png) no-repeat center bottom #2549a9;}
.about .about_section_03 > .passion {background:url(../assets/images/sub/about-passion-bg.png) no-repeat center 135px #f97290;}
.about .about_section_03 > .dream > div {top:712px; left:44px;}
.about .about_section_03 > .create > div {top:302px; left:56px;}
.about .about_section_03 > .passion > div {top:690px; left:53px;}
.about .about_section_03 > div h3 {color:#fff; font-size:45px; font-weight:300; margin-bottom:15px; letter-spacing:-1px;}
.about .about_section_03 > div p {color:#fff; font-size:18px; line-height:1.35; padding-left:5px; padding-right:50px;}

.about_section_04 {clear:both; width:100%; background:#208bd4; text-align:center; overflow:hidden;}
.about_section_04 {height: 948px;}
.about_section_04 h3 {color: #fff;padding-top: 135px;font-size: 40px;position: absolute;z-index: 10;width: 100%;}
.about_history h4 b { font-size: 190px; font-weight:100; line-height: 1;letter-spacing: -0.05em;}
.about_history h4 span {font-size: 20px;}
.about_history h4 span,
.about_history h4 b {  display: block; color:#fff}
.about_history_slide { width:100%; overflow: hidden; display: none;position: relative;padding-top: 308px;padding-bottom: 155px; background: #208bd4;}
.about_history_slide:first-child { display: block;}
.about_history_line {
    height: 2px;
    width: 10px;
    position: absolute;
    left: 0;
    top: -2px;
    background: #ffba00;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.about_history_slide p {
    color: #fff;
    font-size: 18px;
    height: 91px;
}
.about_history_slide a {
    background: #fff;
    height: 62px;
    font-size: 18px;
    font-weight: 600;
    color: #f97290;
    display: inline-block;
    line-height: 62px;
    max-width: 284px;
    width: 100%;
    -webkit-transition: 300ms background;
    transition:300ms background;
}
.about_history_slide a:hover {
    background: #f97290;
    color: #fff;
}
.about_history_chara,
about_history_chara_single {
    position: absolute;
    background: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_history_content {
    position: relative;
    z-index: 2;
}
.about_history_chara_single {
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.about_history_chara.about_history_chara_01 {
    right: 50%;
}

.about_history_chara.about_history_chara_02{
    left: 50%;
}
.about_history_title_bg {
    position: absolute;
    font-size: 320px;
    font-weight: bold;
    color: #3692d6;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    letter-spacing: -0.03em;
}

.about_history_nav_container {
    border-top: 1px solid #fff;
    position: absolute;
    width: 100%;
    bottom: 90px;
    left: 0;
    z-index: 9;
}


.about_history_nav a {
    display: block;
    float: left;
    width: 16.66%;
    color: #fff;
    font-size: 20px;
    position: relative;
    text-align: right;
    /* transition:300ms; */
    top: -22px;
}
/*
.about_history_nav a:hover{
    color: #aedcfd;
}
.about_history_nav a:hover span{
    background: #aedcfd;
}
*/

.about_history_nav a.cycle-pager-active,
.about_history_nav a.active,
.about_history_nav a.cycle-pager-active:hover {
    color: #ffba00;
}

.about_history_nav a.cycle-pager-active span,
.about_history_nav a.active span,
.about_history_nav a.cycle-pager-active:hover span {
    background: #ffba00;
}

.about_history_nav a.active{ -webkit-transition: none; transition:none}


.about_history_nav_inner {
    position: relative;
    z-index: 9;
}

.about_history_button {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.about_history_button .wrap {height: 100%;position: relative;}
.about_history_arrow {position: absolute;top: 50%;width: 40px;height: 53px;margin-top: -26.5px;z-index: 8;}
.about_history_arrow:hover path{-webkit-transition: 300ms;transition:300ms}
.about_history_arrow:hover path{fill:#ffba00;}
.about_history_prev{ left:-80px}
.about_history_next{ right:-80px}
.about_history_arrow svg {width: 35px;height: 48px;}

.about_history_nav a b {
    text-align: right;
    display: block;
    position: relative;
    top: -20px;
    right: -15px;
}

nav.about_history_nav {
    width: 100%;
    position: relative;
}

.about_history_nav a span {
    width: 12px;
    height: 12px;
    background: white;
    display: block;
    position: relative;
    top: -12px;
    border-radius: 50%;
    float: right;
}

.about_history_nav a.about_history_month {
    width: 40px;
}

.about_history_nav a.about_history_month b {
    text-indent: -9999px;
    overflow: hidden;
    text-align: left;
}

.about_history_nav a.about_history_month span {
    /*width: 10px;
    height: 10px;
    top: -10px;*/
}
.about_history_slides{ z-index:8}



.about .about_section_05 {background:#2a2b2f; padding-top:130px; padding-bottom:144px;}
.about .about_section_05 .about_section_05_wrap {width:100%; max-width:960px; margin:0 auto; text-align:center;}
.about .about_section_05 h2 {letter-spacing:-1px;}
.about .about_section_05 p {font-size:18px; color:#bbb; margin-top:21px; margin-bottom:67px; line-height:1.5;}
.about .about_section_05 .about_section_05_wrap .partner_list {width:100%; font-size:0;}
.about .about_section_05 .about_section_05_wrap .partner_list li {width:25%; max-width:240px; height:240px; display:inline-block;}
.about .about_section_05 .about_section_05_wrap .partner_list li a {position:relative; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-color:#fff; -webkit-transition: 500ms; transition:500ms;cursor: default;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li { overflow: hidden; }
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li {background-color:#fff;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a span { display: block; position: absolute; top: 0; left: 0; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: 500ms; transition: 500ms; background-size:100%;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.netflix {background-color:#1a1b20; background-image:url(../assets/images/sub/about-partner-netflix.svg); background-size:618px; background-position:-220px 40px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.netflix:hover {background-position-y:100px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.netflix {background:#1a1b20;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.netflix span {width:618px; height:166px; background-image:url(../assets/images/sub/about-partner-netflix.svg); -webkit-transform:translate3d(-220px, 40px, 0) scale(1) rotate(0deg); transform:translate3d(-220px, 40px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.netflix span {-webkit-transform: scale(0.2) rotate(0.1deg);-ms-transform: scale(0.2) rotate(0.1deg);transform: scale(0.2) rotate(0.1deg); left:55px; top:100px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.cartoon_network {background-color:#221e1e; background-image:url(../assets/images/sub/about-partner-cartoon-network.svg); background-size:494px; background-position:-7px -4px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.cartoon_network:hover {background-position-y:70px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.cartoon_network {background:#221e1e;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.cartoon_network span {width:494px; height:500px; background-image:url(../assets/images/sub/about-partner-cartoon-network.svg); -webkit-transform:translate3d(-7px, -4px, 0) scale(1) rotate(0deg); transform:translate3d(-7px, -4px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.cartoon_network span {-webkit-transform: scale(0.3) rotate(0.1deg);-ms-transform: scale(0.3) rotate(0.1deg);transform: scale(0.3) rotate(0.1deg); left:50px; top:75px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.disney_channel {background-color:#208bd4; background-image:url(../assets/images/sub/about-partner-disney-channel.svg); background-size:1219px; background-position:-469px 9px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.disney_channel:hover {background-position-y:90px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.disney_channel {background:#208bd4;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.disney_channel span {width:1219px; height:532px; background-image:url(../assets/images/sub/about-partner-disney-channel.jpg); -webkit-transform:translate3d(-469px, 9px, 0) scale(1) rotate(0deg); transform:translate3d(-469px, 9px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.disney_channel span {-webkit-transform: scale(0.15) rotate(0.1deg);-ms-transform: scale(0.15) rotate(0.1deg);transform: scale(0.15) rotate(0.1deg); left:20px; top:85px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.qiy {background-image:url(../assets/images/sub/about-partner-qiy.png); background-size:514px; background-position:17px 43px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.qiy:hover {background-position-y:95px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.qiy {background:none;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.qiy span {width:514px; height:170px; background-image:url(../assets/images/sub/about-partner-qiy.png); -webkit-transform:translate3d(17px, 43px, 0) scale(1) rotate(0deg); transform:translate3d(17px, 43px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.qiy span {-webkit-transform: scale(0.3) rotate(0.1deg);-ms-transform: scale(0.3) rotate(0.1deg);transform: scale(0.3) rotate(0.1deg); left:40px; top:95px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.nickelode {background-image:url(../assets/images/sub/about-partner-nickelode.svg); background-size:1553px; background-position:-125px 20px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.nickelode:hover {background-position-y:105px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.nickelode {background:none;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.nickelode span {width:1553px; height:289px; background-image:url(../assets/images/sub/about-partner-nickelode.svg); -webkit-transform:translate3d(-120px, 20px, 0) scale(1) rotate(0deg); transform:translate3d(-120px, 20px, 0) scale(1) rotate(0deg);}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.nickelode span {-webkit-transform:scale(0.1) rotate(0.1deg);-ms-transform:scale(0.1) rotate(0.1deg);transform:scale(0.1) rotate(0.1deg); left:48px; top:106px; }


.about .about_section_05 .about_section_05_wrap .partner_list li a.youtube {background-image:url(../assets/images/sub/about-partner-youtube.svg); background-size:637px; background-position:-318px -12px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.youtube:hover {background-position-y:90px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.youtube {background:none;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.youtube span {width:637px; height:441px; background-image:url(../assets/images/sub/about-partner-youtube.svg); -webkit-transform:translate3d(-318px, -12px, 0) scale(1) rotate(0deg); transform:translate3d(-318px, -12px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.youtube span {-webkit-transform: scale(0.2) rotate(0.1deg);-ms-transform: scale(0.2) rotate(0.1deg);transform: scale(0.2) rotate(0.1deg); left:50px; top:90px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.televisa {background-image:url(../assets/images/sub/about-partner-televisa.png); background-size:359px; background-position:-62px 26px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.televisa:hover {background-position-y:60px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.televisa {background:none;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.televisa span {width:359px; height:277px; background-image:url(../assets/images/sub/about-partner-televisa.png); -webkit-transform:translate3d(-62px, 26px, 0) scale(1) rotate(0deg); transform:translate3d(-62px, 26px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.televisa span {-webkit-transform: scale(0.4) rotate(0.1deg);-ms-transform: scale(0.4) rotate(0.1deg);transform: scale(0.4) rotate(0.1deg); left:45px; top:60px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a.olleh {background-color:#1a1b20; background-image:url(../assets/images/sub/about-partner-olleh.png); background-size:454px; background-position:-280px 66px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a.olleh:hover {background-position-y:100px;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.olleh {background:#1a1b20;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a.olleh span {width:454px; height:277px; background-image:url(../assets/images/sub/about-partner-olleh.png); -webkit-transform:translate3d(-280px, 66px, 0) scale(1) rotate(0deg); transform:translate3d(-280px, 66px, 0) scale(1) rotate(0deg); background-repeat:no-repeat;}
.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a:hover.olleh span {-webkit-transform: scale(0.3) rotate(0.1deg);-ms-transform: scale(0.3) rotate(0.1deg);transform: scale(0.3) rotate(0.1deg); left:50px; top:100px;}

.about .about_section_05 .about_section_05_wrap .partner_list li a:hover {background-size:150px; background-position-x:45px;}
.about .about_section_05 .about_section_05_wrap .partner_list li a:after {content:''; border:1px solid #208bd4; opacity:0; -webkit-transition: border 500ms, opacity 300ms; transition:border 500ms, opacity 300ms; -webkit-transition-delay:0ms, 200ms; transition-delay:0ms, 200ms; position:absolute; top:0; left:0; bottom:0; right:0;}
.about .about_section_05 .about_section_05_wrap .partner_list li a:hover:after {border-width:10px; opacity:1; -webkit-transition: border 800ms, opacity 100ms; transition:border 800ms, opacity 100ms; -webkit-transition-delay:0ms, 0ms; transition-delay:0ms, 0ms;}


/*.ie11 .about .about_section_05 .about_section_05_wrap .partner_list li a {background:none;}*/





/* **************************************** *
 * CONTACT
 * **************************************** */
.main_container.sub.careers .main_title {margin-top:0; margin-bottom:40px; padding-top:100px; color:#fff;}
.careers .careers_top_wrap {background:url(../assets/images/sub/careers-bg-01.jpg) no-repeat 0 0;background-size:cover;text-align:center;height: 750px;}
.careers .careers_top_wrap .contents_wrap h3 {font-size:45px; font-weight:300; color:#fff; padding-top:16px; padding-bottom:10px; letter-spacing:-1px;}
.careers .careers_top_wrap .contents_wrap p {color:#fff; font-size:18px; line-height:1.75;}
.careers .careers_top_wrap .contents_wrap .careers_list_01 {}
.careers .careers_top_wrap .contents_wrap .careers_list_01 > div {width:120px; height:120px; background:#fff; border-radius:15px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); display:inline-block; margin:0px 36px; margin-top:85px;}
.careers .careers_top_wrap .contents_wrap .careers_list_01 > div p {color:#f97290; font-size:26px; font-weight:500; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); margin-top:38px;}
.careers .news_title_header {padding:120px 0 10px 0;}