@charset "utf-8";

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



/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px){
}




/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

	.page-template-contact .wrap-middle {padding-left: 40rem; padding-right: 40rem;}

	.contact-location__info-inner {padding-left: 120rem; padding-right: 120rem;}
	.contact-location__info-inner h2 {font-size: 34rem;}

	.contact-inquiry__precaution h3 {font-size: 19rem;}

	.contact-inquiry__agree.jt-checkbox label {font-size: 17rem;}
    .contact-inquiry__agree.jt-checkbox input + span:before {top:2rem;}
    .contact-inquiry__agree.jt-checkbox input + span:after {top:4rem;}
    html.ipad .contact-inquiry__agree.jt-checkbox input + span:before {top:2.5rem;}
    html.ipad .contact-inquiry__agree.jt-checkbox input + span:after {top:4.5rem;}
}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    .page-template-contact .main-container { padding-bottom: 160rem;}
	.page-template-contact .article-header.article-header--type-text {padding-top: 220rem;}

	.contact-location {height: 400rem;}
	.contact-location__info-inner {padding-left: 51rem; padding-right: 51rem;}
	.contact-location__info-inner h2 {font-size: 32rem;}
	.contact-location__info-inner p {font-size: 15rem; margin-top: 16rem;}

	.contact-inquiry__precaution {margin-top: 50rem;}
	.contact-inquiry__precaution h3 {font-size: 18rem;}
	.contact-inquiry__precaution ol {margin-top: 20rem;}
	.contact-inquiry__precaution ol li {font-size: 14rem;}
	.contact-inquiry__agree.jt-checkbox label {font-size: 16rem;}
	.contact-inquiry .jt-form__control {margin-top: 48rem;}
    .jt-form__control .jt-form__action {font-size:14rem;}

	.jt-form__data--type .jt-form__field-wrap { margin-top: 33rem; }
	.jt-form__data--message .jt-form__field-wrap { margin-top: 37rem; }
}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    .page-template-contact .main-container { padding-bottom: 120rem;}
	.page-template-contact .article-header.article-header--type-text {padding-top: 190rem;}
	.page-template-contact .article-header.article-header--type-text .article-title {padding-bottom: 60rem;}
	.page-template-contact .wrap-middle {padding-left: 32rem; padding-right: 32rem;}

	.contact-location__info-inner {padding-left: 40rem; padding-right: 40rem;}
	.contact-location__info-inner h2 {font-size: 28rem;}
	.contact-location__info-inner p {font-size: 14rem; margin-top: 12rem;}
	.contact-location__info-inner ul li {font-size: 12rem;}
    .contact-location__info-inner p span br {display:none;}

	.contact-inquiry__precaution {margin-top: 40rem;}
	.contact-inquiry__precaution h3 {font-size: 17rem;}
	.contact-inquiry__precaution ol {margin-top: 18rem;}
	.contact-inquiry__precaution ol li {line-height: 1.4;}
	.contact-inquiry__agree {margin-top: 100rem;}
    .contact-inquiry__agree.jt-checkbox input + span:before {top:1rem;}
    .contact-inquiry__agree.jt-checkbox input + span:after {top:3rem;}
	.contact-inquiry__agree.jt-checkbox label {font-size: 15rem; font-weight:600}
	.contact-inquiry .jt-form__control {margin-top: 38rem;}
    .jt-form__control .jt-form__action {padding:19rem 36rem;}
    html.ipad .contact-inquiry__agree.jt-checkbox input + span:before {top:1rem;}
    html.ipad .contact-inquiry__agree.jt-checkbox input + span:after {top:3rem;}

	.jt-form__data--type .jt-form__field-wrap {margin-top: 23rem;}
	.jt-form__data--message .jt-form__field-wrap { margin-top: 22rem; padding-bottom: 55rem; }
	.jt-form__data--message textarea.jt-form__field {height: 283rem;}
	.jt-form__data--message span.wpcf7-not-valid-tip {top: 90rem;}

    
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    .page-template-contact .main-container { padding-bottom: 80rem;}
	.page-template-contact .article-header.article-header--type-text {padding-top: 160rem;}
	.page-template-contact .article-header.article-header--type-text .article-title {padding-bottom: 40rem;}
	.page-template-contact .wrap-middle {padding-left: 20rem; padding-right: 20rem;}

	.contact-location { height: auto; }
	.contact-location__map { display: block; width: 100%; height: 280rem; }
	.contact-location__info { display: block; width: 100%; height: auto; padding: 30rem 30rem; }
	.contact-location__info-inner { padding: 0; }
	.contact-location__info-inner h2 {font-size: 24rem;}
    .contact-location__info-inner p {font-size:13rem;}
    .contact-location__info-inner p span br {display:none;}
    .contact-location__info-inner ul li {font-size: 13rem;}

	.contact-inquiry__precaution h3 {font-size: 16rem;}
    .contact-inquiry__precaution ol li {font-size:13rem;}
	.contact-inquiry__agree {margin-top: 60rem;}
    .contact-inquiry__agree.jt-checkbox label {font-size:14rem;}

	.jt-form__data--message .jt-form__field-wrap { margin-top: 22rem; padding-bottom: 48rem; }
	.jt-form__data--message textarea.jt-form__field { height: 250rem; }
	.jt-form__data--message span.wpcf7-not-valid-tip {top: 80rem;}

    .jt-form__control .jt-form__action {font-size:13rem; padding:19rem 30rem;}
}