@charset "utf-8";

input[type='text'], input[type='number'], input[type='password'], input[type='file'], input[type='email']{display: block;width: 100%;height:50px;padding: 10px 20px;font-size: 16px;line-height: normal;text-align: left;box-sizing: border-box;border-radius: 5px!important;border:1px solid #e5e5e5;background-color:#fff!important;-webkit-appearance: none;outline: none;}
select{display: block;width: 100%;height:50px;padding: 10px 20px;font-size: 16px;line-height: normal;text-align: left;box-sizing: border-box;border-radius: 5px!important;border:1px solid #e5e5e5;background-color:#fff!important;outline: none;}
input[type='checkbox']{width:auto;height:auto;vertical-align:middle;display:inline-block;margin:-1px 5px 0 0;}
label{font-weight:400;padding-bottom:5px;display:inline-block;}
.divi input[type='text'], .divi input[type='number'] {width:33%;display:inline-block;}
.member{width:100%;}
.btn-chk{margin-top:20px;}
.btn-chk input{display:none;}
.btn-chk input + label{position: relative;padding-left: 30px;}
.btn-chk.chk-m input + label::before {left: 6px;}
.btn-chk input + label:before {width: 11px;height: 6px;left: 5px;top: 32%;border: 2px solid #b4b4b4;border-top: 0;border-right: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;    z-index: 1;}
.btn-chk input + label:before, .btn-chk input + label:after {content: "";display: inline-block;position: absolute;}
.btn-chk.chk-m input + label::after {width: 22px;height: 22px;}
.btn-chk input + label:after {top: 0;bottom: 0;left: 0;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #b4b4b4;margin: auto;background: #fff;}
.btn-chk input:checked + label:before {border-color: #fff;z-index: 1;}
.btn-chk input:checked + label:after {background: #e16004;border: 1px solid #e16004;}
.mgl20{margin-left:20%;}
/* 로그인 */
.login{}
.login .login-mem{padding:0 30%;box-sizing:border-box;}
.mb_login{width:60%;margin:0 auto;text-align:center;background:#30bfbb;border-radius:30px; }
.mb_login button{color:#fff;font-weight:600;font-size:18px;padding:13px 0;border-radius:30px;width:100%;box-sizing:border-box;}

.mb_join{width:60%;margin:10px auto;text-align:center;background:#ed1c24;border-radius:30px; }
.mb_join a{display:inline-block;color:#fff;font-weight:600;font-size:18px;padding:11px 0;}

.mb_forget{width:60%;margin:0 auto;text-align:center;background:#a3b2b5;border-radius:30px;}
.mb_forget a{display:inline-block;color:#fff;font-weight:600;font-size:18px;padding:11px 0;}

/* 공통버튼 */
.btn_wrap{text-align:center;margin-top:30px;}
.btn_wrap a, .btn_wrap button{display:inline-block;padding:9px 30px;background:#a3b2b5;border-radius:20px;color:#fff;vertical-align: top;}
.btn_wrap a.btn_color{background:#30bfbb!important;}
.btn_wrap button.btn_color{background:#30bfbb!important;padding:12px 30px 13px;}
.btn_agree a{border:1px solid #cdcdcd;border-radius:10px;padding:10px 30px;margin:0 5px;background:#fff;font-weight:600;}
.btn_agree a:hover{background:#0068a1;color:#fff;border:1px solid #0068a1;}

.check-icon{display:inline-block;width:16px;height:8px;border:2px solid #fff;margin-bottom:4px;}
.check-icon--apply-origin{border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);transform-origin:25% 25%;}
.btn_check a{display:inline-block;background:#e3e5e9;padding:5px 15px;border-radius:20px;margin-right:5px;}
.btn_check a.on{background:#ffb900;color:#fff;padding: 9px 10px;min-width: 190px;}
.uncompleted{opacity:0.5;}
.btn_list2 a{display:block;background:#f7f7fa;padding:3px 20px;border-radius:5px;}

/* 가입 */
.join{border-top: 1px dotted #cfd4d7;padding:30px 0;}
.join dl{overflow:hidden;margin:15px;}
.join dl dt{float:left;width:20%;vertical-align:middle;padding:10px;box-sizing:border-box;font-weight:500;}
.join dl dt span{position:relative;font-weight:500;}
.join dl dt span:after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #e16004;top: -3px;right: -6px;}
.join dl dt span.atnone:after{display:none;}
.join dl dd{float:right;width:80%;}
.join dl dd input{height:auto;margin:2px 0;}
.join dl dd select{height:auto;}
.join dl dd.sel_radio{padding:10px 0 0;}
.join dl dd.sel_radio label{margin-right:50px;}
.join .txt_info{padding:5px 0 0;color:#9a9a9a;}
.sel_radio2 label{margin-right:30px;}

.boxW{border:1px solid #e5e5e5;border-radius:5px;}
.score_list{padding:20px;}
.score_list label{display:inline-block;vertical-align:middle;margin:0 30px 0 10px;padding-right:5px;}
.score_list label input{vertical-align:middle;margin-top:-4px;display:inline-block;}
.score_txt{font-size:30px;font-weight:600;color:#1982b8;}



@media (max-width:1024px){
.login .login-mem{padding:0 5%;}
.join dl dt{width:100%;}
.join dl dd{width:100%;}
.mgl20{margin-left:0%;}

}

@media (max-width:767px){
.btn_wrap a{display:block;margin-top:3px;}
.divi input[type='text']{width:100%;display:inline-block;}

.btn_agree a{display:block;margin-top:2px;}

}