@charset "utf-8";

.keep_box{margin-top:16px;font-size:1.4rem}
.keep_box label:not(:first-child){margin-left:20px;}

#log_wrap .inp_box input,
#signup_wrap .inp_box input,
#signup_wrap .inp_box select{width:100%;height:62px;}
#signup_wrap .inp_box select{padding:0 10px;}
#signup_wrap .inp_box textarea{height:200px;}

.div_box{display:flex;gap:15px;flex-direction:column;}

@media (min-width:1024px){
	.div_box{display:flex;gap:15px;flex-direction:row;}
	.div_box > div{width:50%;}
}

.inp_box02 .btn{position:absolute;right:4px;top:50%;height:calc( 100% - 6px);transform:translateY(-50%);width:130px;padding:0 10px}

#log_wrap{padding:60px 0;}
#log_wrap .panel_wrap{width:min(100%, 540px);margin:0 auto;padding:60px 30px 40px;background:#fff;border:1px solid var(--color-gray10);border-radius:var(--border-radius08);}
#log_wrap .panel_wrap .log_header{margin-bottom:40px;}
#log_wrap .panel_wrap .log_header h2{margin-bottom:20px;font-size:4.8rem;font-weight:600;line-height: 1}
#log_wrap .panel_wrap .log_header h2 span{color:var(--color-point01);}
#log_wrap .panel_wrap .log_header p{color:var(--color-gray50);font-size:1.8rem}
#log_wrap .panel_wrap .log_cont .inp_box.id_box input{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#log_wrap .panel_wrap .log_cont .inp_box.pw_box input{border-top-left-radius:0;border-top-right-radius:0;}

#log_wrap .panel_wrap .log_cont .btn.login{margin-top:30px;}
#log_wrap .panel_wrap .log_cont .btn{margin-top:8px;width:100%;}
#log_wrap .panel_wrap.find{}
#log_wrap .panel_wrap.find fieldset:not(:first-child){position:relative;padding-top:40px;margin-top:40px;border-top:1px solid var(--color-gray30);}

#log_wrap .find_box{margin-top:30px;}
#log_wrap .find_box li{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--color-gray60);}
#log_wrap .find_box li:not(:first-child){margin-top:8px}
#log_wrap .find_box li a{color:var(--color-gray100);text-decoration:underline;font-style: italic;transition:color .3s ease}

@media (min-width:1024px){
	#log_wrap .panel_wrap{padding:70px 40px 50px;}
	#log_wrap .find_box li a:hover,
	#log_wrap .find_box li a:focus{color:var(--color-point01);}
}

