@charset "utf-8"; /* ### 기본 스타일 커스터마이징 시작 ### */


/* 로그인 */
.mbskin { width: 100%; max-width: 414px; margin: 0 auto; } 
#mb_login .required { border: 0; border-bottom: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); padding-bottom: 11px; } 
#mb_login .rounded-xs { border: 1px solid #000; height: 56px; } 


/* 회원가입 약관 */
#fregister { width: 100%; max-width: 414px; margin: 0 auto; } 
#fregister .rounded-xs { height: 56px; padding: 0 30px; } 
#fregister .bg-base8 { min-height: 1px; } 
#fregister .fregister_agree input[type="checkbox"] + label { cursor: pointer; display: flex; gap: 8px; align-items: center; color: var(--Colors-Grey-Color-Light-Base0, #000) !important; font-size: 15px; line-height: 22px; padding-left: 0; } 
#fregister .fregister_agree input[type="checkbox"] + label span { width: 24px; height: 24px; display: block; border: 0; position: unset; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' stroke='%23E0E0E0' stroke-width='2'/%3E%3C/svg%3E")no-repeat center; } 
#fregister .fregister_agree input[type="checkbox"]:checked + label span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='2' width='20' height='20' rx='6' fill='black'/%3E%3Cpath d='M9.60027 14.604L16.6563 7.54802C17.1243 7.08002 17.8923 7.08002 18.3603 7.54802C18.8283 8.01602 18.8283 8.77202 18.3603 9.24002L10.4523 17.148C9.98427 17.616 9.22827 17.616 8.76027 17.148L5.65227 14.04C5.18427 13.572 5.18427 12.816 5.65227 12.348C6.12027 11.88 6.87627 11.88 7.34427 12.348L9.60027 14.604Z' fill='white'/%3E%3C/svg%3E")no-repeat center; } 

.modal { padding: 20px; } 
.modal-content { gap: 40px; border: 0; border-radius: 12px; padding: 32px 20px 20px; position: relative; overflow-y: auto !important; } 
.modal-content .absolute { right: 8px; top: 8px; } 
.modal-dialog { margin: 0 auto; min-height: unset; height: 100%; } 


/* 회원가입 입력 */
#fregisterform { width: 100%; max-width: 414px; margin: 0 auto; } 
#fregisterform .frm_input { padding: 0 14px; height: 48px; border-radius: 6px; border-color: var(--Colors-Grey-Color-Light-Base8, #E0E0E0); box-shadow: unset; color: var(--Colors-Grey-Color-Light-Base0, #000); font-size: 16px; line-height: 24px; /* 150% */ } 
#fregisterform .chk_box input[type="checkbox"] + label { cursor: pointer; display: flex; gap: 8px; align-items: center; color: var(--Colors-Grey-Color-Light-Base0, #000) !important; font-size: 15px; line-height: 22px; padding-left: 0; } 
#fregisterform .chk_box input[type="checkbox"] + label span { width: 24px; height: 24px; display: block; border: 0; position: unset; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' stroke='%23E0E0E0' stroke-width='2'/%3E%3C/svg%3E")no-repeat center; } 
#fregisterform .chk_box input[type="checkbox"]:checked + label span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='2' width='20' height='20' rx='6' fill='black'/%3E%3Cpath d='M9.60027 14.604L16.6563 7.54802C17.1243 7.08002 17.8923 7.08002 18.3603 7.54802C18.8283 8.01602 18.8283 8.77202 18.3603 9.24002L10.4523 17.148C9.98427 17.616 9.22827 17.616 8.76027 17.148L5.65227 14.04C5.18427 13.572 5.18427 12.816 5.65227 12.348C6.12027 11.88 6.87627 11.88 7.34427 12.348L9.60027 14.604Z' fill='white'/%3E%3C/svg%3E")no-repeat center; } 
#fregisterform .rounded-xs { height: 56px; } 


/* 회원가입 완료 */
#reg_result { width: 100%; max-width: 414px; margin: 0 auto; } 
#reg_result .rounded-xs { height: 56px; } 

.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 { width: 100%; max-width: 414px; margin: 0 auto; } 
#find_info .required { border: 0; border-bottom: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); height: unset; padding: 0; padding-bottom: 11px; box-shadow: unset; border-radius: 0; } 
#find_info .rounded-xs { height: 56px; } 

/* 비밀번호 재설정 */
#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 } 

/* 쪽지 */
.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 { text-align:center } 
#point h1 { text-align:left } 
#point .point_all { margin:20px 20px 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:#3ca1ff; 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:#3ca1ff; 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 } 



@media (max-width: 768px) { /* 로그인 */
 #mb_login .t40 { font-size: 24px; line-height: 32px; } 
 #mb_login .row-60 { gap: 40px; } 
 #mb_login .row-24 { gap: 20px; } 
 #mb_login .rounded-xs { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 
 #mb_login .chk_box input[type="checkbox"] + label { align-items: flex-start; } 


 /* 회원가입 약관 */
 #fregister .t40 { font-size: 24px; line-height: 32px; } 
 #fregister .row-60 { gap: 40px; } 
 #fregister .rounded-xs { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 
 #fregister .row-40 { gap: 20px; } 


 /* 회원가입 입력 */
 #fregisterform .row-60 { gap: 40px; } 
 #fregisterform .t40 { font-size: 24px; line-height: 32px; } 
 #fregisterform .frm_input {font-size: 13px; line-height: 18px;}
 #fregisterform .t15:not(.chk_li) { font-size: 13px; line-height: 18px; } 
 #fregisterform .rounded-xs { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 

 /* 회원가입 완료 */
 #reg_result .t32 { font-size: 28px; line-height: 36px; } 
 #reg_result .text-weight-lighter { font-size: 15px; line-height: 22px; } 
 #reg_result .rounded-xs { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 

 /* 아이디/비밀번호 찾기 */
 #find_info .row-60 {gap: 40px;}
 #find_info .row-24 {gap: 40px;}
 #find_info .t40 { font-size: 24px; line-height: 32px; } 
 #find_info label.t15 {font-size: 13px; line-height: 18px;}
 #find_info .required { font-size: 14px; line-height: 20px; } 
 #find_info .rounded-xs { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 
 }