@charset "utf-8"; /* ### 기본 스타일 커스터마이징 시작 ### */
/* 기본박스 */
.mbskin { position:relative; margin:0 auto; max-width: 454px; padding: 80px 20px 200px; } 
.mbskin .mbskin_box { } 
.mbskin .frm_input { width:100% } 
.mbskin .btn_submit { width:100%; margin:10px 0 0; height:45px; font-weight:bold; font-size:1.25em } 
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
.register { max-width: 420px; padding: 120px 20px 60px; margin: 0 auto; } 
.register .block { width: 100%; padding-bottom: 30px; } 
.register:after { display:block; visibility:hidden; clear:both; content:"" } 
.register .btn_confirm { display: flex; gap: 8px; } 
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close { border: 0; display: flex; height: 48px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; color: var(--Colors-Grey-Color-Light-Base3, #666); text-align: center; font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 4px; background: var(--Colors-Grey-Color-Light-Base9, #F4F4F4); } 
.register .btn_confirm .btn_submit { background: var(--Colors-Brand-Color-Light-Primary-Variant, #F48673); color: var(--Colors-Grey-Color-Light-Base10, #FFF); } 
.register .btn_confirm .btn_home { border: 0; display: flex; height: 48px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; text-align: center; font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 4px; color: var(--Colors-Brand-Color-Light-Primary-Variant, #F48673); border: 1px solid var(--Colors-Brand-Color-Light-Primary-Variant, #F48673); } 

.register { max-width: 420px; padding: 120px 20px 60px; } 
.register .title { margin: 0 0 5px; color: #222; font-size: 23px; font-weight: 700; line-height: normal; } 
.register .text { margin-bottom: 15px; font-size: 15px; font-weight: 400; line-height: normal; color: #222; } 
.register #memberLogin { position: relative; width: 100%; padding: 34px 0; border-top: 1px solid #f5f5f5; } 
.register #memberLogin h2 { position: absolute; top: -12px; left: 50%; margin: 0 auto; padding: 0 10px; background: #fff; font-size: 12px; color: #b2b2b2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } 
.register #memberJoin { position: relative; width: 100%; padding: 34px 0; border-top: 1px solid #f5f5f5; } 
.register #memberJoin:after { position: absolute; top: -8px; left: 50%; content: "또는"; margin: 0 auto; padding: 0 10px; background: #fff; font-size: 12px; color: #b2b2b2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } 
#fregister textarea { padding: 0; resize: none; display:block; width:100%; height:150px; background:#fff; border:0; line-height:1.6em } 
#fregister .btn_confirm { padding: 12px 0 0; } 
.fregister_terms table { width:100%; border-collapse:collapse; font-size:1em; } 
.fregister_terms table caption { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.fregister_terms table th { background:#f7f7f9; width:33.33%; color:#000; padding:10px; border:1px solid #d8dbdf } 
.fregister_terms table td { border:1px solid #e7e9ec; padding:10px; border-top:0 } 


.fregister_agree { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 6px 0; } 
.fregister_agree label { display: flex; align-items: center; gap: 8px; align-self: stretch; color: var(--Colors-Grey-Color-Light-Base0, #000); font-size: 15px; font-weight: 400; line-height: 22px; margin: 0; } 
.fregister_agree label span { cursor: pointer; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='3.5' stroke='%23DCDCDC'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } 
.fregister_agree input:checked + label span { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='6' fill='%23F48673'/%3E%3Cpath d='M9.59978 14.604L16.6558 7.54796C17.1238 7.07996 17.8918 7.07996 18.3598 7.54796C18.8278 8.01596 18.8278 8.77196 18.3598 9.23996L10.4518 17.148C9.98378 17.616 9.22778 17.616 8.75978 17.148L5.65178 14.04C5.18378 13.572 5.18378 12.816 5.65178 12.348C6.11978 11.88 6.87578 11.88 7.34378 12.348L9.59978 14.604Z' fill='white'/%3E%3C/svg%3E%0A"); } 
#fregister_chkall { padding: 0 0 12px 0; border-bottom: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); } 
#fregister_chkall label { padding: 0; } 
.chk_li { padding-left:20px } 

#sns_register .login-sns,
#sns_register h2 { border:0 !important } 
.register .text-center { margin-top: 6px; color: var(--Colors-Grey-Color-Light-Base5, #A4A4A4); font-size: 18px; font-weight: 400; line-height: 26px; display: flex; justify-content: center; align-items: center; gap: 12px; } 
.register .text-center a { font-weight: 500; color: var(--Colors-Brand-Color-Light-Primary-Variant, #F48673); } 

/* 회원가입 입력 */
#register_form { display: flex; flex-direction: column; gap: 28px; } 
#register_form > div { position: relative; } 
#register_form label { display: block; color: var(--Colors-Grey-Color-Light-Base0, #000); font-size: 15px; font-weight: 400; line-height: 22px; margin-bottom: 8px; } 

#fregisterform .cert_desc { color:#3a8afd; } 
#fregisterform .cert_req { margin-left:5px; line-height:35px; } 
#fregisterform #msg_certify { margin:5px 0; padding:5px; border:1px solid #dbecff; background:#eaf4ff; text-align:center } 
#fregisterform #mb_addr3 { display:inline-block; margin:5px 0 0; vertical-align:middle } 
#fregisterform #mb_addr_jibeon { display:block; margin:5px 0 0 } 
#fregisterform .btn_confirm { text-align:center } 
#fregisterform .captcha { display:block; margin:5px 0 0 } 
#fregisterform .reg_mb_img_file img { max-width:100%; height:auto } 
#reg_mb_icon, #reg_mb_img { float:right } 
#fregisterform .consent-line { display: flex; margin: 0 !important; } 
#fregisterform .consent-line .chk_li { padding-left: 0; } 
#fregisterform .consent-date { margin: 5px 0 0 20px !important; } 
#fregisterform .consent-group .sub-consents { padding: 0 20px 0px } 
#fregisterform .js-open-consent { display: block; margin-left: 10px; font-size: 12px; color: #3f51b5; background: none; border: none; cursor: pointer; text-decoration: underline; } 
#fregisterform input[type=text], 
#fregisterform input[type=password] { font-size: 16px; font-weight: 400; line-height: 24px; width: 100%; box-shadow:unset; height: 48px; padding: 0 14px; border-radius: 6px; border: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); background: var(--Colors-Grey-Color-Light-Base10, #FFF); } 
#fregisterform .add { display: flex; flex-direction: column; gap: 8px; } 
#fregisterform .add .sound_only { display: none !important; } 
#fregisterform .relative { position: relative; } 
#fregisterform .relative input[type="text"] { padding-right: 90px; } 
#fregisterform .relative .frmline { display: flex; padding: 5px 0; width:70px; justify-content: center; align-items: center; border-radius: 4px; background: var(--Colors-Grey-Color-Light-Base9, #F4F4F4); color: var(--Colors-Grey-Color-Light-Base3, #666); text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; position: absolute; right: 14px; top: 10px; } 

/* 회원가입 완료 */
#reg_result { padding:80px 0 200px; text-align:center; } 
#reg_result h2 { margin: 32px 0 20px; color: var(--Colors-Grey-Color-Light-Base0, #000); text-align: center; font-size: 32px; font-weight: 700; line-height: 40px; /* 125% */ } 
#reg_result #result_email { margin:20px 0; padding:10px 50px; border-top:1px solid #e9e9e9; border-bottom:1px solid #dde4e9; background:#fff; line-height:2em } 
#reg_result #result_email span { display:inline-block; width:150px } 
#reg_result #result_email strong { color:#e8180c; font-size:1.2em } 
#reg_result p { line-height:1.8em } 
#reg_result .result_txt { text-align:left } 
#reg_result .btn_confirm { margin:50px 0 } 
#reg_result i { font-size:3em } 
#reg_result .reg_result_p { margin-bottom: 60px; color: var(--Colors-Grey-Color-Light-Base0, #000); text-align: center; font-size: 15px; font-weight: 400; line-height: 22px; } 

.btn_confirm_reg { margin:20px 0; text-align:center } 
.reg_btn_submit { display:inline-block; background:#3a8afd; color:#fff; text-align:center; border-radius:3px; width:280px; height:57px; line-height:57px; font-size:1.2em; margin:0 auto; font-weight:bold } 

.mb_log_cate h2 { width:50%; float:left; padding:20px 0; text-align:center } 
.mb_log_cate .join { width:50%; float:left; padding:20px 0; text-align:center; background:#f7f7f7; color:#6e6e6e } 
.mb_log_cate:after { display:block; visibility:hidden; clear:both; content:"" } 

.tooltip_icon { display:inline-block; vertical-align:baseline; color:#b3b5b8; border:0; font-size:1.4em; background:transparent; cursor:pointer } 
.tooltip_icon:hover { color:#448bf5 } 
.tooltip { position:absolute; width:auto; color:#fff; background:#000; padding:10px; font-size:small; line-height:18px; display:none; z-index:9; font-weight:normal; margin-left:15px; margin-top:10px } 
.tooltip:before { content:""; position:absolute; top:0; left:-10px; width:0; height:0; border-style:solid; border-top:0px solid transparent; border-bottom:10px solid transparent; border-left:0; border-right:10px solid #000 } 

/* 아이디/비밀번호 찾기 */
#find_info h3 { display:none; margin-bottom:30px; text-align:center; font-size:1.1em; } 
#find_info .new_win_con { margin: 0 auto; max-width: 454px; padding: 80px 20px 200px; } 
#find_info.cert .new_win_con { } 
#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 { color: var(--Colors-Grey-Color-Light-Base0, #000); text-align: center; font-size: 15px; font-weight: 400; line-height: 22px; } 
#find_info #mb_email { font-size: 16px; font-weight: 400; line-height: 24px; margin: 40px 0 28px; width: 100%; box-shadow:unset; height: 48px; padding: 0 14px; border-radius: 6px; border: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); background: var(--Colors-Grey-Color-Light-Base10, #FFF); } 
#find_info #mb_email::placeholder { color: var(--Colors-Grey-Color-Light-Base6, #B2B2B2); } 
#find_info .btn_submit { margin-top: 28px; width: 100%; border: 0; display: flex; height: 48px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; text-align: center; font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 4px; background: var(--Colors-Brand-Color-Light-Primary-Variant, #F48673); color: var(--Colors-Grey-Color-Light-Base10, #FFF); } 

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

/* 기존 회원 본인인증 */
#member_cert_refresh p { position:relative; text-align:center; color:#fff; height:50px; line-height:50px; font-size:1.1em; background:#f2838f; margin:0 0 10px; border-radius:5px; font-weight:bold } 
#member_cert_refresh p:before { content:""; position:absolute; top:0; left:0; width:5px; height:50px; border-radius:5px 0 0 5px; background:#da4453 } 
#member_cert_refresh p i { font-size:1.2em; vertical-align:middle } 
#member_cert_refresh section { margin:10px auto 15px; border:1px solid #dde7e9; position:relative; border-radius:3px } 
#member_cert_refresh_chkall { position:relative; text-align:center; background:#f5f7fa; line-height:50px; border:1px solid #e5e9f0; border-radius:3px; margin-bottom:15px } 
#member_cert_refresh h2 { text-align:left; padding:20px; border-bottom:1px solid #dde7e9; font-size:1.2em } 
#member_cert_refresh textarea { display:block; padding:20px; width:100%; height:150px; background:#fff; border:0; line-height:1.6em } 
#member_cert_refresh_private { position:relative } 
#member_cert_refresh_private div { padding:20px; background:#fff } 
#member_cert_refresh_private table { width:100%; border-collapse:collapse; font-size:1em; } 
#member_cert_refresh_private table caption { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#member_cert_refresh_private table th { background:#f7f7f9; width:33.33%; color:#000; padding:10px; border:1px solid #d8dbdf; font-weight:bold; } 
#member_cert_refresh_private table td { border:1px solid #e7e9ec; padding:10px; border-top:0 } 

.member_cert_refresh_agree { position:absolute; top:0; right:0 } 
.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:18px } 

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

/* 로그인 */
#mb_login { max-width: 420px; padding: 120px 20px 60px; } 
#mb_login h1 { margin-bottom: 60px; color: #000; text-align: center; font-size: 28px; font-weight: 700; line-height: 36px; } 
#mb_login h2 { text-align: center; color: var(--Colors-Grey-Color-Light-Base1, #2D2D2D); font-size: 18px; font-weight: 400; line-height: 26px; margin: 40px 0; } 
#mb_login #memberLogin { position: relative; width: 100%; padding: 34px 0; border-top: 1px solid #f5f5f5; } 
#mb_login #memberLogin h2 { position: absolute; top: -12px; left: 50%; margin: 0 auto; padding: 0 10px; background: #fff; font-size: 12px; color: #b2b2b2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } 
#mb_login .mbskin_box .block { width: 100%; padding-bottom: 30px; margin-top: -10px; } 
#mb_login #tabMenu { margin-bottom: 15px; padding: 3px; font-size: 0; letter-spacing: 0; border-radius: 20px; background: #f6f7f9; } 
#mb_login #tabMenu li { display: inline-block; width: 50%; } 
#mb_login #tabMenu li a { cursor: pointer; display: inline-block; width: 100%; height: 34px; line-height: 32px; background: #f6f7f9; border: unset; border-radius: 17px; font-size: 15px; font-weight: 400; text-align: center; color: #888; box-sizing: border-box; } 
#mb_login #tabMenu li.active a { position: relative; background: #222; border: unset; color: #fff; } 


#mb_login #login_fs label { display: none; color: var(--Colors-Grey-Color-Light-Base0, #000); font-size: 15px; font-weight: 400; line-height: 22px; } 
#mb_login #login_fs .frm_input { box-shadow: unset; border-radius: 0; padding: 12px 0; font-size: 15px; font-weight: 400; line-height: 25px; border: 0; height: unset; border-bottom: 1px solid #e5e5e5; } 
#mb_login #login_fs .frm_input::placeholder { color: #888; font-size: 14px; } 
#mb_login #login_fs #login_id { margin-bottom: 10px; } 
#mb_login #login_fs .btn_submit { margin: 30px 0 15px; padding: 0; display: inline-block; width: 100%; height: 54px; max-height: unset; line-height: 54px; border: 1px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; font-weight: 500; text-align: center; cursor: pointer; padding: 0; background: #f6f7f9; font-size: 17px; color: #222; font-weight: 500; } 
#login_info { display: flex; align-items: center; justify-content: space-between; } 
#login_info .login_if_auto a { color: #222; font-size: 15px; font-weight: 400; } 
#login_info .login_if_auto label { vertical-align:baseline; padding-left:5px } 
#login_info .login_if_lpl a { font-size: 15px; font-weight: 400; color: #888; } 
#login_password_lost { display:inline-block; border:1px solid #d5d9dd; color:#3a8afd; border-radius:2px; padding:2px 5px; line-height:20px } 

#mb_login_notmb { margin:30px auto; padding:20px 30px; border: 1px solid #dde7e9 } 
#mb_login_notmb h2 { font-size:1.25em; margin:20px 0 10px } 
#guest_privacy { border:1px solid #ccc; text-align:left; line-height:1.6em; color:#666; background:#fafafa; padding:10px; height:150px; margin:10px 0; overflow-y:auto } 
#mb_login_notmb .btn_submit { display:block; text-align:center; line-height:45px } 

#mb_login_od_wr { } 
#mb_login_od_wr h2 { font-size:1.25em; margin:20px 0 10px } 
#mb_login_od_wr .frm_input { margin:10px 0 0 } 
#mb_login_od_wr p { background:#f3f3f3; margin:20px 0 0; padding:15px 20px; line-height:1.5em } 

#mb_login #sns_login { margin-top:0; border-color:#edeaea; padding:25px } 
#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_li.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_list .pg_wrap { margin-top:10px; width:100%; float:inherit; text-align:center } 

#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; } 
.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 .new_win_con { padding:0 20px } 
#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 { width: 100%; text-align:center; margin: 0 auto; max-width: 454px; padding: 80px 20px 200px; } 
#point h1 { font-size: 18px; line-height: 26px; color: #000; text-align: left; } 
#point .point_all { margin:20px 0 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 { } 
.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 { } 
#mb_confirm h1 { margin:60px 0 30px; font-size:2em } 
#mb_confirm p { padding:0 20px 40px; border-bottom:1px solid #e9e9e9; font-size:1.083em; line-height:1.4em; color:#656565 } 
#mb_confirm p strong { display:block; color:#F48673; font-size:1.167em; margin:0 0 5px } 
#mb_confirm fieldset { padding:50px; text-align:left } 
#mb_confirm fieldset .frm_input { background-color:#fff !important } 
#mb_confirm label { letter-spacing:-0.1em } 
#mb_confirm_id { display:block; margin:5px 0 10px; font-weight:bold } 
#mb_confirm .confirm_id { font-size:0.92em; color:#666 } 

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 { margin:60px 20px 30px; font-size:2em } 
#pw_confirm p { padding:0 20px 40px; border-bottom:1px solid #e9e9e9; font-size:1.083em; line-height:1.4em; color:#656565 } 
#pw_confirm p strong { display:block; color:#e9e9e9; font-size:1.167em; margin:0 0 5px } 
#pw_confirm fieldset { padding:50px; text-align:center } 
#pw_confirm fieldset .frm_input { background-color:#fff !important } 
#pw_confirm label { letter-spacing:-0.1em } 
#pw_confirm_id { display:inline-block; margin-right:20px; font-weight:bold } 
#mb_confirm_id { } 

/* 폼메일 */
#formmail textarea { height:100px } 
#formmail .formmail_flie { position:relative } 
#formmail .formmail_flie .file_wr { border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; height:40px; margin:0 } 
#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 } 
#formmail .frm_file { padding-left:50px } 
#formmail .frm_info { color:#3497d9; font-size:0.92em } 
.chk_box { position:relative } 
.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% } 
.chk_box input[type="checkbox"] + label { position:relative; color:#676e70 } 
.chk_box input[type="checkbox"] + label:hover { color:#2172f8 } 
.chk_box input[type="checkbox"] + label span { float:left; width:15px; height:15px; 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 } 
.selec_chk { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden } 


/* 자기소개 */
#profile h1 a { } 
#profile table { margin-bottom:0 } 
#profile table th { text-align:left; padding:10px; width:100px } 
#profile section { color:#6794d3; background:#fff; padding:10px; border:1px solid #eee; margin:10px 0 } 
#profile h2 { margin:0 0 5px } 
#profile .profile_name { text-align:center; font-weight:bold } 
#profile .my_profile_img { display:block; margin:20px 0 5px } 
#profile .my_profile_img img { border-radius:50% } 
#profile .profile_img img { border-radius:50% } 
#profile .profile_name .sv_wrap { font-weight:bold; text-align:left } 

/* Modal Styles */
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1040; } 
.modal-dialog { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 8px; width: 90%; max-width: 600px; z-index: 1050; opacity: 0; transition: top 0.3s ease-out, opacity 0.3s ease-out; } 
.modal-dialog.active { top: 10%; opacity: 1; } 
.modal-header { display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #e5e5e5; } 
.modal-header h2 { margin: 0; font-size: 1.25em; } 
.modal-body { position: relative; padding: 20px; max-height: 70vh; overflow-y: auto; } 




#mb_login .title { margin: 0 0 5px; color: #222; font-size: 23px; font-weight: 700; line-height: normal; text-align: left; } 
#mb_login .text { margin-bottom: 15px; font-size: 15px; font-weight: 400; line-height: normal; color: #222; } 


#kakaoLogin { position: relative; width: 100%; padding-bottom: 34px; }