@charset "utf-8";

/*
 * File    : sub-request.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 프로젝트 의뢰하기 (+완료)
 */

.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: var(--c-primary); border-bottom-color: var(--c-primary); }
/* 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: var(--c-primary); }
.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: var(--c-primary); border-color: var(--c-primary); }
.request_download_listitem_company:hover .request_download_title { color: var(--c-primary); }
.request_download_listitem_company:hover:after { border-color: var(--c-primary); }
.request_download_listitem_company:hover .request_download_button { color: var(--c-primary); }
/* 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;}
.jt_label .request_form_required_text em {background: #fbf4d4}

.jt_form_field_request { background: #FFFFFF; }
.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;}
.request_form_listitem_info .request_form_header,
.request_form_listitem_project .request_form_header { margin-bottom: 33px; }
.jt_label_agree .request_form_required_text { font-weight: 500; }
/* request_privacy */
.request_privacy_container {color: #fff;padding: 180px 0;word-break: keep-all;}
.request_privacy_header { margin-bottom: 50px; border-bottom: 4px solid var(--c-primary); }
.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: var(--c-primary); 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; }
.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:var(--c-primary); color: var(--c-primary); 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';}
/* POPUP */
.safari .request_privacy_close span, .mobile_safari .request_privacy_close span {line-height: 55px;}
.jt_privacy_modal { position: fixed; inset: 0; z-index: 9999; overflow-y: auto; }
.jt_privacy_modal_bg { position: fixed; inset: 0; background: #222; opacity: .99; }
.jt_privacy_modal_box { position: relative; z-index: 1; background: transparent; padding: 0; }
.jt_privacy_modal_close { position: fixed; top: 61px; right: 61px; width: 64px; height: 64px; font-size: 50px; line-height: 64px; color: #fff; background: var(--c-primary); border: 0; cursor: pointer; z-index: 1320; }
.jt_privacy_modal_body { color: #fff; }