@charset "utf-8";

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



/* **************************************** *
 * PAGE
 * **************************************** */
.page-template-contact .main-container {padding-bottom: 180rem;}
.page-template-contact #logo a {color: #000;}
.page-template-contact .lang-menu > li > a {color:#000;}
.page-template-contact .lang-menu > li > a > span:after,
.page-template-contact .global-navigation-btn__line {background:#000;}

.page-template-contact .article-header.article-header--type-text {padding-top: 259rem;}
.page-template-contact .article-header.article-header--type-text .article-title {padding-bottom: 78rem;}


/* **************************************** *
 * LOCATION
 * **************************************** */
.contact-location { display: block; height: 454rem; font-size: 0; }
.contact-location__map { display: inline-block; vertical-align: top; width: 50%; height: 100%; background: #f4f4f4; }
.contact-location__map .location-mapbox__outer {height: 100%;}
.contact-location__map .location-mapbox__inner {width: 100%; left: 0;}
.contact-location__info { display: inline-table; vertical-align: top; width: 50%; height: 100%; background: #f8f8f8; }
.contact-location__info-inner { display: table-cell; vertical-align: middle; padding-left: 173rem; }
.contact-location__info-inner h2 { font-size: 36rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.23; }
.contact-location__info-inner p { font-size: 16rem; font-weight: 400; line-height: 1.63; color: #666; margin-top: 20rem; }
.contact-location__info-inner p span { display: block; }
.contact-location__info-inner ul { display: block; margin-top: 10rem; }
.contact-location__info-inner ul li { display: block; font-size: 14rem; font-weight: 500; line-height: 1.57; color: #666; }
.contact-location__info-inner ul li a { color: #666; }



/* **************************************** *
 * INQUIRY
 * **************************************** */
.contact-inquiry .jt-radiobox {display: inline-block; }
.contact-inquiry .jt-radiobox:not(:first-child) {margin-left: 50rem;}

.contact-inquiry__precaution {margin-top: 60rem;}
.contact-inquiry__precaution h3 {font-size: 20rem; font-weight: 500; color: #000;}
.contact-inquiry__precaution ol { counter-reset: item; margin-top: 22rem;}
.contact-inquiry__precaution ol li {counter-increment: item; position: relative; display: block; font-size: 15rem; font-weight: 400; line-height: 1.47; color: #666; padding-left: 13rem;}
.contact-inquiry__precaution ol li + li {margin-top: 6rem;}
.contact-inquiry__precaution ol li:before { content: counter(item)'.'; counter-increment: auto; position: absolute; top: 0; left: 0; }
.contact-inquiry__precaution ol li a { position: relative; display: inline-block; }
.contact-inquiry__precaution ol li a:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;bottom: 2rem;left: 0;background: #000;}

.contact-inquiry__agree {margin-top: 114rem; text-align: center;}
.contact-inquiry__agree .contact-agree {position: absolute; top: 6rem; left: 0; word-break: keep-all;}
.contact-inquiry__agree.jt-checkbox label {font-size: 18rem; }
.contact-inquiry__agree.jt-checkbox label > span:before, .contact-inquiry__agree.jt-checkbox label > span:after {display: none;}
.contact-inquiry__agree.jt-checkbox input + span:before {content: ''; display: block; position: absolute; width: 18rem; height: 18rem; top: 3rem; left: 0; border: 1rem 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; border-radius: 0;}
.contact-inquiry__agree.jt-checkbox input + span:after {content: '';display: none;position: absolute; width:6rem;height: 10rem;left: 6rem;top: 5rem;border: solid #000;border-width: 0 2rem 2rem 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact-inquiry__agree.jt-checkbox input:checked + span:after {display: block;}
.contact-inquiry__agree.jt-checkbox input:disabled:checked + span:after {border-color: #ddd;}
.contact-inquiry__agree a { position: relative; display: inline-block; }
.contact-inquiry__agree a:after {content: '';display: block;width: 100%;height: 1rem;position: absolute;bottom: 4rem;left: 0;background: #000;}
.contact-inquiry__agree span.wpcf7-not-valid-tip {padding-top: 0; padding-left:28rem; text-align:left;}

.contact-inquiry .jt-form__control {margin-top: 58rem; text-align: center;}

.jt-form__data--type .jt-form__field-wrap {margin-top: 43rem;}
.jt-form__data--message .jt-form__field-wrap {margin-top: 47rem; padding-bottom: 72rem; border: 1rem solid #ddd;}
.jt-form__data--message textarea.jt-form__field {display: block; height: 330rem; padding-bottom: 0; margin-bottom: 0; border: 0;}
.jt-form__data--message span.wpcf7-not-valid-tip {display: block; position: relative; top: 110rem;}

html.ie11 .contact-inquiry__agree.jt-checkbox input + span:before { top:4rem;}
html.ie11 .contact-inquiry__agree.jt-checkbox input + span:after {left:5rem; top:7rem;}