#login,#join, #privacy {text-align: center; border-top: 1px solid #ddd;}
#login .inner,#join .inner,#privacy .inner  {margin: 20% auto; }
#login h2 {margin-bottom: 50px;}
.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
select {border-radius: 0;}

.login_box .r_row {overflow:hidden; margin-bottom:10px; border:1px solid #e0e0e0;}
.login_box .r_row dt {position:relative; float:left; width:92px; height:60px; background:url('/member/images/ico_id.png') no-repeat 31px center;}
.login_box .r_row.s02 dt {background-image:url('/member/images/ico_pw.png')}
.login_box .r_row dt:after {position:absolute; top:50%; right:0; width:1px; height:40px; margin-top:-20px; background:#e1e1e1; content:'';}
.login_box .r_row label {position:absolute; top:0; left:-20000px;}
.login_box .r_row dd {margin-left:92px;}
.login_box .r_row input[type="text"],
.login_box .r_row input[type="password"]{width:100%; height:60px; padding:0 10px; font-size:18px; color:#b7b7b7; border:0; box-sizing:border-box; background:#fff;}
.login_link {margin-top:30px;}
.login_link li {overflow:hidden; margin-bottom:8px; line-height:32px; }
.login_link strong {float:left; font-size:16px; color:#626262;font-weight: 300 !important;}
.login_link a {float:right; width:174px; height:32px; color:#fff; letter-spacing:-0.03em; background:#25C6BD;}
.login_link a.bg02 {background:#a4a4a4;}
.login_wrap .btn_submit {display:block; width:100%; height:62px; margin-top:20px; border:0; font-size:23px; color:#ffffff; cursor:pointer; background:#25C6BD;}
.login_wrap a.btn {color:#ffffff;}
.radio label:before {position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-11px; background:url('/images/basic/un_radio.png') no-repeat center; content:'';}
.radio input:checked + label:before {background-image:url('/images/basic/radio_mint.png');}
.checkbox input:checked + label:before {background-image:url('/images/basic/check_mint.png');}

/***************************** ////// 약관동의 ////// *******************************/
.join_tab {overflow:hidden; margin:60px -4px 0;}
.join_tab li {float:left; width:33.33%; text-align:center;}
.join_tab li em {display:block; margin:0 4px; padding:20px 0; color:#4c4c4c; line-height:1.3; background:#dfdfdf;}
.join_tab li span {display:block; font-size:16px;}
.join_tab li b {display:block; font-size:20px; }
.join_tab li.on em {color:#fff; background:#232426;}
.join_tab li.on b {font-weight:500;}

.m_contents {margin-top:50px; text-align: left; word-break: keep-all;}
.m_contents .htext { font-size:16px; padding-bottom:20px; line-height:140%;}
.m_contents h3 {display:block; font-size:21px; color:#1e1e1e; margin:20px 0; font-weight:500;  position:relative;}
.m_contents h3 span.st { position:absolute; right:0; top:0; font-size:16px; color:#272727; text-align:right;}
.m_contents .agree_box {border:1px solid #ebebeb; background:#fff; height:200px; overflow-y:scroll; padding:15px 20px; color:#aaa;}
.m_contents .agree_box2 {border:1px solid #d6d6d6; background:#fbfbff; padding:10px; color:#1e1e1e; font-weight:400; font-size:18px; text-align:center;}
.m_contents .agree_form {padding-top:10px; text-align:right; padding-bottom:25px; font-size:15px; font-weight:400; color:#1e1e1e;}
.agree_box03 {padding:0 20px; font-size:15px; color:#515151;}
.m_contents .point_box {padding:15px 20px; font-size:16px; color:#14192c; background:#ececec;}

/***************************** ////// 회원정보입력 ////// *******************************/

.m_contents table.join_list {border-top:2px solid #767784; width:100%; border-collapse: collapse;}
.m_contents table.join_list * {vertical-align:middle;}
.m_contents table.join_list td, .m_contents table.join_list th {font-size:15px; padding:12px 10px; border-bottom:1px solid #d2d2d2; vertical-align:top; text-align:left; font-weight:normal;}
.m_contents table.join_list th {}
.m_contents table.join_list td {line-height:35px;}
.m_contents table.join_list th span.check { color:#ed1c24; font-weight:500;}
.m_contents .stext { color:#000000; font-size:14px; padding-top:7px; }
.m_contents .sbtn1 {display:inline-block;width: 24%;height:35px;background: #000;font-size:16px;font-weight:400;color:#fff;text-align:center;vertical-align:middle;line-height:35px;text-decoration:none;cursor:pointer;}
.pw_input {display: flex; flex-direction: column;}

.frow {margin: 30px 0; display: flex; flex-direction: column;}
.frow label {display: flex; justify-content: space-between; align-items: center ; flex-wrap: wrap;}
.frow label p {font-size: 14px; text-align: right;}
.frow input {margin-top: 10px; border-radius: 0px !important;}
.m_contents .middleCon { vertical-align:middle;}
.m_contents .tt {display:inline-block; padding-left:10px; }
.btn_chk_wrap {display: flex; align-items: center; justify-content: space-between;}
.btn_chk_wrap input {width: 70%;}
.btn_chk_wrap a {width: 28%; margin-top: 10px;    height: 35px;display: flex; align-items: center; justify-content: center; background-color: #000; color: #fff;}
.email_wrap {display: flex; justify-content: space-between; align-items: center;}
.email_wrap select {margin-top: 10px; width: 30%;}
.email_wrap input {width: 33%;}

/***************************** ////// 회원가입완료 ////// *******************************/

.join_complete { text-align: center;border-bottom:1px solid #d2d2d2; font-size:20px; color:#1e1e1e; background:url('../images/join_complete_img.jpg') no-repeat right center;}
.join_complete .btn_area {margin-top:70px; }
.btn_area .mint {background-color: #25C6BD !important; border: none;}
.tel_wrap {display: flex; justify-content: space-between;    margin-bottom: 10px;}
.tel_wrap select,.tel_wrap span  {margin-top: 10px;}
.extra_info {margin-left: 0; display: flex; justify-content: flex-end;  gap: 0 10px;}

/***************************** ////// 회원가입완료 ////// *******************************/



/* 아이디 비밀번호 찾기 */
.search_box {display: flex; flex-direction: column; gap: 20px 0;}
.search_box .mrow {display: flex; flex-direction: column;}
.search_box .mrow label {margin-bottom: 10px;}
.search_box .mrow input {}
.search_box .btn_wrap {text-align: center;}
.search_box .btn_wrap button {background-color: #25C6BD; padding: 0.8rem 0; width: 40%; margin-top: 10px; color: #fff;}



/* 개인정보처리방침 */
#privacy .m_con_list dt h3 {margin: 0;}
#privacy .htitle_area2 .box{border: 1px solid #ebebeb; text-align: left; padding: 30px 20px; margin-top: 20px;}
#privacy .m_con_list dd {display: none; padding: 20px 10px; background-color: #f6f6f6;}
#privacy .m_con_list dt.on+dd {display: block;}
#privacy .m_con_list dt {border-bottom: 1px solid #ebebeb;}
#privacy .m_con_list dt a {display:block; padding:0 30px; background:url('/images/icon/ico_arrow_down.png') no-repeat 95.4% center;    background-size: 15px;}
#privacy .m_con_list dt.on a {background-image:url('/images/icon/ico_arrow_up.png');}
#privacy .m_con_list dl {border-bottom: 1px solid #aaa;}
#privacy .m_con_list dl a {display: inline-block; width: 100%; padding: 16px 0; font-size: 16px;}
#privacy table.list1 {width:100%; border:1px solid #e0e0e0; margin:15px 0; padding:0;}
#privacy table.list1 * {word-break:break-all;}
#privacy table.list1 thead th,
#privacy table.list1 thead td {background:#efefef; color:#000; font-weight:bold; text-align:center;}
#privacy table.list1 th,
#privacy table.list1 td { padding:5px; border:1px solid #e0e0e0; margin:0; text-align:center;}
#privacy table.list1 th { font-size: 14px;background:#f9f9f9; font-weight:bold; text-align:center;}
#privacy table.list1 td { font-size: 14px;background:#ffffff; font-weight:normal; }
#privacy table.list1 .t_c { text-align:center !important;}

/* 이용약관 */
#privacy .box {border: 1px solid #aaa; margin-top: 30px;padding: 0 10px 30px;}

/* 제휴문의 */
.partnership_wrap .frow select {margin-top: 10px; color: #aaa;}
.filebox input {width: 100%; background: #fff !important; padding: 0 125px !important;}
.filebox .select_file { cursor:pointer; position: absolute;height: 35px;background: #383838; color: #fff; padding: 0 30px;margin-top: 10px; z-index: 100;}
textarea {resize: none; margin-top: 10px;}
.partnership_wrap .btn_area {margin-top: 40px;}
.bottom_agree a.point {color: #25C6BD; }
#mh_etc1 {width: 100%}
.t01 {margin-bottom: 10px;}



@media (min-width: 2000px){
  #login,#join, #privacy {min-height: calc(100vh - 390px);}
}

@media (max-width: 500px){
  .login_box .r_row dt {width: 74px; background: url('/member/images/ico_id.png') no-repeat 22px center;}
  .login_box .r_row dd {margin-left: 82px;}
  
  
  .join_complete p {font-size: 16px;}
  
  /* 회원가입 입력 폼 중 이메일 셀렉트박스 */
  .email_wrap input { width: 30%; }
  select { font-size: 14px; width: 34%;}
  
  #privacy .m_con_list dt a {font-size: 14px;}
  #privacy .m_con_list dl dd {font-size: 14px;}
  .t02 {word-break: keep-all;}
  .t02 br{display: none;}
}

@media (max-width: 600px){
  select {font-size: 14px;}
  .w2 .btn.big {min-width: 120px; height: 40px; line-height: 1; display: flex; justify-content: center; align-items: center;font-size: 1rem;}

  .join_tab li em {display: block; color: #4c4c4c; background: #dfdfdf; margin: 0 4px; padding: 14px 0; line-height: 1.3;}
  .join_tab li span {display: block; font-size: 12px;}
  .join_tab li b {display: block; font-size: 15px;}
  .frow label p {font-size: 12px; text-align: right;}
  .login_wrap .btn_submit {display:block;width:100%;height: 50px;margin-top: 20px;border:0;font-size: 18px;color:#ffffff;cursor:pointer;background:#25C6BD;}
  .login_link li {font-size:14px;}
  .login_link a {float:right;width: 100px;height:32px;color:#fff;font-size: 14px;letter-spacing:-0.03em;background:#25C6BD;}
}