@charset "utf-8";
/*
 * File       : responsive.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1.1
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency :
 *
 *
 * SUMMARY:
 * 1)  UTILITY
 * 2)  MEDIAQUERIES
 */



/* **************************************** *
 *  UTILITY
 * **************************************** */
.br_small { display: none; }



/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
@media (min-width:1640px) {
    /*PROJECT */
    .project_detail_inner { background-size: auto;}
}


@media (max-width:1580px) {
    /* FOOTER */
    .footer_inner { margin: auto 80px; }
}

@media(max-width:1550px) {
    ul#menu > li > a { padding: 10px 15px; }

    /* ABOUT */
    .about .about_section_02 .about_section_02_wrap .text_wrap { width: 50%; margin-left: 60px; }
    .about .about_section_03 p br { display: none; }

    /* CONTACT */
    .contact .contact_wrap .contact_info { padding-left: 6%; padding-right: 6%; }
    .contact .contact_wrap .contact_info .contact_info_list { width: 100%; }
    .contact .contact_wrap .contact_info .contact_info_list li p.phone { font-size: 40px; line-height: normal; }
}

@media (min-width:1440px) and (max-height:900px) {
    .main_visual_slide { margin-top: 123px; }
    .main_view_all,
    .main_project_all { top: 0; }
}

@media (max-width:1440px) {
    /* MENU */
    #small_menu_btn { width: 80px; height: 80px; margin-top: -40px; }
    #small_menu_btn b { padding-top: 16px; font-size: 12px; }
    #small_menu_btn_inner { top: -20px; left: 42px; }
    #small_menu_btn_inner span,
    #small_menu_btn_inner:before,
    #small_menu_btn_inner:after,
    body.header_scroll #small_menu_btn_inner span,
    body.header_scroll #small_menu_btn_inner:before,
    body.header_scroll #small_menu_btn_inner:after { margin-left: -16px; width: 29px; }
    #small_menu_btn_inner span { top: 58px; }
    #small_menu_btn_inner:before { top: 68px; }
    #small_menu_btn_inner:after { top: 78px; }
    .home ul#menu > li > a,
    ul#menu > li > a { font-size: 30px }
    .menu_container { height: 450px; margin-top: -225px; }

    /* SCROLL DOWN */
    a#scroll_down { font-size: 10px; bottom: 23px; }
    a#scroll_down svg { height: 30px; width: 14px; }

    /* FOOTER */
    .footer_sns_connect figcaption { padding: 0 20px; margin-top: -25px; }

    /* MAIN GLOBAL */
    .main_visual_slide,
     .main_section_content { margin-left: 150px; }
    .section h2 { font-size: 70px; position: relative; left: -4px; }
    .main_visual_slide p,
     .main_section_title p { font-size: 16px; padding-right: 25px; }
    .main_view_all { font-size: 13px; }

    /* MAIN VISUAL */
    nav#main_visual_slide_nav { right: 0px; }
    nav#main_visual_slide_nav a span:after { width: 45px; }
    a.btn_slide { min-width: 190px; padding: 0 20px; height: 50px; line-height: 50px; font-size: 15px; }
    .slide_btn_container { margin-top: 20px; }
    .main_visual_slide { margin-top: 280px; }
    a.btn_slide span:after { top: 17px;}

    /* MAIN PROJECT */
    .main_project.main_section_title { position: relative; top: -54px; }

    /* MAIN NEWS */
    .news_slideshow_items .main_news_more { width: 56px; height: 52px; line-height: 52px; }

    /* MAIN CONTACT */
    .main_section_contact { height: 70%; }
    .main_section_contact { margin: auto 150px; }
    .main_contact_title h2 {text-align: center;}
    .main_contact_title { left: 150px; margin-top: 20px; }
    .section_contact .main_section_contact p { font-size: 14px; }
    .section_contact h3 { font-size: 17px; }
    .section_contact .main_section_contact .main_contact_phone p { font-size: 45px; }
}

@media (max-width:1300px) {

    /* PROJECT */
    .main_project.main_section_title p { max-width: 45%; }
    .main_project.main_section_title p br { display: none; }

    /* TAB MENU */
    .tabs_menu { padding-top: 3%; padding-bottom: 3%; font-size: 24px; }
    .tabs_menu .active a span:after { height: 3px; bottom: -3px; }
}

@media (max-width:1279px) {
    /* ABOUT */
    .about .about_section_02 p br { display: none }
    .about .about_section_02 .about_section_02_wrap .visual_wrap ul { margin: auto; }
}

@media (max-width:1190px) {
    /* LAYOUT */
    .wrap { max-width: 100%; padding: 0 90px; }
    .frame { display: none; }
    .header_inner.frame { display: block; }
    .fp-viewing-0 a#scroll_down, .fp-viewing-0-0 a#scroll_down{margin-bottom: 0;}
    #small_menu_btn { left: 0; }
    .minimize #small_menu_btn { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
    ul.footer_sns_connect { padding: 0; }
    a.go_top { bottom: -60px; right: auto; left: 50%; margin-left: -43px; }
    #family_site {right: auto;left: 50%;margin: auto;margin-bottom: 120px;position: relative;left: 0;top: 0;}
    .copyright { margin-bottom: 20px; }
    .subpage_footer#footer { overflow: hidden; }
    .footer_sns_connect figcaption{font-size: 14px;}
    footer#footer { -webkit-transform: none; -ms-transform: none; transform: none; position: static; overflow: hidden; }
    .footer_company_info { padding-top: 30px; }
    footer#footer .footer_sns_pages a { font-size: 14px; }
    .copyright span { font-size: 10px; }
    .copyright_inner.wrap { padding: 5px 20px 0; }
    a#go_top { position: relative; display: block; margin: auto; left: auto; margin-top: -40px; }

    /* MAIN */
    .project_jumbo span { bottom: 0; background-position: 0 center; }
    .main_view_all { right: 5%; }
    nav#main_visual_slide_nav {  right: -70px;}
    .main_visual_slide, .main_section_content { margin-left: 90px;}

    /* SUB */
    .main_container.sub { padding: 0; padding-top: 60px; }

    /* NEWS */
    .facebook_feed_container,
    .insta_feed_container{ background-position:0px bottom;}
    .sub .wrap.news_title_header,
    .news_title_header{padding: 80px 90px 40px;}
    .news_slick_nav{padding: 60px 90px 120px;}
    .social_home_btn{right: 90px;}

    /* CAREER */
    .main_container.sub.careers .main_title { padding: 40px 0 30px; margin-bottom: 0; }
    .careers .careers_top_wrap .contents_wrap h3 { font-size: 24px; }
    .careers .careers_top_wrap .contents_wrap p { font-size: 12px; }
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div p { font-size: 16px; margin-top: 28px; }
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div { width: 80px; height: 80px; margin: 30px 20px; }
    .careers .careers_top_wrap { height: 480px; min-height: 0; }
    .career_no_posts { margin: 0; font-size: 14px; }

    /* ABOUT */
    .about_section_04 {height: auto;padding-bottom: 20%;}
    .about_history_nav_container{ bottom: 0;}
    .about .about_section_01 .about_section_01_img_wrap img { width: 90%; }

}

