.account{max-width: 1600px; margin: 0px auto; padding: 0 20px;}
.account .account-wrap{max-width: 400px; margin: 80px auto;}
.account .title{font-size: 36px; font-weight: 700; border-bottom: 2px solid black; padding-bottom: 1.8rem; text-align: center;}
.account .title2{font-size: 30px; font-weight: 700; border-bottom: 2px solid black; padding-bottom: 1.8rem; text-align: center;}
.account .title3{font-size: 30px; font-weight: 700; text-align: center;}
.account form{padding-top: 2.5em;}
.account .form_text{padding-top: 2.5em;}
.account .sub_title{font-size: 16px; font-weight: bold; padding-bottom: 0.8em;}
.account .sub_title2{font-size: 18px; font-weight: bold; padding-bottom: 0.6em;}
.account .text{font-size: 14px; color: #666666; margin-bottom: 2.8em;}
.account .s_text{font-size: 11px; color: #999999; margin-top: 2.3em; border-top: 1px solid #e1e1e1; padding: 1em 0;}
.account .div_text{margin-bottom: 0.9em;}
.account .div_text .input_text{width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;}
.account .div_text .input_text::placeholder{color: #666666; font-size: 16px;}
.account .input_check{display: none;}
.account .input_check + label{cursor: pointer; padding-left: 15px;}
.account .input_check + label > span{vertical-align: middle; padding-left: 0.5em;}
.account .input_check + label:before{content: ""; display: inline-block; width: 14px; height: 14px; border: 1px solid #dddddd; margin-bottom: -0.1em; position: absolute; left: 0; top: 2.5px;} 
.account .input_check:checked + label:before{content: ""; background-color: #4373c6; border-color: #4373c6; background-image: url('../images/check_btn.png'); background-repeat: no-repeat; background-position: center; background-size: 85%;}
.account .account_text{font-size: 14px; color: #555555; margin-bottom: 1em;}
.account .link_text a{font-size: 14px; color: #555555;}
.account .btn{width: 100%; background-color: #000; font-size:16px; color:#fff; padding:0.6em; border-radius: 0; margin-bottom: 0.9em; font-weight: bold;}
.account .btn-light{width: 100%; background-color: #fff; border:1px solid #000; font-size:16px; padding:0.6em; border-radius: 0; margin-bottom: 0.9em; font-weight: bold;}
.account .btn-light:active {background-color: #000; color: #fff;}
.account .btn-light2{width: 100%; background-color: #e1e1e1; color: white; border: none; font-size:16px; padding:0.6em; border-radius: 0; margin-bottom: 0.9em; font-weight: bold;}
.account .right-arrow-g{width: 11px; height: 9px; display: inline-block; background-image: url('../images/right-arrow-g.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: 0.4em;}
.account .row-wrap{display: flex; justify-content: space-between; column-gap: 10px;}

/* 로그인 */
.account .account-wrap form{padding-top: 1.2em;}
.account .account-wrap  form input[type="checkbox"] {display: none;}
.account .account-wrap form input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.account .account-wrap form input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; }
.account .account-wrap form input[type="checkbox"] + label:before { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border: 1px solid #666; text-align: center;  box-sizing: border-box; }
.account .account-wrap form input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 6px; left: 0; width: 14px; height: 14px;   background: url(../images/default_chk.svg) no-repeat;   background-position: center center;}
.account .find a:first-child{border-right:1px solid #e1e1e1; padding-right: 1.4em; margin-right: 1.4em;}
.account .account-wrap .id_text{width: 100%; text-align: center; border: 1px solid #8380f850; padding: 1.3em 2em; border-radius: 10px; color: #8380f8; font-size: 18px;}

/* 회원가입 */
.account .join-wrap{max-width: 600px; margin:60px auto 70px auto}
.account .join-wrap .step {display: flex; justify-content: center; align-items: center; margin:0 auto 1.2em auto;}
.account .join-wrap .step .step-item{font-size: 12px; font-weight: bold; color: #d6d1e7; width: 28px; height:28px; border:1px solid #d6d1e7; text-align: center; line-height: 26px; border-radius: 50%;}
.account .join-wrap .step .step-item.on{color: #666666; background-color: #d6d1e7;}
.account .join-wrap .step .step-item:last-child{text-indent: -9999px; background-image: url(../images/check_btn_p.png); background-repeat: no-repeat; background-position: center; background-size: 45%;}
.account .join-wrap .step .step-item:last-child.on{background-image: url(../images/check_btn_g.png);}
.account .join-wrap .step span {display: block; width: 30px; height: 3px; background-color: #eeeeee;}
.account .join-wrap .success-wrap {padding: 3em 0 4em 0;}
.account .join-wrap .success-wrap .success_text {font-size: 24px; text-align: center; color:#000;}
.account .join-wrap .success-wrap .success_text::before {content: ""; display: block; width: 76px; height: 76px; margin: 0 auto 1.7em auto; background-color: #000; border-radius: 50%; background: url(../images/check_btn.png) no-repeat center/50% #000;}
.account .join-wrap .success-wrap .successs_s_text {font-size: 16px; text-align: center; color: #666666;}

/* 회원가입 동의 */
.account .join-wrap .join-inner {padding: 1em 0 4em 0;}
.account .join-wrap .join-inner .join_sub_title{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.account .join-wrap .join-inner p{font-size: 16px; font-weight: 400; color: #666; margin-bottom: 20px;}
.account .join-wrap .join-inner .join-choice{display: flex; justify-content: space-between;}
.account .join-wrap .join-inner .join-choice h6{font-size: 20px; font-weight: bold; margin-top: 0.5rem;}
.account .join-wrap .join-inner .join-choice .personal{width: 49%; border: 3px solid #e1e1e1; border-radius: 10px; text-align: center; padding: 20px 0;}
.account .join-wrap .join-inner .join-choice .entity{width: 49%; border: 3px solid #e1e1e1; border-radius: 10px; text-align: center; padding: 20px 0;}
.account .join-wrap .join-inner .join-choice .choice-active{border: 3px solid #8380f8;}


/* 회원가입 동의 체크박스 */
.account .join-wrap .join-inner form label{font-size: 16px; margin: 10px 0; font-weight: 500;}
.account .join-wrap .join-inner form input[type="checkbox"] {display: none;}
.account .join-wrap .join-inner form input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.account .join-wrap .join-inner form input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; }
.account .join-wrap .join-inner form input[type="checkbox"] + label:before { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border: 1px solid #666; text-align: center;  box-sizing: border-box; }
.account .join-wrap .join-inner form input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 6px; left: 0; width: 14px; height: 14px;   background: url(../images/default_chk.svg) no-repeat;   background-position: center center;}
.account .join-wrap .join-inner form input[id="chkAll"] + label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; }
.account .join-wrap .join-inner form input[id="chkAll"] + label:before { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border: 1px solid #8380f8; text-align: center;  box-sizing: border-box; }
.account .join-wrap .join-inner form input[id="chkAll"]:checked + label:after { content: ""; position: absolute; top: 6px; left: 0; width: 14px; height: 14px;   background: url(../images/allchk.svg) no-repeat;   background-position: center center;}

/* 회원가입 정보입력 public */
.account .join-wrap .join-inner .join-form .form{margin-bottom: 30px;}
.account .join-wrap .join-inner .join-form .form p{font-size: 14px; color: #8380f8; font-weight: 300; margin-top: 2px;}
.account .join-wrap .join-inner .join-form .form .input_join{width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .join_eamil{width: calc(100% / 3 - 11px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .select_email{width: calc(100% / 3 - 13px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .join_phone{width: calc(100% / 3 + 10px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .select_phone{width: calc(100% / 3 - 60px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .join_post{width: 25%; border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .join_address{width: calc(100% / 2 - 5px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form .find_post{ background-color: #666666; border-radius: 5px; padding: 0.8em; border: none; color: white;} 
.account .join-wrap .join-inner .join-form .form .join_crn{width: calc(100% / 3 - 14px); border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em;} 
.account .join-wrap .join-inner .join-form .form label{font-size: 14px; font-weight: 300; margin: 5px 0;}
.account .join-wrap .join-inner .join-form .form .file-flex{display: flex; justify-content: space-between; align-items: center;}
.account .join-wrap .join-inner .join-form .form .file-flex label .btn-upload{background-color: #666; font-size: 15px; color: white; padding: 0.5em 1.2em;}
.account .join-wrap .join-inner .join-form .form .file-flex #originName{font-size: 15px; font-weight: 400;}
.account .join-wrap .join-inner .join-form .form .file-flex .file_explanation{font-size: 14px; font-weight: 300; color: #666666; text-align: end;}


input[id="email_agree"] {display: none;}
input[id="email_agree"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
input[id="email_agree"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; }
input[id="email_agree"] + label:before { content: ""; position: absolute; left: 0; top: 4.5px; width: 12px; height: 12px; border: 1px solid #666; text-align: center;  box-sizing: border-box; }
input[id="email_agree"]:checked + label:after { content: ""; position: absolute; top: 4.5px; left: 0; width: 12px; height: 12px;   background: url(../images/default_chk.svg) no-repeat;   background-position: center center;}
input[id="sns_agree"] {display: none;}
input[id="sns_agree"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
input[id="sns_agree"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; }
input[id="sns_agree"] + label:before { content: ""; position: absolute; left: 0; top: 4.5px; width: 12px; height: 12px; border: 1px solid #666; text-align: center;  box-sizing: border-box; }
input[id="sns_agree"]:checked + label:after { content: ""; position: absolute; top: 4.5px; left: 0; width: 12px; height: 12px;   background: url(../images/default_chk.svg) no-repeat;   background-position: center center;}

input[id="file"]{display: none;}

/* 비밀번호 재설정 */

.re_pw_set .form .input_join{width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; padding: 0.8em; margin-bottom: 1rem;} 
.re_pw_set .form .input_join::placeholder{color: #aaa;}



@media screen and (max-width:768px){
    .account .title,
    .account .title2,
    .account .title3{font-size: 24px;}
    .account .account-wrap form input[type="checkbox"] + label{font-size: 14px;}
    .account .account-wrap form input[type="checkbox"] + label:before{top: 4px;}
    .account .account-wrap form input[type="checkbox"]:checked + label:after{top: 4px;}
    .account .join-wrap .join-inner .join-form .form{font-size: 14px;}
    .account .join-wrap .join-inner .join-form .form .file-flex{ flex-direction: column; align-items:start;}
    .account .join-wrap .join-inner .join-form .form .file-flex label .btn-upload,
    .account .join-wrap .join-inner .join-form .form .file-flex #originName{font-size: 14px;}
    .account .join-wrap .join-inner .join-form .form .file-flex .file_explanation{text-align: start; font-size: 12px;}
    .account .account-wrap{margin: 60px auto;}
    
}


@media screen and (max-width:500px){
    .account .title,
    .account .title2,
    .account .title3{font-size: 20px;}
    .account .sub_title{font-size: 14px;}
    .account .sub_title2{font-size: 16px;}
    .account .div_text .input_text::placeholder{font-size: 14px;}
    .account .account_text{font-size: 12px;}
    .account .link_text a{font-size: 12px;}
    .account .btn{font-size:14px;}
    .account .btn-light{font-size:14px;}
    .account .btn-light2{font-size:14px;}
    .account .join-wrap .join-inner{padding: 1em 0 2em 0;}


    /* 회원가입 */
    .account .join-wrap .success-wrap .success_text {font-size: 20px;}
    .account .join-wrap .success-wrap .success_text::before {width: 64px; height: 64px;}
    .account .join-wrap .success-wrap .successs_s_text {font-size: 14px;}
    .account .join-wrap .join-inner .join_sub_title{font-size: 18px; margin-bottom: 5px;}
    .account .join-wrap .join-inner p{font-size: 14px;}
    .account .join-wrap .join-inner .join-choice h6{font-size: 16px;}
    .account .join-wrap .join-inner form label{font-size: 16px;}
    .account .join-wrap .join-inner .join-form .form .join_phone{width: calc(100% / 3 - 13x);}
    .account .join-wrap .join-inner .join-form .form .select_phone{width: calc(100% / 3 - 10px);}
    .term_use{font-size: 14px; padding: 10px;}
    .account .join-wrap .join-inner form input[type="checkbox"] + label:before{top: 5.5px;}
    .account .join-wrap .join-inner form input[type="checkbox"]:checked + label:after{top: 5.5px;}

}