@charset "utf-8";

/*
 * File       : responsive.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) max-width: 1800px
 * 02) max-width: 1664px
 * 03) max-width: 1460px
 * 04) max-width: 1400px
 * 05) max-width: 1280px
 * 06) max-width: 1200px
 * 07) max-width: 1180px
 * 08) max-width: 1105px
 * 09) max-width: 1080px
 * 10) max-width: 1023px
 * 11) max-width: 940px
 * 12) max-width: 768px
 * 13) max-width: 767px
 * 14) max-width: 600px
 * 15) max-width: 540px
 * 16) max-width: 480px
 * 17) max-width: 450px
 * 18) max-width: 414px
 * 19) max-width: 380px
 * 20) max-height: 640px
 */



/* **************************************** *
 * MEDIA 1800px
 * **************************************** */
@media (max-width: 1800px) {
    /* HEADER */
    #header {height: 98px;padding-top: 32px;}
    #logo {width: 65px;height: 67px;left: 32px;}
    #logo svg {width: 65px;height: 63px;}
    #small_menu_btn_wrap {right: 32px;}

    /* MAIN CONTAINER */
    .main_container {padding-top: 98px;}

    /* MAIN SLIDESHOW */
    .main_slider_wrap,
    .main_slide_bg {width: 960px; height: 420px;}
    .main_slider_wrap{ margin-left: -480px; margin-top: -232px;}
    .main_slide_txt_01 { left: -60px;}
    .main_slide_txt_02 { right: -85px;}
    .main_slide_txt{letter-spacing: 0.5em;}
    .main_slider {-webkit-box-shadow: 10px 28px 40px 0px rgba(0, 0, 0, .22);box-shadow: 10px 28px 40px 0px rgba(0, 0, 0, .22);}

    /* PROJECT */
    .project_header_txt > span{letter-spacing: 0.5em;}
    .project_header_txt_01{left: 160px;}
    .project_header_txt_02{right: 200px;}
    .project_header_txt { margin-top: -15px;}

    /* 404 */
	.error_404 .swimming_man {right:30%; bottom:59.7%;}
	.error_404 .shark {right:3%;}

	/* BLOG LIST */
    .blog_category {width: 100%;margin: 50px 0;position: static;}
	.category_list {font-size:0;text-align:center;}
	.category_list li {display:inline-block;position:relative;}
	.category_list li:before {content: '';display: block;width: 1px;height: 13px;position: absolute;top: 50%;left: 0px;margin-top: -6.5px;background: #222;}
	.category_list li:first-child:before {display:none;}
    .category_list li a {padding: 0px 35px;border: none;}
    .category_list li:hover a, .category_list li.current-cat a {padding-left: 60px;}
    .category_list li:first-child a {border-top: none;}
    .category_list li a:before {left: 33px;}

	/* BACK TO LIST */
	.back_to_list {right:32px;}
}



/* **************************************** *
 * MEDIA 1644px
 * **************************************** */
@media (max-width: 1664px) {
    /* LAYOUT */
    .wrap {max-width: none;margin: 0 132px;}

    /* HEADER */
    .small_menu_btn_text {left: 50%;top: inherit;bottom: -25px;margin-left: -18px;margin-top: 0;text-align: center;}

    /* FOOTER */
    .footer_inner {padding: 80px 8%;}

    /* CERTIFICATE */
    .certificate_header_title {margin-top: 118px;}
    .certificate_year {display: block;width: 100%;margin-bottom: 22px;position: relative;top: 0;left: 0;}
}



/* **************************************** *
 * MEDIA 1460px
 * **************************************** */
@media (max-width: 1460px) {
    /* LAYOUT */
    .wrap {margin: 0 32px;}

    /* HEADER */
    #header {height: 130px;padding-top: 0;background: #fff;}
    #logo {top: 32px;}

    .header_typo span {line-height: 127px;}
    .header_typo i {line-height: 128px;}

    .safari .header_typo i {line-height:134px;}
    .mobile_safari .header_typo i {line-height:127px;}

    #small_menu_btn_wrap {top: 32px;}
    .small_menu_btn_text {left: -48px;bottom: inherit;top: 50%;margin-top: -10px;margin-left: 0;text-align: right;}

    #header.minimize {height: 60px;border-bottom: 1px solid #eee;}
    #header.minimize #logo {width: 38px;height: 38px;top: 12px;}
    #header.minimize #logo svg, #header.minimize #logo img {width: 38px;height: 38px;}
    #header.minimize .logo_primary {opacity: 0;visibility: hidden;}
    #header.minimize .logo_sticky {opacity: 1;visibility: visible;}

    #header.minimize .header_typo span, #header.minimize .header_typo i {line-height: 60px;}
    #header.minimize #small_menu_btn_wrap {width: 30px;height: 30px;top: 15px;}
    #header.minimize .small_menu_btn_text {display: none;}
    #header.minimize .small_menu_btn {border: none;}

    .single-projects #header.minimize {background: #fff;}
    .single-projects #header.minimize .logo_secondary {opacity: 0;visibility: hidden;}
    .single-projects #header.minimize .logo_sticky {opacity: 1;visibility: visible;}
    .single-projects #header.minimize .small_menu_btn_line {background: #333;}

    body.open_menu #header.minimize .small_menu_btn {background: transparent;}
    body.open_menu #header.minimize .small_menu_btn_line {background: #333;}

    /* FOOTER */
    #footer {/*padding-bottom: 32px;*/}
    .footer_inner {padding: 5%;}
    .footer_social {margin-top: 5%;padding: 3% 0;}
    .footer_link li a {padding: 15px 78px 15px 30px;}
    .footer_link li a:after {line-height: 52px;}
    .footer_link li.link_contact a:after {font-size: 24px;}
    .footer_addr li {margin-left: 30px;}
    .footer_facebook_frame {top: 32%;}

    /* SCROLL TOP */
    .scroll_top {top: -76px;}

    /* MAIN CONTAINER */
    .main_container {padding-top: 130px;}

    /* MAIN SLIDESHOW */
    .main_slider_wrap,
    .main_slide_bg {width: 860px; height: 376px;}
    .main_slider_wrap{ margin-left: -430px; margin-top: -210px;}
    .main_slide_txt_01 { left: -40px;}
    .main_slide_txt_02 { right: -65px;}
    .main_slide_txt{font-size:50px;letter-spacing: 0.5em;}

    /* REQUEST PRIVACY */
    .request_privacy_close{ right: 40px;}

    /* PROJECT VIEW */
	.project {padding-top:0;}
    .project_header_teble { max-width:940px}
    .project_header_txt > span{font-size:50px; letter-spacing: 0.5em;}
    .project_header_txt_01{left: 0;}
    .project_header_txt_02{right: 39px;}

    .single-projects #header {background: transparent;}
    .single-projects #header.project_minimize {background: #fff;}
    .single-projects .minimize .header_typo {opacity: 0;}

    /* LOCATION */
    .company_view {overflow:hidden;}
    .company_view p {font-size:100px;letter-spacing:0.55em;}
    .company_view .txt_1 {left: 0;padding-left: 0.55em;}
    .company_view .txt_2 {right: 0;}

    /* TAG */
    .tag_itme_content h1, .tag_page .content_index .text {padding-right:250px;}

    /* 404 */
    .error404 #header {background:transparent;}

    /* BACK TO LIST */
    .back_to_list {top: 70px;}

    /* jtstickynav */
    .single_sticky_nav_menu_anchor { padding: 17.5px 20px; }
    .single_sticky_nav_menu_anchor_share { padding: 16.5px 20px; }
    .single_sticky_nav_pagenation_anchor { width: 55px; padding: 17.5px 7.5px; }
}



/* **************************************** *
 * MEDIA 1400px
 * **************************************** */
@media (max-width: 1400px) {
    /* 404 */
    .error_404 .swimming_man {right:35%; bottom:61.7%;}
}



/* **************************************** *
 * MEDIA 1280px
 * **************************************** */
@media (max-width: 1280px) {
    /* MAIN SLIDESHOW */
    .main_slider_control span{ display:none}
    .main_slider_control > div.main_slider_prev{left:30px}
    .main_slider_control > div.main_slider_next{right:30px}

    /* REQUEST */
    .request_form_listitem_project { padding-right: 10px; }
    .request_form_listitem_info { padding-left: 10px; }

    /* PROJECT VIEW */
    .project_header .scroll_down {bottom: 3%;}

    /* PROJECT AWARD */
    .award_card li {width: 230px;height: 380px;margin: 25px 25px;}

    /* CERTIFICATE */
    .certificate_thumb {max-width: 300px;}
}



/* **************************************** *
 * MEDIA 1200px
 * **************************************** */
@media (max-width: 1200px) {
    /* 404 */
    .error_404 .swimming_man {right:41%;}
	.error_404 .shark {right:0;}
}



/* **************************************** *
 * MEDIA 1180px
 * **************************************** */
@media (max-width: 1180px) {
    /* VIDEO */
    .video_container {padding: 80px 40px;}
    .video_container_bg {height: 73%;}
    .video_wrap:after {height: 115px;bottom: -115px;background-size: auto 100%;}

    .iframe_video_container {padding: 80px 40px;}
    .iframe_video_container_bg {height: 73%;}
    .iframe_video_wrap:after {height: 115px;bottom: -115px;background-size: auto 100%;}

    /* LOCATION */
    .location .careers {padding-top: 10%;}
    .careers .careers_motion_wrap {margin-top: 7%;}
}



/* **************************************** *
 * MEDIA 1105px
 * **************************************** */
@media (max-width: 1105px) {
    /* LOCATION */
    .location .team p, .location .team a {font-size:14px;}
}



/* **************************************** *
 * MEDIA 1080px
 * **************************************** */
@media (max-width: 1080px) {
    /* MAIN SLIDESHOW */
    .main_slider_control > div{ display:none}

    /* LOCATION */
    .office_info .office {height:416px;}
    .office .contact_us {margin-top:60px;}

    .location .here .ment {padding-right: 2%;}
    .location_btn {width: 210px;height: 55px;padding: 0 55px 0 30px;line-height: 51px;}
    .location_btn:after {right: 23px;font-size: 13px;}

    .here .character_dance_kms {left: -25px; }
    .here .character_dance_jhkim { left: 175px; }
    .here .character_dance_padak {left: 315px; }
}



/* **************************************** *
 * MEDIA 1023px
 * **************************************** */
@media (max-width: 1023px) {
    /* MAIN SLIDESHOW */
    .main_slider_wrap,
    .main_slide_bg {width: 640px; height: 280px;}
    .main_slider_wrap{ margin-left: -320px; margin-top: -162px;}
    .main_slide_txt_01 { left: -35px;}
    .main_slide_txt_02 { right: -50px;}
    .main_slide_txt{font-size:45px;letter-spacing: 0.4em;}
    .main_slide_link { width: 154px; height: 88px; padding-top: 20px; bottom: -97px; margin-left: -77px;}
    .main_slide_link span:after{bottom: -39px;}

    /* FOOTER */
    .footer_link {float: none;text-align: center;padding-bottom: 5%;font-size: 0;}
    .footer_link li {float: none;display: inline-block;vertical-align: top;}
    .footer_link li a {width: 190px;padding: 15px 0;}
    .footer_link li a:after {display: none;}

    .footer_addr {float: none;text-align: center;margin-top: 0;}
    .footer_addr li {text-align: left;}

    .footer_facebook_frame {margin-top: 30px;position: relative;top: auto;right: auto;text-align: center;}

    /* SINGLE */
    .single_content_header {padding: 8% 0 0;}
    .single_content_header h1 {padding: 15px 0;font-size: 38px;}

    .blog_view .jt_tag {margin-top: 5.5%;}

    .jt_content_share {padding: 4% 0;}
    .jt_content_share .share_sns {width: 47px;height: 47px;}
    .jt_content_share .share_sns:after {font-size: 16px;line-height: 47px;}
    .jt_content_share .share_sns:before {width: 47px;height: 47px;margin-left: -23.5px;margin-top: -23.5px;}
    .jt_content_share .share_sns:hover:before {width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;}

    .single_content_view {padding-top: 5%;padding-bottom: 6%;}
    .single_content_view h2 {margin-top: 7%;margin-bottom: 5%; font-size:32px;}
	.single_content_view h3 {margin-top: 5%;margin-bottom: 2%; font-size:22px;}
    .single_content_view .single_inner_wrap p {padding-bottom: 3.5%;}
    .single_content_view img {margin-bottom: 6%;}

    .avatar_info p {padding: 12px 0 16px;}
    .avatar_info figure {width: 110px;height: 110px;}

    .comments_container {padding-top: 5%;padding-bottom: 10%;}

    .other_story {padding: 10% 0 8%;}
    .other_story p {padding: 1.5% 0 7%;}

    /* REQUEST */
    .request { padding: 0 0 120px; }
    .request_header {padding-bottom: 80px;}
    .request_header_description { margin-bottom: 25px; }
    .request_download { position: static; }

    .jt_form_listitem_service:nth-child(n) { clear: none; width: 33.333%; }
    .jt_form_listitem_service:nth-child(3n+1) { clear: both; }

    input.jt_btn_submit_request {width: 200px;padding: 11px 10px;font-size: 15px;}

    /* RECRUIT */
    .recruit {padding: 0 0 120px;}
    .recruit_txt {width: 100%;margin-bottom: 35px;}
    .recruit_header_title {margin-top: 0;}
    .recruit_illust {width: 100%;text-align: center;}
	.recruit_illust #animation_container {margin: 0 auto;}

    input.jt_btn_submit_recruit {width: 200px;padding: 11px 10px;font-size: 15px;}

    /* PROJECT VIEW */
    .project_header_teble { max-width:710px}
    /*.project_header_txt > span {font-size: 55px;letter-spacing: 0.4em;}*/
    .project_header_txt > span{font-size:45px;letter-spacing: 0.4em;}
    .project_header_txt_01{left: 0;}
    .project_header_txt_02{right: 49px;}

    .project_view .project_index h1 {font-size:45px;}

    .view_btn_site {width:195px; height:48px; padding:0 40px 0 25px; line-height:44px;}
    .view_btn_site:after {font-size:16px; right:15px;}

    .project_btn {padding: 7px 22px;}

    .project_slider_control {height: 60px;margin-top: -30px;}
    .project_slider_control > div {width: 60px;}
    .project_slider_control span:after {line-height: 60px;}
    .project_slider_prev {left: 3%;}
    .project_slider_next {right: 3%;}

    .project_view .project_meta_wrap {padding-top: 100px;padding-bottom: 100px;}

    .project_view .jt_project_detail img, .jt_project_detail .wp-caption, .iframe_video_container, .jt_project_slider_wrap {margin: 0px auto;}
    .jt_video_wrap {margin-bottom: 120px;margin-top: 120px;}

    .jt_project_detail blockquote:before {display: inline-block;vertical-align: super;position: static;margin: -10px 17px 0 0;}
    .jt_project_detail blockquote p br {display: none;}

    .jt_interview_answer + .jt_interview_answer {margin-top: 50px;}
    .jt_project_detail .jt_interview_wrap h2 {margin-bottom: 46px;}
    .jt_interview_people {width: auto;position: static;margin-bottom: 20px;font-size: 0;text-align: left;}
    .jt_interview_people figure {display: inline-block;vertical-align: middle;width: 54px;border-width: 3px;}
    .jt_interview_people span {display: inline-block;vertical-align: middle;margin-top: 0;padding-left: 15px;}

    .project_view .jt_project_detail .jt_interview_wrap + img, .jt_project_detail .jt_interview_wrap + .wp-caption, .jt_interview_wrap + .jt_video_wrap, .jt_interview_wrap + .jt_project_slider_wrap, .project_view .jt_project_detail p + img, .jt_project_detail p + .wp-caption, .jt_project_detail p + .jt_video_wrap, .jt_project_detail p + .jt_project_slider_wrap {margin-top: 65px;}
    .jt_project_detail .jt_icondesign_list_wrap + h2, .jt_project_detail .jt_gif_gallery + h2, .jt_project_detail p + h2 {margin-top: 120px;}

    /* BLOG LIST */
    .blog_itme_content.instagram h2 span i {max-height: 5.1em;-webkit-line-clamp: 3;}
	.blog_item .insta_logo {width:20px; height:20px; bottom:10px; right:10px;}
	.blog_item .insta_logo:before {font-size:20px; line-height:20px;}
	.blog_item:hover .insta_logo {bottom:20px; right:20px;}

    /* LOCATION */
    .location {padding-top: 0;}

    .location .here {margin-bottom: 80px;}
    .location .here .ment {width: 100%;padding-right: 0;}
    .location .here .ment > h1 {margin: 0 0 25px;font-size: 50px;}
    .location .here > div p {margin-bottom: 25px;}
    .location_ment_middle_br {display: none;}
    .location_btn {display: inline-block;width: auto;min-width: 170px;margin-top: 0;}
    .location .here .character_image {width: 100%;margin-top: 20px;}

    .location .team > div {left:15%; bottom:15%;}

    /* TAG */
    .tag_page .search_word {margin:40px 0 35px 0;}
	.tag_page .search_word p {font-size:40px;}
	.tag_itme_content h1 {font-size:20px;}
	.tag_item > a {padding:33px 35px 33px 40px;}

    /* SCROLL TOP */
    .single-projects.single_sticky_nav_show .scroll_top.js_scroll_top_fix {bottom: 80px;}

    /* CERTIFICATE */
    .certificate {padding-top: 0;}

    .certificate_header {padding-bottom: 50px;}
    .certificate_txt {width: 100%;margin-bottom: 35px;}
    .certificate_header_title {margin: 0 0 25px 0;}
    .certificate_header_title > span {font-size: 50px;}
    .certificate_header_title > sup {font-size: 18px;}
    .certificate_header_description br {display: block;}

    .certificate_illust {display: block;width: 100%;max-width: 550px;margin: 0 auto;text-align: center;}

    .certificate_group + .certificate_group {margin-top: 120px;}
    .certificate_year > span {font-size: 32px;}
    .certificate_year > sup {font-size: 13px;}
    .certificate_item {min-height: 128px;}
    .certificate_item > div {padding-top: 35px;padding-bottom: 35px;font-size: 15px;}

    .certificate_project {padding-right: 30px;}

    .certificate_type {width: 30px;}
    .certificate_type_symbol {width: 30px;height: 30px;}

    .certificate_grade {width: 210px;padding-left: 30px;padding-right: 15px;}
    .certificate_grade span {margin-bottom: 2px;font-size: 12px;line-height: 1.45;}
}



/* **************************************** *
 * MEDIA 940px
 * **************************************** */
@media (max-width: 940px) {
    /* LOCATION */
    .location .team a {display:block;}

    /* TAG */
    .tag_itme_content h1, .tag_page .content_index .text {padding-right:200px;}

    /* 404 */
    .error_404 .swimming_man {right:46%;}
	.error_404 .shark {right:-5%;}
}



/* **************************************** *
 * MEDIA 768px
 * **************************************** */
@media (max-width: 768px) {
    /* SMALL SCREEN USE DEFAULT FONT */
    body{font-family: sans-serif;}
    /*body.open_menu{overflow:hidden;} 메뉴오픈시 스크롤이 top으로 이동하는걸 방지하기위해 제거*/

    /* ADMIN BAR  */
    /*#wpadminbar{display:none;}*/
    .admin-bar #header {top: 46px;}

    /* LAYOUT */
    .wrap {margin: 0;}
    .content_wrap {margin: 0 6%;}

    /* SINGLE */
    .single_inner_wrap {margin: 0 6%;}
	.wp-caption p.wp-caption-text {margin-top:-4%; margin-bottom:6%;}

    /* HEADER */
    #header {height: 110px;}

    #logo {width: 48px;height: 51px;left: 20px;top: 30px;z-index: 301;}
    #logo svg, #logo img {width: 48px;height: 48px;}

    .header_typo span {font-size: 14px;line-height: 110px;}
    .header_typo i {width: 22px;line-height: 111px;}
    .header_typo i > img, .header_typo i > svg {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

    .safari .header_typo i {line-height:118px;}
    .mobile_safari .header_typo i {line-height:110px;}

    #small_menu_btn_wrap { top: 39px; right: 20px; width: 30px; height: 30px; }
    .small_menu_btn { border: none; }
    .small_menu_btn_text { display: none; }
    .small_menu_btn_line_wrap {    /* width: 30px; */ }
    .small_menu_btn_line { height: 2px; }
    .small_menu_btn_line_01 {    /* top: -3px; */ }
    .small_menu_btn_line_03 {    /* bottom: -3px; */ }
    .menu_container { width: 100%; padding: 20px; background: #ffffff; background: rgba(255, 255, 255, .95); }
    .menu { margin-bottom: 50px; }
    .menu-item:hover, .menu-item.current-menu-item, .single-post .menu-item.menu-item-687042, .single-projects .menu-item.menu-item-object-projects { background-position: 0 12px; background-size: 1px 27px; }
    .menu > li > a { font-size: 23px;}
	.menu > li > a:before {font-size: 20px;margin-top: -10px;}
    .menu > li > a > span > i {font-size:10px; top:5px; margin-left:5px;}
    .menu_social_list { margin: -9px; }
    html.ios .menu_container {padding-top: 0;padding-bottom: 60px;}
    html.ios .menu > li > a > span > i {top:1px;}

	.menu-item.current-menu-item a, .single-post .menu-item.menu-item-687042 a, .single-projects .menu-item.menu-item-object-projects a {padding-left: 30px;}

    body.open_menu .small_menu_btn {background: transparent;border-color: transparent;}
    body.open_menu .small_menu_btn_line {background: #222;}
    body.open_menu #header.minimize .small_menu_btn_line {background: #222;}

    #small_menu_overlay {display: none !important;}

    body.open_menu.single-projects .logo_secondary {opacity: 0;visibility: hidden;}
    body.open_menu.single-projects .logo_primary {opacity: 1;visibility: visible;}

    /* FOOTER */
    #footer {padding-bottom: 0;}
    .footer_inner {padding: 6% 0;}
    .footer_link li a {width: 137px;height: 48px;padding: 13.5px 0;font-size: 13px;}
    .footer_social { text-align: center;}
    .footer_facebook_frame {transform: scale(0.8);}

    /* SCROLL TOP */
    .scroll_top {height: 49px;width: 49px;top: -59px;}
    .scroll_top:after {font-size: 16px;line-height: 49px;}
    .scroll_top.js_scroll_top_fix {position: absolute;bottom: inherit;top: -59px;}
	.single-projects .scroll_top {top: -125px;}

	.scroll_top:hover {border-color:#222; background-color:transparent;}
	.scroll_top:hover:after {color:#222;}

    /* MAIN CONTAINER */
    .main_container {padding-top: 110px;}

    /* LOADMORE */
    .jt_loadmore {margin-top: 6%;margin-bottom: 6%;}

    .mask_box {height: -webkit-calc(100% + 70px);height: calc(100% + 70px);}

    /* SINGLE */
    .single_content_header {padding: 5% 0 0;}
    .single_content_header h1 {padding: 20px 0 10px;font-size: 34px;}

    .single_content_meta {padding-top: 5px;}
    .single_content_meta span {padding-left: 25px;font-size: 14px;}
    .single_content_meta span:before {left: 7px;}
    .single_excerpt p {padding-top: 15px;}

    .single_content_view .single_inner_wrap p {padding-bottom: 5%;}
    .single_content_view h2 {font-size:24px;}
	.single_content_view h3 {font-size:18px;}
	.single_content_view h4, .single_content_view p, .single_content_view li, .single_content_view a {font-size:15px;}
    .single_content_view li {padding-bottom: 5px;}
    .single_content_view ul li {padding-left: 11px;}
    .single_content_view ul li:before {top: 9px;}
	.single_content_view h1,
    .single_content_view h2,
    .single_content_view h3,
    .single_content_view h4,
    .single_content_view h5,
    .single_content_view h6,
    .single_content_view p,
    .single_content_view ul,
    .single_content_view ol,
    .syntaxhighlighter_wrap {max-width:inherit; padding-right:5%; padding-left:5%;}
    .single_content_view pre.notranslate {max-width:inherit;margin: 0 5%;overflow-x: scroll;}
    .single_content_view p {margin-bottom: 20px;}
    .single_content_view blockquote {max-width:inherit;margin-left: 5%;margin-right: 5%;padding-left: 20px;}
    .single_content_view blockquote p {padding: 0;}

    .other_story {padding: 10% 20px 6%;}
    .other_story p {padding: 3% 0 7%;}

	.single_content_view a.download_btn, a.download_btn {background-position: calc(100% - 29px) center;padding: 18px 61px 17px 28px;}
	html.ios .single_content_view a.download_btn, a.download_btn {padding: 19px 61px 16px 28px;}

    /* BLOG LIST */
    .blog {padding: 0 20px;}
    .blog_itme_content {padding: 6% 0;}
    .blog_itme_content h2 {padding-bottom: 4px;font-size: 16px;}
    .blog_itme_content span:after {top: 3px;right: -20px;font-size: 12px;}
    .blog_item:hover figure {-webkit-transform: none;-ms-transform: none;transform: none;}
    .blog_item figure:before, .blog_item figure:after {display: none;}

    .blog .blog_list > div:first-child + div + div + div {margin-top: 7%;}
    .blog_item:hover .blog_itme_content.instagram {-webkit-transform: none; -ms-transform: none; transform: none;}
	.blog_item:hover .insta_logo {bottom:10px; right:10px;}

    /* VIDEO */
    .video_container {margin: 5% 0;padding: 8% 5% 95px;overflow: hidden;}
    .video_container_bg {height: 65%;}
    .video_wrap {padding: 25px 25px;}
    .video_wrap:after {height: 90px;bottom: -90px;}

    .iframe_video_container {margin: 10% 0 17%;padding: 8% 5% 95px;overflow: hidden;}
    .iframe_video_container_bg {height: 65%;}
    .iframe_video_wrap {padding: 25px 25px;}
    .iframe_video_wrap:after {height: 90px;bottom: -90px;}

    .jt_embed_video_container,
    .jt_video_wrap {margin-top: 17%;margin-bottom: 17%;}

    /* jtstickynav */
    .single_sticky_nav_menu_anchor_main .icon-enter,
    .single_sticky_nav_menu_anchor_share .icon-share,
    .single_sticky_nav_menu_anchor_request .icon-project { margin-left: 0; }
    .single_sticky_nav_menu_anchor,
    .single_sticky_nav_menu_anchor:first-child { padding: 16px 14px; }
    .single_sticky_nav_menu_anchor_share,
    .single_sticky_nav_menu_anchor_request { padding: 15px 14px; }
    .single_sticky_nav_menu_anchor:after { height: 20px; }
    .single_sticky_nav_menu_anchor_text { display: none; }
    .single_sticky_nav_pagenation_anchor { width: 50px; height: 50px; padding: 16px 7.5px; }
    .single_sticky_nav_pagenation_anchor:before { display: none; }
    .single_sticky_nav_pagenation_anchor .icon-arrow { right: 0; left: 0; margin: auto; }
    .single_sticky_nav_pagenation_text{display: none;}
    .single_sticky_nav_menu_share { bottom: 67px; left: 0; min-width: 160px; min-height: 50px; }
    .single_sticky_nav_menu_share:after { left: -120px; }
    .single_sticky_nav_menu_anchor:hover, .single_sticky_nav_pagenation_anchor:hover{color: #666;color: rgba(255, 255, 255, .5);}

    /* PROJECT VIEW */
    .project_header .scroll_down {width: 50px;height: 30px;}
    .project_header .scroll_down:after {font-size: 28px;line-height: 30px;}

    .project_minimize .small_menu_btn {background: rgba(255, 255, 255, .95);}

	.back_to_list {display:none;}

    .project_btn {margin-top: 15px;}

    .jt_project_slider_wrap {margin: 17% auto;}

    .project_slider_control {height: 50px;margin-top: -25px;}
    .project_slider_control > div {width: 50px;}
    .project_slider_control span:after {line-height: 50px;}

    .project .jt_loadmore {margin-top: 0;padding: 7% 0;}
    .project .jt_loadmore_inner {padding: 20px 0 0;}

    .project_view .jt_project_detail > *:last-child {margin-bottom: 5%;}

    .project_view .jt_project_detail img {margin:0 auto;}
    .jt_project_detail .wp-caption {margin: 17% 0;}
    .jt_project_detail .wp-caption p.wp-caption-text {margin-top: 15px;font-size: 13px;line-height: 1.5;}

    .jt_project_detail h2 {font-size:22px;margin: 0 6% 12px;}
    .jt_project_detail h2 br {display: none;}
    .jt_project_detail p {margin: 0 6% 3%;font-size: 14px;}
    .jt_project_detail p br {display:none;}
    .jt_project_detail p strong {font-size: 17px;}
    .jt_project_detail blockquote {margin: 6% 6%;padding: 0 0 4px;}
    .jt_project_detail blockquote p {font-size: 16px;}
    .jt_project_detail blockquote:before, .jt_project_detail blockquote:after {font-size: 17px;}
    .jt_project_detail blockquote:before {margin-right: 8px;}
    .jt_project_detail blockquote:after {margin-left: 8px;}

    .jt_interview_wrap {margin: 7% 6%;}

    .project_btn_wrap {margin: 0 6%;}

    .jt_icondesign_list_wrap {margin: 7% 0;}
    .jt_gif_gallery {margin: 7% 0;}

    .jt_interview_people figure {width: 48px;}
    .jt_interview_people span {padding-left: 12px;}
    .jt_interview_answer + .jt_interview_answer {margin-top: 42px;}
    .jt_project_detail .jt_interview_wrap h2 {margin-left: 0;margin-right: 0;margin-bottom: 32px;}
    .jt_project_detail .jt_interview_txt > p, .jt_project_detail .jt_interview_txt > blockquote {margin-left: 0;margin-right: 0;}
    .project_view .jt_project_detail .jt_interview_txt img {transform: scale(0.6);margin-left: -0.4em;margin-right: -0.4em;}

    .jt_project_detail .jt_icondesign_list_wrap + h2, .jt_project_detail .jt_gif_gallery + h2, .jt_project_detail p + h2 {margin-top: 17%;}
    .project_view .jt_project_detail .jt_interview_wrap + img, .jt_project_detail .jt_interview_wrap + .wp-caption, .jt_interview_wrap + .jt_video_wrap, .jt_interview_wrap + .jt_project_slider_wrap, .project_view .jt_project_detail p + img, .jt_project_detail p + .wp-caption, .jt_project_detail p + .jt_video_wrap, .jt_project_detail p + .jt_project_slider_wrap {margin-top: 7%;}

    .project_view .project_team h2 {font-size: 22px;margin-bottom: 16px;}
    .member_list_wrap {margin-top: 30px;}
    .member_list + .member_list_department {margin-top: 26px;}
    .member_list_department {font-size: 17px;}
    .member_list li:nth-child(9n) {margin-right: 8px;}
    .member_role {font-size: 12px;}

    .project_view .single_inner_wrap {padding: 10% 0 7% 0;}
    .project_view .single_inner_wrap h1 {font-size:22px; margin-bottom:16px;}
    .project_view .single_inner_wrap p {font-size: 14px;}
    .project_view .single_inner_wrap p br {display:none;}

    .project_view .project_meta_wrap {padding: 17% 0;}

    .project_meta_wrap .summary {padding: 14px 0 30px;}
    .project_meta_wrap .summary li {width: 31%;margin-left: 3.5%;}
    .project_meta_name {padding-bottom: 16px;}

    .project_view .jt_tag {margin-top:5%; margin-bottom:12%;}

    .project_nav_inner {display:block; font-size:0;}
    .project_nav_inner > a {display:inline-block; width:40%; height:65px; line-height:63px; padding-top:0; vertical-align:top; border:1px solid #ededed;}
    .project_nav_inner > a:hover {padding-bottom:0;}
    .project_nav_inner .project_list {display:inline-block; width:20%; height:65px; position:relative; top:inherit; left:inherit; margin-top:inherit; margin-left:inherit; background:none; border-width:1px 0 1px 0; border-color:#ededed;}
    .project_nav_inner .project_list:hover {border-color:#ededed;}
    .project_nav_inner .project_list .list_line {border-color:#ccc;}
    .project_nav_inner .project_list .list_line_01 {top:25px;}
    .project_nav_inner .project_list .list_line_02 {top:31px;}
    .project_nav_inner .project_list .list_line_03 {top:37px;}
    .project_nav_inner > a .bg_wrap  {display:none;}
    .project_nav_inner p span {font-size:15px; color:#ccc;}
	.project_nav_inner > a .bg_color_wrap {display:none;}
    .project_nav_inner > a .page_name {display:none;}

    .project_nav_inner .project_nav {display:block; padding:0 20px;}
    .project_nav_inner .project_nav:before {content:''; display:block; width:17px; height:12px; position:absolute; top:0px; font-size:19px; font-family:'jt-font'; color:#ccc; -webkit-transition:500ms; transition:500ms;}
    .project_nav_inner > a:hover .project_nav:after {display:none;}
    .project_nav_inner .project_nav_prev .project_nav:before {content:'\e902'; left:20px;}
    .project_nav_inner .project_nav_next .project_nav:before {content:'\e903'; right:20px;}

    .safari .project_nav_inner > a {width:40%;}
    .safari .project_nav_inner > a .project_nav_info {padding-top:inherit;}
    .safari .project_nav_inner > a:hover .project_nav_info {padding-top:inherit;}

    /* PROJECT AWARD */
    .award_card {margin:5% 0; padding:5%;}
    .award_card li {width: 44%;height: auto;margin: 3%;max-width: 230px;}
    .award_card li .award_card_item_inner {padding: 20% 0 40%;-webkit-box-shadow:15px 15px 20px 0px rgba(0, 0, 0, .5);box-shadow:15px 15px 20px 0px rgba(0, 0, 0, .5);}
    .award_card li .award_card_year {font-size: 17px;}
    .award_card li .award_card_desc {padding: 0 8px;position: absolute;bottom: 12%;}
    .award_card li .award_card_desc span {font-size:15px;}
    .award_card li .award_card_desc span.award_card_grade {font-size:13px;}
    .award_card li img {height: 70px;margin: 18% 0 20%;}

    /* PROJECT LIST */
    .project_item_title {font-size: 16px;}
    .project_item_detail {display: none;}

    /* LOCATION */
    .location .here > div p {font-weight: 400;}

    .office_info {display:table;}
    .office_info .office {display:table-cell; height:inherit; position:relative; padding:10% 5% 180px 5%;}
    .office .office_name {font-size:20px; margin-bottom:10px;}
    .office_info .office > p {font-size:14px;}
    .office .contact_us {width:182px; position:absolute; bottom:9%; left:50%; margin-top:inherit; margin-left:-91px;}
    .office .contact_us span {display:none;}
    .office .contact_us a {display:block; margin-top:5px; font-size:14px;}
    .office .contact_us p {display:block; margin-bottom:13px;}

    .location .team {padding:16.666%;}
    .location .team > div {bottom:20%;}
    .location .team .team_name {font-size:16px;}
    .location .null {display:none;}

    .location .careers h2 {font-size:20px;}

    /* TAG */
    .tag_page {padding:0 20px 50px 20px;}
	.tag_page .search_word {margin:0 0 7% 0;}
	.tag_page .search_word span {font-size:16px;}
	.tag_page .search_word p {font-size:24px; padding-top:5px;}
	.tag_itme_content h1 {font-size:18px; margin:5px 0; font-weight:600;}
	.tag_item > a {padding:25px 0 20px 0;}
	.tag_page .content_index .text {line-height:1.6; max-height:3.2em;}
	.tag_itme_content h1, .tag_page .content_index .text {padding-right:0;}
    .tag_page .content_index .text {margin-bottom: 10px;}
	.tag_page .content_index .data, .tag_page .content_index .author {display: inline-block;width: auto;position: relative;top: inherit;vertical-align: top;text-align: left;font-weight: 400;}
	.tag_page .content_index .data {width:80px; right:inherit;}
    .tag_page .content_index .author {padding-left: 10px;}
	.tag_page .content_index .author:before {top: 50%;margin-top: -5.5px;}
	.tag_list {margin-bottom:30px;}
	.tag_page .jt_loadmore {margin-bottom:0;}
    .tag_itme_thumb {display: none;}

    /* contact From 7 */
    span.wpcf7-not-valid-tip {padding: 10px 15px;font-size: 13px;}
    div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {padding-left: 37px;font-size: 13px;background-size: 15px auto;background-position: 14px center;}

    .jt_label_agree .wpcf7-not-valid-tip {padding: 5.5px 15px;}

    /* REQUEST */
    .request_header {padding-bottom: 40px;}
    .request_header_description {font-weight: 400;}

    /* RECRUIT */
    .recruit_header {padding-bottom: 40px;}
    .recruit_header_description, .recruit_header_description_email {font-weight: 400;}

    /* CERTIFICATE */
    .certificate_firecracker figure {transform: scale(0.5);}
    .certificate_header_description {font-weight: 400;}
    html.ios .certificate_header_title > span > i {padding-left: 3px;}
    html.ios .certificate_header_description span {padding-left: 1px;}
}



/* **************************************** *
 * MEDIA 767px
 * **************************************** */
@media (max-width: 767px) {



    /* BLOG LIST */
    .blog .blog_list > div:first-child + div + div + div {margin-top: 0;}
	.blog_view .jt_isotope.isotope_col_3 .isotope_item:last-child {display:none;}

    .blog_category {margin:0 0 30px;}
    .category_list {display: none;width: 100%;background: #fff;}
	.category_list li {display: block;border-bottom: 1px solid #ddd;}
	.category_list li:before {display: none;}
	.category_list li a {padding: 11px 0px 9px;font-weight: 600;text-align: left;}
    .category_list li:first-child a {margin-top: 3px;}
    .category_list li:hover a, .category_list li.current-cat a {padding-left: 0;}
    .category_list li:hover a:before, .category_list li.current-cat a:before {display: none;}
	.blog_itme_content.instagram {display:none;}
	.blog_item .insta_logo {width:25px; height:25px;}
	.blog_item .insta_logo:before {font-size:25px; line-height:25px;}


    .js-current-category {display: block;width: 100%;padding: 10px 30px 10px 0px;position: relative;font-size: 14px;letter-spacing: 0.055em;font-weight: 600;color: #0b21ee;border-bottom: 2px solid #333;}
    /*.js-current-category:before {display: block;width: 12px;height: 12px;position: absolute;left: 0px;top: 50%;margin-top: -6px;font-family: 'jt-font';content: '\e903';font-size: 12px;line-height: 1;display: none;}*/
    .js-current-category:after {display: block;width: 15px;height: 15px;position: absolute;right: 9px;top: 50%;margin-top: -8px;font-family: 'jt-font';content: '\e92f';font-size: 11px;line-height: 15px;text-align: center;-webkit-transition: -webkit-transform 300ms;transition: -webkit-transform 300ms;transition: transform 300ms;transition: transform 300ms, -webkit-transform 300ms;}
    .js-current-category.open_category:after {-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}

    /* REQUEST */
    .request {padding: 0 0 15%;}

    .request_header { padding-bottom: 6%; }
    .request_header_title { margin-left: 0;font-size: 24px; }
    .request_header_description { line-height: 2; }

    .request_download_listitem {width: 94px;height: 135px;}
    .request_download_listitem a {padding: 22px 15px 15px;}
    .request_download_title {margin-bottom: 38px;}
    .request_download_button_icon:before {font-size: 14px;top: 50%;margin-top: -8px;}

    .request_form_list {border-width: 2px 0;}
    .request_form_listitem { float: none; width: 100%; padding: 5% 0; }
    .request_form_listitem_info,
    .request_form_listitem_project { }
    .request_form_listitem_project { padding-right: 0; border-bottom: 1px solid #222; }
    .request_form_listitem_info { padding-left: 0; }

    .jt_form_listitem_service:nth-child(n) { clear: none; width: 49.999%; margin: 6.2px 0; word-break: keep-all; }
    .jt_form_listitem_service:nth-child(2n+1) { clear: both; }

    .request_form_listitem_info .request_form_header, .request_form_listitem_project .request_form_header {margin-bottom: 20px;}
    .jt_form_listitem_info, .jt_form_listitem_project {margin-top: 20px;}

    .jt_form_field_request {height: 48px;}
    .jt_fieldset_request .selectric .label {height: 48px;line-height: 48px;}
    .jt_form_listitem_project .jt_file_upload_button {width: 150px;line-height: 46px;}
    .jt_form_listitem_project .jt_file_upload_button:after {margin-top: -8px;right: 17px;font-size: 15px;}
    .jt_form_listitem_project .your-memo {height: 200px;}
    .jt_label_service {padding: 0 10px 0 30px;}
    .jt_fieldset_request .icheckbox_minimal {position: absolute !important;top: -1px;left: -30px;}
    input.jt_btn_submit_request {width: 175px;padding: 8.5px 10px;font-size: 14px;}

    .jt_agree_check_request {padding: 20px 0px 20px 30px;}

    /* REQUEST PRIVACY */
    .request_privacy_header {margin-bottom: 7.5%;border-bottom-width: 2px;}
    .request_privacy_header_title { margin-bottom: 10px; font-size: 25px; }
    .request_privacy_header_date { text-align: left; top: 0; margin-bottom: 10px; }
	.request_privacy_container {padding:70px 0;}
    .request_privacy_listitem {margin-bottom: 5%;}
    .request_privacy_content ul > li:before {top: 12px;}
	.request_privacy_close {width:54px; height:54px; top:10px; right:10px;}
	.request_privacy_close span {line-height: 54px;}

    .safari .request_privacy_close span, .mobile_safari .request_privacy_close span {line-height: 45px;}

    /* RECRUIT */
    .recruit {padding: 0 0 15%;}

    .recruit_header { padding-bottom: 6%; }
    .recruit_header_title { margin-left: 0;font-size: 24px; }
    .recruit_header_description, .recruit_header_description_email { line-height: 2; }

    .recruit_form_list {border-width: 2px 0;}
    .recruit_form_listitem {padding: 5% 0;}
    .jt_form_field_recruit {height: 48px;}
    .recruit_form_title {margin-bottom: 20px;}

    .jt_fieldset_recruit .icheckbox_minimal {position: absolute !important;top: -1px;left: -30px;}
    .jt_fieldset_recruit .iradio_minimal {position: absolute !important;top: -1px;}
    .recruit_form_listitem_category .jt_label {padding: 0 0 0 25px;}
    .recruit_form_listitem_category .icheckbox_minimal, .recruit_form_listitem_category .iradio_minimal {left: -25px;}

    .recruit_form_listitem_category .recruit_form_field > li {width: 50%;margin-top: 10px;}
    .recruit_form_listitem_category .recruit_form_field > li:first-child, .recruit_form_listitem_category .recruit_form_field > li:first-child + li {margin-top: 0;}

    .recruit_form_field > li.recruit_form_field_half {width: 100%;}
    .recruit_form_field > li.recruit_form_field_name, .recruit_form_field > li.recruit_form_field_email {padding-right: 0;}
    .recruit_form_field > li.recruit_form_field_tel, .recruit_form_field > li.recruit_form_field_date {padding-left: 0;}

    .recruit_form_field > li, .recruit_form_field > li.recruit_form_field_tel {margin-top: 20px;}

    .jt_fieldset_recruit .jt_file_upload_button {width: 150px;line-height: 46px;}

    .jt_fieldset_recruit .jt_file_upload_button:after {margin-top: -8px;right: 17px;font-size: 15px;}
    .jt_fieldset_recruit .your-memo {height: 200px;}

    .jt_agree_check_recruit {padding: 20px 0 20px 30px;}

    input.jt_btn_submit_recruit {width: 175px;padding: 8.5px 10px;font-size: 14px;}

    /* contact From 7 */
    div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {margin-top: -100px;}
    .wpcf7-form.sent .jt_form_control, .wpcf7-form.invalid .jt_form_control {padding-top: 90px;}
    .wpcf7-form.sent .jt_form_control .ajax-loader, .wpcf7-form.invalid .jt_form_control .ajax-loader {margin-top: 38px;}

    .wpcf7-list-item-label {padding-left: 0;vertical-align: top;}

    /* PROJECT VIEW */
    .project_header_teble {max-width: inherit;padding: 0 5%;}
    .project_header_txt > span {letter-spacing: 0.2em;line-height: 1.4;}
    .project_header_txt_02 {margin-right: 0;right: 0;text-align: left;}

    /* LOCATION */
    .location .here {margin-bottom: 50px;}
    .location .here .ment {margin-bottom: 20px;}
    .location .here .ment > h1 {font-size: 24px;line-height: 1.2;}
    .location a {font-size: 14px;}
    .location_btn {height: 48px;padding: 0 47px 0 17px;line-height: 44px;}
    .location_btn:after {right: 15px;font-size: 12px;}
    .location .here .character_image {margin-top: 0;}

    /* 404 */
    .error_404 .message_wrap {padding:0 5%;}
	.error_404 .message_wrap nav a {width:171px; height:50px; line-height:46px;}
	.error_404 .wave_wrap .wave_03 div {top:8%;}
	.error_404 .swimming_man {right:35%;}
	.error_404 .shark {display:none;}

    /* OFFLINE */
    .offline h1{font-size: 24px;}
    .offline h1 span{ font-size: 52px;}

    /* CERTIFICATE */
    .certificate_txt {margin-bottom: 20px;}
    .certificate_header_title > span {font-size: 24px;}
    .certificate_header_title > sup {padding-bottom: 0px;padding-left: 6px;font-size: 12px;}
    .certificate_header_description {line-height: 2;}

    .certificate_list {margin-bottom: 10%;}
    .certificate_group + .certificate_group {margin-top: 90px;}
    .certificate_year > span {font-size: 18px;}
    .certificate_year > sup {padding-left: 6px;padding-bottom: 0px;font-size: 10px;}
    .certificate_item {display: block;min-height: 1px;padding: 20px 0 20px 36px;}
    html.ios .certificate_item {padding-top: 22px;padding-bottom: 19px;}
    .certificate_item > div {display: block;padding-top: 0;padding-bottom: 0;}
    .certificate_item > div.certificate_project {padding-right: 0;}
    .certificate_item > div.certificate_type {width: 24px;position: absolute;left: 0;top: 23px;}
    .certificate_type_symbol {width: 24px;height: 24px;}
    .certificate_item > div.certificate_grade {width: auto;padding-left: 0;padding-right: 0;padding-top: 5px;font-size: 14px;}
    .certificate_grade span {margin-bottom: 1px;}
    .certificate_thumb {max-width: 250px;}
}



/* **************************************** *
 * MEDIA 600px
 * **************************************** */
@media (max-width: 600px) {
    /* ADMIN BAR  */
    #wpadminbar {position: fixed;}
}



/* **************************************** *
 * MEDIA 540px
 * **************************************** */
@media (max-width: 540px) {
    /* PROJECT LIST */
    .project_item {/*width:87.5%; padding-top:87.5%;*/ width:-webkit-calc(100% - 40px); width:calc(100% - 40px); padding-top:-webkit-calc(100% - 40px); padding-top:calc(100% - 40px); float:inherit; margin:0 auto 73px auto; overflow:inherit;}
	.project_item a {width:100%; height:-webkit-calc(100% + 50px); height:calc(100% + 50px); background: #ffffff; background:rgba(255, 255, 255, .1);}
	.project_item_title {left:0; /*bottom:12px;*/ bottom:inherit; top:-webkit-calc(100% - 35px); top:calc(100% - 35px); color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.25; max-height:2.5em;}

    .project .jt_loadmore {padding: 0 0 44px;}

    /* LOCATION */
    .location .team > div {bottom:15%;}
    .location .planning .team_name:before {top:-34px;}
    .location .developer .team_name:before {top:-36px;}
    .location .design .team_name:before {top:-35px;}

    .location .careers h2 {margin-bottom: 0}
    .location .careers p {padding: 5px 0 16px;}
    .location .careers .location_btn {margin: 0 auto 25px;}

    /* PROJECT AWARD */
    .award_card li .award_card_year {font-size: 16px;}
    .award_card li .award_card_desc span {font-size:14px;}
    .award_card li .award_card_desc span.award_card_grade {padding-top: 4px;font-size:12px;}

    /* RECRUIT */
    .recruit_form_header {margin-bottom: 18px;}
    .recruit_form_header .recruit_form_title {display: block;margin-bottom: 6px;}
    .recruit_form_header .recruit_form_required_text {display: block;}

    /* MOTION MASK */
    #loading_people > div {transform: scale(0.8);}
}



/* **************************************** *
 * MEDIA 480px
 * **************************************** */
@media (max-width: 480px) {
    /* LAYOUT */
    .content_wrap {margin: 0 20px;}

    /* SINGLE */
    .single_inner_wrap {margin: 0 20px;}

    /* HEADER */
    #header .header_typo {display: none;}

    /* FOOTER */
    .footer_inner {padding: 10% 0;}
    .footer_info {padding: 0 6%;}
    .footer_link li {width: 48.5%;margin-left: 3%;}
    .footer_link li:first-child {margin-left: 0;}
    .footer_link li a {width: 100%;margin-left: 0;}
    .footer_addr li {width: 48.5%;/* width: 100%; */margin-left: 3%;/* margin-left: 0; */padding-left: 2px;}
    .footer_addr li br {display: none;}
    .footer_addr li br.footer_addr_small_show {display: block;}
    .footer_addr strong {font-size: 13px;}
    .footer_addr p {padding: 6px 0;font-size: 11px;}
    .footer_addr p a {font-size: 12px;}
    .footer_social {margin-top: 6%;padding: 6% 0;}
    .footer_copy {margin-bottom: 6%;}
    .footer_copy span {display: block;}

    .js_footer_typo {display: block;text-align: center;}
    .js_footer_typo span, .js_footer_typo i {line-height: 1;}
    .js_footer_typo i > img, .js_footer_typo i > svg {vertical-align: middle;}

    .safari .js_footer_typo i, .mobile_safari .js_footer_typo i {line-height:1;}

    /* TAG */
    .jt_tag > span {width: 45px;height: 20px;font-size: 12px;line-height: 20px;}
    .jt_tag nav {padding-left: 45px;}
    .jt_tag a {line-height: 1.5;}

    /* SINGLE */
    .blog_view .jt_tag {margin-top: 5%;}

    .comments_container {padding-top: 5.5%;}

    .single_content_header h1 br, .single_excerpt p br {display: none;}
    .single_content_header h1 {font-size: 26px;}

    .jt_content_share {padding: 6% 0;}

    .avatar_info p {padding: 12px 0;font-size: 14px;}
    .avatar_info figure {width: 90px;height: 90px;margin-bottom: 5%;}

    .single_content_view h2 {font-size:22px;}
    .single_content_view p {font-size: 15px;}
    .single_content_view a {font-size: 15px;}

    .other_story p {padding: 5% 0 7%;font-size: 17px;}

	.single_content_view a.download_btn, a.download_btn {background-position: calc(100% - 24px) center;padding: 16px 53px 15px 22px;}
	html.ios .single_content_view a.download_btn, a.download_btn {padding: 17px 53px 14px 22px;}

    /* BLOG LIST */
    .blog_itme_content h2 {margin-bottom: 0;font-size: 15px;}
    .blog_itme_content span {font-size: 12px;}
    .blog_itme_content span:after {top: 3px;right: -16px;font-size: 10px;}
	.blog_item .insta_logo {width:20px; height:20px;}
	.blog_item .insta_logo:before {font-size:20px; line-height:20px;}

    /* VIDEO */
    .video_container {padding: 8% 5% 50px;}
    .video_container_bg {height: 60%;}
    .video_wrap {padding: 15px 15px;border-radius: 15px;}
    .video_wrap:after {height: 50px;bottom: -50px;}

    .iframe_video_container {padding: 8% 5% 50px;}
    .iframe_video_container_bg {height: 60%;}
    .iframe_video_wrap {padding: 15px 15px;border-radius: 15px;}
    .iframe_video_wrap:after {height: 50px;bottom: -50px;}

    /* PROJECT VIEW */
    .project_header_teble {padding: 0 20px;}
    .project_header_txt > span {font-size: 32px;}

    .jt_project_detail h2 {margin-left: 20px;margin-right: 20px;}
    .jt_project_detail p {margin-left: 20px;margin-right: 20px;}
    .jt_project_detail blockquote {margin-left: 20px;margin-right: 20px;}
    .jt_project_detail blockquote:before, .jt_project_detail blockquote:after {font-size: 12px;}
    .jt_project_detail blockquote:after {margin-bottom: -5px;}
    .project_btn_wrap {margin-left: 20px;margin-right: 20px;}

    .jt_interview_wrap {margin-left: 20px;margin-right: 20px;}
    .jt_project_detail .jt_interview_wrap h2 {margin-bottom: 20px;}
    .jt_interview_people {margin-bottom: 12px;}
    .jt_interview_people figure {width: 38px;}
    .jt_interview_people span {padding-left: 8px;}
    .jt_interview_answer + .jt_interview_answer {margin-top: 7%;}

    .project_slider_control {height: 35px;margin-top: -17.5px;}
    .project_slider_control > div {width: 35px;}
    .project_slider_control span:after {font-size: 11px;line-height: 35px;}
    .project_slider_prev {left: 2%;}
    .project_slider_next {right: 2%;}

    .project_meta_wrap .summary {padding: 4px 0 20px;}
    .project_meta_wrap .summary li {width:100%; margin-left:0; margin-bottom:20px;}
    .project_meta_wrap .summary li h2 {padding-bottom:8px; margin-bottom:5px;border-bottom-width: 1px;border-bottom-color: #ddd;}
	.project_meta_wrap .summary li:first-child {margin-top:10px;}
	.project_meta_wrap .summary li:last-child {margin-bottom:0;}
    .project_meta_name {padding-bottom: 10px;}

    .member_list_wrap {margin-top: 25px;}
    .member_list + .member_list_department {margin-top: 20px;}
    .member_list_department {margin-bottom: 12px;}
    .member_list li {width: 15%;margin-right: 2%;margin-bottom: 2%;}
    .member_list li:nth-child(9n) {margin-right:2%;}
    .member_list li:nth-child(6n) {margin-right:0;}
    .member_list .member_name p {font-size: 11px;}

    .project_view .jt_tag {margin-top: 30px;}

    .project_nav_inner .project_nav {padding:0 40px;}
    .project_nav_inner p span:last-child {display:none;}

    /* PROJECT AWARD */
    .award_card {padding: 8px;}
    .award_card li .award_card_item_inner {padding: 20% 0 44%;-webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, .5);box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, .5);}
    .award_card li .award_card_year {font-size: 15px;}
    .award_card li .award_card_desc span {font-size:13px;}
    .award_card li .award_card_desc span.award_card_grade {font-size:11px;}
    .award_card li img {height: 50px;}

    /* LOCATION */
    .location .here {margin-bottom: 40px;}
    .location .here > div p br {display: none;}

    .office_info {display:block;}
    .office_info .office {display:block; width:100%; padding-top:55px; padding-bottom:35px;}
    .office .office_name {margin-bottom:15px;}
    .office .office_name:before {top: -15px;}
    .office .contact_us {width:inherit; position:relative; bottom:inherit; left:inherit; margin:20px auto 0 auto;}
    .office .contact_us p {margin-bottom:5px;}
    .office .contact_us span {display:inline-block;}
    .office .contact_us a {display:inline-block; font-size:15px;}

    .location .team {width:100%; padding:60px 10% 30px 10%;}
    .location .team > div {position:relative; left:inherit; border:inherit; text-align:center;}
    .location .team .team_name {}
    .location .team a {display:inline-block;}
    .location .planning .team_name:before, .location .developer .team_name:before, .location .design .team_name:before {top:-35px; left:50%;}
    .location .planning .team_name:before {margin-left:-10px;}
    .location .developer .team_name:before {margin-left:-12px;}
    .location .design .team_name:before {margin-left:-11px;}

    .location .careers {padding-top: 60px;}
    .location .careers h2:before {top: -15px;}

    /* 404 */
    .error_404 .message_wrap nav a {width:135px; padding:0 25px; margin:0 0 0 10px;}
	.error_404 .message_wrap nav a:first-child {margin-left:0;}
	.error_404_goback:before {left:20px;}
	.error_404_gohome:before {right:20px;}
	.error_404 .swimming_man {right:26%; bottom:64.7%;}

    /* REQUEST */
    .request {padding: 0 0 23%;}

    .request_header {padding-bottom: 30px;}
    .request_form_listitem {padding: 20px 0 25px;}
    .request_form_listitem_service {padding-top: 25px;}

    .jt_form_listitem_project .jt_file_upload_button {width: 80px;padding: 0 4px;font-size: 14px;}
    .jt_form_listitem_project .jt_file_upload_button:after {display: none;}

    .jt_agree_check_request {padding: 10px 0px 25px 30px;}

	/* REQUEST PRIVACY */
	.request_privacy_header_title {font-size:22px;}
	.request_privacy_content h2 {font-size:16px;}
	.request_privacy_content p, .request_privacy_content ul > li {font-size:13px;}

    /* RECRUIT */
    .recruit {padding: 0 0 23%;}

    .recruit_header {padding-bottom: 30px;}
    .recruit_middle_br {display: none;}

    .recruit_form_listitem {padding: 20px 0 25px;}

    .jt_fieldset_recruit .jt_file_upload_button {width: 80px;padding: 0 4px;font-size: 14px;}
    .jt_fieldset_recruit .jt_file_upload_button:after {display: none;}

    /* CERTIFICATE */
    .certificate_header {padding-bottom: 30px;}
    .certificate_header_description br {display: none;}

    .certificate_group + .certificate_group {margin-top: 70px;}
    .certificate_year {margin-bottom: 17px;}
}



/* **************************************** *
 * MEDIA 414px
 * **************************************** */
@media (max-width: 414px) {
    /* REQUEST */
    .request_download_list { margin: -1%; }
    .request_download_listitem { width: 31.333%; margin: 1%; }
    .request_download_listitem a { padding: 24px 15% 20px; }
    .request_download_button { padding-left: 22px; }
}



/* **************************************** *
 * MEDIA 380px
 * **************************************** */
@media (max-width: 380px) {
    /* PROJECT VIEW */
    .member_list li {width: 18.5%;margin-right: 1.875%;margin-bottom: 1.875%;}
    .member_list li:nth-child(9n), .member_list li:nth-child(6n) {margin-right: 1.875%;}
    .member_list li:nth-child(5n) {margin-right: 0;}
}



/* **************************************** *
 * MEDIA 350px
 * **************************************** */
@media (max-width: 350px) {
    /* PROJECT AWARD */
    .award_card li .award_card_item_inner {padding: 20% 0 50%;}
    .award_card li img {margin: 15% 0 20%;}

    /* PROJECT VIEW */
    .project_header_txt > span {letter-spacing: 0.1em;}
}



/* **************************************** *
 * MEDIA HEIGHT 640px
 * **************************************** */
@media (max-height: 640px) {
	.error_404 .wave_wrap .wave_03 div {top:12%;}
}