@charset "utf-8";

/*
 * File       : sub.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) LOADMORE
 * 02) TAG
 * 03) PROJECT LIST
 * 04) BLOG LIST
 * 05) LOCATION
 * 06) RECRUIT
 * 07) CERTIFICATE
 * 08) SINGLE PROJECT
 * 09) SINGLE
 * 10) WORDPRESS CORE
 * 11) EMPTY SPACE
 * 12) BACKGROUND VIDEO SHORTCODE
 * 13) DEBUG
 */



/* **************************************** *
 * LOADMORE
 * **************************************** */
.jt_loadmore {margin-bottom: 100px;}
.jt_loadmore_inner {max-width: 160px;margin: 0 auto;padding: 20px 0;text-align: center;cursor: pointer;}
.jt_loadmore_inner span {display: block;position: relative;font-family: 'proxima';font-size: 14px;font-weight: 600;-webkit-transition: color 300ms;transition: color 300ms;}
.jt_loadmore_inner span.more {word-spacing: 3px;color: #222;}
.jt_loadmore_inner span.more:before {content: '\e901';font-family: 'jt-font';font-size: 15px;color: #222;position: absolute;top: -20px;left: 50%;margin-left: -7.5px;-webkit-transition: color 400ms;transition: color 400ms;}
.jt_loadmore_inner span.total_count {word-spacing: 2px;color: #757575;}
.jt_loadmore_inner span.total_loaded{ display:inline-block}
.jt_loadmore_inner:hover span.more, .jt_loadmore_inner:hover span.more:before {color: #0b21ee;}



/* **************************************** *
 * TAG
 * **************************************** */
.jt_tag {position: relative;}
.jt_tag > span {display: block;width: 55px;height: 22px;position: absolute;top: 0;left: 0;font-family: 'proxima';font-size: 14px;line-height: 22px;font-weight: 600;text-align: center;color: #fff;background: #222;border-radius: 10px;}
.jt_tag nav {display: block;padding-left: 56px;}
.jt_tag ul {width: 100%;font-size: 0;}
.jt_tag li {display: inline-block;margin-left: 9px;}
.jt_tag a {font-size: 14px;font-weight: 500;line-height: 1.6;color: #444;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_tag a:hover {color: #0b21ee;text-decoration: line-through;}



/* **************************************** *
 * PROJECT LIST
 * **************************************** */
.project {padding-top: 50px;}
.project:after {content: '';display: block;clear: both;}
.project_item {float: left;width: 50%;padding-top: 50%;position: relative;background: url(../images/sub/project/demo/project-strongegg.jpg) no-repeat center center;background-size: cover;overflow: hidden;}
.project_item_title {position: absolute;bottom: 5%;left: 6%;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 18px;font-weight: 600;text-transform: uppercase;color: #fff;z-index: 1;}
.project_item_detail {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;background: #0b21ee;background: rgba(11, 33, 238, .85);z-index: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 450ms;transition: opacity 450ms;}
.project_item_detail_table {display: table;width: 100%;height: 100%;}
.project_item_detail_cell {display: table-cell;width: 100%;vertical-align: middle;}
.project_item_detail p {padding: 9px 0 37px 0;position: relative;font-size: 16px;font-weight: 500;line-height: 1.625;letter-spacing: -0.02em;color: #fff;}
.project_item_detail p:after {content: '';display: block;width: 46px;height: 12px;position: absolute;left: 50%;margin-left: -50px;bottom: 0;background: url(../images/icon/icon-arrow-right.png) no-repeat center center;-webkit-transition: none;transition: none;}
.project_item:hover .project_item_detail {opacity: 1;visibility: visible;}
.project_item:hover .project_item_detail p:after {margin-left: -23px;-webkit-transition: all 300ms;transition: all 300ms;}
.project .jt_loadmore {clear: both;padding: 80px 0 60px;margin-bottom: 0;}



/* **************************************** *
 * BLOG LIST
 * **************************************** */
.blog_item {}
.blog_item a {display: block;}
.blog_item figure {position: relative;-webkit-transition: -webkit-transform 250ms;transition: -webkit-transform 250ms;transition: transform 250ms;transition: transform 250ms, -webkit-transform 250ms;}
.blog_item img {width: 100%;height: auto;vertical-align: top;}
.blog_item figure:before {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;z-index: -1;-webkit-transition: -webkit-transform 250ms;transition: -webkit-transform 250ms;transition: transform 250ms;transition: transform 250ms, -webkit-transform 250ms;}
.blog_item figure:after {content: '';display: block;width: 64px;height: 13px;position: absolute;bottom: 8%;left: -7.5%;background: url(../images/icon/icon-wave.png) no-repeat center center;opacity: 0;-webkit-transition: opacity 400ms;transition: opacity 400ms;}
.blog_item:hover figure {-webkit-transform: translate(-10px, -10px);-ms-transform: translate(-10px, -10px);transform: translate(-10px, -10px);}
.blog_item:hover figure:before {-webkit-transform: translate(20px, 20px);-ms-transform: translate(20px, 20px);transform: translate(20px, 20px);}
/* .blog_item:hover figure:after {opacity: 1;} */
.blog .blog_list > div:first-child + div + div + div {margin-top: 10%;}
.blog_itme_content {padding: 32px 0px 15px;}
.blog_itme_content.none_thumb {border-top: 4px solid #0b21ee;}
.blog_itme_content h2 {padding-bottom: 8px;font-size: 18px;line-height: 1.7;font-weight: 700;color: #222;}
.blog_itme_content h2 br {display: none;}
.blog_itme_content span {position: relative;font-family: 'proxima';font-size: 14px;font-weight: 700;color: #a9a9a9;color: rgba(34, 34, 34, .5);-webkit-transition: all 300ms;transition: all 300ms;}
.blog_itme_content span:after {content: '\e903';position: absolute;top: 0;right: -37px;font-family: 'jt-font';font-size: 16px;font-weight: normal;color: #a9a9a9;color: rgba(34, 34, 34, .5);-webkit-transition: all 300ms;transition: all 300ms;}
.blog_item:hover .blog_itme_content span {color: #444;}
.blog_item:hover .blog_itme_content span:after {color: #444;}

.blog_category {display: block;width: 125px;height: auto;position: fixed;top: 180px;right: 60px;}
.category_list li a {display: block;width: 100%;padding: 15px 0;position: relative;font-size: 14px;font-weight: 500;letter-spacing: 0.055em;color: #222;border-bottom: 1px solid #222;-webkit-transition: all 300ms;transition: all 300ms;}
.category_list li:first-child a {border-top: 1px solid #222;}
.category_list li a:before {display: block;width: 15px;height: 12px;position: absolute;top: 50%;left: 0px;margin-top: -6px;font-family: 'jt-font';content: '\e903';font-size: 14px;line-height: 1;color: #0b21ee;opacity: 0;visibility: hidden;-webkit-transition: all 150ms;transition: all 150ms;}
.category_list li:hover a, .category_list li.current-cat a {padding-left: 24px;color: #0b21ee;}
.category_list li:hover a:before, .category_list li.current-cat a:before {opacity: 1;visibility: visible;}



/* **************************************** *
 * LOCATION
 * **************************************** */
/* here icon */
.company_view_icon_wrap {width: 127px;height: 192px;position: absolute;bottom: 212px;right: 146px;overflow: hidden;}
.company_view_icon {width: 77px;height: 192px;position: absolute;right: -100px;top: 90px;-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}

/* Location motion top */
.character_image { position: relative; }
.character_image_inner { height: 380px; }

/* Location motion bottom */
.location .careers { overflow: hidden; }
.careers .careers_motion_wrap {position: relative;width: 100%;margin-top: 60px;}
.careers .character_slide_dance {display: inline-block;position: relative;overflow: inherit;height: 270px;cursor: move;}



/* **************************************** *
 * RECRUIT
 * **************************************** */
/* recruit header */
.recruit {padding: 45px 0 120px;}
.recruit_header {position: relative;padding-bottom: 50px; font-size: 0; line-height: 1;}
.recruit_header:after {content: '';display: table;clear: both;}
.recruit_txt {/* float: left;width: 50%; */ display: inline-block; vertical-align: top; width: calc(100% - 512px);}
.recruit_header_title {margin: 53px 0 25px -4px;font-size: 60px;font-weight: 300;letter-spacing: -0.075em;line-height: 1.2;}
.recruit_header_description, .recruit_header_description_email {font-size: 14px;font-weight: 500;line-height: 2.15;}
.recruit_header_description_email a { color: #222; border-bottom: 1px solid #666; }
.recruit_header_description_email a:hover { color: #0b21ee; border-bottom-color: #0b21ee; }

.recruit_illust {/* float: left;width: 50%; */ display: inline-block; vertical-align: top; width: 512px; cursor: url(../images/layout/cursor-hand.png),auto; position: relative;}
.recruit_illust img {display: none;height: auto;width: 100%;max-width: 517px;margin: 0 auto;vertical-align: top;}
.recruit_illust #animation_container {margin: 0 auto;}

/* recruit form */
.jt_fieldset_recruit .wpcf7-list-item {margin: 0;}

.recruit_form_list {border: solid #222;border-width: 4px 0 4px;}
.recruit_form_listitem {position: relative;padding: 35px 0 40px;}
.recruit_form_field:after {content: '';display: table;clear: both;}
.recruit_form_field > li {float: left;width: 100%;margin-top: 27px;}
.recruit_form_field > li.recruit_form_field_half {width: 50%;}
.recruit_form_title {margin-bottom: 35px;font-size: 18px;font-weight: 700;letter-spacing: 0.06em;}
.recruit_form_required_text {font-size: 14px;font-weight: 700;color: #ed1a1a;}
.recruit_form_header {margin-bottom: 35px;}
.recruit_form_header .recruit_form_title {display: inline-block;margin-bottom: 0;}
.recruit_form_header .recruit_form_required_text {display: inline-block;}
.jt_form_field_recruit {width: 100%;height: 58px;background: #FFFFFF;}

.recruit_form_listitem_category {border-bottom: 1px solid #222;}
.recruit_form_listitem_category .recruit_form_field > li {width: 25%;margin-top: 0;}
.recruit_form_listitem_category .jt_label {display: block;padding: 0;cursor: pointer;}

.recruit_form_listitem_info .jt_label {margin-bottom: 8px;padding: 0;font-weight: 700;color: #222;}
.recruit_form_field > li.recruit_form_field_name, .recruit_form_field > li.recruit_form_field_email {padding-right: 3%;}
.recruit_form_field > li.recruit_form_field_tel, .recruit_form_field > li.recruit_form_field_date {padding-left: 3%;}
.recruit_form_field > li.recruit_form_field_name, .recruit_form_field > li.recruit_form_field_tel {margin-top: 0;}

.jt_fieldset_recruit .jt_file_upload_wrapper {position: relative;}
.jt_fieldset_recruit .jt_file_upload_input {width: 100%;}
.jt_fieldset_recruit .jt_file_upload_button {font-family: 'NotoSansKR', sans-serif; position: absolute; top: 0; right: 0; width: 170px; height: 100%; margin: 0; padding-right: 47px; border-radius: 0 3px 3px 0; line-height: 56px; padding-top: 0;padding-bottom: 0;}
.jt_fieldset_recruit .jt_file_upload_button:after { font-family: 'jt-font'; font-size: 19px; line-height: 1; position: absolute; top: 50%; right: 25px; display: block; width: 19px; height: 19px; margin-top: -10px; content: '\e909'; }

.jt_fieldset_recruit .your-memo {height: 230px;}

.recruit_form_submit {position: relative;}

.jt_fieldset_recruit .icheckbox_minimal, .jt_fieldset_recruit .iradio_minimal {position: relative !important;top: 0;left: 0;}
.jt_fieldset_recruit .icheckbox_minimal:focus, .jt_fieldset_recruit .iradio_minimal:focus {outline: 1px solid #0b21ee;}

.jt_agree_check_recruit {padding: 35px 0px 35px 0;text-align: left;word-break: keep-all;}
.jt_agree_check_recruit .jt_label_agree {display: inline-block;cursor: pointer;}
.jt_agree_check_recruit_anchor {padding-bottom: 3px;border-bottom: 1px solid #0b21ee;}
.jt_agree_check_recruit_anchor:hover {color: #222;border-bottom-color: #222;}

input.jt_btn_submit_recruit {font-size: 16px;font-weight: 700;position: relative;width: 234px;padding: 12.5px 10px;color: #222;border: 2px solid #222;border-radius: 3px;background: #fff;}
input.jt_btn_submit_recruit:hover { color: #0b21ee; border-color: #0b21ee; }

.wpcf7-form.sent .jt_form_control, .wpcf7-form.invalid .jt_form_control {padding-top: 100px;}
.wpcf7-form.sent .jt_form_control .ajax-loader, .wpcf7-form.invalid .jt_form_control .ajax-loader {margin-top: 43px;}
.jt_form_field_recruit.wpcf7-file.wpcf7-not-valid + .jt_file_upload_input, .jt_form_field_recruit.wpcf7-not-valid, .jt_form_field_request.wpcf7-not-valid {border-color: #ed1a1a;}

.wpcf7-list-item-label {display: inline;padding-left: 9px;vertical-align: middle;}
.recruit .wpcf7-list-item-label {display: inline-block;}

.recruit_form_overlay {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;background: rgba(255, 255, 255, .7);}

/* motion - 준비중 */
/*.recruit_illust_wrap {max-width: 517px;margin: 0 auto;position: relative;}*/
/*.recruit_illust_motion_hand {width: 21px;height: 40px;position: absolute;top: 26%;right: 35%;background: url(../images/sub/recruit/recruit-motion-hand.png) no-repeat center center;}*/



/* **************************************** *
 * CERTIFICATE
 * **************************************** */
body.page-template-certificate .main_container {position: relative;}
.certificate_firecracker {position: absolute;z-index: 1;top: 0;}
.certificate_firecracker img {vertical-align: middle;}

.certificate {padding-top: 29px;}

/* certificate header */
.certificate_header {padding-bottom: 12px;position: relative;font-size: 0;line-height: 1;}
.certificate_txt {display: inline-block;vertical-align: top;width: calc(100% - 550px);}
.certificate_header_title {margin: 158px 0 29px -4px;font-size: 0;}
.certificate_header_title > span {display: inline-block;vertical-align: middle;font-size: 60px;font-weight: 300;letter-spacing: -0.075em;line-height: 1.2;}
.certificate_header_title > span > i {font-style: normal;}
.certificate_header_title > sup {display: inline-block;vertical-align: text-bottom;padding-left: 10px;padding-bottom: 3px;font-family: 'proxima';font-size: 20px;font-weight: 600;line-height: 1.2;}
.certificate_header_description {font-size: 14px;font-weight: 500;line-height: 2.15;}
.certificate_illust {display: inline-block;vertical-align: top;width: 550px;position: relative;}
.certificate_illust_inner {position: relative;}
.certificate_illust_figure {position: relative;overflow: hidden;}
.certificate_illust_bg {max-width: 100%;height: auto;vertical-align: middle;position: relative;}
.certificate_illust_bubble {display: none;position: absolute;top: 29px;left: 90px;}
.certificate_illust_txt {display: none;width: 92px;height: auto;position: absolute;left: 38%;top: 38%;}

/* certificate body */
.certificate_body {position: relative;z-index: 2;}
.certificate_list {margin-bottom: 84px;}
.certificate_group {position: relative;}
.certificate_group + .certificate_group {margin-top: 160px;}

.certificate_year {width: 120px;position: absolute;top: -5px;left: -152px;font-family: 'proxima';font-size: 0;}
.certificate_year > span {display: inline-block;vertical-align: middle;font-size: 36px;line-height: 1;font-weight: 600;color: #222;}
.certificate_year > sup {display: inline-block;vertical-align: text-bottom;padding-left: 8px;padding-bottom: 3px;font-size: 14px;line-height: 1;font-weight: 600;color: #222;}

.certificate_data {position: relative;}
.certificate_data > li {position: relative;border-bottom: 1px solid #222;}
.certificate_data > li:first-child {border-top: 4px solid #222;}
.certificate_item {display: table;width: 100%;min-height: 136px;}
.certificate_item > div {display: table-cell;vertical-align: middle;padding-top: 35px;padding-bottom: 36px;font-size: 16px;letter-spacing: -0.025em;font-weight: 500;color: #222;}

.certificate_project {padding-right: 60px;}
.certificate_project p > span {position: relative;border-bottom: 1px solid transparent;transition: border .3s;}

.certificate_type {width: 35px;}
.certificate_type_symbol {display: block;width: 35px;height: 35px;background: no-repeat center center;background-size: cover;}
.certificate_type.type_naward .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_01.png);}
.certificate_type.type_daa .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_02.png);}
.certificate_type.type_webaward .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_03.png);}
.certificate_type.type_awwwd .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_04.png);}

.certificate_grade {width: 250px;padding-left: 60px;padding-right: 20px;}
.certificate_grade span {display: block;font-size: 13px;line-height: 1.61;color: #666;}

.certificate_thumb {max-width: 350px;position: absolute;top: 60%;left: 40%;z-index: -1;opacity: 0;visibility: hidden;}
.certificate_thumb img {display: block;max-width: 100%;height: auto;}
.certificate_thumb.circle, .certificate_thumb.circle img {border-radius: 50%;}

html.desktop a.certificate_item:hover .certificate_project p > span {border-bottom-color: #222;}



/* **************************************** *
 * SINGLE PROJECT
 * **************************************** */
/* HEADER */
.single-projects .logo_primary {opacity: 0;visibility: hidden;}
.single-projects .logo_secondary {opacity: 1;visibility: visible;}

.single-projects .header_typo span {color: #fff;}

.single-projects .small_menu_btn {background: transparent;border-color: #fff;}
.single-projects .small_menu_btn_line {background: #fff;}
.single-projects .small_menu_btn_text_open {color: #fff;}

.single-projects .minimize .header_typo {opacity: 1;}

/* HEADER MINIMIZE */
.project_minimize .logo_primary {opacity: 1;visibility: visible;}
.project_minimize .logo_secondary {opacity: 0;visibility: hidden;}

.project_minimize .header_typo span {color: #bbb;}

.project_minimize .small_menu_btn {background: #fff;border-color: #222;}
.project_minimize .small_menu_btn_line {background: #333;}
.project_minimize .small_menu_btn_text_open {color: #333;}

.project_minimize.minimize .header_typo {opacity: 0;}

/* PROJECT LAYOUT */
.single-projects .main_container {padding-top: 0;}
.single-projects #footer {background: #fff;}

/* PROJECT HEADER */
.project_header {width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
.project_header_bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: no-repeat center center;background-size: cover;}
/*.project_header_bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);}*/
.project_header_teble {display: table;width: 100%;height: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.project_header_cell {display: table-cell;width: 100%;vertical-align: middle;}
.project_header_txt {}
.project_header_txt > span {display: block;position: relative;font-family: 'proxima';font-size: 66px;font-weight: 600;letter-spacing: 1em;line-height: 1.6;color: #ddd;word-break: break-all;}
.project_header_txt_02 {text-align: right;}
.project_header .scroll_down {display: block;height: 37px;width: 60px;position: absolute;left: 50%;margin-left: -30px;bottom: 40px;font-size: 0;cursor: pointer;-webkit-transition: none;transition: none;}
.project_header .scroll_down:after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-family: 'jt-font';content: '\e924';font-size: 37px;text-align: center;line-height: 37px;color: #fff;}

/* PROJECT OVERVIEW */
.project_meta_name {display: block;padding-bottom: 20px;font-family: 'proxima';font-size: 18px;font-weight: 600;line-height: 1.25;letter-spacing: 0.02em;color: #cecece;}
.project_view .project_meta_wrap p b, .project_view .project_meta_wrap p strong {background: #fffd7f;}

/* PROJECT BODY */
.project_body {position: relative;margin-top: 100vh;background: #fff;}

/* PROJECT AWARD */
.award_card {width: 100%;margin: 72px 0 60px;padding: 92px 0;background: url(../images/sub/project_view/award-card-bg.jpg) no-repeat center center;background-size: cover;}
.award_card ul {width: 100%;font-size: 0;text-align: center;}
.award_card li {display: inline-block;width: 250px;height: 400px;margin: 45px 45px;vertical-align: top;background: no-repeat left top;background-size: cover;}
.award_card li .award_card_item_inner {position: relative;width: 100%;height: 100%;padding: 20% 0;border: 1px solid rgba(255, 255, 255, .05);-webkit-box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5);box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5);}
.award_card li img  {margin: 22% 0 34%;vertical-align: top;}
.award_card li .award_card_year {font-family: 'proxima';font-size: 18px;font-weight: 600;letter-spacing: 0.24em;text-align: center;color: #fff;}
.award_card li .award_card_desc {width: 100%;padding: 0 12px;text-align: center;}
.award_card li .award_card_desc span {display: block;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 600;letter-spacing: 0.006em;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .19);}
.award_card li .award_card_desc span.award_card_grade {padding-top: 8px;font-size: 14px;font-weight: 500;color: #ccc;}
/*.award_card li.award_card_web_award_korea {background-image: url(../images/sub/project_view/award-card-webaward-bg.jpg);}*/
/*.award_card li.award_card_design_awards {background-image: url(../images/sub/project_view/award-card-designawards-bg.jpg);}*/

/* CONTENT */
.project_view .jt_project_detail > *:first-child {margin-top: 0;}
.project_view .jt_project_detail > *:last-child {margin-bottom: 60px;}

.jt_project_detail h2 {max-width: 700px;margin: 0 auto 26px;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 26px;font-weight: 600;text-align: left;line-height: 1.45;color: #222;}
.jt_project_detail p {max-width: 700px;margin: 0 auto 20px;font-size: 15px;font-weight: 500;text-align: left;line-height: 2.2;color: #444;}
.jt_project_detail p:empty {display: none;}
.jt_project_detail p em {font-weight: 500;background: #fffd7f;}
.jt_project_detail p strong {font-size: 20px;font-weight: 600;color: #222;}
.jt_project_detail blockquote {max-width: 700px;margin: 17px auto;padding: 10px 0;position: relative;text-align: left;}
.jt_project_detail blockquote p {display: inline;margin: 0;font-size: 18px;line-height: 1.7;color: #222;}
.jt_project_detail blockquote:before, .jt_project_detail blockquote:after {font-family: 'jt-font';font-size: 21px;font-style: normal;font-weight: normal;line-height: 1;color: #222;}
.jt_project_detail blockquote:before {content: '\e950';position: absolute;left: -39px;top: 3px;}
.jt_project_detail blockquote:after {content: '\e951';display: inline-block;vertical-align: text-bottom;margin: 0 0 -10px 17px;}
.jt_project_detail .wp-caption {margin: 160px auto;}
.jt_project_detail .wp-caption p.wp-caption-text {margin-top: 30px;margin-bottom: 0;font-size: 15px;text-align: center;color: #444;}
.project_view .jt_project_detail .wp-caption img {margin: 0;}

.jt_interview_wrap {max-width: 700px;margin: 80px auto;position: relative;}
.jt_interview_answer {position: relative;}
.jt_interview_answer + .jt_interview_answer {margin-top: 65px;}
.jt_project_detail .jt_interview_txt > * {max-width: inherit;}
.jt_project_detail .jt_interview_txt > *:last-child:not(blockquote) {margin-bottom: 0;}
.project_view .jt_project_detail .jt_interview_answer img {display: inline-block;vertical-align: middle;margin: 0;}
.jt_interview_people {width: 60px;position: absolute;top: 9px;left: -109px;}
.jt_interview_people figure {border: 4px solid #0901fe;border-radius: 50%;overflow: hidden;}
.jt_interview_people span {display: block;margin-top: 8px;font-size: 13px;font-weight: 600;line-height: 1.4;word-break: keep-all;color: #222;}

.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: 80px;}

.jt_project_detail .jt_icondesign_list_wrap + h2,
.jt_project_detail .jt_gif_gallery + h2,
.jt_project_detail p + h2 {margin-top: 160px;}

/* AVATAR */
.member_list_wrap {margin-top: 47px;}
.member_list_department {display: block;margin-bottom: 16px;font-size: 18px;font-weight: 600;letter-spacing: -0.025em;color: #222;}
.member_list + .member_list_department {margin-top: 42px;}
.member_list {width: 100%;font-size: 0px;}
.member_list li {display:inline-block;width: 70px;margin-bottom:8px;margin-right: 8px;vertical-align:top;position: relative;}
.member_list li:nth-child(9n) {margin-right: 0;}
.member_thumb {position: relative;}
.member_thumb img {width: 100%;height: auto;}
.member_name {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #0901fe;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.member_name_table {display: table;width: 100%;height: 100%;}
.member_name_table_cell {display: table-cell;width: 100%;vertical-align: middle;}
.member_list .member_name p {font-size: 13px;line-height: 1.2;font-weight: 600;text-align: center;color: #fff;}
.member_role {display: block;padding-top: 8px;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 13px;font-weight: 500;text-align: center;word-break: break-all;color: #222;}
.member_list li:hover .member_name {opacity: 1;}

/* BUTTON */
.project_btn_wrap {max-width:700px;margin: 0 auto;text-align: left;}
.project_btn {display: inline-block;margin-top: 33px;padding: 13px 32px;position: relative;font-size: 14px;line-height: 2.2;color: #fff;background: #0b21ee;border: 2px solid #0b21ee;border-radius: 3px;}
.project_btn:hover {background: #fff;color: #0b21ee;}

/* VIDEO */
.video_container {position: relative;width: 100%;max-width: 1400px;margin: 60px auto;padding: 160px 0;}
.video_container_bg {width: 100%;height: 645px;position: absolute;top: 0;left: 0;background: #D5CCBD no-repeat center center;background-size: cover;}
.video_wrap {width: 100%;max-width: 1100px;height: auto;margin: 0 auto;padding: 40px 40px;position: relative;background: #f4f4f4;border-radius: 28px;}
.video_wrap:after {content: '';display: block;width: 532px;height: 167px;position: absolute;bottom: -167px;left: 50%;margin-left: -266px;background: url(../images/sub/project_view/project-video-pc.png) no-repeat center center;}
.video_wrap video {display: block;width: 100%;height: auto;}

/* IFRAME VIDEO */
.iframe_video_container {position: relative;width: 100%;max-width: 1400px;margin: 160px auto;padding: 160px 0;}
.iframe_video_container_bg {width: 100%;height: 645px;position: absolute;top: 0;left: 0;background: #D5CCBD no-repeat center center;background-size: cover;}
.iframe_video_wrap {width: 100%;max-width: 1100px;height: auto;margin: 0 auto;padding: 40px 40px;position: relative;background: #f4f4f4;border-radius: 28px;}
.iframe_video_wrap:after {content: '';display: block;width: 532px;height: 167px;position: absolute;bottom: -167px;left: 50%;margin-left: -266px;background: url(../images/sub/project_view/project-video-pc.png) no-repeat center center;}
.iframe_video_wrap_inner {position: relative; width: 100%; height: auto; padding-top: 56.25%;}
.iframe_poster, .iframe_support, .iframe_video_wrap_inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
/*.iframe_video_wrap_inner iframe {opacity: 0;visibility: hidden;}*/
.iframe_support {display: none;}
.iframe_video_wrap .iframe_video_wrap_inner .iframe_support img,
.iframe_video_wrap .iframe_video_wrap_inner .iframe_poster img {width: 100%;height: 100%;margin: 0;}

/* SLIDER */
.jt_project_slider_wrap {max-width: 1400px;margin: 160px auto;position: relative;}
.project_slider_control {width: 100%;height: 79px;position: absolute;top: 50%;margin-top: -39.5px;}
.project_slider_control > div {position: absolute;width: 79px;height: inherit;background: #fff;border-radius: 50%;z-index: 100;-webkit-transition: background 300ms;transition: background 300ms;cursor: pointer;}
.project_slider_control span {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
.project_slider_control span:after {font-family: 'jt-font';font-size: 18px;font-style: normal;font-weight: normal;text-align: center;line-height: 79px;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}
.project_slider_prev {left: 40px;}
.project_slider_prev span:after {content: '\e902';}
.project_slider_next {right: 40px;}
.project_slider_next span:after {content: '\e903';}
.project_slider_control > div:hover {background: #222;}
.project_slider_control > div:hover span:after {color: #fff;}
.jt_project_slider {width: 100%;position: relative;}
.jt_project_slider_wrap .jt_project_slider li img {width: 100%;margin: 0;}

/* ICONDESIGN LIST */
.jt_icondesign_list_wrap {max-width: 1100px;margin: 80px auto;position: relative;overflow: hidden;}
.jt_icondesign_list {width: 100%;position: relative;}
.jt_icondesign_list:after {content: '';display: table;clear: both;}
.jt_icondesign_item {float: left;width: 100%;margin-top: 28px;}
.project_view .jt_project_detail .jt_icondesign_item img {display: inline-block;margin: 0;vertical-align: middle;}

/* GIF GALLERY LIST */
.jt_gif_gallery {max-width: 890px;margin: 80px auto;position: relative;overflow: hidden;}
.jt_gif_gallery_list {width: 100%;position: relative;}
.jt_gif_gallery_list:after {content: '';display: table;clear: both;}
.jt_gif_gallery_item {float: left;width: 100%;margin-top: 32px;}
.jt_gif_gallery_item figure {display: block;margin: 0 auto;position: relative;overflow: hidden;border-radius: 50%;}
.project_view .jt_gif_gallery_item figure img {height: auto;margin: 0;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);vertical-align: middle;}

/* GIF GALLERY LIST - mymallbox */
.gif_gallery_mymallbox .jt_gif_gallery_item {width: 25%;}
.gif_gallery_mymallbox .jt_gif_gallery_item figure {width: 190px;height: 190px;background: #f9f9f9;}
.gif_gallery_mymallbox .jt_gif_gallery_item figure img {width: 60%;-webkit-transform: translate(-50%, -57%);-ms-transform: translate(-50%, -57%);transform: translate(-50%, -57%);}
.gif_gallery_mymallbox .jt_gif_gallery_item_01,
.gif_gallery_mymallbox .jt_gif_gallery_item_02,
.gif_gallery_mymallbox .jt_gif_gallery_item_03,
.gif_gallery_mymallbox .jt_gif_gallery_item_04 {margin-top: 0;}
.gif_gallery_mymallbox .jt_gif_gallery_item_01 figure,
.gif_gallery_mymallbox .jt_gif_gallery_item_04 figure {background: #f3f3f3;}
.gif_gallery_mymallbox .jt_gif_gallery_item_01 figure img {width: 75%;-webkit-transform: translate(-50%, -56%);-ms-transform: translate(-50%, -56%);transform: translate(-50%, -56%);}
.gif_gallery_mymallbox .jt_gif_gallery_item_02 figure img {width: 80%;}
.gif_gallery_mymallbox .jt_gif_gallery_item_03 figure img {width: 75%;-webkit-transform: translate(-50%, -56%);-ms-transform: translate(-50%, -56%);transform: translate(-50%, -56%);}
.gif_gallery_mymallbox .jt_gif_gallery_item_04 figure img {width: 75%;}



/* **************************************** *
 * SINGLE
 * **************************************** */
.single-post #footer {background: #f1f1f1;}

/* WRAP */
.single_view {}
.single_view img {max-width: 100%;height: auto;vertical-align: middle;}
.single_inner_wrap {max-width: 700px;margin:0 auto;position: relative;}

/* WAVE LINE */
.single_wave_line {width: 100%;height: 10px;}
.single_wave_line svg, .single_wave_line img {display: block;margin: 0 auto;vertical-align: top;}

/* TAG */
.blog_view .jt_tag {margin-top: 60px;}

/* COMMENTS */
.comments_container {padding-top: 50px;padding-bottom: 150px;}

/* 더보기 */
.other_story {padding: 110px 0 98px;background: #f1f1f1;}
.other_story p {padding: 19px 0 75px;font-size: 18px;font-weight: 500;text-align: center;color: #222;}
.other_story .jt_loadmore {margin-bottom: 0;}

/* SINGLE HEADER */
.single_content_header {padding: 89px 0 8px;text-align: center;}
.single_content_header h1 {padding: 21px 0;font-size: 40px;font-weight: 600;line-height: 1.25;color: #222;}
.title_wave_line {display: none;}
.title_wave_line svg, .title_wave_line img {display: block;margin: 0 auto;vertical-align: top;}
.single_content_meta {padding-top: 18px;font-size: 0;}
.single_content_meta span {display: inline-block;padding-left: 45px;position: relative;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 15px;font-weight: 600;line-height: 22px;color: #444;}
.single_content_meta span:before {content: '';display: block;width: 7px;height: 11px;position: absolute;top: 50%;margin-top: -5.5px;left: 15px;background: url(../images/icon/icon-slash.png) no-repeat center center;}
.single_content_meta span:first-child {padding-left: 0;}
.single_content_meta span:first-child:before {display: none;}
.single_excerpt p {padding-top: 18px;font-size: 15px;font-weight: 500;line-height: 1.7;color: #444;}

/* SHARE */
.jt_content_share {padding: 30px 0;font-size: 0;text-align: center;}
.jt_content_share .share_sns {display: inline-block;width: 54px;height: 54px;margin: 0 6px;position: relative;vertical-align: middle;font-size: 0;background: #fff;border: 1px solid #222;border-radius: 50%;-webkit-transition: 400ms;transition: 400ms;}
.jt_content_share .share_sns:before {content: '';display: block;width: 54px;height: 54px;position: absolute;top: 50%;left: 50%;margin-left: -27px;margin-top: -27px;border-radius: 50%;z-index: -1;-webkit-transition: all 0.3s;transition: all 0.3s;}
.jt_content_share .share_sns:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 20px;line-height: 54px;text-align: center;font-style: normal;color: #222;}
.jt_content_share .share_sns.share_facebook:after {content: '\e90c';}
.jt_content_share .share_sns.share_google:after {content: '\e90d';}
.jt_content_share .share_sns.share_twitter:after {content: '\e90f';}
.jt_content_share .share_sns.share_pinterest:after {content: '\e90e';}
.jt_content_share .share_sns:hover {background: #fffc00;border-color: #fffc00;-webkit-transition: 0ms;transition: 0ms;}
.jt_content_share .share_sns:hover:before {width: 97px;height: 97px;margin-left: -48.5px;margin-top: -48.5px;background: #fffc00;}

/* AVATAR */
.avatar_info {text-align: center;}
.avatar_info p {padding: 12px 0 26px;font-family: 'proxima', 'NotoSansKR', sans-serif;font-size: 15px;font-weight: 600;color: #444;}
.avatar_info figure {width: 132px;height: 132px;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.avatar_info figure img {width: 100%;height: 100%;vertical-align: middle;}

/* VIEW */
.single_content_view {padding-top: 55px;padding-bottom: 69px;}
.single_content_view a {font-size: 16px;color: #0b21ee;text-decoration: none;word-break: break-all;border-bottom: 1px solid #ddd;-webkit-transition: all 300ms;transition: all 300ms;}
.single_content_view a:hover {border-color: #0b21ee;}

.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,
.single_content_view blockquote,
.syntaxhighlighter_wrap,
.single_content_view pre.notranslate {max-width:700px;margin-left:auto;margin-right:auto;}
.single_content_view > img {max-width:100%; margin-left:auto; margin-right:auto; display:block;}

.single_content_view h2 {margin-top: 72px; margin-bottom: 32px; font-size: 36px; line-height: 1.45; font-weight: 600; color: #222;}
.single_content_view h3 {margin-top: 56px; margin-bottom: 16px; font-size: 24px; line-height: 1.35; font-weight: 600; color: #222;}
.single_content_view h4 {font-size: 16px; line-height: 1.8; font-weight: 600; color: #222;}
.single_content_view p {margin-bottom:28px;font-size: 16px; line-height: 1.8; font-weight: 400; color: #444;}
.single_content_view img {margin-bottom: 44px; margin-top: 44px; padding: 0; vertical-align: middle;}
.single_content_view a img {display: block;}
.single_content_view b, .single_content_view strong {font-weight: bold;}
.single_content_view i, .single_content_view em {font-style:italic;}
/*.single_content_view blockquote {margin-bottom: 32px;padding-left: 20px;border-left: 1px solid #666;border-left: 1px solid rgba(102, 102, 102, 0.7);}*/
/*.single_content_view blockquote p {padding-bottom: 0;font-size: 15px;line-height: 1.87;font-weight: 400;color: #666;}*/
.single_content_view code { background: #f8f8f8; padding: 10px 15px; margin: 3px 0px; display: inline-block;  color: #333; font-family: 'NotoSansKR', sans-serif; font-size: 15px; border: 1px solid #ddd; display:block; word-break: break-all;}

.single_content_view ul, .single_view_content ol {margin-bottom: 33px;}
.single_content_view li {position: relative;font-size: 16px;font-weight: 400;line-height: 1.65; padding-bottom: 10px;letter-spacing: -0.025em;color: #222;}
.single_content_view li:last-child {padding-bottom: 0;}
.single_content_view ul li {padding-left: 13px;}
.single_content_view ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 11px;left: 0;background: #222;border-radius: 50%;}
.single_content_view blockquote {font-size: 16px; margin-bottom: 33px;padding: 2px 0 2px 30px;border-left: 5px solid #222;}
.single_content_view blockquote p {margin: 0;font-style: italic;letter-spacing: -0.025em;color: #222;}

.single_content_view .single_inner_wrap p {padding-bottom: 34px;}
.single_content_view .single_inner_wrap p:empty {padding-bottom: 0;}

.js_popup_media {cursor: -webkit-zoom-in;cursor: zoom-in;}

.jt_embed_video_container {max-width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 40px;margin-top: 40px;}
.jt_embed_video_container_inner {position: relative;width: 100%;padding-top: 56.25%;}
.jt_embed_video_container iframe[src*="youtube"],
.jt_embed_video_container iframe[src*="vimeo"] {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

/* syntaxhighlighter fail style */
pre.notranslate{ background:whitesmoke; color:#444; padding:15px; border:1px solid #e4e4e4}



/* **************************************** *
 * WORDPRESS CORE
 * **************************************** */
/* ALIGN */
.alignnone, .alignright, .alignleft, .aligncenter {display: block;margin: auto;}

/* CAPTION */
.wp-caption {background: #fff;max-width: 100%; text-align: center;}
.wp-caption img {width: auto;height: auto;max-width: 100%;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {padding-bottom: 0; margin-top:-30px; margin-bottom:40px; font-size: 14px;line-height: 1.2;color: #777;}



/* **************************************** *
 * EMPTY SPACE
 * **************************************** */
.jt_empty_space {display: block;height: 40px;max-width: 700px;margin-left: auto;margin-right: auto;}



/* **************************************** *
 * BACKGROUND VIDEO SHORTCODE
 * **************************************** */
.jt_video_wrap {max-width: 1903px;margin-left: auto;margin-right: auto;margin-bottom: 60px;margin-top: 60px;}
.jt_video_container {position: relative;width: 100%;padding-top: 56.25%;}
.jt_video_container iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
.jt_video_poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.jt_video_wrap .jt_video_poster .jt_video_poster_img {display: block;width: 100%;margin: 0;}



/* **************************************** *
 * DEBUG
 * **************************************** */
@media (min-width: 1461px) {
    /* header debugging (header가 유지될 경우 본문 컨텐츠 클릭안됨) */
    #header {-webkit-transition: none;transition: none;}
    #header.minimize {height: 0;padding-top: 0;}
    #header.minimize .header_inner {height: 0;}

    #logo {-webkit-transition: none;transition: none;}
    #header.minimize #logo {top: 32px;}

    #small_menu_btn_wrap {-webkit-transition: none;transition: none;}
    #header.minimize #small_menu_btn_wrap {top: 32px;}

    .header_typo {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
    #header.minimize .header_typo {top: 32px;}
}

@media (min-width: 1801px) {
    /* header debugging (header가 유지될 경우 본문 컨텐츠 클릭안됨) */
    #header.minimize #logo {top: 60px;}
    #header.minimize #small_menu_btn_wrap {top: 60px;}
    #header.minimize .header_typo {top: 60px;}
}

@media (min-width: 769px){
    /* 프로젝트 헤드비쥬얼 cover 제거 : 스마트로, 스트롱에그, 마이몰, LG */
    /*
    .postid-687015 .project_header_bg,
    .postid-687047 .project_header_bg,
    .postid-687046 .project_header_bg,
    .postid-687044 .project_header_bg {background-size: auto;}
    */
}