@charset "utf-8";

/* 기본박스 */

.mbskin { position:relative; margin: 0 auto; width: 90%; text-align: center; margin-top: 30px; margin-bottom: 200px; }
.mbskin .mbskin_box { margin: 0 auto;  border: 1px solid #EEEEEE; background: #FFFFFF; border-radius: 20px; }
.mbskin .mbskin_box form { width: 90%; margin-bottom: 40px; margin: 0 auto; }
#member_logo { text-align: left; padding: 10px; }
#member_msg { font-size: 0.8rem; color: #AAAAAA; text-align: center; padding: 10px; }
#member_msg a { font-size: 0.8rem; color: #1cbbb4; font-weight: 500;  }

.placeholdersjs { color: #AAAAAA !important; }
h2 { padding: 0; margin: 0; }
.register .register_title { font-size: 1.5rem; color: #257687; padding: 10px; font-family: 600; }
.sound_only { position: absolute; width: 1px; height: 1px; overflow: hidden; }
/* 기본박스 끝 */

/* 로그인 */
#login_fs { padding: 0; margin: 0 auto; border: 1px dotted #CCCCCC; width: 80%; text-align: center; }
.member_input { padding: 5px; margin: 10px; }
.member_input .sound_only { font-size: 1.2rem; color: #1cbbb4; margin-right: 30px; }
.member_input input { border-radius: 10px; color: #1cbbb4; padding: 10px;  border: 1px solid #1CBBB4; }
.member_input input::placeholder { color: #EEEEEE; }

#login_info { display: flex; justify-content: space-around; align-items: center; width: 70%; margin: 0 auto; border-top: 1px dotted #EEEEEE; padding: 15px;  border-bottom: 1px dotted #EEEEEE; }
#login_info:after { display: block; visibility: hidden; clear: both; content: ""; }
#member_submitbtn { background: #FF0000; padding: 10px; border-radius: 10px; color: #FFFFFF; font-size: 1.2rem; border: none; font-weight: 700; }

#mb_login #sns_login { border: 1px solid #EEEEEE; width: 70%; margin: 0 auto; padding: 20px; margin-top: 40px; margin-bottom: 40px; }
#mb_login #sns_login:after { display: block; visibility: hidden; clear: both; content: ""; }
#mb_login #sns_login h3 { padding: 0; margin: 0; }
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* 로그인 끝 */

/* 회원가입확인 */
.mbskin .mbskin_box form section h2 { font-size: 1rem; color: #1cbbb4; }
#fregister_term textarea { width: 100%; min-height: 150px; border: 1px solid #27B8AD; }
#fregister_private textarea { width: 100%; min-height: 150px; border: 1px solid #27B8AD; }

.fregister_agree { border: none; font-size: 1rem; color: #666666; border-bottom: 1px dotted #751EBF; margin-bottom: 10px; font-weight: 100; }
#fregister_private { }
#fregister_chkall { padding: 10px; color: #FF0000; font-weight: 500; }
.btn_confirm { padding: 20px; }

.btn_close { background: #1cbbb4; color: #FFFFFF; border: none; padding: 10px; border-radius: 10px; font-size: 1rem; cursor: pointer; margin: 1%; font-weight: bold; text-align: center; }
.btn_submit { background: #FF0000; color: #FFFFFF; border: none; padding: 10px; border-radius: 10px; font-size: 1rem; cursor: pointer; margin: 1%; font-weight: bold; text-align: center; }

/* 회원가입확인 끝 */

#register_form { background: #FFFFFF; margin-bottom: 20px; margin: 10px; }
#register_form h2 { font-size: 1rem; color: #1cbbb4; padding: 10px; text-align: center; }
.register_form_inner { border: 1px solid #dde7e9; border-radius: 10px; text-align: left; margin-bottom: 20px;  }
.register_form_inner ul { padding: 20px; }
.register_form_inner label { display: block; margin-bottom: 10px;  }
.register_form_inner label.inline {display:inline}
.tooltip { font-size: 0.6rem; color: #666666; }

/*register_form.skin.php */

.tooltip { display: none; font-size: 0.8rem; color: #7F6F1A; }
.register_form_inner ul li { font-size: 0.8rem; font-weight: 500; display: flex; justify-content: flex-start; align-items: flex-start; padding: 5px; }
.tooltip_icon { background:#479E9E; color: #FFFFFF; border-radius: 5px; margin: 5px; padding: 5px; border: 0; }
.addr_wrap { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; border: 1px dotted #999999; border-radius: 10px; }
.addr_title { font-weight: 600; margin-bottom: 8px; margin: 0 auto; }
.addr_row { display: flex; flex-direction: column; gap: 6px; }
.addr_label { font-size: 13px; color: #555; }
.is_captcha_use { display: flex; }
/*register_form.skin.php 끝 */


/* register_result.skin.php */
#reg_result { margin-bottom: 150px; }
.btn_confirm_reg { margin: 40px; }
.btn_confirm_reg a { background: #FF0000; padding: 10px; border-radius: 10px; font-size: 1.2rem; color: #FFFFFF; border: none; font-weight: 700; }

/* register_result.skin.php 끝 */