@charset "utf-8";
/* CSS Document */
/*.banner-area { background: url(../../img/common/terms_bg.png); background-position: center; background-size: cover; text-align: center; }*/
/*.banner-area .banner {  padding: 170px 50px 70px; }*/

.form { width: 960px; margin: 0 auto; }
.form .category { margin-bottom: 20px; }
.form .category .subject { font-size: 2rem; float: left; width: 200px; font-weight: 600; }
.form .category .input-wrap { float: right; width: calc(100% - 200px); }

.form input[type=text],
.form input[type=password] { display: block; width: 100%; border: none; border-bottom: 1px solid #555; height: 55px; outline: 0; transition: background .5s; letter-spacing: 0; font-size: 1.5rem; padding: 0 10px; transition: border-color .5s ease,background .5s ease; background: #fafafa; }
.form input[type=text]:focus,
.form input[type=password]:focus { border-bottom: 1px solid #0091ea; }
.form input[type=text]:active,
.form input[type=password]:active { border-bottom: 1px solid #0091ea; }
.form textarea { width: 100%; height: 250px; resize: none; border: none; border-bottom: 1px solid #555; outline: 0; background: #fafafa; padding: 10px; font-size: 1.5rem;  transition: border-color .5s ease; }
.form textarea:active,
.form textarea:focus { border-bottom: 1px solid #0091ea; }

.form .row { margin-bottom: 20px; }
.form .row.col-two input[type=text],
.form .row.col-two input[type=password] { width: 48%; float: left; margin-right: 4%; }
.form .row.col-two input[type=text]:nth-child(2n),
.form .row.col-two input[type=password]:nth-child(2n) { margin-right: 0; }
.form .row a { float: right; font-size: 1.4rem; text-decoration: underline; }

.form .submit-btn { background: #001ad9; font-weight: 500; box-shadow: 0 5px 10px 0px rgba(0,0,0,0.0); transition: background .25s ease,box-shadow .25s ease; border: none; display: block; width: 100%; margin-top: 50px; color: #fff; height: 55px; border-radius: 30px; line-height: 55px; font-weight: 400; outline: 0; }
.form .submit-btn:hover { background: #0017C1; box-shadow: 0 5px 10px 0px rgba(0,0,0,0.3); }

/* 체크 */
.form input[type=checkbox] { display: none; }
.form input[type=checkbox] + label { letter-spacing: 0; font-size: 1.5rem; padding-left: 27px; position: relative; line-height: 20px; }
.form input[type=checkbox] + label:before { width: 20px; height: 20px; position: absolute; content: ''; display: block; background: url(../../img/common/check.png) no-repeat; background-size: 20px; height: 20px; position: 0 0; top: 2px; left: 0; }
.form input[type=checkbox]:checked + label:before { background: url(../../img/common/check.png) no-repeat; background-size: 20px; height: 20px; background-position: 0 -20px; }

@media all and (max-width: 1020px)
{
	.form { width: 100%; padding: 0 30px; }
}
@media all and (max-width: 640px)
{
	.form .category .subject { width: 100%; float: none; margin-bottom: 15px; display: block; }
	.form .category .subject br { display: none; }
	.form .category .input-wrap { width: 100%; float: none; }
}
@media all and (max-width: 450px)
{
	.form .row.col-two input[type=text],
	.form .row.col-two input[type=password] { width: 100%; margin-bottom: 20px; }
	.form .row.col-two input[type=text]:last-child,
	.form .row.col-two input[type=password]:last-child { margin-bottom: 0; }
}


.form .page-title { text-align: center; margin-bottom: 60px; }
.form .page-title h2 { font-size: 3.2rem; margin-bottom: 15px; font-weight: 500; line-height: 42px; }
.form .page-title p { font-size: 1.5rem; color: #888; }