@charset "utf-8";

body.contact #container_wr {background:url("../../img/board/board_bg.png") no-repeat left top; background-size:100% auto;}
body.contact #container {max-width:1440px; margin:0 auto; padding:90px 20px 200px;}

.contact-wrap {max-width:950px; margin:0 auto; padding:20px 0 0;}
.contact-wrap dl {display:table; table-layout:fixed; width:100%; margin:50px 0 0;}
.contact-wrap dt {display:table-cell; width:160px; font-size:1.750em; font-weight:600; vertical-align:top; line-height:70px;}
.contact-wrap dt .required {color:#b60f0f; font-style:normal; background:none !important;}
.contact-wrap dd {display:table-cell; vertical-align:top;}
.contact-wrap dl input[type="text"] {display:block; width:100%; height:70px; padding:10px 35px; font-size:1.25em; border:1px solid #ccc; border-radius:35px;}
.contact-wrap dl .txt-box {height:300px; padding:20px 35px; border:1px solid #ccc; border-radius:35px;
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition:all 0.30s ease-in-out;
}
.contact-wrap dl .txt-box.on {border-color:#558ab7;
    -webkit-box-shadow:0 0 5px #9ed4ff;
    -moz-box-shadow:0 0 5px #9ed4ff;
    box-shadow:0 0 5px #9ed4ff;
}
.contact-wrap dl textarea {display:block; width:100%; height:100%; padding:0; font-size:1.25em; line-height:2em; border:0 none !important; outline:0 none !important; resize:none;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}
.contact-wrap .agree {margin:25px 0 0; color:#555; font-size:1.125em; letter-spacing:-0.02em; text-align:right;}
.contact-wrap .agree > * {vertical-align:middle;}
.contact-wrap .agree b {display:inline-block; position:relative; font-weight:400; cursor:pointer;}
.contact-wrap .agree b:after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#333;}
.contact-wrap .agree .radio-box {margin-left:1em;}


@media screen and (max-width:1023px){
body.contact #container_wr {background-image:url("../../img/board/m/board_bg.png");}
body.contact #container {padding:75px 20px 150px;}

.contact-wrap dl {margin:35px 0 0;}
.contact-wrap dt {width:120px; font-size:1.429em; line-height:58px;}
.contact-wrap dl input[type="text"] {height:58px; padding:10px 29px; border-radius:29px;}
.contact-wrap dl .txt-box {padding:15px 29px; border-radius:29px;}
}


@media screen and (max-width:767px){
body.contact #container {padding:60px 20px 100px;}

.contact-wrap {padding:15px 0 0;}
.contact-wrap dl {margin:25px 0 0;}
.contact-wrap dt {display:block; width:auto; margin:0 0 9px; font-size:1.333em; line-height:1;}
.contact-wrap dd {display:block;}
.contact-wrap dl input[type="text"] {height:44px; padding:8px 22px; border-radius:22px;}
.contact-wrap dl .txt-box {height:200px; padding:10px 22px; border-radius:22px;}
.contact-wrap .agree {margin:20px 0 0; font-size:1.167em; text-align:left;}
.contact-wrap .agree .first {display:block; margin:0 0 15px;}
.contact-wrap .agree .agree-true {margin-left:0;}
}


@media screen and (max-width:413px){
.contact-wrap .agree {font-size:1em;}
}