/* 마이 페이지 */
.bori_myp_container{/* max-width:650px; */width:100%;padding:0 var(--pd-side);margin:0 auto;}
.bori_myp_section{padding:15px;border:1px solid var(--line-color1);border-radius:5px;}
.bori_myp_section.no_bd{border-color:transparent;}
.bori_myp_section.bg{border-color:var(--comment-bg-color);background-color:var(--comment-bg-color);}
.bori_myp_section.bg1{border-color:var(--theme-color-opacity);background-color:var(--theme-color-opacity2);}
.bori_myp_section.bg2{border-color:var(--theme-color-hash);background-color:var(--theme-color-opacity);}
.bori_myp_section:where(.has_usprf_bg){border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;}
:where(html[color-theme="light"]) .bori_myp_section.light-md-bg{background-color:#FCFCFC;}
.bori_myp_section ~ .bori_myp_section{margin-top:15px;}
.bori_myp_section .sec_name{font-size:0.938rem
;color:#878787;}
.bori_myp_usprf_hd{gap:14px;}
.bori_myp_usprf_img{position:relative;width:60px;height:60px;}
.bori_myp_usprf_img img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
:where(.has_usprf_bg) .bori_myp_usprf_img{border-radius:50%;border:1px solid var(--line-btn-color);margin-top:-30px;margin-bottom:16px;}
.bori_myp_usprf_dsc{flex:1 1 auto;align-self:center;}
.bori_myp_usprf_dsc .user_gender_age{font-size:0.875em;margin-top:6px;}
.bori_myp_reward_btn{padding:7px 12px;border:1px solid var(--theme-color);border-radius:5px;background-color:var(--main-bg-color);font-size:14px;color:var(--theme-color);gap:8px;align-self:flex-start;}
.bori_myp_reward_btn svg{width:10px;fill:currentColor;flex-shrink:0;}
.bori_myp_usprf_btns{gap:10px;margin-top:14px;}
.bori_myp_usprf_btn{min-height:48px;padding:8px 18px;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--sub-bg-color2);text-align:center;}
.bori_myp_usprf_btn.full{flex:1 1 auto;}
.bori_myp_usprf_btn.bg_orange{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.bori_myp_usprf_btn.followed{border-color:var(--sub-bg-color4);background-color:var(--sub-bg-color4);}
.bori_myp_usprf_btn svg{width:1rem;height:1rem;fill:#878787;}
.bori_myp_usprf_btn .pencil_icon{width:0.9rem;height:0.9rem;margin-right:-1px;}
.bori_myp_list{flex:1 1 auto;}
.bori_myp_list_it{width:100%;/* gap:20px; */align-items:center;line-height:1.2;margin-top:10px;}
.bori_myp_list_it.pdtb{padding-top:6px;padding-bottom:6px;}
.bori_myp_list_it.pdtb10{padding-top:10px;padding-bottom:10px;}
.bori_myp_list_it .inner.right{margin-left:auto;}
.bori_myp_list_it .icon:not(.norect){width:30px;height:30px;border-radius:5px;background-color:var(--sub-bg-color2);}
.bori_myp_list_it .icon img, .bori_myp_list_it .icon svg{width:16px;fill:var(--theme-color);margin:auto;}
.bori_myp_list_it .icon2 svg{width:1em;height:1em;fill:currentColor;}
.bori_myp_list_it .icon svg:where(.heart_icon, .hgt1-1){height:16px;}
.bori_myp_list_it .icon .width17{width:17px;}
.bori_myp_list_it .icon .width15{width:15px;}
.bori_myp_list_it .name{align-self:center;padding-left:13px;/* font-size:14px; */}
.bori_myp_list_it .name:only-child{padding-left:0;}
.bori_myp_list_it .name.ft_up{font-size:16px;}
.bori_myp_list_it .coin_disp{font-size:16px;}
.bori_myp_list_it .arr_right{width:8px;fill:#878787;margin-left:14px;}
.bori_myp_section_in{gap:15px;flex-wrap:wrap}
.bori_myp_logout{position:absolute;bottom:0;right:0;align-self:flex-end;}

/* 마이페이지 - 내 프로필 */
.bori_myp_subsc_states{gap:10px;flex-wrap:wrap;margin-top:22px;}
:where(.has_usprf_bg) .bori_myp_subsc_states{margin-top:12px;}
.myp_subsc_state_item{gap:4px;font-size:14px;}
.bori_myp_introd{font-size:14px;margin-top:8px;}
.bori_myp_charaters{margin-top:25px;}
.myp_charaters_sectitle{font-size:14px;font-weight:400;}
.myp_charaters_states{font-size:14px;gap:2px;color:#878787;}

/* 내 프로필 - 유저 배경화면 */
.bori_usprf_bg{height:137px;border-radius:5px 5px 0 0;background-color:var(--sub-bg-color8);/* background-image:url("https://cdn.borichat.kr/bori/evt/coin_payment/bg.webp");background-repeat:no-repeat;background-position:center;background-size:cover; */}
.bori_usprf_bg:has(.bori_usprf_bg_img){background-image:none;}
.bori_usprf_bg_img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px 5px 0 0;object-fit:cover;}

/* 내 프로필 - 리스트 메뉴 */
.bori_myprf_con_menus{max-width:790px;}
.bori_myprf_con_menus:where(.sticky){position:sticky;top:56px;background-color:var(--main-bg-color);z-index:9;}
.bori_myprf_con_menu_btn{position:relative;padding:15px 10px;border-bottom:1px solid var(--line-color1);color:var(--sub-color3);color:#878787;}
.bori_myprf_con_menu_btn:where(.on){font-weight:500;color:var(--main-color);}
.bori_myprf_con_menu_btn:where(.on)::after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--main-color);}

/* 내 프로필 - 글쓰기 버튼 */
.post_write_btn{padding:4px 8px;border-radius:24px;border:1px solid var(--line-color3);background-color:var(--sub-bg-color3);color:var(--main-color);transition-property:border-color, background-color, color;transition-duration:0.25s;}
.post_write_btn .plus_icon{fill:currentColor;}
:where(html[color-theme="light"]) .post_write_btn{border-color:#000;background-color:#000;color:#FFF;}
.post_write_btn:where(.btn-l){padding:9px 20px;}

/* 내 프로필 - 포스트 */
.post_list_item{padding:18px 15px;border-radius:8px;background-color:var(--sub-bg-color22);scroll-margin-top:115px;}
.post_list_top_addon{margin-top:-6px;}
.post_list_reserved{padding:3px 6px;border-radius:5px;border:1px solid var(--theme-color);background-color:var(--theme-color-opacity);color:var(--sub-color8);}
.post_list_hd_addon{gap:10px;margin-bottom:7px;margin-top:-4px;}
.post_list_pin{color:var(--sub-color11, #9A9A9A);}
.post_list_thumb{position:relative;width:36px;height:36px;}
.post_list_thumb_img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 0;}
.postli_head_menu_btn{width:30px;height:30px;padding:3px;margin-top:-5px;margin-right:-5px;}
.postli_head_menu_btn svg{width:14px;fill:var(--sub-color3);}
.post_purchased_display{padding:3px 5px;padding-right:6px;border:1px solid var(--theme-color);background-color:var(--theme-color-opacity);border-radius:5px 5px 5px 0;font-weight:400;color:var(--sub-color8);}
.post_list_contents{background-color:transparent;color:inherit;font-family:inherit;}
.post_list_contents:where(.ft-size-14){font-size:0.875rem;}
.post_list_contents img{vertical-align:top;}
.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:0.75rem;}
.post_uploaded_imgs{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;}
.postli_img_item{aspect-ratio:1;}
.postli_img_item.before-loading{border-radius:5px;background:var(--thumb-holder, url("https://cdn.borichat.kr/bori/thumb_holder_dark.png")) no-repeat center, var(--sub-bg-color7);background-size:50px;}
.postli_viewer_img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 0;}
.post_list_bt_btn{min-width:58px;padding:10px 12px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color2);color:var(--main-color);line-height:1;transition:background-color 0.25s;}
.post_list_bt_btn :where(.heart_icon, .speech_bubble_icon){width:12px;height:12px;fill:#878787;}
.post_list_bt_btn:where(:not(.active)) .heart_icon .svg_path_fill{fill:none;}
.post_list_bt_btn:where(.active) .heart_icon{fill:var(--theme-color);}

/* 내 프로필 - 포스트 - 구매 UI */
.post_before_purchase{padding:50px 15px 60px;}
.post_before_purchase .lock_icon{fill:var(--sub-color7);}
.post_purchase_info{padding:0 10px 10px;}
.post_purchase_info_lb{min-height:28px;padding:3px 7px;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--sub-bg-color15);color:var(--sub-color3);}
.post_purchase_info_lb svg:where(.coin_icon){width:16px;height:16px;}
.post_purchase_info_lb svg:where(.picture2_icon){width:1em;height:1em;fill:currentColor;}

/* 내 프로필 - 갤러리 */
.bori_gallery_container{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:4px;}
.bori_gallery_container:has(.search_recently_empty){display:flex;}
.gallery_list_item{position:relative;aspect-ratio:1;background:var(--thumb-holder) no-repeat center , var(--sub-bg-color3);background-size:50px;}
.galleryli_viewer_btn{width:100%;height:100%;}
.galleryli_con_img{width:100%;height:100%;object-fit:cover;}

/* 포스트 쓰기 - 이미지 순서 소팅 영역 */
.upload_img_sort_area{padding:15px;border:2px dashed var(--line-btn-color);border-radius:8px;gap:12px;}
.upld_img_preview_item{position:relative;width:60px;height:60px;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--sub-bg-color3);cursor:pointer;cursor:grab;}
.upld_img_preview_item:where([draggable="true"]){cursor:grabbing;}
.upld_img_preview_del{position:absolute;top:0;right:0;width:22px;height:22px;border:1px solid var(--line-btn-color);border-radius:50%;background-color:var(--main-bg-color);color:var(--sub-color3);margin:-8px -8px 0 0;}
.upld_img_preview_del svg{width:10px;fill:currentColor;}
.upld_img_preview_img{width:100%;height:100%;border-radius:5px;object-fit:cover;object-position:50% 0;}

/* 이벤트 (리스트) */
.bori_event_li_item{padding:20px 0; gap:10px 20px;align-items:center;}
.bori_event_li_item.expire{-webkit-filter:grayscale(1);filter:grayscale(1);}
.bori_event_li_item ~ .bori_event_li_item{border-top:1px solid var(--line-color1);}
.bori_event_li_bnr{width:400px;aspect-ratio:3.03 / 1;}
.bori_event_li_img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;}
.bori_event_li_name{font-weight:500;}
.bori_event_li_date{margin-top:5px;}

