@charset "utf-8";

/* ==========================================================================
    회원가입 - 약관
   ========================================================================== */

.pg-member .pg-title {color: #111111; font-weight: 700; font-size: 40px; text-align: center; line-height: 1.3;}
.pg-member .member {width: 100%; max-width: 780px; padding: 0 20px; margin: 30px auto 0; display: flex; flex-direction: column; align-items: center;}
.pg-member .member .inner-box {width: 100%; max-width: 580px; padding: 60px; background: #fff; overflow: hidden; border-radius: var(--radius03); border: 1px solid #dbdbdb; box-sizing: border-box;}
.pg-member .member .form-tit {font-size: 15px; color: #000; font-weight: 600;}

@media all and (max-width:860px){
.pg-member .pg-title {font-size: 24px;}
.pg-member .member {padding: 0; margin: 20px auto 0;}
.pg-member .member .inner-box {width: 100%; max-width: none; padding: 0; background: none; border-radius: 0; border: 0;}
.btn_wrap {width: 100%;}

}




/***************** 공통 하단 가이트 - 개인정보처리방침 / 이용약관 *****************/
.etc-title{font-size: 30px; font-weight: 700; padding: 0 30px;}

.guide .full {background: #f9f9f9; padding: 30px;}

.guide .con_text {}
.guide .con_text .top {margin-bottom: 50px;}
.guide .con_text ol > li {margin-top: 50px;}
.guide .con_text ol > li:first-child {margin-top: 0;}
.guide .con_text ol > li > div.tit {font-size: 20px; font-weight: 700; margin-bottom: 10px;}


/* 공통 뎁스 */
.guide .con_text .depth {margin-top: 15px;}
.guide .con_text .depth strong {font-weight: 600;}
.guide .con_text .depth li {margin-top: 15px; padding-left: 15px;}
.guide .con_text .depth li > .mark {display: inline-block; margin-left: -15px; margin-right: 3px; background: none;}
.guide .con_text .depth li > .tit {display: inline;}

/*ul margin 조절*/
.guide .con_text .depth_lim {margin-top: 5px;}

/*ul 내 li margin 조절*/
.guide .con_text .lim li {margin-top: 5px;}


@media all and (max-width:860px){
.etc-title{font-size: 27px; padding: 0 15px;} 

.guide .full {padding: 40px 15px;}
.guide .con_text .top {margin-bottom: 40px;}
.guide .con_text ol > li {margin-top: 40px;}
.guide .con_text ol > li > div.tit {font-size: 15px;}
}

@media all and (max-width:460px){
.etc-title{font-size: 24px; padding: 0 0;}

.guide .full {padding: 30px 0;}
}





/***************** 로그인 화면 *****************/
.member .login_box {color: #999;}
.member .login_box form > div {display: flex; flex-direction: column; gap: 20px;}
.member .login_box ul {text-align:left;}
.member .login_box ul li:first-child {margin-top:0}
.member .login_box ul li {margin-top:20px; display: flex; flex-direction: column; gap: 10px;}
.member .login_box ul li input { width: 100%;}
.member .login_box .btn_login {display:block;}
.member .login_box .btn_login input {height:55px;color:#fff;background:var(--point-color01); border-radius: var(--form-radius); -webkit-border-radius: var(--form-radius); display:inline-block; width:100%; font-weight:600; border:0;  cursor: pointer;}

.member .checkbox_style input:checked + label {color: #000;}

.member .more_btn {clear:both; overflow:hidden; text-align:center;}
.member .more_btn span {display:inline-block; clear:both; padding-right: 10px; margin-right: 10px; position: relative;}
.member .more_btn span::after {content: ''; display: block; width: 1px; height: 10px; background: #dbdbdb; position: absolute; right: 0px; top: 8px;}
.member .more_btn span:first-of-type {color: #000; font-weight: 600;}
.member .more_btn span:last-of-type {margin-right: 0; padding-right: 0;}
.member .more_btn span:last-of-type::after {content: none;}
.member .more_btn a {display:inline-block; font-size:0.95rem;}
@media all and (max-width:860px){
.member .login_box ul li {gap: 5px;}

}

@media all and (max-width:568px){

}





/***************** 아이디/비밀번호 찾기 *****************/
.find {margin:0 auto; max-width:800px; overflow:hidden;}
.find .form_wrap .form_table input {width: 100%;}
.find .form_wrap .form_table .email {overflow: hidden;}
.find .form_wrap .form_table .email input {float: left; width: calc( 100% - 255px );}
.find .form_wrap .form_table .cont.email select {float: left; width: 240px; margin: 0 0 0 10px;}
@media all and (max-width:1300px) {
.form_wrap .form_table .cont.email br {display: none;}
}
@media all and (max-width:860px) {
.find .form_wrap .form_table .email input {width: 100%;}
.find .form_wrap .form_table .cont.email select {width: 100%; margin: 5px 0 0 0;}
}









/***************** 회원가입 - 약관동의 *****************/
.member .agree h3 {font-size: 20px; font-weight: 700; margin-bottom: 12px;}
.member .agree .con {height:340px; margin:0; border-radius: var(--radius03); overflow-x: hidden; overflow-y:auto; background:#fff; border:1px solid #dbdbdb; box-sizing:border-box;}
.member .agree .con .con_text {padding:20px;}
.member .agree .guide .con_text ol > li > div.tit {font-size: 17px;}
.member .agree .join_check {display: block; margin-top: 20px; padding: 0; text-align: center;}

.member .agree .con::-webkit-scrollbar {
    width: 4px; position: absolute; right: -10px; top: 0;
}
.member .agree .con::-webkit-scrollbar-thumb {
    background: black; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.member .agree .con::-webkit-scrollbar-track {
    background: #e9ecef;  /*스크롤바 뒷 배경 색상*/
}

@media all and (max-width:860px){
.member .agree h3 {font-size: 18px; margin-bottom: 8px;}
.member .agree .con {height: 240px;}
.member .agree .con .con_text  {padding:15px;}
}





/***************** 회원가입 완료 화면 *****************/
.join_result_wrap {width: 100%; max-width:800px; margin:0 auto; text-align:center; background:#f5f5f5; padding:60px; box-sizing: border-box;}
.join_result_wrap .result_txt {color: #999;}
.join_result_wrap .result_txt .tit {font-size: 20px; font-weight: 700; color: #111; margin-bottom: 20px;}

@media all and (max-width:860px){
.join_result_wrap {padding: 40px 20px;}
.join_result_wrap .result_txt .tit {font-size: 18px; margin-bottom: 10px;}
}



/***************** 아이디찾기 화면 *****************/

.id_result_wrap {text-align: center;}
.id_result_wrap .result_txt {color: #999;}
.id_result_wrap .result_txt .tit {color: #111; font-weight: 700; font-size: 20px; margin-bottom: 20px;}
.id_result_wrap .item-wrap {color: #111; display:inline-block; margin: 20px 0 0 0; line-height: 40px; padding: 0 40px; background: #EEF7FF;}
.id_result_wrap .item-wrap dl {overflow: hidden;}
.id_result_wrap .item-wrap dl dt {display: inline-block;}
.id_result_wrap .item-wrap dl dd {display: inline-block;}
.id_result_wrap .item-wrap dl dd::before {content: ''; display: inline-block; width: 1px; height: 12px; background: #a5a5a5; margin: 0 20px;}

@media all and (max-width:860px){
.id_result_wrap .result_txt .tit {font-size: 18px; margin-bottom: 10px;}
.id_result_wrap {padding: 40px 20px;}
.id_result_wrap .item-wrap {padding: 0 15px; background: #fff; border: 1px solid #dbdbdb; border-radius: var(--radius02);}
}



.pg-member.join .member form {width: 100%; display: flex; flex-direction: column; align-items: center;}
@media all and (max-width:860px){

}