@media (max-width:1023px) {
    .project_detail_content_inner h3 {font-size: 40px;}
}

@media (max-width:960px) {

    /* ABOUT */
    .about_history_container .spidochescaler-container { position: relative; z-index: 1;}
    .about_section_04 h3 { padding-top: 10%;}
    .about .about_section_05 { padding-left: 5%; padding-right: 5%;}
    .about_history_next { right: 2%; }
    .about_history_arrow svg { width: 19px; height: 28px; }
    .about_history_arrow { width: auto; }
    .about_history_prev { left: 2%; }
    .about_history h4 span { font-size: 55px; }
    .about_history_slide p { font-size: 32px; display: block; height: auto; margin: 0 5% 70px; }
    .about_history_slide p br { display: none; }
    .about_history_slide a { font-size: 30px; max-width: 440px; height: 100px; line-height: 100px; }
    .about_history_nav_container { position: static; margin-top: 100px; }
    .about_history_nav a { float: none; }
    .about_history_line { display: none; }
    .about_history_nav_container { border: none; display: none; }
    .about_history_nav_inner.wrap { background: none; }
    .about_history_nav a { font-size: 40px; width: 100%; text-align: center; }
    .about_history_nav a b { text-align: center; position: static; width: 100%; }
    .about_history_nav a span { float: none; margin: 20px auto; }
    .about_history_nav a.about_history_month b { text-indent: 0; overflow: inherit; display: inline-block; text-align: center; font-size: 28px; }
    .about_history_nav a.about_history_month { width: auto; }

    /* PROJECT */
    #chara_nav_wrap{ overflow: hidden; overflow-x:scroll; -webkit-overflow-scrolling: touch;}
    #chara_nav_wrap::-webkit-scrollbar {display:none;}

}

