@charset "utf-8";

/* sub - common css */
@import url("../sub-common.css");


/*  센터 선택 라인 */

table.vertic-table tbody tr th span {color: #ed6c5f}
table.vertic-table .select-box.center-loca {width: 155px; margin-right: 5px}
table.vertic-table .select-box.center-info {width: 155px; margin-right: 5px}
table.vertic-table .select-box.center-name {width: 200px}
table.vertic-table .select-box select {border-radius: 5px; height: 40px}
table.vertic-table .check-input.first {margin-right: 45px;}
input[type="text"].text-input {box-shadow: none; height: 40px; border-radius: 5px; font-size: 1.4rem}
input[type=radio]:not(old) + label { width: auto; }

.check-input-wrap {margin-bottom: 15px}
.check-input-wrap.mb-0 {margin-bottom: 0}
.input-box.email input[type="text"].text-input, 
.input-box.name input[type="text"].text-input,
.input-box.authorize input[type="text"].text-input {width: 315px}

/* 연락처  */
table.vertic-table .select-box.contact {width: 100px; margin-right: 8px;}
.input-box.contact {float: left; margin-right:6px; }
.input-box.authorize {float: left; margin-right: 5px}
.input-box.contact input[type="text"].text-input {width: 100px}
table.vertic-table .btn-wrap {margin-top: 0; position: static}
table.vertic-table .btn-wrap button {height: 35px; font-size: 1.2rem; line-height: 35px; border-radius: 5px; box-shadow: 3px 3px 0px #d2dbd7; min-width: 55px}

/* 인증 */
.authorize-txt p {color: #ed6c5f; font-size: 1.3rem; font-weight: 600; line-height: 20px; padding-top: 5px}

/* 제목 내용 */
.input-box.title input[type="text"].text-input {width: 100%}
.table-text-area-wrap textarea {font-size: 1.4rem}


/* 개인정보 이용밤침 */
.per-rule {padding-top: 25px;color: #585858; font-size: 1.4rem;}
.per-rule h3 {float: left;}
.per-rule a { padding-left: 10px;text-decoration: underline;font-size: 1.2rem;padding-top: 25px;color: #a6a6a6;}
.per-rule input, .per-rule label { float: right;}
input[type=checkbox]:not(old) + label {line-height: 23px}

@media (max-width: 800px) {
	table.vertic-table .select-box.center-loca {width: calc(40% - 5px)}
	table.vertic-table .select-box.center-info {width: calc(60% - 5px)}
	table.vertic-table .select-box.center-name {width: calc(100% - 5px)}
	.input-box.email input[type="text"].text-input, 
	.input-box.name input[type="text"].text-input,
	.input-box.authorize input[type="text"].text-input {width: 100%}
	.input-box.authorize {width: calc(100% - 132px)}
	.input-box.contact {width:  calc(50% - 88px)}
	.input-box.contact input[type="text"].text-input {width: 100%}
}

@media all and (max-width: 572px) {
	.table-text-area-wrap .text-tit {font-size: 1.2rem; padding: 10px 0}
	input[type=radio]:not(old) + label {font-size: 1.2rem}
	input[type=radio]:not(old):checked + label {font-size: 1.2rem}
	.authorize-txt p {color: #ed6c5f; font-size: 1.2rem;}
	.btn-wrap.send button { height:50px; min-width:90px; line-height:50px; font-size:1.4rem }
}

@media(max-width: 500px) {
	table.vertic-table .select-box.contact {width: 65px}
	.input-box.contact {width:  calc(50% - 70px)}
	.per-rule input, .per-rule label {float: none; width: 100%; margin-top: 10px}
	.select-box select {font-size: 1.2rem}
	input[type="text"].text-input {font-size: 1.2rem}
	textarea {font-size: 1.2rem}
}

@media(max-width: 400px) {
		.input-box.contact {width:  calc(50% - 43px); margin-bottom: 5px}
		table.vertic-table .btn-wrap button {width: 100%; margin-bottom: 5px;}
		.input-box.authorize {width: 100%; margin-bottom: 5px;}
		table.vertic-table .btn-wrap.authorize-btn button {width:  calc(50% - 5px);}
}