#log_wrap .panel_wrap.find{border-top:0;border-top-left-radius:0;border-top-right-radius:0;}
.tabs{display:flex;max-width:540px;margin:0 auto;}
.tabs li{flex:1 1 50%;border:1px solid var(--color-gray10);border-radius:var(--border-radius08);border-bottom-left-radius:0;border-bottom-right-radius:0;}
.tabs li:first-child{border-right:0;}
.tabs li a{display:block;padding:28px 10px 20px;line-height:1;text-align:center;color:var(--color-gray60);font-weight:500;font-size: 2rem}
.tabs li.active{background:#fff;border-bottom-color:#fff;}
.tabs li.active a{color:var(--color-primary);}

.popup{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.5);z-index: 9990;-webkit-backdrop-filter: blur(50px);backdrop-filter: blur(50px);overflow:auto;}
.popup .inner{width:min(100%, 540px);min-height:fit-content;padding:30px 20px 40px;background:#fff;border:1px solid var(--color-gray10);border-radius:var(--border-radius08);}
.popup.active{display:flex;}

.popup .pop_header{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;border-bottom:2px solid var(--color-gray100);}
.popup .pop_header .tit{font-size:2rem;font-weight:500;line-height:32px;}
.popup .pop_header .btn_close{border:0;border:0;border-radius:0;text-align:left;text-indent:-9999em;overflow:hidden;width:32px;height:32px;background:transparent url(/images/btn_close.svg) no-repeat 50% / cover;transition:transform .3s ease}

.popup .pop_cont{padding:30px 0 0;}
.popup .pop_cont .btn_box{text-align:center;margin-top:30px}
.popup .pop_cont .btn_box .btn{min-width:50%}

.popup.find_id .pop_cont{text-align:center;}
.popup.find_id .pop_cont p{color:var(--color-gray60);magin-bottom:4px;}
.popup.find_id .pop_cont .user_id{display:block;font-weight:500;font-size:3rem;color:var(--color-point01);}

.popup .pop_cont label{font-weight:500;}
.popup .pop_cont input{width:100%;height:62px;}

@media (min-width:1024px){
	.popup .pop_header .btn_close:hover,
	.popup .pop_header .btn_close:focus{transform: rotate(90deg);}
}

#signup_wrap{padding:60px 0;}
#signup_wrap .panel_wrap{width:min(100%, 820px);margin:0 auto;padding:60px 30px 40px;background:#fff;border:1px solid var(--color-gray10);border-radius:var(--border-radius08);}
#signup_wrap .progress{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:50px;}
#signup_wrap .progress li{flex:1 1 20%;padding:0 0 10px;border-bottom:2px solid var(--color-gray30);color:var(--color-gray30);font-weight:500;font-size:1.4rem}
#signup_wrap .progress li i{display:block;position:relative;padding-left:24px;}
#signup_wrap .progress li.current{color:var(--color-primary);border-color:var(--color-primary);}
#signup_wrap .progress li.finish{color:var(--color-point03);border-color:var(--color-point03);}
#signup_wrap .progress li i::after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: 50%;background-size:contain;}

#signup_wrap .progress li.step01 i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.2 4.2h1.7v2.5h8.3V4.2h1.7v4.2h1.7V4.2c0-.9-.8-1.7-1.7-1.7h-3.5C12 1.5 11.1.8 10.1.8c-1.1 0-2 .7-2.3 1.7H4.3c-.9 0-1.7.8-1.7 1.7v11.7c0 .9.8 1.7 1.7 1.7h5v-1.7h-5V4.2ZM10 2.5c.5 0 .8.4.8.8 0 .5-.4.8-.8.8-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8Z' style='fill:%23bbb'/%3E%3Cpath d='m17.5 9.6-4.6 4.6-2.5-2.5-1.2 1.2 3.7 3.8 5.9-5.9-1.3-1.2z' style='fill:%23bbb'/%3E%3C/svg%3E");}
#signup_wrap .progress li.step02 i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bbb%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1'%3E%3Cpath d='M14.7 3.6c-1.3-1.3-2.9-1.9-4.7-1.9s-3.4.6-4.7 1.9-1.9 2.9-1.9 4.7c0 .8.1 1.6.4 2.4.3.7.7 1.4 1.2 2v6.4l5-1.7 5 1.7v-6.4c.5-.6.9-1.3 1.2-2 .3-.8.4-1.6.4-2.4 0-1.9-.6-3.4-1.9-4.7Zm-1.4 13.1-3.3-.9-3.3.9v-2.6c.5.3 1 .5 1.6.7.6.2 1.1.2 1.8.2s1.2 0 1.8-.2c.5-.2 1.1-.4 1.6-.7v2.6Zm.2-4.8c-1 1-2.2 1.5-3.5 1.5s-2.6-.5-3.5-1.5c-1-1-1.5-2.2-1.5-3.5s.5-2.6 1.5-3.5S8.7 3.4 10 3.4s2.6.5 3.5 1.5c1 1 1.5 2.2 1.5 3.5s-.5 2.6-1.5 3.5Z' style='fill:%23bbb'/%3E%3Cpath d='M10.8 7.5 10 5.2l-.8 2.3H6.9L8.8 9l-.7 2.4L10 9.9l1.9 1.5-.7-2.4 1.9-1.5h-2.3z' style='fill:%23bbb'/%3E%3C/g%3E%3C/svg%3E");}
#signup_wrap .progress li.step03 i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15 7.5V10h1.7V6.7l-5-5H5c-.5 0-.9.2-1.2.5s-.5.7-.5 1.2v13.3c0 .5.2.9.5 1.2s.7.5 1.2.5h5v-1.7H5V3.3h5.8v4.2H15Z' style='fill:%23bbb' /%3E%3Cpath d='m19.1 12.4-1.5-1.5c-.2-.2-.3-.2-.6-.2s-.4 0-.6.2l-1.2 1.2-3.6 3.6v2.6h2.6l3.6-3.6 1.2-1.2c.2-.2.2-.3.2-.6s0-.4-.2-.6Zm-5.3 4.7h-.9v-.9l3.2-3.2.9.9-3.2 3.2Z' style='fill:%23bbb' /%3E%3C/svg%3E");}
#signup_wrap .progress li.step04 i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.5 13.5 4 10l-1.2 1.2 4.7 4.7 10-10-1.2-1.2-8.8 8.8Z' style='fill:%23bbb'/%3E%3C/svg%3E");}

#signup_wrap .progress li.step01.current i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.2 4.2h1.7v2.5h8.3V4.2h1.7v4.2h1.7V4.2c0-.9-.8-1.7-1.7-1.7h-3.5C12 1.5 11.1.8 10.1.8c-1.1 0-2 .7-2.3 1.7H4.3c-.9 0-1.7.8-1.7 1.7v11.7c0 .9.8 1.7 1.7 1.7h5v-1.7h-5V4.2ZM10 2.5c.5 0 .8.4.8.8 0 .5-.4.8-.8.8-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8Z' style='fill:%230F2C8E'/%3E%3Cpath d='m17.5 9.6-4.6 4.6-2.5-2.5-1.2 1.2 3.7 3.8 5.9-5.9-1.3-1.2z' style='fill:%230F2C8E'/%3E%3C/svg%3E");}
#signup_wrap .progress li.step02.current i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230F2C8E%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1'%3E%3Cpath d='M14.7 3.6c-1.3-1.3-2.9-1.9-4.7-1.9s-3.4.6-4.7 1.9-1.9 2.9-1.9 4.7c0 .8.1 1.6.4 2.4.3.7.7 1.4 1.2 2v6.4l5-1.7 5 1.7v-6.4c.5-.6.9-1.3 1.2-2 .3-.8.4-1.6.4-2.4 0-1.9-.6-3.4-1.9-4.7Zm-1.4 13.1-3.3-.9-3.3.9v-2.6c.5.3 1 .5 1.6.7.6.2 1.1.2 1.8.2s1.2 0 1.8-.2c.5-.2 1.1-.4 1.6-.7v2.6Zm.2-4.8c-1 1-2.2 1.5-3.5 1.5s-2.6-.5-3.5-1.5c-1-1-1.5-2.2-1.5-3.5s.5-2.6 1.5-3.5S8.7 3.4 10 3.4s2.6.5 3.5 1.5c1 1 1.5 2.2 1.5 3.5s-.5 2.6-1.5 3.5Z' style='fill:%230F2C8E'/%3E%3Cpath d='M10.8 7.5 10 5.2l-.8 2.3H6.9L8.8 9l-.7 2.4L10 9.9l1.9 1.5-.7-2.4 1.9-1.5h-2.3z' style='fill:%230F2C8E'/%3E%3C/g%3E%3C/svg%3E");}
#signup_wrap .progress li.step03.current i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15 7.5V10h1.7V6.7l-5-5H5c-.5 0-.9.2-1.2.5s-.5.7-.5 1.2v13.3c0 .5.2.9.5 1.2s.7.5 1.2.5h5v-1.7H5V3.3h5.8v4.2H15Z' style='fill:%230F2C8E' /%3E%3Cpath d='m19.1 12.4-1.5-1.5c-.2-.2-.3-.2-.6-.2s-.4 0-.6.2l-1.2 1.2-3.6 3.6v2.6h2.6l3.6-3.6 1.2-1.2c.2-.2.2-.3.2-.6s0-.4-.2-.6Zm-5.3 4.7h-.9v-.9l3.2-3.2.9.9-3.2 3.2Z' style='fill:%230F2C8E' /%3E%3C/svg%3E");}
#signup_wrap .progress li.step04.current i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.5 13.5 4 10l-1.2 1.2 4.7 4.7 10-10-1.2-1.2-8.8 8.8Z' style='fill:%230F2C8E'/%3E%3C/svg%3E");}

#signup_wrap .progress li.step01.finish i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.2 4.2h1.7v2.5h8.3V4.2h1.7v4.2h1.7V4.2c0-.9-.8-1.7-1.7-1.7h-3.5C12 1.5 11.1.8 10.1.8c-1.1 0-2 .7-2.3 1.7H4.3c-.9 0-1.7.8-1.7 1.7v11.7c0 .9.8 1.7 1.7 1.7h5v-1.7h-5V4.2ZM10 2.5c.5 0 .8.4.8.8 0 .5-.4.8-.8.8-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8Z' style='fill:%23057C48'/%3E%3Cpath d='m17.5 9.6-4.6 4.6-2.5-2.5-1.2 1.2 3.7 3.8 5.9-5.9-1.3-1.2z' style='fill:%23057C48'/%3E%3C/svg%3E");}
#signup_wrap .progress li.step02.finish i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23057C48%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1'%3E%3Cpath d='M14.7 3.6c-1.3-1.3-2.9-1.9-4.7-1.9s-3.4.6-4.7 1.9-1.9 2.9-1.9 4.7c0 .8.1 1.6.4 2.4.3.7.7 1.4 1.2 2v6.4l5-1.7 5 1.7v-6.4c.5-.6.9-1.3 1.2-2 .3-.8.4-1.6.4-2.4 0-1.9-.6-3.4-1.9-4.7Zm-1.4 13.1-3.3-.9-3.3.9v-2.6c.5.3 1 .5 1.6.7.6.2 1.1.2 1.8.2s1.2 0 1.8-.2c.5-.2 1.1-.4 1.6-.7v2.6Zm.2-4.8c-1 1-2.2 1.5-3.5 1.5s-2.6-.5-3.5-1.5c-1-1-1.5-2.2-1.5-3.5s.5-2.6 1.5-3.5S8.7 3.4 10 3.4s2.6.5 3.5 1.5c1 1 1.5 2.2 1.5 3.5s-.5 2.6-1.5 3.5Z' style='fill:%23057C48'/%3E%3Cpath d='M10.8 7.5 10 5.2l-.8 2.3H6.9L8.8 9l-.7 2.4L10 9.9l1.9 1.5-.7-2.4 1.9-1.5h-2.3z' style='fill:%23057C48'/%3E%3C/g%3E%3C/svg%3E");}
#signup_wrap .progress li.step03.finish i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15 7.5V10h1.7V6.7l-5-5H5c-.5 0-.9.2-1.2.5s-.5.7-.5 1.2v13.3c0 .5.2.9.5 1.2s.7.5 1.2.5h5v-1.7H5V3.3h5.8v4.2H15Z' style='fill:%23057C48' /%3E%3Cpath d='m19.1 12.4-1.5-1.5c-.2-.2-.3-.2-.6-.2s-.4 0-.6.2l-1.2 1.2-3.6 3.6v2.6h2.6l3.6-3.6 1.2-1.2c.2-.2.2-.3.2-.6s0-.4-.2-.6Zm-5.3 4.7h-.9v-.9l3.2-3.2.9.9-3.2 3.2Z' style='fill:%23057C48' /%3E%3C/svg%3E");}
#signup_wrap .progress li.step04.finish i::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.5 13.5 4 10l-1.2 1.2 4.7 4.7 10-10-1.2-1.2-8.8 8.8Z' style='fill:%23057C48'/%3E%3C/svg%3E");}

#signup_wrap .sign_header{margin-bottom:36px;}
#signup_wrap .sign_header .edge{display:inline-block;font-size:1.4rem;color:var(--color-gray30);}
#signup_wrap .sign_header h2{font-size: 3.8rem;font-weight: 600;line-height: 1}

#signup_wrap .sign_header h2 span{color: var(--color-point01);}


#signup_wrap .tit_bullet{position:relative;margin-bottom:20px;padding-left:28px;font-size:2rem;font-weight:500;}
#signup_wrap .tit_bullet::after{content:'';width:20px;height:24px;position:absolute;left:0;top:0;background:url(/images/bullet_rec_arr.svg) no-repeat 0 50%;}

#signup_wrap .sign_cont{}
#signup_wrap .sign_cont .doc{padding:20px;border:1px solid var(--color-gray30);border-radius:var(--border-radius04);color:var(--color-gray60);max-height:560px;overflow-y:auto}

#signup_wrap .btn_box{display:flex;gap:15px;margin-top:45px;}
#signup_wrap .btn_box .btn{width:50%}


#signup_wrap .form.organ{display:none;margin:40px -30px 0;padding:40px 30px;border-top:1px solid var(--color-gray10);background:var(--color-gray01);}

@media (min-width:820px){
	#signup_wrap .panel_wrap{padding:70px 40px 50px;}
	#signup_wrap .progress li{font-size:1.6rem}
	#signup_wrap .progress li i{padding-left:30px;}
	#signup_wrap .progress li i::after{width:24px;height:24px;}
	#signup_wrap .form.organ{margin:40px -40px 0;padding:40px;}
}


#signup_wrap .done{position:relative;text-align:center;padding:20px 0;}
#signup_wrap .done::before{content:'';display:block;width:100%;height:100px;background:url(/images/illust_complete.svg) no-repeat 50% 50% / contain;margin-bottom:20px;}
#signup_wrap .done p{font-size:2.2rem;font-weight: 500;margin-bottom:30px;}
#signup_wrap .done p a{color:var(--color-point01);text-decoration:underline;}
#signup_wrap .done .btn{min-width:200px}