@charset "utf-8";
@font-face{
	src:url("/font/AppleSDGothicNeoM.ttf");
	font-family:"apple";
}

/* 공통 */
.check_box input[type="checkbox"]{display:none;}
.check_box input[type="checkbox"] + label{position:relative;font-size:13px;margin-left:30px}
.check_box input[type="checkbox"] + label:before{content:"";display:block;position:absolute;background:#dddddd url(./img/check.svg) no-repeat center;background-size:100%;width:20px;height:20px;border:solid 1px #dddddd;border-radius:50%;top:-2px;left:-30px}
.check_box input[type="checkbox"]:checked + label:before{border-color:#222222;background-color:#222222}
/* 로그인 */
.mem03_skin {width:100%; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f9fafb; padding:40px 0;}
.mem03_skin .lo_reglogo{display:flex; align-items:center; justify-content:center; margin-bottom:2rem;}
.mem03_skin .lo_reglogo img{height:50px;}
.mem03_skin .inner{padding:2rem; box-shadow:0 0 #0000,0 0 #0000,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); background:#fff; border-radius:.5rem; max-width:448px; width:100%;}
.mem03_skin .inner .title{font-size:1.5rem; line-height:2rem; color:##111827; font-weight:700;}
.mem03_skin .inner form{margin-top:1rem;}
.mem03_skin .inner form>:not([hidden])~:not([hidden]){margin-top:1.5rem;}
.mem03_skin .inner form .input_label{display:flex;}
.mem03_skin .inner form .input_label label{color:#111827; display:block; font-size:.875rem; font-weight:500; line-height:1.25rem; margin-bottom:.5rem;}
.mem03_skin .inner form input{background:#fff; font-size:.875rem; border:1px solid #d1d5db; color:#111827; padding:.625rem; width:100%; border-radius:.5rem;}
.mem03_skin .inner form select{background:#fff; font-size:.875rem; border:1px solid #d1d5db; color:#111827; padding:.625rem; width:100%; border-radius:.5rem;}
.mem03_skin .inner form .btn_submit{width:100%; background:#00aeee; border-radius:.5rem; color:#fff; font-size:.875rem; font-weight:500; padding:.625rem 1.25rem;}
.mem03_skin .inner form .lo_fp{color:#6b7280; font-size:.875rem;}
.mem03_skin .inner form .lo_fp a{color:#1c64f2; font-size:.875rem;}
.mem03_skin .inner form .reg_recommend{width:100%; display:flex; gap:5px;}
.mem03_skin .inner form .reg_recommend input{width:70%;}
.mem03_skin .inner form .reg_recommend button{width:calc(30% - 5px); background:#0e739f; border:0; color:#fff;}


@media(max-width:769px){
	.mem03_skin{padding:40px 20px;}
}