@charset "utf-8";

/*
 * File       : sub-news-media.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */

/* **************************************** *
 * 문의하기
 * **************************************** */
.page-template-contact-us #header { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.article.contact_us .article_header .wrap { max-width: 1782px; position: relative; }
.article.contact_us .article_body {padding-top: 0;}
.contact_us_container { padding-top: 44px; border-top: 3px solid #ddd; }
.contact_us_container:after { content: ''; display: block; clear: both; }

/* INFO */
.contact_info_list { font-size: 0; border: 1px solid #ddd; margin-bottom: 61px; }
.contact_info_item { display: inline-block; width: 33.33%; text-align: center; border-right: 1px solid #ddd; padding: 60px 20px; }
.contact_info_item:last-child { border: 0; }
.contact_info_item h4 { font-size: 20px; font-weight: 600; color: #222; margin-top: 22px; margin-bottom: 9px; }
.contact_info_item b { font-size: 25px; font-family: 'Gotham', 'NotoSansKR', sans-serif; font-weight: 500; color: #666; display: block; margin-bottom: 7px; }
.contact_info_item p { font-family: 'Gotham', 'NotoSansKR', sans-serif; font-weight: 400; font-size: 16px; color: #222; }
.contact_info_item a { color: inherit; }

/* FORM */
.contact_us_form {position: relative;}
.contact_us_form:before { content: ''; display: block; width: 100%; height: 5px; position: absolute; top: -5px; left: 0; background: url(../images/layout/line.png) no-repeat center center;}
.contact_us_form .jt_form_wrap { display: table; width: 100%; margin-top: 0; }
.contact_us_form .jt_form_data { display: table-row; width: 100%; }
.contact_us_form .jt_form_data > div { display: table-cell; vertical-align: middle; width: auto; border-bottom: 1px solid #ddd;}
.contact_us_form .jt_form_data > div:first-child { width: 115px; padding-left: 30px;}
.contact_us_form .jt_form_data > div:first-child + div { width: -webkit-calc(100% - 116px); width: calc(100% - 116px); padding: 20px 28px; font-size: 0;}
.contact_us_form .jt_form_data.contact_row_message > div { vertical-align: top; }
.contact_us_form .jt_form_data.contact_row_message > div:first-child { padding-top: 35px; }
.contact_row_type .jt_form_field_wrap {padding: 14px 0 10px;}
.contact_row_company .jt_label span {font-size: 15px; font-weight: 400;}
.contact_row_mail .jt_form_field_wrap {display: inline-block; vertical-align: top;}
.contact_row_mail .jt_form_field_wrap + p {display: inline-block;}
.contact_row_mail .jt_form_field {width: 159px;}
.contact_row_mail .selectric .label { height: 48px;}
.contact_row_mail .selectric .button {height: 48px;}
.mail_desinence { padding: 0 10px; vertical-align: middle; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; display: inline-block; }