@charset "utf-8";
@import "/css2/basic.css";
@import "/css2/normalize.css";
@import "/css2/response.css";

/* body */
#wrap {position:relative; width:100%; overflow:hidden; background:#939393;}
#container {clear:both; position:relative; width:100%; max-width:1000px;  margin:0 auto; overflow:hidden; background:#fff;}

/* default */
.login_ares {width:100%; height:179px; background:url('/img2/bg_loginbox.jpg') no-repeat 0 0; background-size:100% 100%; display:inline-block;}
.login_ares h2 {text-align:center; margin:3% 0 1% 0;}
.login_ares .login_box {width:60%; margin:0 auto; text-align:center;}
.login_ares .login_box label {margin-right:1%;}
.login_ares .login_box input {width:15%; height:32px; text-align:center; vertical-align:middle; font-size:1.3em; border:1px solid #fff;}
.login_ares .login_box span {display:inline-block; width:7%; text-align:center; color:#fff; font-weight:600;}
.login_ares .login_box img {vertical-align:middle;}

.btn {width:100%; text-align:center;}

.btn01 {position:absolute; width:100%; text-align:center;}
.btn01 input {margin-top:6.5%;}

.btn02 {position:absolute; bottom:10%; width:100%; text-align:center;}
.btn02 .btn02_2 {display:inline-block; margin-top:2.5%;}


.btn03 {padding-top:4%;}
.btn04 {padding-top:3%;}

.footer {position:relative; text-align:center;}


.serial {position:absolute; right:1%; bottom:4.5%; z-index:99;}

/* registration */
.regis_ares {width:100%; min-height:1717px; background:url('/img2/bg_regis.jpg') no-repeat 0 100%; background-size:100% 100%; display:inline-block;}
.regis_box {width:81%; margin:0 auto;}
.regis_box h2 {margin:5% 0 3.5% 0;}

.regis_box ul {}
.regis_box ul li {margin-bottom:3%;}
.regis_box ul li label {vertical-align:middle; display:inline-block; margin-top:-1%; padding-right:1%;}
.regis_box ul li label img {max-width:100%;}
.regis_box ul li.last {padding-top:2%;}
.regis_box ul li.last .box1 {border:1px solid #585656; border-radius:14px; padding:2%; margin:2% 0;}
.regis_box ul li.last .box1 textarea {width:100%; font-size:20px; letter-spacing:-1px; border:1px solid #fff;}


.regis_box input {width:81%; height:55px; border:1px solid #585656; border-radius:14px; font-size:1.4em; padding:0 1%;}
.regis_box input.phone_input {width:18%;}
.regis_box span.hypen {display:inline-block; width:3%; height:40px; line-height:38px; text-align:center; color:#585656; font-weight:600; vertical-align:top;}

.agree {margin-top:5%;}
.agree img {max-width:100%; vertical-align:middle;}
.agree .txt {padding:2% 0 5% 0;}

@media all and (max-width:640px){
	
}

/* survey */
.survey_ares {height:1285px; background:url('/img2/bg_survey.jpg') no-repeat 0 0; background-size:100% 100%;}
.survey_box {position:relative; width:79%; margin:0 auto; padding-top:6%;}
.survey_box .live_mark {position:absolute; right:-4%; top:7%;}
.survey_box h2 {text-align:center; margin:4% 0 2% 0;}
.survey_box h3 {font-size:1em; font-weight:700; color:#fff; text-align:center; padding:1px 0 3px 0;}
.survey_box h3.col_01 {background:#2ea7e0;}
.survey_box h3.col_02 {background:#0c1451;}
.survey_box h3.col_03 {background:#1666db;}

.tbl_survey {width:100%; border-collapse: collapse;}
.tbl_survey th, td {border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; text-align:center;}
.tbl_survey th:last-child {border-right:none;}
.tbl_survey td:last-child {border-right:none;}
.tbl_survey th {background:#dbdcdc; border-bottom:1px solid #182987; font-size:1.1em; font-weight:700; color:#000;  line-height:1em; padding:1% 0 1.5% 0;}
.tbl_survey th span.score {font-size:0.875em; font-weight:500;}
.tbl_survey td {font-size:0.938em; line-height:1.063em; padding:2% 0;}
.tbl_survey td.number {width:6%; font-size:1.1em; font-weight:700; color:#000;}
.tbl_survey td textarea {width:92%; height:100px; margin:0 3%; padding:1%; border:1px solid #fff;}
.tbl_survey td input {width:18px; height:18px; vertical-align:middle;}
.w1 {width:13%;}


input[id="is_agree"] + label {display: inline-block; width:25px; height:25px; border:1px solid #585656; cursor: pointer; vertical-align:middle;}
input[id="is_agree"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_agree"] {display: none;}

input[id="upjong1"] + label {display: inline-block; width:20px; height:25px; border:1px solid #585656; cursor: pointer; vertical-align:middle;}
input[id="upjong1"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="upjong1"] {display: none;}

input[id="upjong2"] + label {display: inline-block; width:20px; height:25px; border:1px solid #585656; cursor: pointer; vertical-align:middle;}
input[id="upjong2"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="upjong2"] {display: none;}