@charset "utf-8";
@font-face {
    font-family: 'MICEGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MICEGothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 0.66=pc *0.5=mo */
*{word-break:keep-all !important;}
.app_inner{max-width:600px;margin:0 auto;padding-bottom:68px;}
.app_inner *{font-family: 'MICEGothic Bold';}
.app_inner .banner{}
.app_inner .banner img{width:100%;}
.app_inner .tmp_app_cont{padding:30px 45px 35px;margin:23px 52px 0;border-radius:30px;}
.app_inner .tmp_app_cont .tmp_title{text-align:center;}
.app_inner .tmp_app_cont .tmp_title .title{font-size:20px;color:#343434;}
.app_inner .tmp_app_cont .tmp_title .title span{display:block;margin-top:15px;font-size:31px;}
.app_inner .tmp_app_cont .tmp_title .desc{margin-top:15px;font-size:14px;color:#343434;}
.app_inner .tmp_app_cont .tmp_title .date{margin-top:15px;text-align:center;}
.app_inner .tmp_app_cont .tmp_title .date p{display:inline-block;padding:10px 23px;font-size:15px;border-radius:23px;}
.app_inner .tmp_app_cont .tmp_title .date p span{display:inline-block;width:1px;height:15px;margin:0 12px;vertical-align:middle;}

@media all and (max-width:600px){
	.app_inner .tmp_app_cont{padding:30px 20px 35px;margin:23px 15px 0;}
	.app_inner .tmp_app_cont .tmp_title .title{font-size:19px;}
	.app_inner .tmp_app_cont .tmp_title .title span{font-size:27px;}
    .app_inner .tmp_app_cont .tmp_title .date p{padding:10px 20px;font-size:14px;}
    .app_inner .tmp_app_cont .tmp_title .date p span{height:15px;margin:0 12px;}

}
@media all and (max-width:400px){
	.app_inner{padding-bottom:60px;}
	.app_inner .tmp_app_cont{padding:26px 20px 31px;margin:20px 13px 0;}
	.app_inner .tmp_app_cont .tmp_title .title{font-size:16px;}
	.app_inner .tmp_app_cont .tmp_title .title span{margin-top:13px;font-size:23px;}
	.app_inner .tmp_app_cont .tmp_title .desc{margin-top:13px;font-size:10px;}
    .app_inner .tmp_app_cont .tmp_title .date p{padding:7px 13px;font-size:11px;}
    .app_inner .tmp_app_cont .tmp_title .date p span{height:12px;}

}
@media all and (max-width:320px){
	.app_inner{padding-bottom:48px;}
	.app_inner .tmp_app_cont{padding:21px 15px 25px;margin:16px 10px 0;}
	.app_inner .tmp_app_cont .tmp_title .title{font-size:13px;}
	.app_inner .tmp_app_cont .tmp_title .title span{margin-top:10px;font-size:20px;}
	.app_inner .tmp_app_cont .tmp_title .desc{margin-top:10px;font-size:8px;}
    .app_inner .tmp_app_cont .tmp_title .date p{padding:5px 10px;font-size:10px;}
    .app_inner .tmp_app_cont .tmp_title .date p span{height:10px;margin:0 10px;}

}



.tmp_app_cont .formBox.lastStepForm{}
.tmp_app_cont .lastStepForm{padding:30px;}
.tmp_app_cont .lastStepForm .list{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.tmp_app_cont .lastStepForm .list label,
.tmp_app_cont .lastStepForm .list select{font-size:15px;letter-spacing:-0.04em;color:#353535;}
.tmp_app_cont .lastStepForm .list input,
.tmp_app_cont .lastStepForm .list select{width:100%;padding:0 25px;border:solid 2px #e4e4e4;border-radius:20px;box-shadow:7px 7px 10px 0px rgb(0 0 0 / 13%);}
.tmp_app_cont .lastStepForm .list input,
.tmp_app_cont .lastStepForm .radioBox .wid50 > label{line-height:35px;}
.tmp_app_cont .lastStepForm .list label{line-height:1.2;width:20%;}
.tmp_app_cont .lastStepForm .list input::placeholder{font-size:15px;letter-spacing:-0.04em;color:#b3b3b3;}
.tmp_app_cont .lastStepForm .list select{height:35px;background-color:#fff;background-repeat:no-repeat;background-position:97% 50%;background-size:15px auto;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.tmp_app_cont .lastStepForm .list select::-ms-expand{display:none;/*for IE10,11*/}
.tmp_app_cont .lastStepForm .list select option{font-size:15px;letter-spacing:-0.04em;color:#878787;}
.tmp_app_cont .lastStepForm .list select option:checked{color:#333;}
.tmp_app_cont .lastStepForm .list label ~ *{-webkit-flex:1;flex:1;width:80%;}
.tmp_app_cont .lastStepForm .radioBox{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;}
.tmp_app_cont .lastStepForm .radioBox .wid50{width:70px;}
.tmp_app_cont .lastStepForm .radioBox .wid50 input{display:none;color:#1d1917;}
.tmp_app_cont .lastStepForm .radioBox .wid50 label{width:100%;cursor:pointer;position:relative;padding-left:30px;}
.tmp_app_cont .lastStepForm .radioBox .wid50 label input[type="radio"]{position:absolute;opacity:0;height:0;width:0;}
.tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio{position:absolute;top:50%;left:0;height:20px;width:20px;border-radius:50%;background-color:#eee;transform:translateY(-50%);}
.tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:#eee;}
.app_inner{position:relative;}
.agreeCheckBox{margin:30px 0;}
.agreeCheckBox .descBox{padding:20px;background-color:#ca4710;border-radius:30px;}
.agreeCheckBox .descBox p{line-height:1.4;font-size:11px;color:#fff;font-family:'MICEGothic';}
.agreeCheckBox .descBox p.title{margin-bottom:15px;}
.agreeCheckBox .radioBox{margin:20px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.agreeCheckBox .radioBox label{font-size:13px;color:#fff;}
.buttonBox{text-align:center;}
.buttonBox .button{display:inline-block;background-color:#38170a;border-radius:50px;}
.buttonBox .button a{display:block;padding:20px 50px;font-size:27px;color:#fff;cursor:pointer;}
@media all and (max-width:600px){
    .tmp_app_cont .lastStepForm{padding:23px 15px;}
    .tmp_app_cont .lastStepForm .list{margin-top:13px;}
    .tmp_app_cont .lastStepForm .list label{width:25%;}
    .tmp_app_cont .lastStepForm .list label ~ *{width:75%;}
    .tmp_app_cont .lastStepForm .list label,.tmp_app_cont .lastStepForm .list select{font-size:13px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .list select{padding:0 19px;border-radius:15px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .radioBox .wid50 > label{line-height:28px;}
    .tmp_app_cont .lastStepForm .list input::placeholder{font-size:13px;}
    .tmp_app_cont .lastStepForm .list select{height:28px;background-size:13px auto;}
    .tmp_app_cont .lastStepForm .list select option{font-size:13px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50{width:53px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label{padding-left:23px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio{height:15px;width:15px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio:after{width:9px;height:9px;}
    .agreeCheckBox{margin:23px 0;}
    .agreeCheckBox .descBox{padding:15px;}
    .agreeCheckBox .descBox p.title{margin-bottom:13px;}
    .agreeCheckBox .radioBox{margin:15px 0;}
    .agreeCheckBox .radioBox label{font-size:12px;}
    .buttonBox .button{border-radius:42px;}
    .buttonBox .button a{padding:15px 42px;font-size:21px;}
}
@media all and (max-width:400px){
    .tmp_app_cont .lastStepForm{padding:15px;}
    .tmp_app_cont .lastStepForm .list{margin-top:10px;}
    .tmp_app_cont .lastStepForm .list label,.tmp_app_cont .lastStepForm .list select{font-size:10px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .list select{padding:0 12px;border-radius:10px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .radioBox .wid50 > label{line-height:20px;}
    .tmp_app_cont .lastStepForm .list input::placeholder{font-size:10px;}
    .tmp_app_cont .lastStepForm .list select{height:20px;background-size:10px auto;}
    .tmp_app_cont .lastStepForm .list select option{font-size:10px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50{width:35px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label{padding-left:15px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio{height:10px;width:10px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio:after{width:8px;height:8px;}
    .agreeCheckBox{margin:15px 0;}
    .agreeCheckBox .descBox p{font-size:10px;}
    .agreeCheckBox .descBox p.title{margin-bottom:10px;}
    .agreeCheckBox .radioBox{margin:10px 0;}
    .agreeCheckBox .radioBox label{font-size:11px;}
    .buttonBox .button{border-radius:33px;}
    .buttonBox .button a{padding:10px 33px;font-size:14px;}
}
@media all and (max-width:320px){
    .tmp_app_cont .lastStepForm{padding:12px;}
    .tmp_app_cont .lastStepForm .list{margin-top:8px;}
    .tmp_app_cont .lastStepForm .list label,.tmp_app_cont .lastStepForm .list select{font-size:8px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .list select{padding:0 10px;border-radius:8px;}
    .tmp_app_cont .lastStepForm .list input,.tmp_app_cont .lastStepForm .radioBox .wid50 > label{line-height:16px;}
    .tmp_app_cont .lastStepForm .list input::placeholder{font-size:8px;}
    .tmp_app_cont .lastStepForm .list select{height:16px;background-size:8px auto;}
    .tmp_app_cont .lastStepForm .list select option{font-size:8px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label{padding-left:12px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio{height:8px;width:8px;}
    .tmp_app_cont .lastStepForm .radioBox .wid50 label .custom-radio:after{width:6px;height:6px;}
    .agreeCheckBox{margin:12px 0;}
    .agreeCheckBox .descBox p{font-size:9px;}
    .agreeCheckBox .descBox p.title{margin-bottom:8px;}
    .agreeCheckBox .radioBox{margin:8px 0;}
    .agreeCheckBox .radioBox label{font-size:10px;}
    .buttonBox .button{border-radius:26px;}
    .buttonBox .button a{padding:8px 26px;font-size:11px;}
}