@charset "utf-8";

/*
 * File       : sub.css
 * Author     : STUDIO-JT (JUN)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1)PROJECT STICKY NAV
 * 2)REQUEST
 */



/* **************************************** *
 * PROJECT STICKY NAV
 * **************************************** */
/* ICON FONT INIT */
.single_sticky_nav [class^="icon-"],
.single_sticky_nav [class*=" icon-"] {
  font-family: 'jt-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
     -moz-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.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: "\e90f"; }
.icon-pinterest:before { content: "\e90e"; }
.icon-share:before { content: "\e911"; }
.icon-arrow-left:before { content: "\e902"; }
.icon-arrow-right:before { content: "\e903"; }

/* single_sticky_nav */
.single_sticky_nav { background: #222; }
.single_sticky_nav_inner { }
.single_sticky_nav_inner:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu { float: left; }
.single_sticky_nav_menu:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu_anchor { position: relative; padding: 27.5px 30px; float: left; }
.single_sticky_nav_menu_anchor:first-child {padding-left: 0;}
.single_sticky_nav_menu_anchor:hover { }
.single_sticky_nav_menu_anchor:after { content: ""; display: block; width: 1px; height: 30px; background: #666; background: rgba(255, 255, 255, .3); position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; }
.single_sticky_nav_menu_anchor_main { }
.single_sticky_nav_menu_anchor_share { padding: 26.5px 30px; }
.single_sticky_nav_menu_anchor_request { }
.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: 5px; }
.single_sticky_nav_menu_anchor_request .icon-project { font-size: 20px; vertical-align: sub; }
.single_sticky_nav_menu_anchor,
.single_sticky_nav_pagenation_anchor{color:#666;color:rgba(255, 255, 255, .5);display: block;}
.single_sticky_nav_menu_anchor:hover,
.single_sticky_nav_pagenation_anchor:hover{ color:#fff;}

/* single_sticky_nav_menu_share */
.single_sticky_nav_menu_share {opacity:0;visibility:hidden;display: block;position: absolute;left: -30px;bottom: 87px;min-width: 183px;min-height: 56px;background: #0b21ee;border-radius: 3px;padding: 11px;text-align: center;font-size: 0;line-height: 0; -webkit-transition: opacity 300ms ease,visibility 300ms; transition:opacity 300ms ease,visibility 300ms;}
.single_sticky_nav_menu_share:after { content: ""; display: block; clear: both; position: absolute; bottom: -12px; left: 0; right: 0; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0b21ee; margin: 0 auto; }
.single_sticky_nav_menu_share_anchor {display: inline-block;width: 30px;height: 30px;overflow: hidden;color: #666;color: rgba(255, 255, 255, .5);white-space: nowrap;text-indent: 100%;position: relative;font-size: 14px;}
.single_sticky_nav_menu_share_anchor:hover{color:#fff;}
.single_sticky_nav_menu_share_anchor:before{display:block;text-indent:0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;line-height: 30px;}
/*.single_sticky_nav_menu_anchor_share:hover .single_sticky_nav_menu_share{opacity:1;visibility: visible;}*/
.single_sticky_nav_menu_anchor_share.hover .single_sticky_nav_menu_share {opacity: 1;visibility: visible;}

/* single_sticky_nav_pagenation */
.single_sticky_nav_pagenation {float: right;}
.single_sticky_nav_pagenation:after { content: ""; display: table; clear: both; }
.single_sticky_nav_pagenation_anchor {width: 75px;display: block;float: left;height: 100%;padding: 27.5px 7.5px;white-space: nowrap;text-align: center;position: relative;}
.single_sticky_nav_pagenation_anchor_current {background: #0b21ee;overflow: hidden;white-space: nowrap;text-indent: -9999px;}
.single_sticky_nav_pagenation_anchor_line_wrap { position: absolute; width: 15px; height: 14px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.single_sticky_nav_pagenation_anchor_line { width: 100%; height: 2px; background: #fff; position: absolute; left: 0; }
.single_sticky_nav_pagenation_anchor_line_01 { top: 0; }
.single_sticky_nav_pagenation_anchor_line_02 { top: 6px; }
.single_sticky_nav_pagenation_anchor_line_03 { bottom: 0; }
.single_sticky_nav_pagenation_anchor .icon-arrow{position: absolute;top: 0;bottom: 0;margin: auto 0;height: 14px;}
.single_sticky_nav_pagenation_anchor .icon-arrow-left {left: -10px;}
.single_sticky_nav_pagenation_anchor .icon-arrow-right {right: -10px;}
.single_sticky_nav_pagenation_anchor:hover .icon-arrow{color:#fffc00;}
.single_sticky_nav_pagenation_anchor:before { content: ""; display: block; position: absolute; width: 0; height: 2px; background: #fff; top: 0; right: 0; bottom: 0; left: 0; margin: auto; visibility: hidden; -webkit-transition: width 300ms; transition: width 300ms; }
.single_sticky_nav_pagenation_anchor:hover:before { width: 46px; background: #fffc00; visibility: visible; }
.single_sticky_nav_pagenation_anchor_current:before { display: none; }

/* jtstickynav */
.single_sticky_nav.fixed {position: fixed;left: 0px;bottom: 0;width: 100%;z-index: 299;opacity: 0;visibility: hidden;}



/* **************************************** *
 * REQUEST
 * **************************************** */
.request { padding: 100px 0 120px; }
.request_header { position: relative; padding-bottom: 50px; }
.request_header_title {font-size: 50px;font-weight: 300;line-height: 1.2;margin: 0 0 25px -4px;}
.request_header_description {font-size: 14px;font-weight: 500;line-height: 2.15;}
.request_header_description_email_anchor { color: #222; border-bottom: 1px solid #666; }
.request_header_description_email_anchor:hover { color: #0b21ee; border-bottom-color: #0b21ee; }

/* download*/
.request_download { position: absolute; top: 10px; right: 0; }
.request_download_title {margin-bottom: 55px;letter-spacing: 0;color: #fff;}
.request_download_list { margin: -5px; }
.request_download_listitem { font-size: 14px; font-weight: 500; position: relative; float: left; width: 104px; height: 160px; margin: 5px; cursor: pointer; -webkit-transition: background 300ms, color 300ms; transition: background 300ms, color 300ms;  color: #fff; border-radius: 3px; background: #222; }
.request_download_listitem:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; visibility: hidden; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; content: ''; border: 2px solid transparent; border-radius: 3px; }
.request_download a {display: block; padding: 27px 20px 20px; position: relative; z-index: 10;}
.request_download_button {font-family: 'NotoSansKR', sans-serif;font-size: 10px;font-weight: 700;line-height: 18px;position: relative;display: block;height: 18px;padding: 0;padding-left: 26px;cursor: pointer;color: #ffffff;color: rgba(255, 255, 255, .5);border: 0;background: none;}
.request_download_button_icon:before { font-family: 'jt-font'; font-size: 18px; font-weight: 400; font-style: normal; line-height: 18px; position: absolute; top: 0; left: 0; display: block; width: 21px; height: 18px; content: '\e90a'; }
.request_download_button_text { vertical-align: sub; }
.request_download_listitem_company { background: #0b21ee; }
.request_download_listitem_company .request_download_button { color: #fff; }

.request_download_listitem:hover { background: #fff; }
.request_download_listitem:hover .request_download_title { color: #222; }
.request_download_listitem:hover:after { visibility: visible; border-color: #222; }
.request_download_listitem:hover .request_download_button { color: #222222; color: rgba(34, 34, 34, .5); }

.request_download_listitem_company:hover { color: #0b21ee; border-color: #0b21ee; }
.request_download_listitem_company:hover .request_download_title { color: #0b21ee; }
.request_download_listitem_company:hover:after { border-color: #0b21ee; }
.request_download_listitem_company:hover .request_download_button { color: #0b21ee; }

/* form */
.request_form_list input[type='checkbox']{ opacity:0}
.request_form_content { position: relative; }
.request_form_submit { position: relative; }
.request_form_overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; background: rgba(255, 255, 255, .7); }
.request_form_header {margin-bottom: 18px;}
.request_form_title {font-size: 18px;font-weight: 700;margin-bottom: 6px;}
.request_form_list { border: solid #222; border-width: 4px 0 4px; }
.request_form_required_text {font-size: 14px;font-weight: 700;color: #ed1a1a;}
.jt_label .request_form_required_text { margin-left: 4px; vertical-align: bottom;}
.request .selectric,
.request .selectric .label,
.jt_form_field_request { background: #FFFFFF; }
.jt_form_field_request { width: 100%; height: 58px; }
.jt_fieldset_request .selectric .label { font-size: 14px; font-weight: 500; line-height: 60px; height: 58px; }
.jt_fieldset_request .selectric .button { height: 100%; }
.jt_fieldset_request .selectric-items ul li { font-size: 14px; font-weight: 500; line-height: 30px; }
.request_form_list:after { display: table; clear: both; content: ''; }
.request_form_listitem {position: relative;float: left;width: 50%;padding: 34px 0;padding: 35px 0 27px;}
.request_form_listitem:first-child { border-bottom: 1px solid #222; }
.request_form_listitem_service { width: 100%; }
.request_form_listitem_info {padding: 35px 0 42px 35px;}
.request_form_listitem_project {padding-right: 35px;}
.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 .jt_file_upload_wrapper { position: relative; }
.jt_form_listitem_project .jt_file_upload_input { width: 100%; }
.jt_form_listitem_project .jt_file_upload_button {font-family: 'NotoSansKR', sans-serif; position: absolute; top: 0; right: 0; width: 170px; height: 100%; margin: 0; padding-right: 47px;    /* padding: 0; */ border-radius: 0 3px 3px 0; line-height: 56px; padding-top: 0;padding-bottom: 0;}
.jt_form_listitem_project .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_form_listitem_project .your-memo { height: 230px; }
.jt_form_listitem_project .selectric-items ul li:first-child {display: none;}
.jt_form_listitem_project_extend {display: none;margin-top: 10px;}
.jt_fieldset_request .wpcf7-list-item {margin: 0;}
.jt_fieldset_request .icheckbox_minimal {top: 1px;position: relative !important;left: 0;}
.jt_fieldset_request .icheckbox_minimal.focus { outline: 1px solid #0b21ee; }
.request_form_listitem_info .request_form_header,
.request_form_listitem_project .request_form_header { margin-bottom: 33px; }
.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_service .wpcf7-list-item-label:before,
.jt_agree_check_request .wpcf7-list-item-label:before{display:none;}
.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_label_agree .wpcf7-not-valid-tip { position: absolute; top: 30px; width: 230px; padding: 8px 20px; }
.jt_label_agree .request_form_required_text { font-weight: 500; }
.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 #0b21ee;}
.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: #0b21ee; border-color: #0b21ee; }
/*.request .wpcf7-not-valid-tip{padding: 4px 20px 6px;}
.request .wpcf7-mail-sent-ok,
.request .wpcf7-validation-errors{margin: 30px 0 0;}*/

/* request_privacy */
.request_privacy_container {color: #fff;padding: 180px 0;word-break: keep-all;}
.request_privacy_header { margin-bottom: 50px; border-bottom: 4px solid #0b21ee; }
.request_privacy_header_title { font-size: 50px; font-weight: 300; line-height: 1.2; }
.request_privacy_header_date { font-size: 14px; font-weight: 500; position: relative; top: -20px; text-align: right; }
.request_privacy_content h2 { font-size: 18px; }
.request_privacy_content ul > li { position: relative; padding-left: 9px; }
.request_privacy_content ul > li:before { position: absolute; top: 14px; left: 0; display: block; width: 3px; height: 3px; content: ''; background: #fff; }
.request_privacy_listitem { font-size: 14px; line-height: 2.15; margin-bottom: 30px; }
.request_privacy_close { outline:0; font-size: 50px; position: fixed; top: 61px; right: 61px; width: 64px; height: 64px; padding: 0; cursor: pointer; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 1; color: #fff; border: 0; background: #0b21ee; z-index:1320;}
.request_privacy_close span {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;line-height: 64px;}
.request_privacy_close:hover,
.request_privacy_close:focus { opacity: .7; }


/* debugging z-index for recruit_body function */
@media (min-width: 1461px){
  /*
  .request_body,
  .recruit_body {position: relative; z-index: 1300;}
  .open_menu .request_body,
  .open_menu .recruit_body { z-index: auto; }
  */
}


/* **************************************** *
 * FORM SUCCESS MESSAGE
 * **************************************** */

.form_success {padding: 68px 0 232px;text-align: center;}
.form_success_image { display: block; margin: auto; max-width: 100%; }
.form_success_title {font-size: 50px;font-weight: 300;letter-spacing: -.075em;word-break: keep-all;margin-top: 4px;}
.form_success_description {font-size: 14px;font-weight: 500;line-height: 1.6;margin-top: 19px;letter-spacing: .05em;word-break: keep-all;}
.form_success_anchors {margin-top: 30px;}
.form_success_anchor {font-size: 14px;font-weight: 500;position: relative;display: inline-block;min-width: 241px;padding: 18px 40px;-webkit-transition: all 300ms;transition: all 300ms;text-align: left;letter-spacing: 0.05em;color: #222;border: 2px solid #222;border-radius: 3px;}
.form_success_anchor:hover { border-color:#0b21ee; color: #0b21ee; background: #fff; }
.form_success_anchor:after {font-family: 'jt-font';position: absolute;top: 21px;display: block;width: 15px;height: 12px;text-align: center;}
.form_success_anchor:after {right: 27px;content: '\e903';}

@media (max-width: 1279px){

}
@media (max-width: 1023px){

}
@media (max-width: 767px){
  .form_success { padding: 0px 0 50px; }
  .form_success_title { font-size: 24px; }
  .form_success_description { line-height: 1.5; }
  .form_success_anchors { margin-top: 20px; }
  .form_success_anchor { min-width: 200px; padding: 13px 40px; }
  .form_success_anchor:after { right: 19px; top: 50%; margin-top: -6px; }
  html.ios .form_success_anchor {padding-top: 14px;padding-bottom: 12px;}
  html.ios .form_success_anchor:after {margin-top: -7px;}
}