@charset "utf-8";

/*
 * File    : components.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 공통 컴포넌트 — 폼/그리드/리스트/영상/공유 등 페이지 공용 UI
 */

.hide.loading_people_text, .hide.loading_people_primary, .loading_people_secondary, .loading_people_third {opacity: 0;}
.show.loading_people_secondary, .show.loading_people_third {opacity: 1;}

.jt_btn {display: inline-block;min-width: 100px;padding: 6px 22px;font-size: 15px;font-weight: 400;line-height: 1.95;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius: 3px;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
/* size */
.jt_btn_small {min-width: 80px;padding: 1px 12px;}
.jt_btn_large {padding: 7px 42px;}
/* block */
.jt_btn_block {display: block;width: 100%;}
/* basic-style */
.jt_btn_primary {color: #fff;background: #777;}
.jt_btn_primary:hover {color: #fff;background: #9a9a9a;}
.jt_btn_secondary {color: #fff;background: #bbb;}
.jt_btn_secondary:hover {color: #fff;background: #777;}
.jt_btn_point {color: #fff;background: var(--c-primary);}
.jt_btn_point:hover {color: #fff;}
/* outline-style */
.jt_btn_outline_primary {color: #777;background-image: none;background-color: #fff;border-color: #777;}
.jt_btn_outline_primary:hover {color: #fff;background-color: #777;}
.jt_btn_outline_point {color: var(--c-primary);background-image: none;background-color: #fff;border-color: var(--c-primary);}
.jt_btn_outline_point:hover {color: #fff;background-color: var(--c-primary);}
/* legend */
.jt_legend {display: block;width: 100%;font-size: 15px;font-weight: 400;color: #666;}
/* label */
.jt_label {display: inline-block;padding-bottom: 4px;padding-right: 4px;position: relative;vertical-align: middle;font-size: 14px;font-weight: 500;color: #444;}
.jt_label_required:after {content: '*';display: inline-block;padding-left: 4px;vertical-align: middle;font-size: 15px;font-weight: 400;color: #ff0000;}
/* 필수입력 마크 */
i.jt_required_symbol {font-style: normal;color: #ff0000;}
/* input */
.jt_form_field {display: inline-block;width: 390px;height: 43px;padding: 8px 12px;vertical-align: middle;font-size: 15px;color: #777;background: #f8f8f8;border: 2px solid #ddd;border-radius: 3px;}
.jt_form_field:focus {border-color: #222;}
textarea.jt_form_field {height: 200px;overflow: auto;resize: none;}
/* input block */
.jt_form_block_field {display: block;}
/* input block + width:100% */
.jt_form_full_field {display: block;width: 100%;}
/* file 커스텀 */

/* checkbox, radio */
.jt-checkbox, .jt-radiobox { display: block; position: relative; font-size: 0;}
.jt-checkbox input, .jt-radiobox input { position: absolute; opacity: 0; }
.jt-checkbox label, .jt-radiobox label { display: inline-block; padding: 0px 0 0px 28px; width: 100%; margin-right: 25px; position: relative; font-size: 14px; line-height: 1.46; color: #444; font-weight: 500;}
.jt-checkbox label:last-child, .jt-radiobox label:last-child { margin-right: 0; }
.jt-checkbox label > span:not(.request_form_required_text):before { content: ''; display: block; height: 20px; width: 20px; position: absolute; top: 2px; left: 0px; border-radius: 3px; border: 2px solid #ddd; -webkit-transition: border .3s, background .1s; transition: border .3s, background .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jt-checkbox label > span:not(.request_form_required_text):after { width: 10px; height: 7px; left: 5px; top: 9px; background: url(../images/sub/recruit/recruit-check.svg) no-repeat; background-size: 10px 7px;}
.jt-radiobox label > span:before { content: ''; display: block; height: 16px; width: 16px; position: absolute; top: 3px; left: 2px; border-radius: 50%; border: 2px solid #ddd; -webkit-transition: border .3s, background .1s; transition: border .3s, background .1s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jt-radiobox label > span:after { width: 6px; height: 6px; left: 7px; top: 8px; background: #000; border-radius: 50%; }
.jt-checkbox label > span:not(.request_form_required_text):after, .jt-radiobox label > span:after { content: ''; display: none; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.jt-checkbox input:checked + span:before, .jt-radiobox input:checked + span:before { background: #fff; }
.jt-checkbox input:disabled + span:before, .jt-radiobox input:disabled + span:before, .jt-checkbox input:disabled:checked + span:before, .jt-radiobox input:disabled:checked + span:before { border-color: #eee; background: #eee; }
.jt-checkbox input:checked + span:after, .jt-radiobox input:checked + span:after { display: block; }
.jt-checkbox input:disabled + span:before, .jt-radiobox input:disabled + span:before, .jt-checkbox input:disabled:checked + span:before, .jt-radiobox input:disabled:checked + span:before { border-color: #eee; background: #eee; }
.jt-checkbox input:disabled + span:after { border-color: #bbb; }
.jt-radiobox input:disabled + span:after { background: #bbb; }
html.ios .jt-checkbox label > span:not(.request_form_required_text):before { top: 0px; }
html.ios .jt-checkbox label > span:not(.request_form_required_text):after { top: 7px; }
html.ios .jt-radiobox label > span:before { top: 1px; }
html.ios .jt-radiobox label > span:after { top: 6px; }
html.ios .jt-checkbox label > span:not(.request_form_required_text):after {height: 8px;}

/* input 설명글 */
.jt_form_field_guide {padding-top: 8px;}
.jt_form_field_guide *, .jt_form_field_guide p {padding: 0;font-size: 13px;line-height: 1.87;font-style: normal;font-weight: 400;color: #666;}
/* 주소 */
.jt_form_field.jt_post_code {width: 160px;margin-right: 8px;}
.jt_addr_field {margin-top: 8px;}
/* jt_form_control */
.jt_form_control {position: relative;text-align: center;}
.jt_form_control input {margin-left: 4px;}
.jt_form_control input:first-child {margin-left: 0;}
/* 약관동의 */
.jt_agree_rule {width: 100%;height: 160px;padding: 24px 24px;background: #f8f8f8;border: 1px solid #dedede;overflow: auto;}
.jt_agree_rule p {padding-bottom: 0;}
.jt_agree_check {padding: 12px 0 48px;text-align: right;}

ul.jt_horizontal_form > li > div .jt_label {padding-bottom: 0;}
.jt_category {margin-bottom: 24px;}
.jt_category ul {margin-bottom: 0;font-size: 0;}
.jt_category ul li {display: inline-block;padding-left: 0;position: relative;cursor: pointer;}
.jt_category ul li:before {content: '';display: block;width: 1px;height: 14px;position: absolute;top: 50%;margin-top: -7px;left: 0;border: none;border-radius: 0px;background: #d7d7d7;}
.jt_category ul a {padding: 0 13px;font-size: 15px;font-weight: 500;color: #666;border: none;}
.jt_category ul li.active a,
.jt_category ul li:hover a {color: var(--c-primary);}
.jt_category ul li:first-child:before {display: none;}
.jt_category ul li:first-child a {padding-left: 0;}
.jt_category ul li:last-child a {padding-right: 0;}
.jt_search {margin-top: 32px;font-size: 0;text-align: center;}

.jt_search_field {display: inline-block;position: relative;vertical-align: top;}
.jt_search_input {width: 221px;height: 34px;padding: 4px 8px;color: #444;border-width: 1px 0;text-overflow: ellipsis;}
.jt_search_button {display: inline-block;width: 59px;height: 34px;padding: 0;vertical-align: middle;font-size: 14px;font-weight: 400;color: #fff;border: 1px solid #929394;background: #929394;outline: none;cursor: pointer;}

.jt_isotope { min-height: 100vh; opacity: 0; transition: opacity 300ms}
.jt_isotope.jt_isotope_loaded{opacity: 1;}
/* 기본셋팅 : 2컬럼 */
.jt_isotope .isotope_grid_sizer {width: 49%;}
.jt_isotope .isotope_gutter_sizer {width: 2%;}
.jt_isotope .isotope_item {width: 49%;margin-bottom: 2%;}
/* 2컬럼 */
.jt_isotope.isotope_col_2 .isotope_grid_sizer, .jt_isotope.isotope_col_2 .isotope_item {width: 49%;}
/*.jt_isotope.isotope_col_3 .isotope_grid_sizer, .jt_isotope.isotope_col_3 .isotope_item {width: 32%;}*/
.jt_isotope.isotope_col_3 .isotope_grid_sizer {width: 28.6%;}
.jt_isotope.isotope_col_3 .isotope_gutter_sizer {width: 7.1%;}
.jt_isotope.isotope_col_3 .isotope_item {width: 28.6%;margin-bottom: 7.1%;}
/* 4컬럼 */
.jt_isotope.isotope_col_4 .isotope_grid_sizer, .jt_isotope.isotope_col_4 .isotope_item {width: 23.5%;}
/* 5컬럼 */
.jt_isotope.isotope_col_5 .isotope_grid_sizer, .jt_isotope.isotope_col_5 .isotope_item {width: 18.4%;}
.tabs_menu {float: left;width: 100%;margin: 0 auto 32px;}
.tabs_panels > div {display: none;}
.tabs_panels > div:first-child {display: block;}

/* logo */

/* content */
.login_content {margin: 20px 0 16px 0;padding: 20px 0;border-top: 2px solid #ddd;border-bottom: 1px solid #ddd;}
/* sns login */

/* line */

/* login */

/* error */

/* other */

/* clear default editor style */

.use-keyboard .focus-input {outline: 1px dotted #999;outline: -webkit-focus-ring-color auto 5px;}
.use-keyboard select:focus,
.use-keyboard input:focus,
.use-keyboard textarea:focus,
.use-keyboard a:focus,
.use-keyboard button:focus {outline:1px dotted #999; outline: -webkit-focus-ring-color auto 5px;}
.icon-enter:before { content: "\e90b"; }
.icon-share:before { content: "\e911"; }
.icon-project:before { content: "\e910"; }
.icon-facebook:before { content: "\e90c"; }
.icon-google:before { content: "\e90d"; }
.icon-twitter:before { content: "\e951"; font-size: 16px; }
.icon-pinterest:before { content: "\e90e"; }
.icon-share:before { content: "\e911"; }
.icon-arrow-left:before { content: "\e902"; }
.icon-arrow-right:before { content: "\e903"; }
.jt_form_field_request { width: 100%; height: 58px; }

.jt_form_list_service:after { display: table; clear: both; content: ''; }
.jt_form_listitem_service {float: left;width: 33.333%;margin: 12.2px 0;}
.jt_form_listitem_service:nth-child(3n+1) { clear:both; width: 340px; }
.jt_form_listitem_service:nth-child(3n+2) { width: 271px; }
.jt_form_listitem_info,
.jt_form_listitem_project { margin-top: 27px; }
.jt_form_listitem_info:first-child,
.jt_form_listitem_project:first-child { margin-top: 0; }

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

.jt_form_listitem_project_extend {display: none;margin-top: 10px;}

.jt_label_service {font-size: 14px;font-weight: 500;cursor: pointer;color: #444;position: relative;display: block;padding: 0 10px 0 0;}
.jt_label_service .wpcf7-form-control-wrap{display: inline-block;vertical-align: middle;}

.jt_label_info,
.jt_label_project {font-size: 14px;font-weight: 700;margin-bottom: 8px;padding: 0;}
.jt_label_agree {font-size: 14px;font-weight: 500;padding: 0;line-height: 2;display: block;}

.jt_agree_check_request {padding: 35px 0px 35px 0px;text-align: left;word-break: keep-all;}
.jt_agree_check_request_anchor {padding-bottom: 3px;border-bottom: 1px solid var(--c-primary);}
.jt_agree_check_request_anchor:hover { color: #222; border-bottom-color: #222; }
input.jt_btn_submit_request {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_request:hover { color: var(--c-primary); border-color: var(--c-primary); }
/* BLOG LIST - INSTAGRAM */
.blog_item a {position:relative;}
.blog_itme_content.instagram {width:100%; height:100%; position:absolute; top:0px; left:0px; padding:32px; background:var(--c-primary); opacity:0; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.blog_item .blog_itme_content.instagram: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 .blog_itme_content.instagram {-webkit-transform:translate(-10px, -10px); -ms-transform:translate(-10px, -10px); transform:translate(-10px, -10px); opacity:0.9;}
/* .blog_item:hover .blog_itme_content.instagram:after {opacity:1;} */
.blog_itme_content.instagram h2 {display: table;width: 100%;height: 100%;padding-bottom: 0;}
.blog_itme_content.instagram h2 span {display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-family: 'NotoSansKR', sans-serif;font-size: 15px;font-weight: 500;text-align: center;word-break: break-all;color: #fff;}
.blog_itme_content.instagram h2 span:after {display:none;}
.blog_itme_content.instagram h2 span i {display: block;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;max-height: 8.5em;overflow: hidden;font-style: normal;text-overflow: ellipsis;}
.blog_item:hover .blog_itme_content.instagram h2 span {color:#fff;}
.blog_item figure.insta_fig:after {display:none;}
.blog_item .insta_logo {display:block; width:26px; height:26px; position:absolute; bottom:20px; right:20px; -webkit-transition: all 250ms; transition: all 250ms;}
.blog_item .insta_logo:before {content:'\e904'; display:block; width:100%; height:100%; font-family:'jt-font'; font-size:26px; line-height:26px; font-style:normal; color:#fff;}
.blog_item:hover .insta_logo {bottom:30px; right:30px;}
.category .mfp-arrow:after, .category .mfp-arrow-left:before, .category .mfp-arrow-left:after, .category .mfp-arrow-right:before, .category .mfp-arrow-right:after {border:none;  margin:0;}
.category .mfp-arrow {width:52px; height:52px; margin-top:-26px; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.category .mfp-arrow:hover {width:62px; height:62px; margin-top:-31px;}
.category .mfp-arrow-left {left:60px;}
.category .mfp-arrow-left:hover {left:55px;}
.category .mfp-arrow-right {right:60px;}
.category .mfp-arrow-right:hover {right:55px;}
.category .mfp-arrow-left:before, .category .mfp-arrow-right:before {display:block; width:52px; height:52px; line-height:52px; text-align:center; font-family:'jt-font'; font-size:24px; color:#fff; background:#000; border-radius:50%; font-weight:600; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.category .mfp-arrow-left:hover:before, .category .mfp-arrow-right:hover:before {width:62px; height:62px; line-height:62px; background:#1126ee; opacity:1;}
.category .mfp-arrow-left:before {content:'\e938';}
.category .mfp-arrow-right:before {content:'\e939';}
.category img.mfp-img {padding:120px 0 120px;}
.category .mfp-figure:after {top:120px; bottom:120px;}
.category .mfp-bottom-bar {margin-top:-94px;}
.category .mfp-counter {display:none;}
.category .mfp-title {position:relative;padding-right:110px;line-height: 1.3;}
.category .mfp-instagram-detail {display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 3.9em;overflow: hidden;font-style: normal;text-overflow: ellipsis;}
.category .mfp-viewmore {position:absolute; top:0px; right:0px; padding-right:30px; color:#fff; opacity:0.5;}
.category .mfp-viewmore:after {content:'\e903'; display:block; width:15px; height:12px; position:absolute; top:50%; right:0; margin-top:-7px; text-align:right; font-family:'jt-font'; font-size:14px;}
.category .mfp-viewmore:hover {opacity:1;}
.category .mfp-close {width:46px; height:49px; top:120px; right:-86px; padding-right:0; font-size:0; -webkit-transition: -webkit-transform 250ms, all 250ms; transition: -webkit-transform 250ms, all 250ms; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; transition: transform 250ms, -webkit-transform 250ms, all 250ms;}
.category.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:pointer;}
.category .mfp-close:before, .category .mfp-close:after {content:''; display:block; width:1px; height:63px; background:#fff; position:absolute; top:-7px; right:23px;}
.category .mfp-close:before {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.category .mfp-close:after {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.back_to_list {position:fixed; top:151px; right:60px; z-index:999; -webkit-transition:all 300ms; transition:all 300ms; opacity:0;}
.back_to_list.back_to_list_on {opacity:1;}
.back_to_list a {display:block; width:66px; padding:2px 0; line-height:1.5; font-family:'Montserrat', 'NotoSansKR', sans-serif; font-size:11px; color:#333; font-weight:600; letter-spacing:0.055em; border-bottom:3px solid #333;}
.back_to_list a:after {content:'\e94d'; display:block; width:20px; height:20px; position:absolute; top:50%; right:-2px; margin-top:-12px; font-family:'jt-font'; font-size:20px; font-weight:400; line-height:1;}
.back_to_list:hover a {color:var(--c-primary); border-color:var(--c-primary);}
.mfp-bg {overflow:hidden;}
.mfp-bg, .mfp-wrap { position:fixed !important; height:100% !important;}
.mfp-wrap {top:0 !important; overflow-y:scroll;}
.mfp-content {}
.category .mfp-image-holder .mfp-content {opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
.category .mfp-ready .mfp-image-holder .mfp-content {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.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: 'Montserrat';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: var(--c-primary);}
.jt_tag {position: relative;}
.jt_tag > span {display: block;width: 55px;height: 22px;position: absolute;top: 0;left: 0;font-family: 'Montserrat';font-size: 14px;line-height: 22px;font-weight: 600;letter-spacing: 0.25px;text-align: center;color: #fff;background: #222;border-radius: 100px;}
.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 {position: relative; font-size: 14px;font-weight: 500;line-height: 1.6;color: #444;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_tag a:after { content: ''; display: block; width: 100%; height: 1px; background: var(--c-primary); position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 300ms;}
.jt_tag a:hover {color: var(--c-primary);}
.jt_tag a:hover:after { opacity: 1; }
.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 { position: absolute;top: 0;left: 0;width: 100%;height: auto;vertical-align: top;opacity: 0; -webkit-transition:opacity 450ms; transition:opacity 450ms}
.blog_item img.jt_img_loaded  {opacity: 1;}
.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_itme_content {padding: 32px 0px 15px;}
.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; display: inline-block; font-family: 'Montserrat';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: -1px;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_itme_content span[aria-hidden] { line-height: 1; }
.blog_item:hover .blog_itme_content span {color: #444;}
.blog_item:hover .blog_itme_content span:after {color: #444;}
/* recruit form */
.jt_form_field_recruit {width: 100%;height: 58px;background: #FFFFFF;}

.jt_fieldset_recruit .your-memo {height: 230px;}
.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 var(--c-primary);}
.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: var(--c-primary); border-color: var(--c-primary); }

/*.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;}*/
.jt_label_agree.focus {position: relative;}
.jt_label_agree.focus::before {position: absolute; height: 20px; width:20px; content: ''; border: 1px solid var(--c-primary); top:1px; left:-1px;}
html.ios .jt_label_agree.focus::before { top:-1px;}
.jt_form_list_service {padding-top: 4px;}
.jt_label_recruit span {white-space: nowrap;}
.certificate_list {/*margin-bottom: 84px;*/margin-bottom: 200px;}
.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;-webkit-transition: border .3s;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_type.type_reddot .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_05.png);}
.certificate_type.type_gdweb .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_06.png);}
.certificate_type.type_ifdesign .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_07.png);}
.certificate_type.type_ict2024 .certificate_type_symbol {background-image: url(../images/sub/certificate/award-logo_08.png);}
.certificate_grade {width: 250px;padding-left: 60px;padding-right: 18px;}
.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;}
/* VIDEO */
.video_container { position: relative; width: 100%; margin: 160px auto; overflow: hidden; }
.video_wrap { position: relative; width: 100%; background-color: #f5f5f5; }
.video_wrap_inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.video_wrap_inner video { display: block; width: 100%; height: auto; }
.video_poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video_poster_bg {display: block;position: relative;width: 100%;height: 100%;background: no-repeat center center;background-size: cover; }
.video_container.video_container_type_round { border-radius: 999px; }
/* 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;}
.iframe_video_container.tv_border_line {padding-bottom:0;}
.iframe_video_container.tv_border_line:before {content:'';position:absolute;background-image: url(../images/sub/project_view/project-video-tv-shadow.png);height:30px;max-width:1092px;width:-webkit-calc(100% + 52px);width:calc(100% + 52px);bottom: -16px;left:50%;margin-left: -546px;z-index: 0;background-size: contain;}
.tv_border_line .iframe_video_wrap {max-width:1040px;padding: 9px;background: #fff;border-radius: 10px;border: 1px solid #eee;}
.tv_border_line .iframe_video_wrap:after {width:0;}
.tv_border_line .iframe_video_wrap_inner {border: 1px solid #eee;border-radius: 5px;overflow: hidden;z-index: 10;}
/* 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;}
/* 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%;}
/* 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_inner_wrap {max-width: 700px;margin:0 auto;position: relative;}
/* SHARE */
.jt_content_share {padding: 30px 0;font-size: 0;text-align: center;}
.jt_content_share .share_sns {display: inline-block;width: 46px;height: 46px;margin: 0 8px;position: relative;vertical-align: middle;font-size: 0;background: #f4f4f4;border: 2px solid #000;border-radius: 50%;-webkit-transition: 400ms;transition: 400ms;}
.jt_content_share .share_sns:before {content: '';display: block;width: 46px;height: 46px;position: absolute;top: 50%;left: 50%;margin-left: -23px;margin-top: -23px;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: 16px;line-height: 44px;text-align: center;font-style: normal;color: #000;}
.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: '\e951'; font-size: 18px;}
.jt_content_share .share_sns.share_pinterest:after {content: '\e90e';}
.jt_content_share .share_sns.share_kakao:after {content: '\e92b';}
.jt_content_share .share_sns:hover {background: #ddd;}
.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}
/* MY IP CUSTOM */
.jt_my_ip { background: #eee; border-radius: 20px; max-width: 1135px; margin: 0 auto; padding-top: 80px; padding-bottom: 52px; text-align: center; }
.jt_my_ip h2 { margin-top: 0; margin-bottom: 0; font-size: 64px; }
.jt_my_ip .jt_ip_copy_btn { margin: 20px 0; color: #222; font-weight: 700; font-size: 12px; line-height: 2.16; padding: 4px 16px; border-color: #bbb; }
.jt_my_ip .jt_ip_copy_btn:hover { border-color: #888; background: #fff; }
.jt-share__tooltip { padding: 12px 40px; position: fixed; left: 50%; bottom: 40px; background: var(--c-primary); color: #fff; border-radius: 8px; z-index: 501; transform: translateX(-50%); opacity: 0; visibility: hidden; }
html.ios .jt-share__tooltip { padding-top: 11px; }
/* WORDCOUNT */
.jt_wordcount { max-width: 700px; margin-left: auto; margin-right: auto; }
.jt_wordcount textarea.jt_form_field { width: 100%; height: 360px; background: #fff; font-family: sans-serif; }
.jt_wordcount .jt_wordcount_data { margin-top: 20px; padding: 32px 38px; background: #f8f8f8; border-radius: 3px; }
.jt_wordcount .jt_wordcount_data > ul { margin: 0; padding: 0; }
.jt_wordcount .jt-radiobox { padding: 0; margin-bottom: 7px; }
.jt_wordcount .jt-radiobox li { display: inline-block; }
.jt_wordcount .jt-radiobox li:first-child { padding-left: 0; }
.jt_wordcount .jt-radiobox li:before { display: none; }
/* CAPTION */
.wp-caption {background: #fff;max-width: 100%; text-align: center;}
.jt_empty_space {display: block;height: 40px;max-width: 700px;margin-left: auto;margin-right: auto;}
.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;}
.jt_form_field.jt_autocomplete_open {border-color: #222;border-radius: 3px 3px 0 0;}
.use-keyboard .jt_form_field.jt_autocomplete_open:focus {outline: none;}

.motion_with_code_wrap { max-width: 1250px; }
.jt_motion_card { padding-bottom: 100px; }
.jt_motion_card_view {background: #eee;text-align: center;width: 100%;padding: 70px;}
.jt_motion_card_view:after { content:''; display:table; clear:both; }
.jt_motion_card_view img { max-width: 100%; margin:0; }
.jt_motion_card_info { border:1px solid #ddd; border-top:0; display:table; width: 100%; }
.info_title {width: 32%;float:left;display:table-cell;padding: 50px 0 0 60px;}
.info_title h3 {margin: 0;font-size: 22px;line-height: 1.5;font-weight: 600;color: #222; word-break: keep-all;}
.info_title p { margin: 0; font-size: 14px; line-height: 1.6; color: #444; }
.info_content {width: 68%;float: left;display:table-cell;padding: 51px 0 59px;}
.info_content ul {margin:0;margin-bottom: -22px;width: 100%;max-width: inherit;}
.info_content ul li {float:left;padding: 0 20px 22px 39px;}
.info_content ul li:nth-child(3n-2),
.info_content ul li:nth-child(3n-1) { width: 31.76%; }
.info_content ul li:nth-child(3n) { width: 36.48%; }
.info_content ul li:nth-child(3n+1) { clear:both; }
.info_content ul li b {font-size: 16px;font-weight: 600;line-height: 1.75;color: #222;letter-spacing: -0.015em;}
.info_content ul li p {font-size: 14px;line-height: 1.6;color: #888;letter-spacing: 0.05em;margin: 6px 0 0 0;}
.jt_motion_card_view_2row { width: 50%; float:left; }
.jt_motion_vimeo { position: relative;overflow: hidden;width: 100%;}
.jt_motion_vimeo_iframe {width: 100%;height: 100%;position: absolute;top: -1px;bottom: -1px;left: -1px;right: 1px;}
.jt_motion_card_view{ position:relative;}
.jt_motion_vimeo,
.jt_motion_gif{ position:relative;}
.loading_dual_ring { display: block; width: 80px; height: 80px; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.loading_dual_ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #ddd; border-color: #ddd transparent #ddd transparent; animation: lds-dual-ring 1.2s linear infinite;}
.jt_isotope_pinterest {margin:0 auto;}
.jt_isotope_pinterest .isotope_grid_sizer {width: 236px;}
.jt_isotope_pinterest .isotope_gutter_sizer {width: 21.9px;}
#loadmore {text-align:center; margin:40px auto; /*display:none;*/ opacity: 0;visibility: hidden;}
.loadmore_icon { display: inline-block; position: relative; width: 64px; height: 64px; }
.loadmore_icon span { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: var(--c-primary); animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.loadmore_icon span:nth-child(1) { left: 6px; animation: loadmore_icon1 0.6s infinite; }
.loadmore_icon span:nth-child(2) { left: 6px; animation: loadmore_icon2 0.6s infinite; }
.loadmore_icon span:nth-child(3) { left: 26px; animation: loadmore_icon2 0.6s infinite; }
.loadmore_icon span:nth-child(4) { left: 45px; animation: loadmore_icon3 0.6s infinite; }
.mfp-hide { display: none !important; }
.jt_share_tooltip { position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 10001; background: #222; border-radius: 40px; padding: 14px 28px; opacity: 0; visibility: hidden; }
.jt_share_tooltip p { margin: 0; color: #fff; font-size: 14px; letter-spacing: 0.025em; font-family: 'NotoSansKR', sans-serif; }
.jt_autocomplete_list { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #e0e0e0; border-top: 0; max-height: 220px; overflow-y: auto; box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.jt_autocomplete_list li { padding: 10px 14px; font-size: 14px; color: #333; cursor: pointer; transition: background .3s; }
.jt_autocomplete_list li:hover { background: #f4f5ff; }
.jt_autocomplete_list li span { color: #999; }
.jt_custom_file_wrap { display: flex; align-items: stretch; gap: 8px; }
.jt_custom_file_wrap .jt_custom_file_text { flex: 1 1 auto; min-width: 0; cursor: pointer; background: #fff; }
.jt_custom_file_wrap .jt_custom_file_btn { flex: 0 0 auto; white-space: nowrap; cursor: pointer; }
.jt_custom_file_native { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }