@charset "utf-8";


.body-container { min-height: -webkit-calc(100% - 265px); min-height: calc(100% - 265px); overflow: hidden; background: url(../../../img/sub/user/bg.png); background-repeat: no-repeat; -webkit-background-size: auto auto; background-size: 100%; background-position: top;}
.survey-content-wrap { border-top: 1px solid #dee3eb; }

.survey-wrap { width: 800px; margin: 0 auto;  }
.survey-wrap .title { text-align: center; padding-bottom: 30px; }
.survey-wrap .title h1 { position: relative; margin-bottom: 20px; display: inline-block; font-size: 3rem; }
.survey-wrap .title h1:after { content: ''; position: absolute; bottom: 3px; left: -10px; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); height: 10px; border-radius: 10px; background: rgba(0,107,214,0.2); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }
.survey-wrap .content .row { margin-bottom: 40px; }
.survey-wrap .content .row .head { background: #f1f1f1; padding: 10px; margin-bottom: 10px; }

.terms-wrap { padding: 15px; border-radius: 10px; background: #f8f8f8; margin-top: 20px; }
.terms-wrap .check-input-wrap { position: relative; }
.terms-wrap .check-input-wrap .check-input .more { position: absolute; top: 11px; right: 0; text-decoration: underline; color: #999; }

.survey-wrap .btn-wrap,
.survey-wrap .btn-wrap div,
.survey-wrap .btn-wrap div button { width: 100%; }
.survey-wrap .btn-wrap div button { font-size: 1.5rem; }

.user-wrap .user-input { margin-bottom: 40px; }
.user-wrap .user-input .select-box select { border-radius: 5px; }
.user-wrap .user-input .select-box { margin-right: 5px; }
.user-wrap .user-input input[type="text"] { margin-bottom: 0; }
.user-wrap .user-input p.tit { font-weight: 600; margin-bottom: 7px;}
.user-wrap .user-input input { margin-bottom: 25px; }
.user-wrap .user-input.area .ar { float: left; margin-right: 5px; line-height: 35px; }
.user-wrap .user-input.area .select-box select { border-radius: 5px; }


@media all and (max-width: 820px) {
	.survey-wrap { width: 100%; }
}

@media all and (max-width: 600px) {
	.user-wrap .user-input input[type="text"] { width: 100%; }
}