@charset "UTF-8";
@font-face {
  font-family: 'SUIT-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
#container_title{display: none;}

.reg_ul{display: flex; align-items: center; justify-content: center; gap: 0px 3%; margin-bottom: 90px;}
.reg_ul li{color: #999; font-weight: 500; font-size: 16px;}
.reg_ul li b{color: #121212; font-weight: 600;}
.reg_ul span{color: #999; font-size: 16px; font-family: 'SUIT-Regular';}
.tbl_frm01{margin: 0px !important;}
.form_01 .left_input{float: initial !important;}
#register_form{margin-bottom: 20px;}
.btn_confirm{display: flex; align-items: center; justify-content: center; text-align: center;margin: 0 auto 100px auto; max-width: 730px; width: 96%; gap: 0px 1%;}
.btn_confirm a{width: 50%; line-height: 60px;}
.btn_confirm .btn_submit {width: 50%; border-radius: 3px; background: #121212; color: #fff; font-size: 16px;}
.frm_input{border: 1px solid #e1e1e1 !important; padding-left: 10px;}
.reg_btn_submit{background: #121212; font-size: 16px; margin-top: 40px; color: #fff !important;}

.mbskin{width: 96%; max-width: 480px; margin: 0 auto; margin-top: 0px; margin-bottom: 80px;}
.mbskin .login_wrap_box{display: flex; align-items: center;}
.mbskin .login_wrap_box label{min-width: 100px; text-align: left;}
.mbskin .login_wrap_box input{padding-left: 20px; border: 1px solid #cbcbcb; height: 60px; border-radius: 3px;}
.mbskin #login_fs h2{font-size: 32px; margin-bottom: 30px; font-weight: bold;}
#login_password_lost{border: none; color: #676e70;}
.mbskin .btn_submit{font-size: 18px; margin-top: 20px !important;}

.btn_submit{background: #121212; height: 60px !important; border-radius: 3px; color: #fff; font-size: 2.0rem; font-weight: bold; border: none;}

.mbskin_box{display: flex; flex-direction: column-reverse; justify-content: space-between;}
.mb_log_cate{display: none; width: 100%; display: none; flex-direction: column; align-items: center; justify-content: center; padding: 35px; border-top: 1px solid #dde7e9; background: #f9f9f9;}
.mb_log_form{width: 100%;}

.mb_log_cate span{font-size: 15px; color: #555; margin-bottom: 18px;}
.mb_log_cate .join{padding: 15px 0px; border-radius: 3px; width: 100%; background: #52616b; color: #fff;}

#sns_login{border-top: 0px !important;}
#mb_login #sns_login{display: flex; justify-content: center;}
#mb_login #sns_login .txt{display: none;}
#mb_login #sns_login .sns-icon{width: initial !important; background-color: initial !important; margin: 0px !important; border-bottom: 0px !important;}
#sns_login .sns-google .ico{border: 1px solid #ddd;}

.register{width: 96% !important; max-width: 730px; margin: 0 auto; margin-top: 0px; margin-bottom: 80px;}

/*#fregister p{height: initial; line-height: initial; min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 0px 15px; font-size: 1.8rem;}*/
#sns_register{display: flex; align-items:center;}
#fregister_chkall{background: #c9d6df;}
.fregister_agree input[type="checkbox"] + label{
  color: #222;
  font-weight: bold;
}

.chk_box{display: flex; align-items: flex-start; align-items: center; gap: 0px 7px;}
.chk_box label{font-size: 16px; color: #333;}
.chk_box input[type="checkbox"] + label span{margin-right: 7px;}
#login_info{border: 1px solid #cbcbcb; border-radius: 3px; overflow: hidden; display: flex; justify-content: space-between;}
#login_info a{height: 55px; display: flex; align-items: center; justify-content: center; width: 50%; font-size: 15px; color: #999;}
#login_info a:first-child{border-right: 1px solid #cdcdcd;}

.register h2{font-size:32px; font-weight:700;text-align: center; margin-bottom: 40px; color: #121212;}
.register_form_wrap{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.acco{border-top: 4px solid #fff;}
.collapsible { cursor: pointer; padding: 20px 0px; width: 100%; border: none; text-align: left; outline: none; font-size: 1.7rem; background: none;font-weight:400;
  position: relative;display:flex; align-items: flex-end;}

.content1 { max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;  /* 더 부드럽게 */
  /*border-bottom: 1px solid #e0e0e0;*/
  background: rgba(255,255,255,0.1);}
.collapsible:after { content:''; position: absolute;top: 52%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("./img/arrow_down.png"); width: 16px; height: 9px; background-repeat: no-repeat;}
.down:after { content:''; position: absolute;top: 52%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("./img/arrow_up.png"); width: 16px; height: 9px; background-repeat: no-repeat;}
.content1 .tbox{padding: 20px 20px 20px 30px;background-color:#f9f9f9; height: 160px; overflow-y: scroll; color: #444; font-size: 14px; line-height: 140%;}
.content1 .tbox p{font-weight:300; font-size:15px;color:#686868;line-height:150%;}

/*.register .reg_ul{display: flex; align-items: center; justify-content: center; gap: 0px 3%; margin-bottom: 90px;}*/
/*.register .reg_ul li{color: #999; font-weight: 500; font-size: 1.6rem;}*/
/*.register .reg_ul li b{color: #121212; font-weight: 600;}*/
/*.register .reg_ul span{color: #999; font-size: 1.6rem; font-family: 'SUIT-Regular';}*/
.register .reg_top_nav{text-align: right; font-size: 1.3rem; font-weight: 500; text-transform: uppercase; margin-bottom: 60px;}
.register .reg_top_nav span{color: #999;}

.register input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 10px;}
.register input[type="checkbox"]:checked {background-color: #121212;border-color: #121212;}
.register input[type="checkbox"]:checked::after {content: '✓';color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.register_all_agree label{display: flex; gap: 0px 1%; margin-bottom: 25px;}
.register_all_agree label .text h3{font-size: 18px;font-weight: 600; color: #121212;}
.register_all_agree label .text p{color: #999; margin-top: 5px;}

.register_labelbox label{font-size: 17px; color: #333;}
.register dl{margin-top: 25px; display: flex; gap: 7px 4%; align-items: center;}
.register dl label{font-size: 1.7rem; color: #333; display: flex; align-items: center;}
.register .btn_center{display: flex; gap: 0px 1%; margin-top: 55px;}
.register .btn_center a{border: 1px solid #e2e2e2; width: 50%; color: #333; font-size: 18px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.register .btn_center button{border: 1px solid #1d1d1f; width: 50%; background: #1d1d1f; color: #fff; font-size: 18px; font-weight: 500; border-radius:0px; }

.register .btn_confirm a{border: 1px solid #e2e2e2; width: 50%; color: #333; font-size: 1.8rem; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.register .btn_confirm button{border: 1px solid #1d1d1f; width: 50%; background: #1d1d1f; color: #fff; font-size: 1.8rem; font-weight: 500; border-radius:0px; }

.reg_ul_wrap{border-top: 1px solid #e8e8e8;}
.form_01 li{margin: 0px}
.half_input{display: flex;  margin: 0px !important; width: initial; border-bottom: 1px solid #e8e8e8;}
.half_input h3{min-width: 190px; font-size: 17px; font-weight: 500; color: #666; background: #f9f9f9; display: flex; align-items: center; gap: 0px 5px; padding: 24px 0 24px 25px;}
.half_input h3 span{color: #931215;}
.half_input .h3{min-width: 190px; font-size: 17px; font-weight: 500; color: #666; background: #f9f9f9; padding-left: 25px; display: flex; align-items: center; gap: 0px 5px;}
.half_input .h3 span{color: #931215;}
.half_input .input_box{padding: 15px; width: 100%;}
.half_input .radio_box{display: flex; gap: 0px 4%;}
.half_input .radio_box input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 18px;height: 18px;border: 1px solid #d0d0d0;border-radius: 4px; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; }
.half_input .radio_box input[type="radio"]:checked::after {content: '✓'; /* 체크 표시 */color: white; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
/* 선택된 라디오 버튼의 스타일 */
.half_input .radio_box input[type="radio"]:checked {background-color: #f48479; border: 1px solid #f48479;}
.half_input .radio_box label{display: flex; align-items: center; color: #333;}
.frm_input{height: 40px; border-radius: 0px; border: 1px solid #e8e8e8; width: 85%;}
.half_input .input_box p{font-size: 14px; margin-top: 7px; color: #666;}

.file_cus label {display: flex; gap: 0px 1%;}
input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
.file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: 68%;height: 40px;padding:0 12px;border: 1px solid #ddd;border-radius:0px;font-size: 14px;line-height: 40px;color: #111;white-space: nowrap; text-overflow: ellipsis;}
.file_btn {display: inline-block;vertical-align: middle;width: 80px;height: 40px;background: #333;border-radius:0px;font-size: 14px;font-weight: 500;line-height: 40px;color: #fff;text-align: center;}
input[type="file"]:focus-visible ~ .file_btn, .file_cus:hover .file_btn {background: #f48479;}

.reg_box_wrap{text-align: center; padding-bottom: 80px;}
.reg_box_wrap h4{font-size: 28px; font-weight: bold; color: #121212; margin: 26px 0 15px 0;}
.reg_box_wrap p{font-size: 16px; color: #777; line-height: 145%;}

.btn_submit:hover{background: #111;}

.new_win #win_title{background: #121212; color: #fff;}
.new_win .win_btn{margin-top: 40px;}
.new_win .win_btn .btn_submit{width: 120px; height: 45px !important;}
.new_win .btn_close{width: 120px;}
#find_info #mb_email{height: 45px;}
.form_01 div{margin: 0px !important;;}
.btn_confirm a{border: 1px solid #e1e1e1;}

button.btn_frmline{line-height: initial; font-size: 14px; height: 40px; border-radius: 0px;}
.is-hidden {
  display: none !important;
}
.chk_box{margin-top: 8px !important;}

@media screen and (max-width:1024px) {}