@charset "utf-8";

@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{font-family: 'SpoqaHanSansNeo-Regular';}

input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

input::placeholder{font-family: 'SpoqaHanSansNeo-Regular'; color: #BBBBBB;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.wrap{max-width: 640px; margin: 0 auto;}

.top_content{float: left;}
.back_btn{width: 10%; margin: 0.2em 0 0 0;}
.top_title > p{font-family: 'SpoqaHanSansNeo-Medium' !important;}

.text_box{margin: 0 0 1em 0; text-align: center;}

.form_text{font-size: 1.3em;}

.agree_box{width: 100%; border: 1px solid #eeeeee; margin: 1em 0 1em 0;}
.all_agree{background-color: #eeeeee; font-family: 'SpoqaHanSansNeo-Regular'; overflow: hidden;}
.all_agree p{font-family: 'SpoqaHanSansNeo-Regular'; float: left; margin: 0.3em 0 0 0.5em;}
.agree_padding{padding: 1em;}
.agree_content > ul > li{padding: 0.5em; font-family: 'SpoqaHanSansNeo-Regular';}

.agree_content > ul > li > span{float: right; font-size: 0.8em; background-color: #F1F1F1; padding: 0.2em 0.5em; font-family: 'SpoqaHanSansNeo-Regular'; border-radius: 3px; color: #666666;}
.check_box{display: none;}
#all_agree_chk + label{border: 1px solid #333333; background-color: #eeeeee; width: 20px; height: 20px; border-radius: 20px; margin: 0.1em 0 0 0; float: left; text-align: center;}
#all_agree_chk:checked + label{border: 1px solid #333333; background-color: var(--point-color); width: 20px; height: 20px; border-radius: 20px; margin: 0.1em 0 0 0; float: left;}
#all_agree_chk:checked + label::before{content: '\2714';color: #FFFFFF; font-size: 1em;}
.agree_chk + label:before{content: '\2714'; margin-right: 0.5em; color: #DFDFDF;}
.agree_chk:checked + label:before{content: '\2714'; margin-right: 0.5em; color: var(--point-color);}
.agree_chk:checked + label + label{content: '\2714'; margin-right: 0.5em; font-weight: bold; color: #333333;}

.agree_text_wrap{width:100%;  height:100vh; position:fixed; top :0; left:0; background: url(../images/black_60.png); padding: 0 5%; }
.agree_text{padding:1.8em; background-color: #fff; margin:7%; border-radius:1em; max-width:640px; margin:5vh auto; font-size: 0.8em;}
.agree_text img{height:1.2em;}
.agree_title{font-size:1.4em; padding:0.5em 0; font-family: 'SpoqaHanSansNeo-Regular';}
.agree_body_box{font-size:1em; height:80vh; overflow-y:auto; }
.agree_list{border:1px solid #eee; padding:1em; border-radius:1em; font-size:0.9em;}
.agree_list{line-height:2em; font-family: 'SpoqaHanSansNeo-Regular';}
.agree_body_box > h4,ul > li{font-family: 'SpoqaHanSansNeo-Regular' !important;}
h4{font-size: 1.1em;}

.content_unit select{background-image: url('../images/select_arrow.png'); background-repeat: no-repeat; background-position: right 9px center; background-color: #F1F1F1; background-size: 1em; color: #999999; border-radius: 5px; border: 0px; width: 100%; margin: 0 0 1.5em 0; padding: 0.6em 1em; font-family: 'SpoqaHanSansNeo-Light'!important; appearance: none;}
.content_unit option{background-color: #F1F1F1; color: #999999; border-radius: 5px; border: 0px; width: 100%; margin: 0 0 1.5em 0; padding: 0.6em 1em; font-family: 'SpoqaHanSansNeo-Light'!important;}
.content_unit input{background-image: url('../images/select_arrow.png'); background-repeat: no-repeat; background-position: right 9px center; background-color: #F1F1F1; background-size: 1em; color: #999999; border-radius: 5px; border: 0px; width: 100%; margin: 0 0 1.5em 0; padding: 0.6em 1em; font-family: 'SpoqaHanSansNeo-Light'!important; appearance: none;}

.pop_close:after {content: "\00d7"; font-size:1em; line-height:20px; color: #000000;}

.chabot_btn, .chabot_btn_active{font-family: 'SpoqaHanSansNeo-Medium';}

.check_label{font-family: 'SpoqaHanSansNeo-Regular'; font-weight: 400; color: #999999;}

/* select{background-image: url('../images/select_arrow.png'); background-repeat: no-repeat; background-position: right 9px center; background-color: #F1F1F1; background-size: 1em; color: #999999; border-radius: 5px; border: 0px; width: 100%; margin: 0 0 1.5em 0; padding: 0.6em 1em; font-family: 'SpoqaHanSansNeo-Light'!important; appearance: none;}
option{background-color: #F1F1F1; color: #999999; border-radius: 5px; border: 0px; width: 100%; margin: 0 0 1.5em 0; padding: 0.6em 1em; font-family: 'SpoqaHanSansNeo-Light'!important;} */

.select_title{margin: 0 0 0.5em 0;}
.sub_content{font-size: 1.1em;}
.now_start{font-weight: 100;}
#now_start{display: none;}
.now_start_label{border: 0.5px solid #A6A6A6; background: #F1F1F1; border-radius: 3px; width: 20px; height: 20px; margin: 0 0.5em 0 0; vertical-align: middle; text-align: center;}
#now_start:checked + .now_start_label:before{content: '\2714'; color: var(--point-color); line-height: 1em;}
.now_start{margin: 0 0 1.5em 0;}


@media all and (min-width: 500px){
    .now_start_label{width: 25px; height: 25px;}
    #all_agree_chk + label{width: 25px; height: 25px;}
    #all_agree_chk:checked + label{width: 25px; height: 25px;}
    .all_agree p{margin: 0.1em 0 0 0.5em;}
  }
@media all and (max-width: 290px){
    .sub_content{font-size: 1.0em;}
    .chabot_btn{font-size: 1em;}
}