@media (max-width:940px) {

    /* HIDE LOADING SCREEN */
    .loading_screen{ display:none}


    /* SMALL SCREEN USE DEFAULT FONT */
    body { padding-top: 60px; }

    /* LAYOUT */
    .page .body_container { padding-top: 125px; }
    .main_container.sub .main_title { font-size: 60px; }

    /* MENU */
    #header { height: 125px; }

    /* FULLPAGE FIX */
    .main .section.section_01 { height: 100vh;}

    /* HEADER (small) */
    .page .body_container { padding-top: 0; }
    #logo {/* top: 10px; */ left: 5%; }
    a.header_lang { color: #DC372B; }
    a.header_lang:before { background: transparent; }
    header#header { height: 60px; -webkit-transition: background 300ms; transition: background 300ms }
    body.header_scroll #header { background: #fff; }
    #small_menu_btn { cursor: pointer; width: 40px; height: 40px; position: absolute; top: 50%; left: 5%; margin-top: -20px; }
    #small_menu_btn span { top: 3px; }
    #small_menu_btn:before { top: 19px; }
    #small_menu_btn:after { top: 25px; }
    #small_menu_close { border-radius: 2px; display: block; cursor: pointer; z-index: 450; position: fixed; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #333 url(../assets/images/menu_close_btn.png) no-repeat center center; background-size: 12px auto; color: #fff; font-size: 24px; left: -30px; top: 20px; }
    a.header_lang,
    .home a.header_lang { position: absolute; z-index: 999; border-color: #1b2272; color: #1b2272; right: 0; top: -200px; opacity: 0; -webkit-transition: 300ms opacity 300ms; transition: 300ms opacity 300ms; }
    .open_menu a.header_lang { top: 15px; opacity: 1; }
    .open_menu a.header_lang,
    .home.fp-viewing-2 a.header_lang { right: 15px; }
    #small_menu_btn { cursor: pointer; width: 110px; height: 40px; position: absolute; top: 50%; right: 5%; margin-top: -20px; left: auto; z-index: 30; background: transparent; }
    #small_menu_close { border-radius: 0; display: block; cursor: pointer; z-index: 450; position: fixed; width: 60px; height: 60px; line-height: 30px; text-align: center; background: #FFF url(../assets/images/close-dark.svg) no-repeat center center; background-size: 15px auto; color: #fff; font-size: 24px; right: -60px; left: auto; top: 0; }
    .minimize #small_menu_btn { width: 60px; height: 60px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); margin-top: -20px; background: rgba(249, 114, 144, 0); width: 110px; height: 40px; }
    .minimize #small_menu_btn b { padding-top: 12px; font-size: 12px; opacity: 1; }
    .minimize #small_menu_btn_inner { left: 42px; top: 20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: -20px; left: 42px; }
    .minimize.open_menu #small_menu_btn_inner { left: 44px; }
    .open_menu #small_menu_btn_inner span { top: 1px; }
    #small_menu_btn b { padding-top: 12px; }
    nav#main_visual_slide_nav { right: auto; left: auto; bottom: auto; top: auto; width: 100%; text-align: center; position: relative; opacity: 1; margin-top: 20px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    nav#main_visual_slide_nav a { display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; }
    .fp-viewing-0 a#scroll_down,
    .fp-viewing-0-0 a#scroll_down { width: 120px; margin-left: -60px; }
    .main_visual_slide h2,
    .main_visual_slide p { text-align: center; }
    .main_visual_slide { margin: 0; }
    div#three_slide_container { display: none; }
    /*nav#main_visual_slide_nav a.active { background: #2c99e4; border-color: #2c99e4; }*/
    nav#main_visual_slide_nav a span { display: none; }
    .slide_btn_container { text-align: center; }
    p.header_slogan { display: none; }
    .lang_menu { display: none; }
    div#small_menu_btn_inner { position: relative; }
    #small_menu_btn_inner:before { top: 12px; }
    #small_menu_btn_inner:after { top: 21px; }
    .main_visual_slide p,
    .main_section_title p { padding-right: 0; }
    .main_project.main_section_content.main_section_title { margin-left: 5%; top: 0; }
    .section.section_02.section_project.fp-section .fp-tableCell { vertical-align: top; }
    .project_slideshow { width: 100%; }
    .project_jumbo span { display: none; }
    .section.section_02,
    .section.section_02 .fp-tableCell,
    .section.section_03,
    .section.section_03 .fp-tableCell,
    .section.section_04,
    .section.section_04 .fp-tableCell,
    .section.section_05,
    .section.section_05 .fp-tableCell,
    .section.section_06,
    .section.section_06 .fp-tableCell,
    .section.section_07,
    .section.section_07 .fp-tableCell { height: auto !important; }
    .section.section_02,
    .section.section_02 .fp-tableCell { height: auto !important; min-height: 100vh; }
    .section_about .main_about.main_section_content { position: static; margin-left: 5%; margin-top: 0; display: none; }
    a.main_view_all.main_about_all { right: auto; bottom: 0px; left: 5%; border: 20px; right: auto; position: relative; top: auto; display: none; }
    .section h2 { left: 0; }
    .main_contact_title h2{ text-align:left;}
    .main_news_yellow { display: none; }
    .news_slideshow_items .main_news_more{ display:none}
    a.main_view_all.main_news_all {position: relative;margin: 0 0 50px 5%;display: inline-block;left: auto;top: auto;bottom: auto;right: auto;}
    .main_news.main_section_content.main_section_title {position: absolute; margin: 0; top: 40px; left: 5%;}
    #news_slideshow .slick-track{ padding-left: calc(5% - 10px);}
    #news_slideshow .slick-list.draggable{bottom:0; position:static;}
    .news_slideshow{padding-top: 140px;}
    .news_slideshow_items h3 { font-size:16px}
    .slick-initialized .slick-slide.news_slideshow_items.news_slideshow_items_empty { display: none; }
    .section_news .slick_arrow { display: none; }
    li.main_contact_adress,
    li.main_contact_phone,
    ul.main_contact_secondary li { border: none; text-align: left; height: auto; width: 100%; }
    .main_section_contact li .main_contact_item_inner { display: block; text-align: left; }
    .main_section_contact li { float: none; text-align: left; height: auto; width: 100%; padding-bottom: 20px; }
    ul.main_contact_secondary { float: none; text-align: left; height: auto; width: 100%; clear: both; }
    .section_contact h3 { text-align: left; }
    ul.main_contact_primary { position: static; height: auto; }
    .section_contact h3,
    .section_contact .main_section_contact p { text-align: left; display: block; padding-bottom: 8px; }
    a.main_view_all.main_contact_all { display: none; }
    .main_section_contact { margin: 0; height: auto; width: 100%; }
    .main_visual_slide_placeholder h2 { font-size: 70px }
    .main .section .slide:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 1; }
    .project_slideshow_container { padding-top: 30%; padding-bottom: 30%; overflow: hidden; }
    .main_project.main_section_content.main_section_title { position: absolute; top: 15%; }
    .main_project.main_section_title p { max-width: 100%; padding-right: 5%;}
    .section_project .slick_arrow { display: none !important }
    a.main_view_all.main_project_all { display: none }
    li.main_contact_adress img { display: none; }
    .main_section_title.main_contact_title { position: static; margin-top: 15%; }
    .section_contact .fp-tableCell { padding: 20px; }
    .section_contact h2 { padding-bottom: 30px; }
    li.main_contact_phone { border: 4px solid #fff; border-width: 4px 0; margin-bottom: 20px; }
    li.main_contact_phone h3 { display: block; padding: 20px 0 20px; }
    .section_contact .main_section_contact .main_contact_phone p { font-size: 30px; letter-spacing: normal; }
    ul.main_contact_secondary li.main_contact_fax,
    ul.main_contact_secondary li.main_contact_business { border-bottom: 1px solid #46516d; margin-bottom: 20px; }
    .section.section_bottom.fp-auto-height.fp-section.fp-table { display: none; }
    ul.footer_sns_connect li { width: 33.33%; }
    .footer_inner { margin: auto 20px; }
    .fp-viewing-4 #overlay { display: none; }
    .footer_sns_connect figcaption { display: none; }
    ul.footer_sns_connect figure:before { display: none; }

    .fp-viewing-3 #overlay{ display:none}

    .lang_menu.js_mobile_lang_menu {display: block;position: relative;top: inherit;right: inherit;clear: both;padding-top: 10px;padding-left: 14px;}
    .lang_menu.js_mobile_lang_menu:before {top: 50%;left: 68px;}

    /* VISUAL */
    #main_visual_slide_data {height: 100%;}
    #main_visual_slide_data li {display: none;width: 100%;height: 100%;text-align: center;background: no-repeat center center;background-size: cover;}
    #main_visual_slide_data li:first-child {display: block;}
    .main_visual_slide_inner {display: table;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
    .main_visual_slide_inner > div {display: table-cell;width: 100%;vertical-align: middle;}
    .main_slideshow_timer .section_01 nav#main_visual_slide_nav {position: absolute;top: 50%;z-index: 101;margin-top: 120px;}
    nav#main_visual_slide_nav a {margin: 5px 1px;}
    nav#main_visual_slide_nav a.cycle-pager-active { background: #2c99e4; border-color: #2c99e4; }
    .main_visual_slide_01 a#scroll_down {z-index: 101;}

    /* PROJECT */
    .minimize .project_header_list { display: none; }
    .project_header_list { right: 5%; top: 80px; width: auto; font-size: 14px; }
    .project_header_list svg { display: none; }
    .project_header_list:before { height: 2px; }
    .project_header_title img { max-width: 90%; }
    .project_header_container #scrolldown { bottom: 10px; }
    .project_header_youtube { margin: auto; bottom: auto; top: 50%; right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-top: 20%; width: 90%; font-size: 16px; }
    .sub .wrap { padding: 0 5%; background: #fff; margin-bottom: 40px; }
    .project_content { width: 100%; }
    .project_parallax_front img { width: 150px; bottom: -40px; }
    .main_container.sub { padding: 0; }
    .project_parallax { }
    .project_parallax { background-size: auto 430px; background-attachment: inherit; height: 150px; background-color: #fff;}
    .project_id_705 .project_parallax,
    .project_id_120 .project_parallax { background-size: auto 920px; background-position: -410px -300px;}
    .project_title p { font-size: 12px; line-height: 25px; }
    .project_title h1 { font-size: 30px; clear: both; margin-bottom: 10px; padding-top: 30px; }
    .season_menu { position: static; width: auto; padding-top: 30px; }
    .season_menu a { border-width: 5px; float: left; width: 30%; margin-right: 4.66%; margin-bottom: 0; }
    .project_id_705 .season_menu a,
    .project_id_120 .season_menu a { width: 47%;}
    nav.season_menu a:last-child { float: right; margin-right: 0%; }
    .project_synopsis_inner { padding: 0 5%; }
    .project_synopsis h2 { font-size: 20px; margin-bottom: 15px; }
    .project_synopsis p { font-size: 12px; }
    .project_synopsis p br { display: none; }
    .project_synopsis_info li { width: 50%; }
    li.project_synopsis_info_genre { clear: both; border-left: none; }
    .project_synopsis_info b,
    ul.project_synopsis_info span { padding: 0; font-size: 12px; }
    ul.project_synopsis_info span { padding: 10px 0; }
    .project_youtube_item { height: 225px; }
    .project_youtube_column { width: 50%; }
    .project_youtube_column:nth-child(3) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .project_youtube_column:nth-child(2),
    .project_youtube_column:nth-child(4) { -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); }
    .project_id_121 .project_synopsis,
    .project_id_366 .project_synopsis,
    .project_id_400 .project_synopsis,
    .project_id_662 .project_synopsis { margin-bottom: 120px; }
    .project_youtube_item_content span { display: none; }
    .project_youtube_item:before { background: #000 !important; opacity: 0.2 !important; }
    .project_youtube_title { bottom: auto; top: 50%; margin: 0; width: 90%; padding: 0 5%; text-align: center; }
    .project_youtube_item:hover .project_youtube_title { opacity: 1; }
    .project_youtube_view_icon { margin: 10px 5%; }
    .project_characters_slide_inner { width: 90%; }
    .project_characters h2 { font-size: 20px; }
    .project_characters_slide p br { display: none; }
    .project_characters_slide p { font-size: 12px; }
    .project_characters_slideshow_nav a { width: 90px; }
    .project_characters_slideshow_nav span { width: 70px; height: 70px; }
    .project_characters { padding-bottom: 20px; padding-top: 0; }
    .project_onair_inner { background: none !important; }
    .project_onair { background-size: auto 21px; }
    .project_onair_desc { height: auto; padding-top: 100px; padding-bottom: 60px; font-size: 20px; }
    .project_onair_desc p { font-size: 30px; line-height: normal; }
    .project_onair_data.wrap { background: #2449a8; margin-bottom: 0; padding-bottom: 80px; }
    .project_onair_data h2 { font-size: 24px; text-align: center; }
    .project_onair_tabs > nav > a { font-size: 12px; padding: 10px 5px; }
    .project_onair_country,
    .project_onair_channel .project_onair_channel_item { font-size: 12px; }
    .project_nav_inner > a span { display: none; font-size: 13px }
    .project_nav_inner > a span:first-child,
    .project_nav_inner > a.project_nav_prev span:nth-child(2) { display: inline-block; }
    a.project_nav_prev { }
    .project_nav_inner > a.project_nav_list span { display: none; }
    .project_nav_prev svg,
    .project_nav_next svg { width: 27px; height: 11px; }
    .project_nav_next svg,
    .project_nav_prev svg { padding-right: 0; padding-left: 0; }
    .project_nav_inner > a { height: 54px; }
    .project_nav_inner > a.project_nav_list svg { margin-top: 21px; }
    .project_nav_inner > a b { position: relative; top: -4px; }
    .project_onair_channel { width: 50%; }
    .projects_list_menu li a { font-size: 20px; }
    .projects_list_menu li a { font-size: 20px; }
    a#projects_list_menu_close { right: 5%; top: 20px; }
    a#projects_list_menu_close img { width: 30px; height: 30px; }
    .project_characters_name { font-size: 16px; }
    a.project_characters_arrow svg { width: 30px; height: 10px; }
    .project_detail_inner_extra { position: relative; margin: 0; height: auto; left: 0; }
    .project_detail_inner { position: relative; padding-bottom: 50px; }
    .project_content.project_id_120 .project_detail { height: auto; }
    .project_detail h2 { top: 0; padding-top: 60px; padding-bottom: 30px; }
    .project_detail_content_inner p { padding: 0 5%; }
    .project_detail_content_inner h3 { padding: 0 5%; margin-bottom: 20px; }
    .project_onair_tabs > nav > a { height: 40px; }

    /* NEWS */
    .main_container.sub.news .main_title { margin: 40px 0 30px; }
    .main_container.sub.news { padding: 0; }
    .main_container.sub .sub_title_02 { font-size: 20px; }
    .news_feed_container { margin: 0; }
    .social_feed_nav { position: static; margin-top: 30px; margin-top: 30px; }
    .social_feed_nav a {/* float: left; */border-bottom-width: 5px;margin-right: 2%;font-size: 14px;margin-bottom: 0;display: inline-block;min-width: 80px;}
    .insta_feed_container .slick-list{ width:100%}
    .sub .wrap.news_title_header,
    .news_title_header { padding: 40px 5% 20px; clear: both; }
    .insta_feed_container .news_title_header{ background-color:#f0f0f0}
    .sub .wrap.news_title_header {padding-bottom: 10px;margin-bottom: 10px;}
    ul.youtube_feed_bg { display: none; }
    .youtube_feed_container .news_title_header.wrap,
     #youtube_feed,
    .spidochetube_player_container.wrap { background: #f0f0f0; }
    #spidochetube_player_title{ font-size:16px}
    #spidochetube_player_desc{font-size:12px;margin-bottom: 0;}
    .spidochetube_player_container.wrap{ margin-bottom:20px}
    #youtube_feed .slick-track,
    #facebook_feed .slick-track,
    #insta_feed .slick-track,
    #insta_feed_bear .slick-track { margin-left: 5%; }
    .empty.slick-slide,
    .social-feed-element-empty.slick-slide { display: none; }
    .social_home_btn {font-size: 11px;right: 5%;bottom: auto;top: 0;padding-top: 40px;}
    .social_home_btn svg { margin-left: 4px; width: 18px; height: 18px; }
    .main_container.sub .youtube_feed_container .sub_title_02 {margin-bottom: 20px;}
    .news_slick_nav { display: none !important; }
    .insta_feed_container:before{ display:none;}
    .insta_feed_container {background: #f0f0f0;margin-top: 70px;}
    .facebook_feed_container {background: none;}
    div#youtube_feed {padding-bottom: 60px;}
    #spidochetube_list a span { font-size: 16px; padding-top: 15px; padding-bottom: 10px; }
    #spidochetube_list a p { font-size: 12px; }
    a.spidochetube_current figure:after{ border-width:4px}

    nav.social_feed_nav.social_feed_nav_youtube {width: 105%;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: none;}
    nav.social_feed_nav.social_feed_nav_youtube::-webkit-scrollbar {display:none;}
    .social_feed_nav_youtube_container { width: 100%;}




    /* CONTACT */
    .contact .contact_wrap .contact_info .contact_info_list li p.phone { font-size: 28px; padding-left: 10px; }
    .contact .contact_wrap .contact_info .contact_info_list li h3 { font-size: 14px; }
    .contact .contact_wrap .contact_info .contact_info_list li p { font-size: 12px; }
    .contact .contact_wrap .contact_info { padding-top: 60px; }
    .contact_map_container,
     .contact .contact_wrap .contact_info { height: calc(100vh - 60px); }
    .contact_map_container,
    .contact .contact_wrap .contact_info { width: 100%; float: none; }
    .contact_map_container { height: 260px; }
    .contact .contact_wrap .contact_info { height: auto; padding-bottom: 60px; }
    .main_container.sub.contact .main_title { margin: 40px 0 30px; padding: 0; }
    .contact .contact_wrap div.wpcf7 { width: 90%; margin: 0 5%; }
    .contact .contact_wrap .contact_field > span > input,
     .contact .contact_wrap .contact_textarea > label { height: 40px; }
    .contact .contact_wrap .contact_field { min-height: 41px; margin-bottom: 20px; }
    .contact .contact_wrap .contact_field > label,
     .contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item label > span,
     .contact .contact_wrap .contact_textarea > label { font-size: 14px; }
    .contact .contact_wrap .contact_textarea textarea { height: 120px; }
    .contact .contact_wrap .contact_textarea { height: 200px; }
    .contact .contact_wrap .contact_field.contact_radio.contact_category { padding: 10px 0 12px; margin-bottom: 0; }
    .contact .contact_wrap .contact_info .contact_info_list li .border_bottom { border-width: 5px; }
    .contact .contact_wrap .contact_submit input { height: 44px; font-size: 14px; }
    .contact .contact_wrap .contact_field > span.not_empty input:focus,
     .contact .contact_wrap .contact_textarea .not_empty textarea:focus { border-bottom-width: 4px !important; }
    .contact .contact_wrap .contact_field > span.not_empty input { padding: 23px 0 10px 0; }
    .contact .contact_wrap .contact_field > span > input,
     .contact textarea { font-size: 13px; }

    /* CAREER */
    .careers .careers_top_wrap .contents_wrap p { padding: 0 5%; }

    /* ABOUT */
    .about .about_section_01 .about_section_01_img_wrap img { display: none;}
    .about_section_01_img_wrap:before {content: "BIG SMILE FOR EVERYONE";font-size: 60px; line-height: 60px;color: #fff; font-weight:700}
    .about .about_wrap .about_section_01 { padding: 0 5%;}
    .about .about_section_02 .about_section_02_wrap .visual_wrap ul { margin: auto; height: auto; width: 80%; max-width: 500px; padding: 0 10%; }
    .about .about_section_02 .about_section_02_wrap > div { float: none; }
    .about .about_section_02 .about_section_02_wrap .text_wrap,
    .about .about_section_02 .about_section_02_wrap .visual_wrap { width: 90%; margin: 0 5% 50px; }
    .about .about_section_02 span.corp { display: none; }
    .about .about_section_02 { height: auto; padding-bottom: 60px; }
    .about .about_section_02:before { display: none; }
    .about .about_section_02 .about_section_02_wrap .visual_wrap ul li:last-child { margin-bottom: 65px; }
    .about .about_section_03 > div { width: 100%; height: 300px; }
    .about .about_section_03 > .passion,
    .about .about_section_03 > .create,
    .about .about_section_03 > .dream {background-position: right center;display: table;/* position: relative; *//* z-index: 3; */}
    .about .about_section_03 > div > div { position: static; display: table-cell; vertical-align: middle; padding: 0 15% 0 5%; }
    .about .about_section_03 h2 { position: static; background: #222222; padding: 20px 5%; }
    .about h2 { text-align: center; }
    .about .about_section_02 .about_section_02_wrap .text_wrap p { text-align: center; }
    .about_history_next {right: 2%;}
    .about_history_prev { left: 20px; }
    .about .about_section_05 { padding-top: 60px; padding-bottom: 60px; }
    .about .about_section_02 .about_section_02_wrap .text_wrap p,
    .about .about_section_05 p { font-size: 14px; }
    .about .about_section_05 p{ padding-left:auto; padding-right:auto;}
    .about .about_section_03 > div > div:before {  background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; position: absolute; display: block; content: ""; z-index: 1; left: 0; top: 0;}
    .about .about_section_03 > div h3,
    .about .about_section_03 > div p{ z-index:2; position:relative;}
    .about_history_button .wrap{ background:#208bd4}

}

@media (max-height:895px) and (min-width:767px) {
    .project_characters_slideshow .slick-slide img { height: 380px }
}

@media (max-width:767px) {
    .loading_screen_inner { border-width: 30px; width: 90%; height: 50%; }
    .loading_screen_inner p { font-size: 20px; line-height: 32px; }


    /* REMOVE ADMIN BAR  */
    #wpadminbar { display: none; }
    html[lang="ko"] { margin-top: 0px !important; }
    .admin-bar #header { top: 0; }

    /* LAYOUT*/
    .main_container.sub .main_title { font-size: 45px; }

    /* MENU */
    ul#menu > li:first-child > ul { left: 72%; }

    /* MAIN */
    .section .main_visual_slide_placeholder h2 { font-size: 60px; line-height: 60px; margin-bottom: 20px; }
    .main_section_title p { font-size: 12px; }
    .main_visual_slide p { font-size: 12px; padding: 0 5% }
    .main_visual_slide br,
    .main_section_title br { display: none }
    #main_visual_slide_placeholder a.btn_slide {font-size: 11px;min-width: 125px;padding-left: 10px;padding-right: 10px;width: auto;margin: 0 4px;font-size: 0;}
    a.btn_slide span{font-size:11px;top: -1px;}
    a.btn_slide{height: 40px; line-height:40px;}
    .main_visual_slide,
    .main_section_content { margin-top: 0 }
    .section_project .project_slideshow { right: -10px; }
    .section_project .project_slideshow figcaption { font-size: 11px; line-height: 35px; height: 35px; }
    .main_visual_slide p,
    .section p { line-height: 20px }
    .projects_list_menu li a { font-size: 20px; }
    a#projects_list_menu_close { right: 5%; top: 20px; }
    a#projects_list_menu_close img { width: 30px; height: 30px; }
    .main_container.sub.products .main_title { margin-top: 60px; margin-bottom: 20px; }
    .project_detail_inner { width: 100%; text-align: center; }
    .project_detail_content_inner { margin: 30px 5%; }
    .project_detail_content { vertical-align: middle; }
    .project_detail_content_inner h3 { font-size: 27px; line-height: 35px; }
    .project_detail_content_inner h3 br,
    .project_detail_content_inner p br { display: none; }
    .project_detail_content_inner p { font-size: 14px; }
    .project_detail { height: 480px; }
    .project_characters h2 { padding-top: 50px; }
    a.btn_slide span:after {top: 15px;background-size: auto 100%;height: 10px;}

    .section .main_visual_slide_inner h2 {font-size: 60px;line-height: 60px;margin-bottom: 20px;}
    .section .main_visual_slide_inner p {font-size: 12px;padding: 0 5%;}
    #main_visual_slide_data a.btn_slide {font-size: 11px;min-width: 125px;padding-left: 10px;padding-right: 10px;width: auto;margin: 0 4px;font-size: 0;}
}

@media (max-width:730px) {
    /* LAYOUT */
    .page .body_container { padding-top: 0; }
    .menu_container { width: 100%; margin-left: 0; top: 100px; left: 0; height: 100%; margin-top: 0; }
    .home ul#menu > li > a,
    ul#menu > li > a { font-size: 18px; line-height: 36px; padding: 0; padding-left: 40px; margin: 4px; }
    ul#menu ul#project_submenu a { padding-top: 0; padding-bottom: 0; border: none; background: none; text-transform: uppercase; font-weight: 700; display: inline-block; border-bottom: 1px solid; padding-left: 0; margin-left: 45px; margin-bottom: 8px; }
    ul#menu ul#project_submenu { background: none; }
    ul#menu > li > ul a:before { display: none }

    .lang_menu.js_mobile_lang_menu {padding-left: 31px;}
    .lang_menu.js_mobile_lang_menu:before {left: 84px;}

    /* FOOTER */
    #footer { text-align: center; padding-top: 35px }
    #family_site { margin: auto; margin-bottom: 30px; width: 210px; }
    .footer_inner.wrap nav { margin-right: 0; float: none; display: block; margin: auto; }
    .footer_address { text-align: center; width: 100%; float: none; }
    .footer_address span { text-align: center; font-size: 10px; line-height: 14px; }
    .footer_address .br_small { display: block }
    .footer_address p { letter-spacing: normal; }
    .footer_inner.wrap { padding: 0 5%; }
    p.footer_address_contact span,
     p.footer_address_contact a { display: inline-block; font-size: 12px; }

    /* MAIN */
    .fp-slidesNav.bottom { bottom: 18%; }
    nav.main_bottom_link_nav li a:before { display: none; }
    /*
    .section_04 { background-image: url(../assets/images/main/team-fg.png), url(../assets/images/main/team-bg.jpg); background-size: 100% auto, cover; background-position: center bottom }
    */
    .section h2 { font-size: 20px;}
    .main_project_desc { padding-right: 5%;}
    .section_project h2{ margin-bottom: 15px;}
    .project_slideshow .slick-slide a:hover:after,
    .project_slideshow .slick-slide.slide_hover a:after { border-width: 3px; }
    .news_slideshow_items h3 { font-size:13px}
    .news_slideshow_items p{font-size:12px}
    .news_slideshow { padding-top: 80px;}


    /* SUBPAGE */
    .sub_menu_container { display: none; }
    .sub_title_container { padding: 8% 0px 5%; }
    .sub_title { font-size: 30px; }
    .sub_title_desc { font-size: 13px; }

    /* CONTACT */
    header.news_header { padding: 70px 30px 40px; }
    ul#news_list > li > div.news_list_time { width: 90px; position: absolute; text-align: left; border: none; height: auto; bottom: 25px; left: 6%; }
    #news_list > li > div.news_list_more { width: 120px; position: absolute; right: 6%; bottom: 26px; border: none; margin-top: 0; }
    section.wrap.news { padding: 0; }
    header.news_header h1 { font-size: 30px; }
    #news_list > li > div { display: block; height: auto; }
    #news_list li { display: block; position: relative; }
    .news_list_time b,
     .news_list_time span { display: none; }
    .news_list_time time { border: none; }
    .news_list_content { padding: 30px 12% 60px 6%; }
    .news_list_time time:after { content: attr(datetime); font-size: 13px; color: #bbbbbb; font-weight: bold; }
    .news_list_more .ktb_btn_seamless { border: none; padding: 0; background-position: right center; font-size: 13px; }
    .contact_info_inner ul { padding-left: 10%; }
    .contact_nav_02 .contact_nav_item_inner { padding-left: 0px; }

    /* ABOUT */
    .about .about_section_01 .scrolldown{ bottom: 20px;}

    /* NEWS SINGLE */
    #template_stock th,
    #template_stock td { display: block; }
    #template_stock table th { padding: 20px 0 10px; border-bottom: none; width: 100%; }
    #template_stock table td { padding: 0 0 30px; }
    .single .body_container { padding-top: 0; }
    #template_stock { padding-top: 20px }
    #template_notice .notice_content { width: 92%; padding: 40px 3% 30px; margin: 20px auto; }
    #template_notice .notice_inner { background: #EBEBEB; margin: 30px 0; min-height: auto; }
    #template_notice .notice_content br { display: none; }
    #template_report table { clear: both; width: 100%; margin-bottom: 50px; }

    /* 404 */
    #error_404 .square_container { top: inherit; left: inherit; }
}

@media (max-width:540px) {
    /* LAYOUT */
    div#global_container,
    .header_wrap { padding: 0; }

    /* FOOTER */
    #footer { margin-bottom: 0; }
    .footer_menu li,
    .footer_menu a { display: block;/* width: 210px; */ margin: auto; }
    .footer_menu a {/* margin-bottom: 5px; */ margin-right: 0; }
    .copyright {/* margin-top: 35px; */ }
     ul.footer_sns_connect figure:after { bottom: 10px; right: 10px; width: 18px; height: 18px; background-size: contain;}

    /* GO TOP */
    a.go_top { display: none }

    /* SUBPAGE */
    .sub_title_container { padding: 9% 0; }
    .sub_title { font-size: 18px; padding-bottom: 0; padding-left: 0; }
    .sub_title_desc { display: none; }
    .tabs_menu { padding-top: 8%; padding-bottom: 8%; font-size: 18px; }

    /* SUB HEADER */
    .sub_header h1#sub_header_title { font-size: 1.2em; letter-spacing: .3em; top: 5%; left: 5%; }
    h1#sub_header_title span:after { width: 80px; right: -90px; }

    /* MAIN */
    a#scroll_down { width: 35px; height: 35px; margin-left: -15px; background-size: 35px; background-position: center center; }

    /* CONTACT */
    .contact_nav li h2 { text-align: center; }
    .contact_nav li p { text-align: center; margin: auto; }
    .contact_nav_list .ktb_btn_seamless { position: relative; margin: auto; width: 150px; display: block; margin-top: 20px; bottom: auto; right: auto; }
    .contact_form h2 { font-size: 28px; }
    .contact_us .contact_field { width: 100%; }
    .contact_info h1,
    .contact_info ul { width: 100%; }
    .contact_info_inner ul { padding-left: 0; }
    .wrap.contact_info_inner { padding: 0 10%; }
    .contact_info h1 { margin-bottom: 30px; }
    .contact_info h1,
    .contact_info ul { width: 100%; }
    .contact_info_inner ul { padding-left: 0; }
    .wrap.contact_info_inner { padding: 0 10%; }
    .contact_info h1 { margin-bottom: 30px; }
    .contact_nav.contact_detail_nav .contact_nav_01 .contact_nav_item_inner { float: none; width: 100%; }
    .contact_nav.contact_detail_nav li { width: 100%; }
    .contact_nav li h2,
    .contact_nav li p { text-align: left; margin-left: 0; }
    .contact_nav_list .ktb_btn_seamless { margin-left: 0; }
    .contact_nav.contact_detail_nav li { height: auto; }
}

@media (max-width:479px) {
    .main_slideshow_timer .section_01 nav#main_visual_slide_nav {margin-top: 47%;}
}

@media (max-width:450px) {
    /* LAYOUT*/
    .main_container.sub .main_title { font-size: 30px; }

    /* PROJECT */
    .project_nav_list { width: 120px; }

    /* CONTACT */
    .contact .contact_wrap .contact_info .contact_info_list li p.phone { font-size: 21px; }
    .contact .contact_wrap .contact_field.contact_radio.contact_category span.wpcf7-list-item { display: block; margin: 0 0 20px; }
    .contact .contact_wrap .contact_info .contact_send_email { display: block; margin-left: auto; margin-right: auto; margin-top: 30px; }

    /* CAREER */
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div p { font-size: 14px; margin-top: 24px; }
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div { width: 70px; height: 70px; margin: 30px 13px; }
    .careers .careers_top_wrap .contents_wrap p br { display: none; }

    /* ABOUT */
    .about_section_01_img_wrap:before {font-size: 45px; line-height: 50px;}
    .about .about_section_03 > div > div:before{background: rgba(0, 0, 0, 0.5);}
    .main_container.sub.about .main_title { font-size: 30px; margin: 0 0 40px; }
    .about h2,
    .about_section_04 h3 { font-size: 24px; }
    .about .about_section_02 .about_section_02_wrap .visual_wrap ul li span { font-size: 40px; }
    .about .about_section_02 .about_section_02_wrap .visual_wrap ul li p { font-size: 16px; }
    .about .about_section_03 > div h3 { font-size: 30px; }
    .about .about_section_03 > div p { font-size: 15px; }
    .about .about_section_03 > div > div { padding: 0 5%; }
    .about .about_section_03 > div { height: 210px; }
    .about .about_section_02 { padding-bottom: 1px; padding-top: 60px; }

    /* 404 */
    #error_404 .square_container { width: 280px; height: 280px; font-size: 40px; }
    #error_404 .square_container:after { width: 300px; height: 330px; top: -16px; left: -11px; }
    #error_404 nav a { letter-spacing: .2em; }
    #error_404 nav a.error_404_back { background-position: 26px center; }
    #error_404 nav a.error_404_home { background-position: 84px center; }
    #error_404 .square_4x4 span:nth-child(11) > img { width: 100%; left: 0; top: 0; }
}

@media (max-width: 420px) {
	.section_contact .main_section_contact p br { display: none; }
}

@media (max-width:380px) {
    /* CONTACT */
    .contact .contact_wrap .contact_info .contact_info_list li p.phone { font-size: 21px; }

    /* PROJECT */
    .project_onair_tabs > nav > a { font-size: 10px; }
}

@media (max-width:360px) {
    .section .main_visual_slide_placeholder h2 { font-size: 55px; line-height: 55px;}
    .section .main_visual_slide_inner h2 {font-size: 55px;line-height: 55px;}
}



/* **************************************** *
 * 201704 - 반응형디테일 추가
 * **************************************** */
@media (min-width: 941px) and (max-width:1680px) {
    /* dinocore */
    .project_detail_inner_extra {left: 0;margin-left: 0;}
    .project_detail_inner.project_detail_inner_extra .project_detail_content_inner {margin: 255px 85px 0;}
}
@media (min-width: 941px) and (max-width:1400px) {
    /* dinocore */
    .project_detail_content_inner, .project_detail_inner.project_detail_inner_extra .project_detail_content_inner {margin: 230px 60px 0;}
}
@media (min-width: 941px) and (max-width:1280px) {
    /* dinocore */
    .project_detail_content_inner, .project_detail_inner.project_detail_inner_extra .project_detail_content_inner {margin: 200px 60px 0;}
}
@media (min-width: 768px) and (max-width: 940px) {
    /* project */
    .project_detail_content_inner {margin: 255px 50px 0;}

    /* dinocore */
    .project_id_120 .project_detail_inner {width: 100%;}
    .project_id_120 .project_detail_content_inner {margin: 50px 0;}
    .project_id_120 #project_detail_icon {margin-left: 5%;}
}
@media (min-width: 941px) and (max-width:1680px) {
    /* NEWS */
    .social_feed_nav {position: static;padding-top: 5%;padding-right: 175px;}
    .social_feed_nav a {display: inline-block;min-width: 80px;margin-right: 2%;margin-bottom: 0;}
}

@media (min-width: 1400px) and (max-width:1530px) {
    /* larva */
    .season_menu {left: -125px;}
}
@media (min-width: 941px) and (max-width:1399px) {
    /* Projects */
    .project_title h1{ clear:both}
    
    /* Dinocore */
    .project_id_705 .project_parallax,
    .project_id_120 .project_parallax { background-position: -540px center; background-size: inherit;}
    
    /* larva */
    .season_menu {position: static;width: auto;}
    .season_menu a {float: left;width: 30%;margin-left: 5%;margin-bottom: 5%;}
    nav.season_menu a:first-child {margin-left: 0;}
}
@media (min-width: 941px) and (max-width:1190px) {
    /* larva */
    .season_menu {padding-top: 5%;}
}


@media (min-width:1190px) and (max-height:1050px) {
       /* CAREER */
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div { width: 98px; height: 98px; margin: 0px 24px; margin-top: 46px; }
    .careers .careers_top_wrap { height: 540px; }
    .main_container.sub.careers .main_title { font-size: 80px; margin-bottom: 30px; padding-top: 70px; }
    .careers .careers_top_wrap .contents_wrap h3 { font-size: 34px; }
    .careers .careers_top_wrap .contents_wrap p { font-size: 16px; line-height: 1.5; }
    .careers_feed_container { margin-top: 70px; margin-bottom: 70px; }
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div p { font-size: 20px; margin-top: 36px;}
}
 @media (min-width:1190px) and (max-height:800px) {
    /* CAREER */
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div { width: 85px; height: 85px; margin: 0px 24px; margin-top: 46px; }
    .careers .careers_top_wrap .contents_wrap .careers_list_01 > div p { font-size: 16px; margin-top: 31px; position: relative; }
    .careers .careers_top_wrap { height: 500px; }
    .careers_feed_container { margin-top: 50px; margin-bottom: 50px; }
    .main_container.sub.careers .main_title { font-size: 70px; margin-bottom: 20px; padding-top: 60px; }
}



/* **************************************** *
 * 20170519 - FIX SMALL SCREEN 
 * **************************************** */
@media (max-height:780px) and (min-width:940px) {
    .projects_list_menu li a{ font-size: 36px;}
}


@media (max-height:667px) {
   a#scroll_down b{ display:none }
   a#scroll_down{ bottom: 15px;}
}