@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */
.mbskin {text-align:center;margin:0 auto}
.mbskin h1 {font-size:1.75em; margin:40px 0 25px}
.mbskin p {padding-bottom:20px;border-bottom:1px solid #c8c8c8}
.mbskin p strong {color:var(--blue);padding-bottom:5px;display:block;font-size:1.083em}
.mbskin .btn_submit {display:block;width:100%;height:40px;line-height:40px;padding:0 10px;border:0;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px}
.topFixed { position:fixed; top:0; left:0; right:0; width:100%; z-index:10; }
.member_header { height:60px; line-height:60px; text-align:center; position:relative; width:100%; max-width:960px; margin:0 auto; background:#fff;
display:flex; width:100%; justify-content:space-between; align-items:center; box-shadow:0 1px 5px rgba(0,0,0,0.1);  }
.member_header .pageTitle { font-size:20px; color:var(--black); font-weight:700; flex-grow:1;text-align:center;}
.member_header .prevPage { width:60px; height:60px; display:flex; justify-content:flex-start; align-items:center; flex-shrink:0; }
.member_header .prevPage:before { content:''; display:block; width:100%; aspect-ratio:1/1; background: url(img/btn_prevpage.png)no-repeat center; background-size:30px; }
.member_header .moveHome { width:60px; height:60px; display:flex; justify-content:flex-start; align-items:center; flex-shrink:0; }
.member_header .moveHome:before { content:''; display:block; width:100%; aspect-ratio:1/1; background: url(img/btn_home.png)no-repeat center; background-size:30px; }
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 공통 */

/* 회원가입 약관 */
.register { padding:80px 20px 20px; width:100%; max-width:960px; margin:0 auto; }
.register .titWrap p { font-size:13px; font-weight:700; color:#555; line-height:1.5; text-align:center; margin-bottom:15px; }
.register .btn_confirm .btn_close { display:none;}
.register .btn_confirm .btn_submit {height:50px; line-height:50px; padding:0; text-align:center; border:1px solid var(--blue); display:block; width:100%; font-size:16px;
  background:var(--blue); border-radius:6px 6px 24px 6px; width:100%; display:block; max-width:400px; margin:20px auto 0;  }

#fregister .agreesDivWrap { background:#f9f9f9; padding:20px ; }
#fregister .registerTit { font-size:16px; color:var(--grey); font-weight:700; line-height:20px; margin-bottom:20px; }
#fregister .agreesDiv .fregister_agree:not(:first-child) { margin-top:20px; }
#fregister .agreesDiv .fregister_agree label { font-size:14px; color:var(--black); cursor:pointer;  }
#fregister .agreesDiv .fregister_agree label[for="chk_all"] { font-weight:700; }
#fregister .agreesDiv small { font-size:13px; color:var(--grey); margin-top:5px; padding-left:25px; display:inline-block; }
#fregister .checkType label { display:flex; align-items:center; gap:5px; }
#fregister .checkType label:before { content:''; display:block; width:15px; height:15px; border-radius:50%; border:1px solid #d4d4d4;
   background:#fff url(img/check.png)top right no-repeat; background-size:12px; flex-shrink:0; }
#fregister .checkType input:checked + label:before { background:var(--blue) url(img/check_white.png)top right no-repeat; background-size:12px; border-color:var(--blue); }
#fregister .view_term { font-size:13px; color:var(--blue); font-weight:700; height:20px; line-height:20px; border:0; background:none; display:flex; align-items:center; margin-top:8px; margin-left:20px; }
#fregister .view_term:after { content:''; display:block; width:6px; aspect-ratio:6/10; background:url(img/view_arw.png)50% 50% no-repeat; background-size:100%; margin-left:5px;}
#fregister textarea {display:block;width:100%; background:#fff;border:0;line-height:1.6em; height:400px; }

.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}
.chk_li {padding-left:20px}

.selMemberType { display:flex; justify-content:center; align-items:center; gap:15px; margin-bottom:20px; }
.selMemberType .radiotype { font-size:14px; color:#000; font-weight:600; }
.selMemberType .radiotype input[type="radio"] { appearance: none;} 
.selMemberType .radiotype label { display:flex; gap:4px; align-items:center; cursor:pointer; }
.selMemberType .radiotype label:before { width:16px; aspect-ratio: 1/1; border:1px solid #ccc; border-radius:50%; content:''; background:#fff; }
.selMemberType .radiotype input:checked + label { color:var(--blue02); }
.selMemberType .radiotype input:checked + label:before { border:4px solid var(--blue02); }

/* 회원가입 입력 */
#register_form {background:#fff; margin-bottom:20px}
#register_form .register_form_tit{ border-bottom:1px solid #333; font-size:18px; font-weight:800; color:var(--blue); padding-bottom:10px; }
.register_form_inner .register_form_box { padding:10px 0; border-bottom:1px solid #d4d4d4; }
.register_form_inner { margin-bottom:30px; }
.register_form_inner .register_form_box .inputItem { display:flex; width:100%; flex-wrap:wrap; }
.register_form_inner .register_form_box .inputItem:not(:first-child) { margin-top:15px; }
.register_form_inner .register_form_box .inputItem label { width:100%; font-size:13px; color:var(--ltgrey); font-weight:700; margin-bottom:5px; }
.register_form_inner .register_form_box .inputItem .frm_input { border:1px solid #d4d4d4; padding:0 10px; margin:0; height:40px; line-height:5px; box-shadow:none; font-size:14px; color:var(--black);}
.register_form_inner .register_form_box .inputItem .frm_input::placeholder { color:var(--black); }
.addressInput .zipCode { display:flex; gap:2px; }
.addressInput .zipCode .btn_zip { width:auto; height:40px; line-height:40px; background:#d4d4d4; padding:0 15px; border-radius:6px; border:none; color:var(--black); font-size:14px; font-weight:700; white-space:nowrap; }
.addressInput .zipCode .frm_input { flex-grow:1; }
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform .tip { font-size:12px; color:var(--blue); margin-top:5px; }
.frm_input.w100 { width:100% !important; }
.register_form_box .addressInput { width:100%; }

.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:10px;margin-right:5px;line-height:30px;border: 1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle}
.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:70px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;text-align:center;vertical-align:middle}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.adress {background:red;width:100%}
.adress #reg_mb_zip {width:100%;position:relative}
.adress .btn_frmline {position:absolute;top:8px;right:15px;height:40px;padding:0 10px;border-radius:3px}

.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:1px;left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_li {padding-left:10px;line-height:20px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:15px}

/* 우편번호 검색 창 */
#daum_juso_pagemb_zip { margin:0 !important; padding-top:30px !important; position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100vh !important; background:#fff;
z-index:100; }
#daum_juso_pagemb_zip #btnFoldWrap { top:10px !important; right:10px !important; }

/* 회원가입 완료 */
#reg_result { }
#reg_result #result_email { margin:20px 0; padding:20px; background:#f1f1f1;line-height:2em; border-radius:6px; }
#reg_result #result_email span {display:inline-block; width:80px; }
#reg_result #result_email strong {color:var(--blue02);}
#reg_result p { font-size:13px; line-height:1.8; }
#reg_result .result_txt {text-align:left; }
#reg_result .result_txt + .result_txt { margin-top:10px; }
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em; display:none; }
#reg_result .reg_result_p {font-size:16px;margin:0 0 10px;color:var(--blue); font-weight:800; text-align:center; }

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {height:50px; line-height:50px; padding:0; text-align:center; border:1px solid var(--blue); display:block; width:100%; font-size:16px;
  background:var(--blue); border-radius:6px 6px 24px 6px; width:100%; display:block; margin:0 auto; color:#fff !important;}

/* 아이디/비밀번호 찾기 */
#find_info { padding:30px; width:100%; max-width:960px; height:100vh; display:flex; justify-content:center; align-items:center; margin:0 auto; }
#find_info .new_win_con { padding:0; margin:0; text-align:center; }
#find_info.cert .new_win_con:nth-child(2) {margin-left:10px; }
#find_info.cert h3 {display:block;}
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p { font-size:13px; color:#333; line-height:1.6; margin-bottom:20px; font-weight:700;}

#find_info .new_win_con #captcha { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
#find_info .new_win_con #captcha #captcha_info { width:100%; text-align:left;}
#find_info .new_win_con #captcha .captcha_box {flex-grow:1; }

#find_info #mb_email { border:1px solid #d4d4d4; padding:0 20px; margin:0; height:46px; line-height:44px; box-shadow:none; font-size:14px; margin-bottom:5px; border-radius:6px; }
.new_win .btn_submit {height:50px; line-height:50px; padding:0; text-align:center; border:1px solid var(--blue); display:block; width:100%; font-size:16px;
background:var(--blue); border-radius:6px 6px 24px 6px; margin-top:50px; }
#find_info .find_btn .btn_submit {width:30%;word-break:keep-all;}

.auth_send { display:flex; justify-content:space-between; gap:5px;}
.auth_send .auto_send_btn { width:100px; flex-shrink:0; background:#efefef; border:0; color:#333; height:40px; border-radius:3px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.auth_input { margin-top:5px; margin-bottom:10px; }

/* 비밀번호 재설정 */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 회원 본인인증 */
#member_cert_refresh section {position:relative;background:#fff;border-bottom:1px solid #e5e9f0;padding:15px}
#member_cert_refresh_chkall {position:relative;font-weight:bold;text-align:left;background:#fff;padding:15px;border-top:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0;border-radius:3px}
#member_cert_refresh h2 {text-align:left;padding-bottom:15px;line-height:1.7em;font-size:1.4em}
#member_cert_refresh textarea {display:block;width:100%;height:180px;padding:10px;background:#fbfbfb;border:1px solid #d1d7d8;line-height:1.5em;color:#555}
#member_cert_refresh p {position:relative;text-align:left;color:#fff;line-height:18px;padding:15px;font-size:1.1em;background:#f2838f;margin:15px;border-radius:5px}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p i {font-size:1.2em;vertical-align:middle}
#member_cert_refresh .btn_confirm {margin:15px 10px}
#member_cert_refresh_private .tbl_head01 {margin:0}
#member_cert_refresh_private .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:15px}

#member_cert_refresh #find_info .find_btn > div {margin:10px 0;padding:0}

/* 로그인 */
.mb_login_wrap { padding:30px 30px; width:100%; max-width:960px; margin:0 auto; height:100vh; display:flex; justify-content:center; align-items:center;}
#mb_login.newSkin .mbskin_box {flex-grow:1; border:0; padding:0;  }
#mb_login h1 { font-size:22px; font-weight:800; color:var(--black); margin:0 0 25px; }
#login_fs .inputLogin { margin-bottom:10px; }
#login_fs .inputLogin .frm_input { border:1px solid #d4d4d4; padding:0 20px; margin:0; height:46px; line-height:44px; box-shadow:none; font-size:14px; width:100%;  }
#login_fs .inputLogin .frm_input#login_id { border-radius:6px 6px 0 0; }
#login_fs .inputLogin .frm_input#login_pw { border-radius:0 0 6px 6px; border-top:0; }
#mb_login #login_fs .btn_submit,
#mb_login #login_fs .joinBtn
 { height:50px; line-height:48px; padding:0; text-align:center; border:1px solid var(--blue); display:block; width:100%; font-size:16px; }
#mb_login #login_fs .btn_submit {  background:var(--blue); color:#fff; border-radius:6px; }
#mb_login #login_fs .joinBtn { background:#fff; color:var(--blue);  border-radius:6px 6px 24px 6px; margin-top:5px; }
#login_info { margin-bottom:50px; display:flex; justify-content:space-between; align-items:center;}
#login_info .login_if_auto label { padding-left:20px; font-size:14px; line-height:20px; vertical-align:middle; color:var(--black);}
#login_info .login_if_lpl { font-size:14px; color:var(--black); line-height: 20px;}

#login_password_lost {border-right:1px solid #cdcdcd}

#flogin {background:#fff;margin:20px 0}

#mb_login_notmb {background:#fff;border-bottom:1px solid #ccc;padding:20px}
#mb_login_notmb h2 {font-size:1.25em;padding:10px;background:#f3f3f3}
#mb_login_notmb p {border:0;padding:0;margin:10px;color:#}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:200px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {width:100%;display:block;height:40px;line-height:40px}

#mb_login_od_wr {background:#fff;border-bottom:1px solid #ccc;padding:20px}
#mb_login_od_wr p {border:0;text-align:left}
#mb_login_od_wr p strong {display:inline}
#mb_login_odinfo {margin:10px 0 0 ;background:#f3f3f3;padding:10px}
#mb_login_odinfo h2 {font-size:1.167em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:20px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#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}


/* 쪽지 */
.memo_list {border-top:1px solid #ececec;}
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}

#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;padding}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}

/* 포인트 */
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
#point .point_all .full_li span {color:#000;font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {margin-bottom:20px}
.point_list li:first-child {border-top:1px solid #ececec}
.point_list li {border-bottom:1px solid #ececec;background:#fff;padding:15px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;right:15px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* 회원 비밀번호 확인 */
#mb_confirm {max-width:320px;margin:30px auto}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:18px; color:var(--black); font-weight:800; }
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;line-height:1.6; }
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:20px 0;text-align:left;color:#555}
#mb_confirm_id {font-weight:bold;display:block;font-size:1.083em;margin:5px 0; color:var(--black); }
#mb_confirm_pw {display:block;margin-top:10px;width:100%}
#mb_confirm .btn_submit {width:100%;height:40px;border-radius:3px;margin:10px 0}
#mb_confirm #btn_submit { margin-top:10px; }

/* 비밀글 비밀번호 확인 */
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}
#pw_wr_password {width:100%}
#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}

/* 폼메일 */
#formmail #subject {width:100%}
#formmail textarea {width:100%;height:100px}
#formmail .frm_file {padding-left:50px}
#formmail .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}

.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}


/* 자기소개 */
#profile section {margin:10px}
#profile h2 {margin:0}
#profile .sv_wrap a {}
#profile .profile_img img {border-radius:50%}
#profile table {width:100%;border-collapse:collapse}
#profile table th {background:#fff;padding:10px;width:90px;text-align:left;border-bottom:1px solid #eee}
#profile table td {background:#fff;padding:10px;border-bottom:1px solid #eee}
#profile p {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0}

#fregister textarea { height:calc(100vh - 100px); }