/* 마이 페이지 - 설정 */
.bori_myp_setting_item{gap:10px;width:100%;}
.bori_myp_setting_item ~ .bori_myp_setting_item{margin-top:20px;}
.bori_myp_setting_item .name{line-height:1.5;}
.beta_icon{padding:0.32rem 0.38rem;font-size:0.875rem;border-radius:5px;background-color:var(--btn-bg-hover1);}
.bori_myp_setting_item .swp_icon{width:10px;fill:currentColor;}
.bori_myp_setting_item .checked_icon{width:14px;fill:var(--theme-color);opacity:0;}
.bori_myp_setting_item.active .checked_icon{opacity:1;}

/* 마이페이지 - 캐릭터 관리 */
.mychrt_create_btn{width:30px;height:30px;}
.mychrt_create_btn svg{width:18px;fill:var(--theme-color);}
.bori_topmenu_cont{position:sticky;top:50px;background-color:var(--main-bg-color);z-index:10;}
.my_character_list{position:relative;padding:0.938rem;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--comment-bg-color);margin-top:10px;}
.mychrt_thumbnail{position:relative;width:5.625rem;height:5.625rem;}
.mychrt_thumbnail img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover;object-position:top center;}
.mychrt_dsc_title svg, .mychrt_state_dsp svg{height:0.75rem;fill:#878787;}
.mychrt_state_dsp svg{align-self:center;}
.mychrt_state_dsp svg.heart_icon, .mychrt_state_dsp svg:has(use){width:0.75rem;}
.mychrt_btn{padding:0.75em 1.375em;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--line-btn-color);line-height:1;}
.mychrt_btn.bg_theme{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.my_characters_wrap:has(.brprtit_item){display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:10px;}

.hash_blocked_lists.isEmpty:empty{display:none;}


/* 마이페이지 - 성인 인증 (세이프티) */
.bori_adtcert19_notice{gap:25px;}
:where(.bori_adtcert19_notice) .adult19_icon{width:100px;height:100px;}
.bori_adtcert19_noti_btns{margin-top:12px;}
.text-adult19-point{font-weight:500;color:var(--red-color);}


@media (hover:hover) and (pointer:fine){
	/* 내 프로필 - 글쓰기 버튼 */
	.post_write_btn:not([disabled], .disabled):hover{background-color:var(--line-color6);}
	:where(html[color-theme="light"]) .post_write_btn:not([disabled], .disabled):hover{border-color:#777;background-color:#777;}

	/* 내 프로필 - 포스트 */
	.post_list_bt_btn:not([disabled], .disabled):hover{background-color:rgba(23, 24, 24, 0.3);}
	:where(html[color-theme="light"]) .post_list_bt_btn:not([disabled], .disabled):hover{background-color:#E6E6E6;}
}

@media screen and (min-width:601px){
	.bori_myp_section{padding:20px 30px;}
	.bori_myp_section.lg-sec-pd-20{padding:20px;}

	/* 내 프로필 - 포스트 - 구매 UI */
	.post_purchase_info{padding:0 15px 15px;}
}

@media screen and (min-width:768px){
	:where(.has_usprf_bg) .bori_myp_usprf_img{width:90px;height:90px;margin-top:-45px;}
}

@media screen and (max-width:767px){
	/* 이벤트 (리스트) */
	.bori_event_li_item{padding:15px 0;flex-direction:column;}
	.bori_event_li_bnr, .bori_event_li_dsc{width:100%;}

	/* 캐릭터 관리 */
	.mychrt_thumbnail{width:4.75rem;height:4.75rem;}
	.mychrt_btn{font-size:0.875rem;}

	/* 내 프로필 - 포스트 */
	.post_uploaded_imgs{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media screen and (max-width:700px){
	/* 마이페이지 - 캐릭터 관리 */
	.my_characters_wrap:has(.brprtit_item){grid-template-columns:repeat(3, minmax(0px, 1fr));}
}

@media screen and (max-width:500px){
	/* 마이페이지 - 캐릭터 관리 */
	.my_characters_wrap:has(.brprtit_item){grid-template-columns:repeat(2, minmax(0px, 1fr));}

	/* 내 프로필 - 갤러리 */
	.bori_gallery_container{grid-template-columns:repeat(2, minmax(0px, 1fr));}

	/* 마이페이지 - 성인 인증 (세이프티) */
	.bori_adtcert19_notice{flex-direction:column;}
	.bori_adtcert19_noti_text1{text-align:center;}
	.bori_adtcert19_noti_btns{justify-content:center;margin-top:20px;}
}