@charset "UTF-8";

:root{
	/* container common padding */
	--pd-side:30px; /* side */
	--pd-bottom:40px; /* bottom */

	/* max-width */
	--max-width:850px;
	--max-width-sd:calc(var(--max-width) - (var(--pd-side) * 2)); /* (--max-width 넓이) - (사이드 패딩 값) */
	--full-width-sd:calc(100% - (var(--pd-side) * 2)); /* (100% 넓이) - (사이드 패딩 값) */

	/* header calcuration */
	--hotter-bar:44px;
	--hotter-icon:26px;
	--hotter-active:calc(var(--hotter-bar) - var(--hotter-icon));

	/* select icon */
	--select-icon:url("https://cdn.borichat.kr/bori/icons/ico_select_arr.svg");
	--select-icon2:url("https://cdn.borichat.kr/bori/icons/ico_select_arr1.svg?1");

	/* bori logo */
	--logo:https://cdn.borichat.kr/bori/logo_full.svg;
	--logo-short:https://cdn.borichat.kr/bori/logo_short.svg;
}

/* css basic settings & assets(add class) */
html, body{width:100%;/* height:100%; */min-height:100vh;font-size:16px;}
body{font-family:"Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-texts-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0.03);-webkit-tap-highlight-color:var(--highlight-color);color:var(--main-color);background-color:var(--main-bg-color);/* -webkit-user-drag:none;user-select:none; */line-height:1.3;}

body.not-scrollable{overflow:hidden;}
.inactive{display:none !important;}
.text-hidden{position:absolute !important;top:0 !important;left:0 !important;width:1px !important;min-width:0 !important;height:1px !important;min-height:0 !important;padding:0 !important;margin:0 !important;font-size:0 !important;overflow:hidden !important;clip:rect(0px, 0px, 0px, 0px) !important;clip:rect(0, 0, 0, 0) !important;opacity:0 !important;z-index:-10 !important;border:0 none !important;pointer-events:none !important;}

.vis-hidden{visibility:hidden;}
.overflow_hidden{overflow:hidden;}

a, img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;}

a, button{touch-action:manipulation;}

input::placeholder, textarea::placeholder{color:var(--holder-color);}
.input_text_disc{-webkit-text-security:disc !important;}

/* clears the 'X' from Internet Explorer */
input.hide-clear[type=search]::-ms-clear,
input.hide-clear[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input.hide-clear[type="search"]::-webkit-search-decoration,
input.hide-clear[type="search"]::-webkit-search-cancel-button,
input.hide-clear[type="search"]::-webkit-search-results-button,
input.hide-clear[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.ui-datepicker{z-index:102 !important;}

.invisible{visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}

.btn-reset{padding:0;margin:0;background-color:transparent;border:0 none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;text-decoration:none;cursor:pointer;}
.btn-reset:focus{outline:none;}

.cursor_default{cursor:default !important;}
.cursor_pointer{cursor:pointer;}
.cursor_not_allowed{cursor:default !important;cursor:not-allowed !important;}

.block-pointer{pointer-events:none !important;}
.normal-pointer{pointer-events:auto !important;}

.block_{display:block;}
.inline_block_{display:inline-block;}
.flex_{display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:-webkit-flex;display:flex;}
.inline_flex_{display:-webkit-inline-flex;display:-moz-inline-flex;display:inline-flex;}
.tabing{justify-content:center;align-items:center;}
.align_items_start{align-items:flex-start;}
.align_items_center{align-items:center;}
.align_items_end{align-items:flex-end;}
.align_items_baseline{align-items:baseline;}
.align_items_stretch{align-items:stretch;}
.align_self_start{align-self:flex-start;}
.align_self_center{align-self:center;}
.align_self_end{align-self:flex-end;}
.align_self_baseline{align-self:baseline;}
.align_self_stretch{align-self:stretch;}
.justify_start{justify-content:flex-start;}
.justify_center{justify-content:center;}
.justify_end{justify-content:flex-end;}
.justify_between{justify-content:space-between;}
.justify_around{justify-content:space-around;}
.justify_evenly{justify-content:space-evenly;}
.flex_wrap_{flex-wrap:wrap;}
.flex_column_{-moz-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.gap2{gap:2px;}
.gap3{gap:3px;}
.gap4{gap:4px;}
.gap5{gap:5px;}
.gap6{gap:6px;}
.gap7{gap:7px;}
.gap8{gap:8px;}
.gap9{gap:9px;}
.gap10{gap:10px;}
.gap12{gap:12px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap25{gap:25px;}
.gap30{gap:30px;}
.gap5-12{gap:5px 12px;}
.gap5-15{gap:5px 15px;}
.gap7-20{gap:7px 20px;}
.gap10-5{gap:10px 5px;}
.gap10-25{gap:10px 25px;}
.gap15-5{gap:15px 5px;}
.gap15-25{gap:15px 25px;}
.gap20-10{gap:20px 10px;}
.gap20-15{gap:20px 15px;}
.mb-gap10-5{gap:10px;}
.mb-gap12-5{gap:12px;}
.mb-gap15-10{gap:15px;}
.mb-gap20-5{gap:20px;}
.flex1{flex:1;}
.flex1-0{flex:1 0 0%;}
.flexAuto{flex:1 1 auto;}
.shrink0{flex-shrink:0;}
.flexBasis300{flex-basis:300px;}

.truncated{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.line_clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.62em;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.line_clamp2.line_height_1_2{max-height:2.42em;}
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.white_space_nowrap{white-space:nowrap;}
.white_space_wrap{white-space:normal;}
.white_space_pre_line{white-space:pre-line;}
.word_break_keep{word-break:keep-all;word-wrap:break-word;}
.word_break_word{word-break:break-word;}
.line_through{text-decoration:line-through;}
.transition{transition:all 0.25s ease;}
.hover-underline:hover{text-decoration:underline;}

.bd-radius5{border-radius:5px;}

.co_main{color:var(--main-color);}
.co_black{color:#000;}
.co_white{color:#FFF;}
.co_sub_common{color:#878787;}
.co_c1{color:#C1C1C1;}
.disable-color[disabled]{color:#878787 !important;}
.co_sub_color1{color:var(--sub-color1);}
.co_sub_color2{color:var(--sub-color2);}
.co_sub_color3{color:var(--sub-color3);}
.co_sub_color4{color:var(--sub-color4);}
.co_sub_color5{color:var(--sub-color5);}
.co_sub_color6{color:var(--sub-color6);}
.co_sub_color7{color:var(--sub-color7);}
.co_sub_color8{color:var(--sub-color8);}
.co_sub_color9{color:var(--sub-color9);}
.co_theme{color:var(--theme-color, #14ADEA);}
.co_theme_dk{color:var(--theme-color-hover, #1C95C5);}
.co_red{color:var(--red-color, #FF0000);}
.co_red2{color:var(--red-color2, #CB0000);}
.co_blue_darker{color:#167BAF;}
.co_purple{color:var(--purple-color, #9A00FF);}
.co_purple_green{color:var(--purple-green-color, #9A00FF);}
.co_holder{color:var(--holder-color, #828282);}
.ft_co_user{color:var(--user-color, #99C962);}
.ft_co_character{color:var(--character-color, #FFAA68);}

.co_ai_hyper{color:#FF0046;}
.co_ai_super_plus{color:#9A00FF;}
.co_ai_super{color:#0090FF;}
.co_ai_power{color:#00BF4D;}

.ft_weight_light{font-weight:300;}
.ft_weight_normal{font-weight:400;}
.semi_bold{font-weight:500;}
.semi_bold2{font-weight:600;}
.bold{font-weight:700;}
.ft-size-down{font-size:0.875em;}
.ft-size-26{font-size:1.625rem;}
.ft-size-25{font-size:1.563rem;}
.ft-size-24{font-size:1.5rem;}
.ft-size-22{font-size:1.375rem;}
.ft-size-20{font-size:1.25rem;}
.ft-size-18{font-size:1.125rem;}
.ft-size-17{font-size:1.0625rem;}
.ft-size-16{font-size:1rem;}
.ft-size-14{font-size:0.875rem;}
.ft-size-13{font-size:0.8125rem;}
.ft-size-12{font-size:0.75rem;}
.ft-size-11{font-size:0.688rem;}
.ft-size-10{font-size:0.625rem;}
.ft-size-9{font-size:0.563rem;}
.ft-size-8{font-size:0.5rem;}
.ft-size-5{font-size:0.313rem;}
.text-align-center{text-align:center;}
.line_height_1_2{line-height:1.2;}

.line_color1{border-color:var(--line-color1) !important;}
.line_color2{border-color:var(--line-color2) !important;}
.line_color3{border-color:var(--line-color3) !important;}

.bg_sub_color2{background-color:var(--sub-bg-color2);}

.pos_relative{position:relative;}
.pos_absolute{position:absolute !important;}
.top0{top:0 !important;}
.top50{top:50% !important;transform:translateY(-50%);}
.top100{top:100%;}
.bottom0{bottom:0 !important;}
.bottom100{bottom:100% !important;}
.left0{left:0 !important;right:auto !important;}
.left50{left:50% !important;right:auto !important;transform:translate3d(-50%, 0, 0);}
.right0{right:0 !important;left:auto !important;}

.fullWidth{width:100%;}
.widthAuto{width:auto !important;}
.heightAuto{height:auto !important;}
.minWidth0{min-width:0;}
.minWidth42{min-width:42px;}
.maxWidth{max-width:var(--max-width);}
.maxWidthPds{max-width:calc(var(--max-width) - (var(--pd-side) * 2));}
.maxWidth100{max-width:100% !important;}
.maxWidth90{max-width:90%;}
.maxHeightMd{max-height:calc(100vh - 20px);}
.maxHeight65{max-height:65vh;max-height:65dvh;}
.maxHeight70{max-height:70vh;max-height:70dvh;}
.minHeight35{min-height:35%;min-height:35vh;min-height:35dvh;}
.minHeight50{min-height:50%;min-height:50vh;min-height:50dvh;}
.minHeight80{min-height:80%;min-height:80vh;min-height:80dvh;}
.minHeight85{min-height:85%;min-height:85vh;min-height:85dvh;}
.minHeight90{min-height:90%;min-height:90vh;min-height:90dvh;}
.minHeight95{min-height:95%;min-height:95vh;min-height:95dvh;}
.minHeight100{min-height:100%;min-height:100vh;}
.aspect1-1{aspect-ratio:1 / 1;}

.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.scrollable_x{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}

.width1em{width:1em;}
.height1em{height:1em;}

.mgAuto{margin:auto;}
.mglAuto{margin-left:auto;}
.mgrAuto{margin-right:auto;}
.mgtAuto{margin-top:auto !important;}
.mgbAuto{margin-bottom:auto;}
.mxAuto{margin-left:auto;margin-right:auto;}
.mg0{margin:0 !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.mgt0{margin-top:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgt1{margin-top:1px !important;}
.mgb1{margin-bottom:1px !important;}
.mgl1{margin-left:1px !important;}
.mgr1{margin-right:1px !important;}
.mgt2{margin-top:2px !important;}
.mgb2{margin-bottom:2px !important;}
.mgl2{margin-left:2px !important;}
.mgr2{margin-right:2px !important;}
.mgt3{margin-top:3px !important;}
.mgb3{margin-bottom:3px !important;}
.mgl3{margin-left:3px !important;}
.mgr3{margin-right:3px !important;}
.mgt4{margin-top:4px !important;}
.mgb4{margin-bottom:4px !important;}
.mgl4{margin-left:4px !important;}
.mgr4{margin-right:4px !important;}
.mgt5{margin-top:5px !important;}
.mgb5{margin-bottom:5px !important;}
.mgl5{margin-left:5px !important;}
.mgr5{margin-right:5px !important;}
.mgt6{margin-top:6px !important;}
.mgb6{margin-bottom:6px !important;}
.mgl7{margin-left:7px !important;}
.mgr7{margin-right:7px !important;}
.mgt7{margin-top:7px !important;}
.mgb7{margin-bottom:7px !important;}
.mgt8{margin-top:8px !important;}
.mgb8{margin-bottom:8px !important;}
.mgt10{margin-top:10px !important;}
.mgb10{margin-bottom:10px !important;}
.mgl10{margin-left:10px !important;}
.mgr10{margin-right:10px !important;}
.mgt11{margin-top:11px !important;}
.mgb11{margin-bottom:11px !important;}
.mgl11{margin-left:11px !important;}
.mgr11{margin-right:11px !important;}
.mgt12{margin-top:12px !important;}
.mgb12{margin-bottom:12px !important;}
.mgl12{margin-left:12px !important;}
.mgr12{margin-right:12px !important;}
.mgt15{margin-top:15px !important;}
.mgb15{margin-bottom:15px !important;}
.mgl15{margin-left:15px !important;}
.mgr15{margin-right:15px !important;}
.mgt20{margin-top:20px !important;}
.mgb20{margin-bottom:20px !important;}
.mgt23{margin-top:23px !important;}
.mgb23{margin-bottom:23px !important;}
.mgt25{margin-top:25px !important;}
.mgb25{margin-bottom:25px !important;}
.mgt30{margin-top:30px !important;}
.mgb30{margin-bottom:30px !important;}
.mgt35{margin-top:35px !important;}
.mgb35{margin-bottom:35px !important;}
.mgt40{margin-top:40px !important;}
.mgb40{margin-bottom:40px !important;}
.mgt50{margin-top:50px !important;}
.mgb50{margin-bottom:50px !important;}
.mgt60{margin-top:60px !important;}
.mgb60{margin-bottom:60px !important;}
.mgt70{margin-top:70px !important;}
.mgb70{margin-bottom:70px !important;}

.mgt-1{margin-top:-1px !important;}
.mgr-1{margin-right:-1px !important;}
.mgt-2{margin-top:-2px !important;}
.mgt-3{margin-top:-3px !important;}
.mgt-4{margin-top:-4px !important;}
.mgt-5{margin-top:-5px !important;}
.mgr-5{margin-right:-5px !important;}

.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd12{padding:12px !important;}
.pd15{padding:15px !important;}
.pd20{padding:20px !important;}

.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdl0{padding-left:0 !important;}
.pdr0{padding-right:0 !important;}
.pdl1{padding-left:1px !important;}
.pdr1{padding-right:1px !important;}
.pdt1{padding-top:1px !important;}
.pdb1{padding-bottom:1px !important;}
.pdt2{padding-top:2px !important;}
.pdb2{padding-bottom:2px !important;}
.pdl2{padding-left:2px !important;}
.pdr2{padding-right:2px !important;}
.pdt3{padding-top:3px !important;}
.pdb3{padding-bottom:3px !important;}
.pdl3{padding-left:3px !important;}
.pdr3{padding-right:3px !important;}
.pdt4{padding-top:4px !important;}
.pdb4{padding-bottom:4px !important;}
.pdl4{padding-left:4px !important;}
.pdr4{padding-right:4px !important;}
.pdt5{padding-top:5px !important;}
.pdb5{padding-bottom:5px !important;}
.pdl5{padding-left:5px !important;}
.pdr5{padding-right:5px !important;}
.pdt6{padding-top:6px !important;}
.pdb6{padding-bottom:6px !important;}
.pdl6{padding-left:6px !important;}
.pdr6{padding-right:6px !important;}
.pdt7{padding-top:7px !important;}
.pdb7{padding-bottom:7px !important;}
.pdl7{padding-left:7px !important;}
.pdr7{padding-right:7px !important;}
.pdt8{padding-top:8px !important;}
.pdb8{padding-bottom:8px !important;}
.pdt9{padding-top:9px !important;}
.pdb9{padding-bottom:9px !important;}
.pdt10{padding-top:10px !important;}
.pdb10{padding-bottom:10px !important;}
.pdt12{padding-top:12px !important;}
.pdb12{padding-bottom:12px !important;}
.pdl12{padding-left:12px !important;}
.pdr12{padding-right:12px !important;}
.pdt14{padding-top:14px !important;}
.pdb14{padding-bottom:14px !important;}
.pdt15{padding-top:15px !important;}
.pdb15{padding-bottom:15px !important;}
.pdt20{padding-top:20px !important;}
.pdb20{padding-bottom:20px !important;}
.pdt25{padding-top:25px !important;}
.pdb25{padding-bottom:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb30{padding-bottom:30px !important;}
.pdt40{padding-top:40px !important;}
.pdb40{padding-bottom:40px !important;}
.pdt50{padding-top:50px !important;}
.pdb50{padding-bottom:50px !important;}
.pdl10{padding-left:10px !important;}
.pdr10{padding-right:10px !important;}
.pdl15{padding-left:15px !important;}
.pdr15{padding-right:15px !important;}
.pdl20{padding-left:20px !important;}
.pdr20{padding-right:20px !important;}
.pdl30{padding-left:30px !important;}
.pdr30{padding-right:30px !important;}
.pdsCommon{padding-left:var(--pd-side);padding-right:var(--pd-side);}

.opacity0{opacity:0 !important;}
.opacity1{opacity:1 !important;}
.opacity_8{opacity:0.8;}
.opacity_7{opacity:0.7;}
.opacity_6{opacity:0.6;}
.opacity_5{opacity:0.5;}
.opacity_4{opacity:0.4;}
.opacity_3{opacity:0.3;}

.bg_color_main{background-color:var(--main-bg-color);}
.bg_color_main_op7{background-color:var(--main-bg-color-op7);}
.bg_color_main_op8{background-color:var(--main-bg-color-op8);}

.scrollable-x{overflow:auto hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}

.gender_svg{height:1em;fill:currentColor;fill:var(--theme-color);vertical-align:top;}
.female_icon{width:0.572em;}
.svg_inner_text svg{width:1em;height:1em;fill:currentColor;}
.svg_inner_text.middle svg{vertical-align:middle;}
.safety_icon{width:1em;height:1em;fill:#C9C9C9;stroke:#C9C9C9;}
.safety_icon .fill{stroke:none;}
.safety_symbol{width:1em;height:1em;fill:#C9C9C9;}

.bori_badge_icon{width:1em;height:1em;object-fit:contain;cursor:pointer;}
.bori_badge_icon.width14{width:0.875rem;height:0.875rem;}

/* 뱃지 툴팁 */
.tippy-box[data-theme~="badge"], .tippy-box[data-theme~="common"]{pointer-events:auto !important;}
.tippy-box[data-theme~="badge"]{background:#F7EAC5;/* border-color:#E4B02B; */color:#C79514;filter:drop-shadow(0 0 1px #CD9914);}
.tippy-box[data-theme~="badge"] .tippy-content{padding-top:2px;padding-bottom:2px;}
.tippy-box[data-theme~="badge"][data-placement^="top"] > .tippy-arrow::before{border-top-color:#F7EAC5;}
.tippy-box[data-theme~="badge"][data-placement^="bottom"] > .tippy-arrow::before{border-bottom-color:#F7EAC5;}
.tippy-box[data-theme~="badge"][data-placement^="left"] > .tippy-arrow::before{border-left-color:#F7EAC5;}
.tippy-box[data-theme~="badge"][data-placement^="right"] > .tippy-arrow::before{border-right-color:#F7EAC5;}

/* 19표시 (작품 리스트 아이템 등) */
.circle19{position:absolute;top:0;right:0;display:inline-flex;width:28px;height:28px;width:24px;height:24px;border-radius:50%;/* background-color:#D90000; */font-size:16px;font-weight:700;color:#FFFFFF;line-height:1;text-indent:0.5px;z-index:2;margin:5px;}
.circle19:has(.safety_symbol):before{content:"";position:absolute;top:0;left:4px;right:4px;bottom:0;height:58.4%;background-color:#FFF;border-radius:100%;margin:auto;}
.circle19.small{width:20px;height:20px;font-size:0.75rem;margin:3px;}
.circle19 span{display:inline-block;margin:auto;}
.circle19 .safety_icon, .circle19 .safety_symbol{position:relative;width:100%;height:100%;}

/* 리스트, 데이터가 없을 시 */
.search_recently_empty{flex-direction:column;width:100%;padding:2.5rem 1.25rem;gap:2rem;font-size:1.125rem;color:var(--sub-color2);text-align:center;word-break:keep-all;word-wrap:break-word;}
.search_recently_empty.ft16{font-size:1rem;}
.search_recently_empty.ft14{font-size:0.875rem;}
.search_recently_empty.lighter{padding-top:1.25rem;padding-bottom:1.25rem;}

/* header */
.bori_wrapper{max-width:var(--max-width);padding-bottom:var(--pd-bottom);margin:0 auto;}
.bori_wrapper.maxWidth600{max-width:600px;}
.bori_pds_container{padding-left:var(--pd-side);padding-right:var(--pd-side);}
.bori_header{position:relative;position:sticky;top:0;border-bottom:1px solid transparent;background-color:var(--main-bg-color);z-index:10;}
.bori_header.stuck{border-color:var(--hd-bd-bottom);}
.bori_header_inner{max-width:var(--max-width);justify-content:space-between;padding:8px var(--pd-side);height:56px;margin:0 auto;}
.bori_header_logo{position:relative;}
.bori_header_logo img, .bori_header_logo .logo-svg, .svg_inner_logo .logo-svg{display:block;/* width:127px; */height:22px;height:30px;}
.bori_header_logo .logo-svg, .svg_inner_logo .logo-svg{fill:var(--main-color);}
.bori_header_menu{gap:12px;margin-left:18px;}
.bori_hdmenu_item{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;}
.bori_hdmenu_item svg, .bori_hdmenu_item img{height:26px;fill:currentColor;object-fit:contain;}
.bori_hdmenu_item.crown img{height:27px;}
.bori_hdmenu_item.menu svg{height:20px;}
/* header - 뒤로가기 */
.bprfd_hd_goback{width:40px;height:40px;margin-left:calc(var(--pd-side) - (var(--pd-side) * 1.3));border-radius:5px;}
.bprfd_hd_goback.width30{width:30px;height:30px;}
.bprfd_hd_goback svg{width:13px;fill:currentColor;}
.bprfd_hd_goback.width30 svg{width:10px;}
/* 화끈모드 버튼 공통 */
.bori_hotter_btn_wrap{gap:4px;}
.bori_hotter_btn.disabled, .bori_hotter_btn[disabled]{cursor:default;cursor:not-allowed;opacity:0.7;}
.bori_hotter_text{font-size:14px;color:var(--theme-color2);line-height:1;}
.bori_hotter_disp{position:relative;width:var(--hotter-bar);height:12px;border-radius:24px;background-color:#C9C9C9;}
.bori_hotter_disp svg{position:absolute;top:50%;left:0;width:var(--hotter-icon);height:var(--hotter-icon);fill:#C9C9C9;stroke:#C9C9C9;transform:translate(0, -50%);transition-property:transform;transition-duration:0.25s;transition-timing-function:ease;}
.bori_hotter_btn.active .bori_hotter_disp{background-color:var(--theme-color2);}
.bori_hotter_btn.active .bori_hotter_disp svg{fill:var(--theme-color2);stroke:var(--theme-color2);transform:translate(var(--hotter-active), -50%);}
.hotterModeTrigger{cursor:pointer;}

/* 공통 헤더 type1 */
.bori_header_type1{position:relative;position:sticky;top:0;background-color:var(--main-bg-color);border-bottom:1px solid transparent;z-index:10;}
.bori_header_type.stuck{border-bottom-color:var(--hd-bd-bottom);}
.bori_header_type_in{max-width:var(--max-width);justify-content:space-between;padding:20px var(--pd-side);margin:0 auto;}
.header_type1_title{display:block;align-self:center;padding-left:10px;font-size:24px;font-weight:500;color:var(--main-color);flex:1 1 auto;}

/* 공통 헤더 (마이페이지, 고객센터, 공지사항 등) */
.bori_sub_header{background-color:var(--main-bg-color);}
.bori_sub_header.sticky{position:sticky;top:0;z-index:10;}
.bori_sub_header_in{max-width:var(--max-width);padding:10px var(--pd-side);margin:0 auto;}
.bori_subhd_name{align-self:center;padding-left:8px;font-size:1.25rem;font-weight:500;}

/* 공통 헤더 - header_type_prf.php (프로필 상세, 댓글 전체보기, 알림, 검색창 등 사용) */
.bprfd_header{position:relative;position:sticky;top:0;border-bottom:1px solid transparent;background-color:var(--main-bg-color);z-index:10;}
.bprfd_header.stuck{border-bottom-color:var(--hd-bd-bottom);}
.bprfd_header_in{max-width:var(--max-width);min-height:56px;padding:8px var(--pd-side);gap:10px;justify-content:space-between;margin:0 auto;}
.bprfd_header_dep{align-items:center;min-width:0;}
.bprfd_header_name{padding-left:8px;font-size:1.25rem;font-weight:500;}
.bprfd_header_controls{position:relative;}
.bprfd_hd_control_btn{width:40px;height:40px;}
.bprfd_hd_control_btn svg{width:24px;height:24px;fill:currentColor;}
.bprfd_hd_control_btn svg.dotted_verti{width:3px;height:100%;}
.bprfd_hd_control_btn.width30{width:30px;height:30px;}
.bprfd_hd_control_btn.width30 svg.dotted_verti{width:3px;}

/* 버튼 공통 - */
.common_sel_btn{padding:8px 14px;border:1px solid var(--line-color6);border-radius:5px;text-align:center;background-color:var(---main-bg-color);color:var(--main-color);line-height:1.2;}
.common_sel_btn.active{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}

/* 푸터 */
.bori_footer{padding:20px 20px 25px;border-top:1px solid var(--line-color1);}
.bori_footer_in{width:100%;max-width:530px;}
.bori_footer_more_btn{padding:5px 10px 4px;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--sub-bg-color2);color:var(--sub-color11);transition:background-color 0.25s;}
.bori_footer_more_btn svg{transition:transform 0.2s;}
.bori_footer_more_btn.active svg{transform:rotate(180deg);}

/* 하단 메뉴 */
.ft_nav_menu{position:sticky;bottom:0;background-color:var(--main-bg-color);box-shadow:0 0 #0000, 0 0 #0000, var(--tw-shadow-color);z-index:19;}
.ft_nav_menu_it{padding:0.625rem;flex:1;}
.ft_nav_menu_icon svg{width:1.125rem;height:1.125rem;fill:currentColor;margin:auto;}

/* 상단 메뉴 (홈, 랭킹, 카테고리, 태그 등) */
.bori_category_menu{padding:0 var(--pd-side);gap:6px 24px;overflow:auto hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}
.bori_catemn_item{display:inline-flex;padding:10px 0;font-size:1.25em;color:#878787;line-height:1;flex-shrink:0;}
.bori_catemn_item > span{position:relative;display:inline-block;margin:auto;}
.bori_catemn_item.on{font-weight:600;color:var(--main-color);}
.bori_catemn_item.on > span:after{content:"";display:block;position:absolute;top:100%;left:0;right:0;height:2px;/* background-color:#FF681A; */background-color:var(--theme-color);margin:8px auto 0;}

/* 상단 메뉴 (마이페이지, 충전소 등) */
.bori_topmenu_wrap{gap:18px;overflow:auto hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}
.bori_topmenu_wrap.gap6{gap:6px;}
.bori_topmenu_wrap.gap10{gap:10px;}
.bori_topmenu_it{position:relative;padding:0.625rem 0.438rem;color:#878787;line-height:1;scroll-snap-align:start;}
.bori_topmenu_it:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:100%;max-width:calc(100% - (0.438rem * 2));height:2px;background-color:var(--theme-color);transform:translateX(-50%);opacity:0;}
.bori_topmenu_it.on{font-weight:600;color:var(--main-color);}
.bori_topmenu_it.on:after{opacity:1;}

/* 알림 있을 경우 표시 공용 (점) */
.has_notifications_dot{display:block;position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background-color:var(--theme-color);}
.bori_hdmenu_item.notice .has_notifications_dot{margin:6px 10px;}

/* 작품 리스트 컨테이너 공통 */
.bori_product_container{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:10px;}
.bori_product_container:has(.search_recently_empty){display:flex;}

/* 작품 리스트 아이템 공통 */
.bori_product_item{position:relative;display:block;}
.bori_prtit_thumb{position:relative;border-radius:5px 5px 0 0;aspect-ratio:1 / 1.17;aspect-ratio:1 / 1;overflow:hidden;}
.bori_product_item .prtit_ranking{position:absolute;top:0;left:0;font-size:2.25rem;font-weight:700;text-shadow:rgb(28, 28, 28) 3px -2px 0px;-webkit-text-stroke:0.8px rgb(28, 28, 28);color:#FFF;z-index:2;margin:0 5px;}
.bori_prtit_thumb_img{display:block;border-radius:5px 5px 0 0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;pointer-events:none;}
.bori_prtit_dim{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(56, 56, 56, 0) 85%, rgba(0, 0, 0, 1) 100%);margin:auto;pointer-events:none;}
.bori_prtit_lbs{position:absolute;top:0;right:0;margin:8px;}
.bori_prtit_lbs.left{left:0;}
.bori_prtit_lb{padding:0 0.5rem;height:1.5rem;border-radius:5px;gap:0.25rem;background-color:rgba(0, 0, 0, 0.54);font-size:0.75rem;font-weight:600;color:#BCBCBC;line-height:1;}
.bori_prtit_lb svg{width:1em;height:1em;fill:currentColor;}
.bori_prtit_dscs{padding:0 10px 8px;border-radius:0 0 5px 5px;background-color:#000000;color:#FFFFFF;}
.bori_prtit_title{font-size:0.938em;font-weight:600;}
.bori_prtit_summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.7em;font-size:0.625em;line-height:1.34;margin-top:3px;}
.bori_prtit_info{justify-content:space-between;gap:10px;font-size:0.75em;margin-top:4px;}
.bori_prtit_subsc{align-self:flex-end;gap:4px;}
.bori_prtit_subsc .ico_heart{width:10px;fill:currentColor;align-self:center;margin-bottom:0.083em;}
.bori_prtit_author{padding:3px 8px 2px;border-radius:18px;background-color:rgba(255, 255, 255, 0.2);font-size:0.917em;}

/* 작품 리스트 아이템 공통 */
.brprtit_item{position:relative;display:flex;flex-direction:column;border-radius:5px;border:1px solid var(--prt-item-line);}
.brprtit_item.disabled_img{filter:grayscale(0.85) opacity(0.7);}
.brprtit_thumb{position:relative;border-radius:4px 4px 0 0;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0;}
.brprtit_thumb:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--thumb-holder, url("https://cdn.borichat.kr/bori/thumb_holder_dark.png"));background-repeat:no-repeat;background-position:center 40%;background-size:60px;}
.brprtit_thumb.animate-pulse:before{animation:pulse 1.2s ease-in-out infinite;}
.brprtit_thumb.animate-pulse :where(.brprtit_thumb_img, .brprtit_tmb_top, .brprtit_tmb_bt){visibility:hidden;}
.brprtit_item .prtit_ranking{position:absolute;top:0;left:0;font-size:2.25rem;font-weight:700;text-shadow:rgb(28, 28, 28) 3px -2px 0px;-webkit-text-stroke:0.8px rgb(28, 28, 28);color:#FFF;z-index:2;margin:0 5px;}
.brprtit_thumb_img{position:relative;display:block;border-radius:5px 5px 0 0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0ms;/* pointer-events:none; */}
.brprtit_dim{position:absolute;bottom:0;left:0;right:0;width:100%;height:30%;background:var(--prt-item-dim);pointer-events:none;}
.brprtit_tmb_top{position:absolute;top:5px;right:5px;}
.brprtit_tmb_tpcc{width:20px;height:20px;border-radius:50%;background-color:rgba(0, 0, 0, 0.3);color:#FFF;flex-shrink:0;transition:background-color 0.25s;}
.brprtit_tmb_tpcc.liked{color:var(--theme-color-liked);}
.brprtit_tmb_tpcc svg{width:12px;height:12px;fill:currentColor;margin:auto;}
.brprtit_tmb_bt{position:absolute;bottom:10px;right:0;padding:5px;border-radius:5px 0 0 5px;background-color:var(--prt-item-tmbb);}
.brprtit_tmb_btit{font-size:0.625rem;color:var(--prt-item-color1);line-height:1.2;}
.brprtit_tmb_btit svg{width:1em;height:1em;fill:currentColor;}
.brprtit_tmb_btit svg.bookmark_icon{width:0.8em;}
.brprtit_thumb .circle19{top:auto;right:auto;bottom:0;left:0;margin-bottom:10px;}
.brprtit_dscs{display:flex;flex-direction:column;flex:1 1 auto;padding:4px 10px 9px;border-radius:0 0 5px 5px;background-color:var(--prt-item-bg);}
.brprtit_title{font-size:0.8125rem;font-weight:500;line-height:1.2;align-self:center;}
.brprtit_title ~ .debut_icon{width:13px;height:13px;/* margin-top:-1.5px; */}
.brprtit_dropdown_tgg{width:1em;height:1em;margin-right:-0.25em;}
.brprtit_dropdown_tgg .dotted_verti{width:2px;fill:currentColor;margin:auto;}
.brprtit_dropdown_tgg.svg_hgt14 .dotted_verti{width:auto;height:14px;}
.brprtit_summary{height:2.62em;font-size:0.75rem;margin-top:5px;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;}
.brprtit_tags{height:calc((18px * 2) + 3px);height:calc((1.125em * 2) + 3px);overflow:hidden;margin-top:10px;}
.brprtit_tag_it{min-width:0;padding:0 3px;height:1.8em;border:1px solid var(--prt-item-color2);border-radius:5px;background-color:var(--prt-item-color2);font-size:0.625rem;}
.brprtit_tag_it.ft-size-14{padding:0 0.571em;font-size:0.875rem;}
.brprtit_tag_it svg{width:1em;height:1em;fill:currentColor;}
.brprtit_tag_it:where(.tag_play) svg{/* width:7px; */height:8px;margin-right:-1px;}
.brprtit_tag_it:where(.bg1, .bg2, .bg3, .tag_play, .sky, .user, .theme){min-width:20px;}
.brprtit_tag_it.bg1{border-color:var(--prt-tag-color1);background-color:var(--prt-tag-bg1);color:var(--prt-tag-color1);}
.brprtit_tag_it.bg2{border-color:var(--prt-tag-color2);background-color:var(--prt-tag-bg2);color:#FFF;}
.brprtit_tag_it:where(.bg3, .tag_play){border-color:var(--prt-tag-color3);background-color:var(--prt-tag-bg3);color:var(--prt-tag-color3);}
.brprtit_tag_it.sky{border-color:var(--theme-color-sky);background-color:var(--theme-color-sky);color:#292929;}
.brprtit_tag_it.user{background-color:var(--prt-item-color3);color:var(--prt-item-ft-color1);}
.brprtit_tag_it.theme{border-color:var(--theme-color);background-color:var(--theme-color-sky);color:var(--theme-color);}
.brprtit_ifo{margin-top:10px;}
.brprtit_ifo_it svg{width:1em;height:1em;fill:currentColor;}
.brprtit_ifo_it .heart_icon{width:0.8em;}

/* 작품 리스트 아이템 로딩 전 컨테이너 */
.bori_item_bfload{aspect-ratio:1 / 1.4;aspect-ratio:1 / 1.716;border-radius:5px;background-color:#B1B1B1;background-color:var(--sub-bg-color4);animation:opTwk 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
.bori_item_bfload.row{aspect-ratio:auto;height:120px;}
.bori_item_bfload.ratio1_35{aspect-ratio:1 / 1.35;}

@keyFrames opTwk{
	50%{opacity:0.4;}
}

/* 메인 - 운명의 상대를 만나보세요 */
.bori_destiny{width:var(--full-width-sd);padding:1.25em 1.25em 1.438em;border-radius:5px;background:linear-gradient(132deg, #8ECEE8, var(--theme-color));margin-bottom:0.625em;}
.bori_destiny .title{font-size:1.25em;}
.bori_destiny .subtitle{font-size:0.75em;margin-top:0.25em;}
.bori_destiny_btncont{margin-top:1.25em;}
.bori_destiny_btn{padding:1em 1.833em;border-radius:40px;background-color:#FFF;font-size:0.75em;transition:background-color 0.25s;}
.bori_destiny_btn:hover{background-color:var(--main-bg-color-op8);}

/* 드롭다운 메뉴 - 메인 등 */
.brcatemncmmbtn{padding-left:0.625rem;padding-right:0.625rem;height:1.75rem;border-radius:5px;border:1px solid var(--line-color5);background-color:var(--sub-bg-color2);}
.brcatemncmmbtn.width105{width:105px;}
.brcatemncmmbtn.width95{width:95px;}
.brcatemncmmbtn.width75{width:75px;}
.brcatemncmmbtn.selected{background-color:var(--line-color5);color:var(--main-bg-color);}
html:not([color-theme="light"]) .brcatemncmmbtn.dk_co_pp_gr:not(.selected){border-color:#C7C7C7;color:var(--purple-green-color);}
html:not([color-theme="light"]) .brcatemncmmbtn.dk_co_pp_gr.selected{background-color:var(--purple-green-color);}
html:not([color-theme="light"]) .brcatemncmmbtn.bd_co4{border-color:var(--line-color4);}
html:not([color-theme="light"]) .brcatemncmmbtn.bd_co4.selected{background-color:var(--line-color4);color:var(--purple-green-color);}
html:not([color-theme="light"]) .brcatemncmmbtn.co_gender:not(.selected){color:var(--sub-color1);}
html:not([color-theme="light"]) .brcatemncmmbtn.co_gender.selected{background-color:var(--line-color4);}
.brcatemncmmbtn.no_bd{border-width:0;border-radius:0;}
.brcatemncmmbtn[disabled]{border-color:var(--line-btn-color) !important;color:#878787 !important;cursor:default;cursor:not-allowed;opacity:0.6;}
.brcatemncmmbtn.slideDown{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.brcatemncmm_cate_icon, .brcatemncmm_drop_arrow{width:0.75rem;height:0.75rem;fill:currentColor;}
.brcatemncmm_drop_arrow{transition:transform 0.2s;will-change:transform;}
.brcatemncmmbtn.slideDown .brcatemncmm_drop_arrow{transform:rotate(180deg);}
.brcatemncmm_icon_ddchk{width:0.875rem;height:0.875rem;fill:currentColor;}
.brcatemncmmbtn:not(.active) .brcatemncmm_icon_ddchk{display:none;}
.brcatemncmmbtnpn svg{width:1.125rem;height:1rem;fill:currentColor;}
.brcatemncmmreroll{width:1.0625rem;height:1.0625rem;border-radius:50%;}
.brcatemncmmreroll svg{width:0.515rem;height:0.515rem;fill:currentColor;margin:auto;}
.brcatemncmm_downmenu{position:absolute;top:100%;left:0;width:100%;border:1px solid var(--line-color5);border-top:0 none;border-radius:0 0 5px 5px;z-index:6;overflow:hidden;margin-top:-1px;}
html:not([color-theme="light"]) .dk_co_pp_gr + .brcatemncmm_downmenu{border-color:#C7C7C7;}

/* 홈 */
.bori_main_section{margin-top:20px;}
.bori_mnsec_title_area{padding:0 var(--pd-side);}
.bori_mnsec_title{font-size:20px;font-weight:500;}
.bori_mnsec_title img{height:1em;vertical-align:-0.15em;}
.bori_mnsec_contents{position:relative;margin-top:10px;}
.bori_mnsec_contents:has(.slide-to-right):before, .bori_mnsec_contents:has(.bori_mnsec_items):after{content:"";display:block;position:absolute;top:0;width:34px;height:100%;z-index:2;pointer-events:none;}
.bori_mnsec_contents:has(.slide-to-right):before{left:0;background:linear-gradient(to right, var(--blur-cover-color));}
.bori_mnsec_contents:has(.bori_mnsec_items):after{right:0;background:linear-gradient(to left, var(--blur-cover-color));}
.bori_mnsec_contents:has(.swpEndCoverHide):after{opacity:0;}
.bori_mnsec_items{position:relative;display:flex;overflow:hidden;}
.bori_mnsec_items.vis_hidden{visibility:hidden;pointer-events:none;}
.bori_mnsec_prt_slide{width:180px;}
.bori_mnsec_prt_slide:last-child{margin-right:5px;}
.bori_mnsec_its_prev, .bori_mnsec_its_next{position:absolute;top:50%;display:none;width:30px;height:30px;border-radius:50%;box-shadow:0 0 3px var(--hd-bd-bottom);background-color:var(--swp-nav-color-alt);box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;cursor:pointer;z-index:3;opacity:0.65;margin-top:-15px;align-items:center;justify-content:center;}
.bori_mnsec_its_prev svg, .bori_mnsec_its_next svg{width:7px;fill:var(--swp-nav-color-reverse);}
[color-theme="light"] .bori_mnsec_its_prev svg, [color-theme="light"] .bori_mnsec_its_next svg{fill:#FFFFFF;}
.bori_mnsec_its_prev{left:0;margin-left:5px;}
.bori_mnsec_its_next{right:0;margin-right:14px;padding-left:2px;}

/* nav 펼침 메뉴 */
.bori_nav_menu_wrap{position:fixed;top:0;right:0;display:none;width:100%;height:100%;z-index:20;}
.bori_nav_menu_wrap.show{display:block;}
.bori_nav_menu_bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);margin:auto;}
.bori_nav_menu_in{position:absolute;top:0;right:0;max-width:calc(100% - 40px);width:280px;height:100%;box-shadow:0 0 6px rgba(0, 0, 0, 0.16);transform:translateX(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.bori_nav_menu{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--main-bg-color);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.scrollbar-hide::-webkit-scrollbar{display:none;}
.bori_nav_menu::-webkit-scrollbar, .scrollbar-custom::-webkit-scrollbar{width:5px;}
.scrollbar-custom-x::-webkit-scrollbar{height:6px;}
.bori_nav_menu::-webkit-scrollbar-thumb, .scrollbar-custom::-webkit-scrollbar-thumb, .scrollbar-custom-x::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:5px;background-color:rgba(212, 212, 212, 0.4);}
[color-theme="light"] .bori_nav_menu::-webkit-scrollbar-thumb, [color-theme="light"] .scrollbar-custom::-webkit-scrollbar-thumb, [color-theme="light"] .scrollbar-custom-x::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:5px;background-color:rgba(212, 212, 212, 0.4);}{background-color:rgba(0, 0, 0, 0.15);}
[color-theme="light"] .scrollbar-custom-x::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.18);}
.bori_nav_menu_in.slideIn{transform:translateX(0);}
.bori_nvmn_logo{padding:25px 20px 30px;}
.bori_nvmn_logo img{width:157px;max-width:100%;}
.bori_nvmn_logo:empty{padding:15px 0 0;}
.bori_nvmn_contents{display:flex;flex-direction:column;flex:1 1 auto;padding:15px 17px 27px;}
.bori_nvmn_usprf{gap:10px;}
.bori_nvmn_usprf_img{position:relative;width:42px;height:42px;border:1px solid var(--line-color1);border-radius:50%;overflow:hidden;}
.bori_nvmn_usprf_img.wdt52{width:52px;height:52px;}
.bori_nvmn_usprf_img img{display:block;width:100%;height:100%;object-fit:cover;}
.bori_nvmn_usprf .user_id{flex:1 1 auto;align-self:center;}
.bori_nvmn_usprf_dsc{align-self:center;flex:1 1 auto;min-width:0;}
.bori_nvmn_usprf_dsc .user_id{gap:5px;}
.bori_nvmn_usprf_dsc .more_btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;margin-left:auto;align-self:center;}
.bori_nvmn_usprf_dsc .more_btn svg, .bori_nvmn_usprf_dsc .more_btn img{width:100%;height:100%;fill:#878787;object-fit:contain;}
.bori_nvmn_usprf_dsc .more_btn .pencil_icon{width:12px;height:12px;margin:auto;}
.bori_nvmn_usprf_dsc .user_state{gap:3px;margin-top:5px;}
.bori_nvmn_coin{display:flex;gap:15px;margin-top:15px;}
.bori_nvmn_coin .title{flex-shrink:0;font-size:0.875em;align-self:center;}
.nvmn_coin_ico{width:1em;height:1em;fill:currentColor;}
.bori_nvmn_coin .disp_box{/* padding:11px 15px;border-radius:25px;background-color:#2A2A2A; */color:var(--theme-color);flex:1 1 auto;}
.bori_nvmn_menu_bns{gap:10px;margin-top:15px;}
.bori_nvmn_menu_bns_it{width:100%;font-size:1em;gap:7px;justify-content:center;padding:12px 10px 10px;border-radius:35px;background-color:var(--main-color);color:var(--main-bg-color);}
.bori_nvmn_menu_bns_it.bg_orange{background-color:var(--theme-color);color:#FFFFFF;}
.bori_nvmn_menu_bns_ico{width:18px;height:18px;object-fit:contain;fill:currentColor;}
.bori_nvmn_menu_bns_it .name{align-self:center;}
.bori_nvmn_nav_wrap{padding:0 3px;margin-top:5px;margin-top:10px;}
.bori_nvmn_nav_it .color_theme_btn{margin-left:auto;}
.bori_nvmn_nav_it{gap:10px;margin-top:4px;}
.bori_nvmn_nav_it:first-child{margin-top:0;}
.bori_nvmn_nav_btn{gap:18px;padding:10px 0;font-size:1.125em;display:flex;flex:1 1 auto;align-items:center;}
.bori_nvmn_nav_ico, .bori_nvmn_nav_btn .validation_icon{width:1.224em;height:1.224em;fill:currentColor;flex-shrink:0;}
.bori_nvmn_nav_btn .name{align-self:center;}
.bori_nvmn_bottom{flex-wrap:wrap;gap:18px;padding-top:30px;color:#878787;margin-top:auto;}
.bori_nvmn_bt_menu li + li{margin-top:18px;}
.bori_nvmn_bt_lg_wrap{align-self:flex-end;flex:1 1 auto;}
.bori_nvmn_bt_logout{padding:9px 15px;border-radius:30px;border:1px solid #878787;line-height:1.2;transition-property:background-color, color;transition-duration:0.25s;transition-timing-function:ease;margin-left:auto;}
/* 펼침 메뉴 - 로그 아웃 시 상단 */
.bori_nvmn_introd{padding:15px 10px 0;}
.nvmn_introd_bnr{max-width:133px;margin:0 auto;}
.bori_nvmn_cmm_btn{padding:0.643em 0.857em;border-radius:5px;border:1px solid var(--line-btn-color);background-color:var(--sub-bg-color6);color:var(--main-color);transition-property:border-color, background-color, color;transition-duration:0.25s;}
.bori_nvmn_cmm_btn.bg_theme{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
/* 최근 대화 - 펼침 메뉴 */
.nvmn_recently_chat{position:relative;display:flex;padding-bottom:10px;margin-top:5px;}
.nvmn_recently_chat:before{content:"";display:block;width:1px;background-color:var(--theme-color);flex-shrink:0;margin:0 17px 0 12px;}
.nvmn_recently_chat ul{min-width:0;flex:1 1 auto;}
.nvmn_recently_chat li + li{margin-top:15px;}
.nvmn_recently_chat a{gap:12px;}
.nvmn_recently_chat .user_prf_img{position:relative;width:42px;height:42px;border:1px solid var(--line-color1);border-radius:50%;overflow:hidden;flex-shrink:0;}
.nvmn_recently_chat .user_prf_img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;}
.nvmn_recently_chat dl{min-width:0;color:#878787;align-self:center;}
.nvmn_recently_chat dt{font-weight:600;color:#9C9C9C;}
[color-theme="light"] .nvmn_recently_chat dt{color:#646464;}
.nvmn_recently_chat dd{font-size:0.875em;margin-top:2px;}
/* 뱃지 - 펼침 메뉴 */
.bori_badge{display:inline-flex;}
.bori_badge img{height:15px;}
/* 펼침 메뉴 닫기 버튼 */
.bori_nvmn_close{position:absolute;top:0;right:100%;width:40px;height:40px;background-color:var(--theme-color);transition-property:transform, opacity;transition-duration:0.2s;opacity:0.2;transform:translate3d(100%, 0, 0);}
.bori_nav_menu_in.slideIn .bori_nvmn_close, .bori_nvmn_close.default{opacity:1;transform:translate3d(0, 0, 0);}
.bori_nvmn_close svg{width:12px;fill:#FFF;}

/* 전체 색상 변경 버튼 */
.color_theme_btn{position:relative;width:70px;height:24px;padding:2px;background-color:#2A2A2A;border-radius:24px;justify-content:space-between;flex-shrink:0;align-self:center;}
.color_theme_btn:before{content:"";display:block;position:absolute;top:2px;left:0;bottom:2px;width:33px;border-radius:20px;background-color:#FFFFFF;margin-top:auto;margin-bottom:auto;transition:transform 0.25s;}
.color_theme_btn:before{transform:translateX(calc(100% + 2px));}
[color-theme="light"] .color_theme_btn:before{transform:translateX(2px);}
.color_theme_ico{position:relative;height:100%;display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;}
.color_theme_ico svg{width:12px;height:12px;fill:#878787;}
.color_theme_ico.dark svg{height:10px;}
html:not([color-theme="light"]) .color_theme_ico.dark svg, [color-theme="light"] .color_theme_ico.light svg{fill:#000000;}

/* 레이어 팝업 공통, 버튼 디자인 공통 포함 */
.bori_layer_common_wrap, .bori_layer_alert_wrap, .bori_layer_in_wrap{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:99;overscroll-behavior:contain;}
.overflow_hidden:where(.bori_layer_common_wrap, .bori_layer_alert_wrap, .bori_layer_in_wrap){overflow:hidden;}
.touch_pan_x:where(.bori_layer_common_wrap, .bori_layer_alert_wrap, .bori_layer_in_wrap){touch-action:pan-x;}
.bori_layer_common_bg{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);margin:auto;}
.bori_layer_common_cont{position:relative;width:calc(100% - 24px);max-width:440px;transform:translate3d(0, 150px, 0);opacity:0;margin:auto;transition-property:transform, opacity;transition-duration:0.3s, 0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1), ease;}
.bori_layer_common_cont.maxWidth600{max-width:600px;}
.bori_layer_common_cont.maxWidth550{max-width:550px;}
.bori_layer_common_cont.maxWidth490{max-width:490px;}
.bori_layer_common_cont.maxWidth400{max-width:400px;}
.bori_layer_common_cont.maxWidth360{max-width:360px;}
.bori_layer_common_cont.slideIn{transform:translate3d(0, 0, 0);opacity:1;}
.bori_layer_common_in{padding:32px 22px 30px;padding:25px 22px;border-radius:10px;background-color:var(--sub-bg-color2);box-shadow:0 10px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.19), 0 0 0 1px rgba(210, 210, 210, 0.1);z-index:5;}
.bori_layer_common_in.pdtb48{padding-top:48px;padding-bottom:50px;}
.bori_lycommon_close{float:right;position:sticky;top:10px;right:10px;width:30px;height:30px;z-index:9;margin:10px;}
.bori_lycommon_close.abs_center{float:none;position:absolute;top:50%;right:0;margin:0;transform:translateY(-50%);}
.bori_lycommon_close svg{width:14px;height:14px;fill:currentColor;}
.bori_lycommon_head{font-size:20px;text-align:center;}
.bori_lycommon_head.sticky{position:sticky;top:0;background-color:var(--sub-bg-color2);z-index:9;}
.bori_lycommon_head.sticky:before, .bori_lycommon_head.sticky:after{content:"";position:absolute;top:0;display:block;width:2px;height:100%;background-color:var(--sub-bg-color2);}
.bori_lycommon_head.sticky:before{right:100%;}
.bori_lycommon_head.sticky:after{left:100%;}
.bori_layer_common_cont:has(.bori_lycommon_close) .br_lycommon_title{text-indent:25px;}

.bori_lycommon_head_sticky{position:sticky;top:0;padding:8px;background-color:var(--sub-bg-color2);font-size:22px;z-index:9;}

.br_lycommon_msg{font-size:0.938em;text-align:center;margin-top:10px;}
.br_lycommon_msg.ft-size-14{font-size:0.875rem;}
.bori_lycommon_head + .br_lycommon_msg{color:#878787;}
.br_lycommon_subtitle{font-size:0.614em;color:#909090;margin-top:6px;}
.bori_lycommon_title{font-weight:500;}
.bori_lycommon_subtitle{font-size:0.636em;color:#878787;margin-top:5px;}
.bori_lycommon_btngrp{flex-wrap:wrap;gap:12px;margin:25px auto 0;}
.bori_lycommon_btngrp.sticky{position:sticky;bottom:6px;z-index:9;}
.bori_lycommon_btngrp.maxWidth300{max-width:300px;}
.bori_lycommon_btngrp.mgt48{margin-top:48px;}
/* 버튼 디자인 공통 */
.bori_lycommon_btn, .bori_btn_common{border:1px solid var(--line-btn-color);border-radius:5px;padding:11px 15px;background-color:var(--btn-common-bg);color:#878787;line-height:1.2;text-align:center;}
.bori_lycommon_btn.hgt48, .bori_btn_common.hgt48{height:48px;}
.bori_lycommon_btn{background-color:var(--sub-bg-color7);color:var(--sub-color1);}
.bori_lycommon_btn:not(.flexNone), .bori_btn_common:not(.flexNone){flex:1;}
.bori_lycommon_btn.bg_orange, .bori_lycommon_btn.bg_theme, .bori_btn_common.bg_theme{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFFFFF;}
.bori_lycommon_btn.bg_theme_org, .bori_btn_common.bg_theme_org{border-color:var(--theme-orange);background-color:var(--theme-orange);color:#FFFFFF;}
.bori_btn_common.bg_theme_dk{background-color:var(--theme-color-dk);border-color:var(--theme-color-dk);color:#FFF;}
.bori_lycommon_btn.bg1, .bori_btn_common.bg1{background-color:var(--sub-bg-color3);border-color:var(--line-color6);color:var(--sub-color8);transition:background-color 0.25s;}
.bori_lycommon_btn.bg_main, .bori_btn_common.bg_main{border-color:var(--line-color6);background-color:var(--main-bg-color);color:var(--main-color);}
.bori_lycommon_btn[disabled], .bori_btn_common[disabled]{border-color:#878787;background-color:#878787;color:#C9C9C9;cursor:default;cursor:not-allowed;}
.bori_lycommon_btn.maxWidth124, .bori_btn_common.maxWidth124{max-width:124px;}
.bori_btn_common:only-child, .bori_lycommon_btn.wdtFlex{max-width:200px;margin-left:auto;margin-right:auto;}
.bori_btn_common .arrow_icon{transform:rotate(0);transition:transform 0.2s;}
.bori_btn_common.slideDown .arrow_icon{transform:rotate(180deg);}
.bori_btn_cont{display:flex;flex-wrap:wrap;gap:12px 15px;}

/* 버튼 디자인 공통2 (프로필 상세, 채팅 리스트 등) */
.bprfd_con_btn_cont{display:flex;flex-direction:column;gap:10px;}
.bprfd_con_btn_dep{gap:10px;flex-wrap:wrap;}
.bprfd_con_btn{padding:0 15px;height:48px;border:1px solid var(--sub-bg-color4);border-radius:5px;background-color:var(--sub-bg-color4);/* color:#878787; */line-height:1.2;gap:7px;flex:1 0 150px;transition-property:border-color, background-color, color;transition-duration:0.25s;}
.bprfd_con_btn.height40{height:40px;}
.bprfd_con_btn svg{width:1rem;height:1rem;fill:currentColor;}
.bprfd_con_btn.bg_orange, .bprfd_con_btn.bg_theme{background-color:var(--theme-color);border-color:var(--theme-color);color:#FFFFFF;/* box-shadow:0 0 6px rgba(20, 173, 234, 0.6); */}
.bprfd_con_btn.bg_theme.shadow{box-shadow:0 0 6px rgba(20, 173, 234, 0.6);}
.bprfd_con_btn.bg_theme_opt{background-color:var(--theme-color-thin);border-color:var(--theme-color);color:var(--main-color);}
/* [color-theme="light"] .bprfd_con_btn.bg_orange, [color-theme="light"] .bprfd_con_btn.bg_theme{box-shadow:0 0 3px rgba(20, 173, 234, 0.6);} */
[color-theme="light"] .bprfd_con_btn.bg_theme.shadow{box-shadow:0 0 3px rgba(20, 173, 234, 0.6);}
.bprfd_con_btn.bg_main{background-color:var(--main-bg-color);}
.bprfd_con_btn.bg_theme_op2{border-color:var(--theme-color-opacity2);border-width:0;background-color:var(--theme-color-opacity2);color:#FFF;}

.bprfd_con_btn[disabled]{border-color:var(--sub-bg-color3);background-color:var(--sub-bg-color3);color:var(--sub-color5);cursor:default;cursor:not-allowed;}

.bprfd_det_more_btn{padding:18px var(--pd-side) 20px;border-bottom:1px solid var(--line-color1);color:#878787;cursor:pointer;gap:12px;}
.bprfd_det_more_btn svg, .bprfd_con_btn svg.sel_arr_icon{height:0.5em;fill:currentColor;flex-shrink:0;transition:transform 0.25s;margin-top:-1px;}
.bprfd_det_more_btn.unfolded{margin-top:18px;}
.bprfd_det_more_btn.unfolded svg, .bprfd_con_btn.unfolded svg.sel_arr_icon{transform:rotate(180deg);}
.bprfd_bt_sticky{position:relative;position:sticky;bottom:10px;max-width:calc(var(--max-width-sd) + 4px);max-width:var(--max-width);padding:0 var(--pd-side);z-index:5;margin:25px auto 0;}

/* 버튼 디자인 공통 - 작은 사이즈 (보통 폰트 14px 정도 크기 사용) */
.bori_btn_ft14{padding:5px 8px;border:1px solid var(--line-color6);border-radius:5px;background-color:var(--main-bg-color);color:var(--sub-color8);transition:background-color 0.25s;}
.border_color1:where(.bori_btn_ft14){border-color:var(--line-color2);}

/* 하단 + 투명 버튼 디자인 */
.transparent_btn_wrap{border-top:1px solid var(--line-color1);}
.transparent_btn_wrap.sticky{position:sticky;bottom:0;z-index:6;}
.transparent_btn{padding:20px;line-height:1.2;}
.transparent_btn.bd{border-radius:5px;border:1px solid var(--line-color1);}
.transparent_btn .icon{width:25px;height:25px;border-radius:50%;background-color:var(--sub-bg-color3);color:var(--sub-color4);}
.transparent_btn .icon.bg_theme{background-color:var(--theme-color);color:#FFF;}
.transparent_btn .icon svg{width:10px;height:10px;fill:currentColor;}

/* 토글 스위치 공통 디자인 */
.bori_toggle_switch{display:inline-flex;width:2.25rem;height:1.125rem;border:4px solid var(--line-btn-color);border-radius:50px;background-color:var(--line-btn-color);flex-shrink:0;}
.bori_toggle_switch .toggle_icon{width:0.9rem;height:0.9rem;border-radius:0.9rem;background-color:#FFF;align-self:center;box-shadow:rgba(0, 0, 0, 0.12) 0px 2px 1px -1px, rgba(0, 0, 0, 0.09) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07) 0px 1px 2px;transition:transform 0.25s;transform:translate3d(0, 0, 0);transform-origin:right center;}
.bori_toggle_switch.active{border-color:var(--theme-color);background-color:var(--theme-color);}
.bori_toggle_switch.active .toggle_icon{transform:translate3d(calc(1.35rem - 7.5px), 0, 0);}

/* 해시태그 아이템 공통 */
.hashtag_item{position:relative;display:inline-block;display:flex;display:inline-flex;gap:5px;padding:0.563em 0.563em 0.5em;border-radius:5px;background-color:var(--hashtag-bg);font-weight:500;color:var(--theme-color-hash);line-height:1;word-break:break-word;cursor:pointer;}
.hashtag_item.co_main{color:var(--main-color);}
.hashtag_item.user{color:var(--sub-color2);}
.hashtag_item.co_sub_color4{color:var(--sub-color4);}
.hashtag_item.ft12{font-size:0.75rem;}
.hashtag_item.ft14{font-size:0.875rem;}
.hashtag_item.bg_lighter{background-color:var(--line-color1);}
.hashtag_item.bd1{border:1px solid var(--line-color1);}
.hashtag_item.match:before{content:"";display:block;position:absolute;top:0.4em;left:0.48em;right:0.48em;bottom:0.4em;background-color:var(--theme-color-opacity2);background-color:rgba(255, 189, 32, 0.3);margin:auto;}
/* [color-theme="light"] .hashtag_item.match{color:var(--theme-color);}
[color-theme="light"] .hashtag_item.match:before{background-color:var(--theme-color-opacity);} */
.hashtag_item_del{position:relative;display:inline-block;display:flex;display:inline-flex;flex-shrink:0;cursor:pointer;}
.hashtag_item_del:before{content:"";display:block;position:absolute;top:-0.45em;left:-0.35em;right:-0.45em;bottom:-0.4em;}
.hashtag_item_del svg{width:0.64em;height:0.64em;fill:var(--sub-color1);opacity:0.6;margin:auto;}

/* 해시태그 디자인 */
.hashtag_item_type1{padding:0.236rem 0.75rem;border:1px solid var(--hashtag-bg);background-color:var(--hashtag-bg);border-radius:20px;color:var(--main-color);line-height:1.2;transition:background-color 0.25s;}
.hashtag_item_type1.bg_theme{border:1px solid var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.hashtag_item_type1 .close_x_icon{width:0.47rem;height:0.47rem;fill:currentColor;align-self:center;}

/* 라디오 버튼 디자인 커스텀 */
.bori_radio_type1{position:relative;margin-top:20px;}
.bori_radio_type1 label{gap:10px;font-size:16px;color:#878787;cursor:pointer;}
.bori_radio_type1 .radio_display{position:relative;display:flex;width:1.5em;height:1.5em;border:1px solid #878787;border-radius:50%;flex-shrink:0;transition:border-color 0.15s;}
.bori_radio_type1 .radio_display + span{align-self:center;}
.bori_radio_type1 .radio_display:before{content:"";display:block;position:absolute;top:0.25em;bottom:0.25em;left:0.25em;right:0.25em;border-radius:50%;background-color:var(--theme-color);margin:auto;opacity:0;transition:opacity 0.15s;}
.bori_radio_type1 input:checked + label .radio_display{border-color:var(--theme-color);}
.bori_radio_type1 input:checked + label .radio_display:before{opacity:1;}
.bori_report_reason{display:none;margin-top:16px;}
.bori_radio_type1 input:checked ~ .bori_report_reason{display:block;}
.bori_report_reason textarea{display:block;width:100%;padding:13px 15px;border:1px solid var(--line-color2);border-radius:5px;background-color:transparent;font-size:0.875em;}
.bori_report_reason textarea:focus{border-color:var(--theme-color);background-color:rgba(0, 0, 0, 0.04);}

/* 체크박스 디자인 공통 (알림 등) */
.bori_checkbox_lb{position:relative;cursor:pointer;z-index:2;}
.bori_checkbox_lb:not(.inline_flex_, .flex_){display:inline-block;}
.bori_checkbox_dsg{width:26px;height:26px;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--sub-bg-color);}
.bori_checkbox_dsg.reverse{background-color:var(--main-bg-color);}
.bori_checkbox_dsg.wdt22{width:22px;height:22px;}
.bori_checkbox_dsg svg{width:12px;fill:var(--sub-bg-color);}
.bori_checkbox_dsg.reverse svg{fill:var(--main-bg-color);}
.bori_checkbox_dsg.response{width:1.625em;height:1.625em;}
.bori_checkbox_dsg.response svg{width:0.8em;fill:var(--line-btn-color);}
.bori_checkbox_dsg.circle{border-radius:50px;}
.bori_checkbox_input:checked + .bori_checkbox_dsg, .bori_checkbox_dsg.checked{border-color:var(--theme-color);background-color:var(--theme-color);}
.bori_checkbox_input:checked + .bori_checkbox_dsg svg, .bori_checkbox_dsg.checked svg{fill:#FFF !important;}

.bori_checkbox_dsg1{width:1em;height:1em;border-radius:1em;border:1px solid #D6D6D6;background-color:var(--sub-bg-color10);}
.bori_checkbox_dsg1 svg{width:0.52em;fill:#FFF;opacity:0;}
.bori_checkbox_input1:checked + .bori_checkbox_dsg1{border-color:var(--theme-color);background-color:var(--theme-color);}
.bori_checkbox_input1:checked + .bori_checkbox_dsg1 svg{opacity:1;}

/* 해시태그 공통 */
.bori_hash_item{padding:0.438em 0.688em;border-radius:0.313em;background-color:var(--hashtag-bg);color:var(--main-ft-color);line-height:1;}
.bori_hash_item.ft14{font-size:0.875rem;}
.bori_hash_item.ft12{font-size:0.75rem;}

/* 스와이퍼 공통 navigation */
.bori_swp_common_btn{position:absolute;top:50%;width:32px;height:32px;border-radius:50%;border:1px solid rgb(222, 226, 230);background-color:var(--swp-nav-color-alt);display:flex;align-items:center;justify-content:center;color:var(--swp-nav-color-reverse);opacity:0.65;box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;z-index:2;cursor:pointer;margin-top:-18px;outline:none;transition:opacity 0.15s;}
.bori_swp_common_btn:hover{opacity:1;}
.bori_swp_common_btn.swiper-button-lock{display:none !important;}
.bori_swp_common_btn.prev{left:0;margin-left:10px;}
.bori_swp_common_btn.next{right:0;margin-right:10px;}
.bori_swp_common_btn svg{width:8px;fill:currentColor;}
.bori_swp_common_btn.prev svg{margin-left:-1px;}
.bori_swp_common_btn.next svg{margin-right:-1px;}

/* 옵션 메뉴 */
.bprfd_hd_control_menus{display:none;position:absolute;top:100%;right:0;min-width:110px;width:max-content;background-color:var(--sub-bg-color);border:1px solid var(--line-color1);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.17);z-index:5;}
.bprfd_hd_control_menus.bottom100{top:auto;bottom:100%;}
.bprfd_hd_control_menu_it{width:100%;padding:12px 24px;border-top:1px solid var(--line-color1);justify-content:center;font-size:0.875em;}
.bprfd_hd_control_menus li:first-child .bprfd_hd_control_menu_it{border-top:0 none;}

/* 이모지 버튼 디자인 공통 */
.wrapper:has(.emoji-picker){z-index:199;}
.emoji_btn{width:30px;height:30px;border-radius:50%;transition:background-color 0.2s;}
.emoji_btn svg{width:20px;height:20px;fill:#878787;}
.emoji_btn:hover{background-color:var(--swp-nav-color);}
.emoji_btn:hover svg{fill:var(--revert-bg-color);}

/* 댓글 */
.bprfd_comment_container{padding:0 var(--pd-side);margin-top:17px;}
.bprfd_comment_hrg{justify-content:space-between;}
.bprfd_comment_hrgname{font-size:18px;font-weight:500;}
.bprfd_comment_hrgname .ft-size-down{font-size:0.778em;font-weight:400;color:#878787;}
.bprfd_comment_hrg .comment_view_more{font-size:14px;color:var(--theme-color);}
.bprfd_comment_lists{padding-bottom:118px;margin-top:15px;}
.bprfd_comment_item{position:relative;padding:10px 10px 12px;border-radius:5px;background-color:var(--comment-bg-color);margin-top:10px;}
.bprfd_comment_item.reply{border-radius:0;background-color:var(--main-bg-color);}
.bprfd_comment_item.reply ~ .bprfd_comment_item.reply{margin-top:0;}
/* .bprfd_comment_item.reply:before{content:"";display:block;position:absolute;top:0.2rem;right:100%;width:1.3rem;height:1.34rem;border-left:1px solid var(--line-color1);border-bottom:1px solid var(--line-color1);margin-right:0.2rem;} */
.bprfd_comment_item.reply ~ .bprfd_comment_item.reply{border-top:1px solid var(--line-color1);}
.bprfd_comment_head{gap:10px;align-items:center;height:28px;}
.bprfd_commhd_user{gap:10px;align-items:center;min-width:0;line-height:1.2;}
.bprfd_commhdus_thumb{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.bprfd_commhdus_thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;}
.bprfd_commhdus_date{font-size:0.875em;color:#878787;flex-shrink:0;}
.bprfd_commhd_ctr{position:relative;flex-shrink:0;margin-left:auto;}
.bprfd_commhd_ctr_btn{width:36px;height:36px;}
.bprfd_commhd_ctr_btn svg{height:18px;fill:#878787;margin:auto;}
.bprfd_comment_text{min-height:2.188em;white-space:pre-line;margin-top:13px;}
.bprfd_comment_panel{margin-top:15px;}
.bprfd_comment_pn_btn{color:#878787;flex-shrink:0;gap:7px;align-items:center;line-height:1.2;}
.bprfd_comment_pn_btn.active{color:var(--theme-color);}
.bprfd_comment_pn_btn[href^="javascript:void(0)"], .bprfd_comment_pn_btn.disabled, .bprfd_comment_pn_btn[disabled]{cursor:default;}
.bprfd_comment_pn_btn svg{width:1em;height:1em;fill:currentColor;}
.bprfd_comment_pn_btn .heart_icon .svg_path_stroke{fill:currentColor;}
.bprfd_comment_pn_btn.active .heart_icon .svg_path_stroke, .bprfd_comment_pn_btn.active .heart_icon .svg_path_fill{fill:currentColor;}
.bprfd_comment_pn_btn + .bprfd_comment_pn_btn{margin-left:1em;}
.maker_label_tag{padding:3px 7px 2px;border-radius:5px;background-color:var(--theme-color-opacity7, rgba(20, 173, 234, 0.7));color:#FFF;}

/* 댓글 입력 */
.comment_inp_wrap{position:sticky;position:fixed;bottom:0;left:0;right:0;height:118px;align-items:flex-end;width:100%;max-width:calc(var(--max-width) - (var(--pd-side) * 2));padding:20px;border:1px solid var(--line-color1);border-bottom:0 none;background-color:var(--sub-bg-color);gap:8px;margin:auto auto 0;}
.comment_inp_cont{gap:7px;flex:1 1 auto;}
.comment_inp_cont .emoji_btn{margin:-6px 0 0 -5px;}
.comment_textarea{padding:1px 0;border:0 none;background-color:transparent;/* caret-color:var(--theme-color); */flex:1 1 auto;}
.comment_inp_submit{padding:8px 22px;border-radius:5px;border:1px solid var(--theme-color);background-color:var(--theme-color);color:#FFF;text-align:center;}
.comment_inp_submit.bg_flat{border:1px solid var(--line-color1);background-color:var(--sub-bg-color4);color:var(--main-color);}

/* 댓글 입력 수정 폼 */
.my_commedit_textarea{display:block;width:100%;padding:15px;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--sub-bg-color3);}
.my_commedit_textarea:focus{border-color:var(--theme-color);background-color:var(--sub-bg-color);}

/* 댓글 레이어 팝업 (대댓글) */
.layer_comments_reply{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;transition:transform 0.3s;transform:translate3d(100%, 0, 0);}
.layer_comments_reply.slide-in{transform:translate3d(0, 0, 0);}
.layer_comments_reply:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--main-bg-color);}
.comments_reply_contents{position:relative;height:100%;background:linear-gradient(to right, transparent 50%, var(--main-bg-color) 50%);overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.comments_reply_in{max-width:var(--max-width);width:100%;min-height:calc(100% - 100px);background-color:var(--main-bg-color);margin:0 auto;}

/* 후원 댓글 */
.bprfd_spon_comment{padding:0 0.275rem;margin-top:13px;}
.bprfd_sponcomm_bnr{border-radius:5px 5px 0 0;border:1px solid var(--line-color1);height:82px;}
.bprfd_sponcomm_bnr.bnr01{background:linear-gradient(90deg, rgba(239,50,82,1) 0%, rgba(255,203,103,1) 100%);}
.bprfd_sponcomm_bnr.bnr02{background:#38CDFA;}
.bprfd_sponcomm_bnr_in{position:relative;padding:0.938rem;width:100%;max-width:400px;height:100%;margin:0 auto;}
.bprfd_sponcomm_bnr_img{position:absolute;bottom:0;right:12px;max-width:100%;height:100%;object-fit:contain;object-position:bottom right;}
.bprfd_sponcomm_bnr_img.overflow{height:112.5%;}
.bprfd_sponcomm_info{position:relative;display:inline-block;padding-left:1.25em;font-size:1.125rem;font-weight:500;color:#FFF;-webkit-text-stroke:0.8px rgba(28, 28, 28, 0.1);text-shadow: 0 0 3px rgba(28, 28, 28, 0.28);margin-top:auto;margin-bottom:auto;}
.bprfd_sponcomm_comment{padding:0.625rem 0.938rem;border:1px solid var(--line-color1);border-top:0 none;border-radius:0 0 5px 5px;background-color:var(--sub-bg-color2);}

/* 로그인, 회원가입 공통 */
.bori_account_sec{max-width:510px;padding:33px var(--pd-side) 0;margin-left:auto;margin-right:auto;}
.bori_account_hgrp{font-size:24px;text-align:center;margin:0 auto 45px;}
.bori_account_logo{position:relative;}
.bori_account_logo .logo_img{width:100%;max-width:157px;}
.bori_account_or{font-size:18px;text-align:center;margin:27px auto 30px;}
.bori_account_form{position:relative;margin:27px auto 0;}
.bori_account_inp{position:relative;margin-top:20px;}
.bori_account_inp_title{gap:0 8px;flex-wrap:wrap;align-items:baseline;font-size:14px;margin-bottom:11px;}
.bori_account_inp_title .ft_size_down{font-size:0.857em;}
.bori_account_form_btns{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.bori_account_form_btns.flex_row_{flex-direction:row;}
.bori_account_form_btns.sticky{position:sticky;bottom:10px;z-index:9;}
.bori_account_form_btns.mgt30{margin-top:30px;}
.bori_account_form_btn{height:48px;padding:0 18px;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--sub-bg-color5);font-size:18px;color:var(--sub-color1);text-align:center;}
.bori_account_form_btn.bg_main{border-color:var(--line-color6);background-color:var(--main-bg-color);color:var(--main-color);}
.bori_account_form_btn:not(.flex1){flex:1 1 auto;}
.bori_account_form_btn:only-child{max-width:300px;width:100%;margin-left:auto;margin-right:auto;}
.bori_account_form_btn.bg_orange, .bori_account_form_btn.bg_theme{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFFFFF;}
.bori_account_form_btn.bg_theme_org{border-color:var(--theme-orange);background-color:var(--theme-orange);color:#FFFFFF;}
.bori_account_form_btn.bg_theme_opt{border-color:var(--theme-color);background-color:var(--theme-color-thin);color:var(--sub-color3);}
.bori_account_form_btn.bg_theme_dk{border-color:var(--theme-color-hash);background-color:var(--theme-color-hash);color:#FFF;}
.bori_account_form_btn.bg_alt{border-color:var(--line-btn-color);background-color:var(--sub-bg-color3);color:var(--sub-color3);}
.bori_account_form_btn:not(.bg_theme)[disabled]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.6;cursor:default;cursor:not-allowed;}
.bori_account_form_btn.bg_theme:where([disabled], .disabled){background-color:var(--theme-disabled);border-color:var(--theme-disabled);color:rgba(255, 255, 255, 0.65);}
.bori_account_form_btn.bg_theme:where([disabled]){cursor:default;cursor:not-allowed;}
.bori_account_etc{gap:9px;flex-wrap:wrap;margin-top:28px;}
.bori_acc_etc_item{color:var(--sub-color1);}
.bori_account_etc .line{color:var(--line-color1);}

/* input(text, email, password 등 텍스트 input) 공통 style */
.bori_account_inp_bd{gap:10px;}
.bori_account_inp_bd:has(.bori_label_type1){gap:10px 18px;}
.bori_input_type1:not(.flex_){display:block;}
.bori_input_type1{width:100%;padding:15px 20px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color3);font-size:14px;}
.bori_input_type1.bg_main{background-color:var(--main-bg-color);}
.bori_input_type1.bg_alt{background-color:var(--sub-bg-color6);}
.bori_input_type1.date_pick{max-width:124px;padding:10px;text-align:center;}
textarea.bori_input_type1{min-height:110px;}
textarea.bori_input_type1.minHgt90{min-height:90px;}
textarea.bori_input_type1.scroll_bar_none{scrollbar-width:none;}
.bori_input_type1[type="date"]{display:flex;color-scheme:var(--color-scheme);cursor:text;}
.bori_input_type1[type="date"]::-webkit-calendar-picker-indicator, .bori_input_type1[type="date"]::-webkit-inner-spin-button{/* align-self:center;font-size:1.2em; */cursor:pointer;}
.bori_input_type1[type="date"].cal-left{position:relative;display:block;background-image:var(--calendar-icon);background-repeat:no-repeat;background-size:1em;background-position:calc(100% - 18px) center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bori_input_type1[type="date"].cal-left:where(-webkit-clear-button, ::-webkit-inner-spin-button, ::-moz-clear-button, ::-moz-inner-spin-button){display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* .bori_input_type1[type="date"].cal-left::-webkit-clear-button, .bori_input_type1[type="date"].cal-left::-webkit-inner-spin-button{display:none;-webkit-appearance:none;}
.bori_input_type1[type="date"].cal-left::-moz-clear-button, .bori_input_type1[type="date"].cal-left::-moz-inner-spin-button{display:none;-moz-appearance:none;} */
.bori_input_type1[type="date"].cal-left::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:transparent;-webkit-appearance:none;}
.bori_input_type1::placeholder{color:var(--holder-color);}
.bori_input_type1:focus{border-color:var(--theme-color);}
.bori_input_type1:where(:not(.date_pick))[readonly]{color:#878787;opacity:0.6;cursor:default;cursor:not-allowed;}
.bori_account_inp:has(.validation_icon) .bori_input_type1{padding-right:30px;}
.bori_input_type1 + .validation_icon{position:absolute;top:50%;right:0;width:16px;height:16px;fill:var(--main-color);transform:translateY(-50%);margin-right:14px;opacity:0.3;}
.bori_input_type1.valid + .validation_icon, .validation_icon.valid{fill:var(--theme-color);opacity:1;}
.bori_box_notice{display:none;font-size:13px;font-weight:400;color:var(--red-color);margin-top:5px;}
textarea.bori_input_type1[disabled]{opacity:0.6;}
/* 라디오, 체크박스 버튼 스타일 */
.bori_label_type1{position:relative;text-align:center;}
.bori_label_type1:not(.flex1){flex:1 1 auto;}
.bori_label_type1 input.select_input + .bori_input_type1, .bori_input_type1:where(.radio_st){padding:14px;color:#878787;transition-property:border-color, background-color, color;transition-duration:0.2s;}
.bori_input_type1 .gender_svg{fill:currentColor;}
.bori_label_type1 input.select_input:checked + .bori_input_type1, .bori_input_type1:where(.radio_st).active{border-color:var(--theme-color);background-color:var(--theme-color);font-weight:500;color:#FFF;}
.radio_dsg{position:relative;display:inline-flex;width:0.875rem;height:0.875rem;border-radius:50%;border:1px solid var(--line-btn-color);background-color:var(--sub-bg-color6);flex-shrink:0;align-self:flex-start;}
.radio_dsg:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;background-color:var(--theme-color);margin:auto;opacity:0;}
input.select_input:checked + .bori_input_type1 .radio_dsg, .bori_input_type1:where(.radio_st).active .radio_dsg{border-color:#FFF;background-color:#FFF;}
input.select_input:checked + .bori_input_type1 .radio_dsg:before, .bori_input_type1:where(.radio_st).active .radio_dsg:before{opacity:1;}
/**/
.bori_rd_dsg_btn{gap:0.313em;padding:0.563em 0.875em;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color3);/* font-size:0.875rem; */line-height:1.2;}
.bori_rd_dsg_btn .rd_dsg{position:relative;display:inline-flex;width:0.8em;height:0.8em;border-radius:50%;border:1px solid var(--line-btn-color);background-color:var(--main-bg-color);flex-shrink:0;}
.bori_rd_dsg_btn .rd_dsg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;background-color:var(--theme-color);margin:auto;opacity:0;}
.bori_rd_dsg_btn.on{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.bori_rd_dsg_btn.on .rd_dsg{border-color:#FFF;background-color:#FFF;}
.bori_rd_dsg_btn.on .rd_dsg:before{opacity:1;}

/* 파일 선택 버튼 디자인 ('bori_input_type1' 자식 요소로 사용) */
.file_sel_dsg{display:inline-flex;align-items:center;padding:5px 10px;border-radius:5px;background-color:var(--sub-bg-color5);color:var(--sub-color3);gap:7px;flex-shrink:0;margin:-5px 0;}
.file_sel_dsg svg{width:1em;height:1em;fill:currentColor;}
/* 셀렉트 디자인 커스텀 */
select.bori_input_type1{padding-right:30px;background-image:var(--select-icon);background-repeat:no-repeat;background-position:center right;background-position-x:calc(100% - 15px);background-size:12px;}
select.bori_input_type1.ico2{background-image:var(--select-icon2);}
/* 셀렉트 디자인 커스텀 (간소화 버전) */
.bori_select_compact{position:relative;font-size:14px;color:#878787;}
.bori_select_compact select{padding:2px 16px 2px 5px;border:0 none;background:var(--main-bg-color);text-align:right;cursor:pointer;}
.bori_select_compact select option{text-align:left;}
.bori_select_compact svg{position:absolute;top:50%;right:0;width:10px;fill:currentColor;transform:translateY(-47%);pointer-events:none;}

/* 검색 입력 디자인 */
.bori_search_item{min-width:0;width:100%;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--comment-bg-color);}
.bori_search_item:has(.bori_search_input:focus){border-color:var(--theme-color);background-color:var(--sub-bg-color3);}
.bori_search_input{width:100%;border-radius:5px 0 0 5px;padding:0 5px 0 20px;background-color:transparent;box-shadow:none;color-scheme:var(--color-scheme);/* caret-color:var(--theme-color); */}
.bori_search_submit{padding:12px 17px;}
.bori_search_submit svg{width:1em;fill:currentColor;}

/* 커스텀 드랍다운 메뉴 (셀렉트 대안) 공통 */
.bori_dropdown_menu{position:relative;z-index:4;}
.bori_dropdown_btn{gap:0.563em;align-items:center;min-height:22px;}
.bori_dropdown_btn svg{width:0.75em;fill:currentColor;margin-top:-1px;}
/* 커스텀 드랍다운 메뉴 공통 - 옵션 리스트 */
.bori_select_options{position:absolute;top:100%;right:0;min-width:100%;max-width:200px;width:max-content;max-height:300px;padding:4px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color);border:1px solid var(--line-color1);overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:-4;margin-top:5px;visibility:hidden;opacity:0;transform:scaleY(0) translateY(-20px);transform-origin:top center;transition-property:visibility, opacity, transform;transition-duration:0.15s;}
.bori_select_options.left50{transform:scaleY(0) translate3d(-50%, -20px, 0);}
.bori_select_options.fixWidth{min-width:auto;}
.bori_select_options.slideDown{visibility:visible;opacity:1;transform:scale(1) translateY(0);z-index:4;}
.bori_select_options.slideDown.left50{transform:scale(1) translate3d(-50%, 0, 0);}
.bori_select_options li + li{margin-top:3px;}
.select_option{width:100%;gap:0.5rem;padding:0.65em;padding-right:1em;border-radius:5px;font-size:1em;color:var(--main-color);text-align:left;cursor:pointer;transition:background-color 0.25s;}
.select_option.on{background-color:var(--btn-bg-hover1);}
.select_option svg.checked_icon{width:0.88em;height:0.88em;fill:currentColor;opacity:0;transition:opacity 0.25s;}
.select_option.on svg.checked_icon{opacity:1;}

/* 회원가입, 로그인 sns 버튼 */
.bori_acc_sns_btn{justify-content:center;gap:11px;padding:12px 14px;border:1px solid var(--line-btn-color);border-radius:5px;background-color:var(--sub-bg-color6);font-size:18px;text-transform:capitalize;margin-top:10px;}
.bori_acc_sns_btn .sns_icon{width:26px;height:26px;object-fit:contain;flex-shrink:0;}
.bori_acc_sns_btn .sns_icon:where(.apple_cc){fill:var(--main-color);}
.bori_acc_sns_btn .sns_icon.email{width:16px;fill:currentColor;}
.bori_acc_sns_btn > span{align-self:center;}

/* 프로필 사진 등록 */
.bori_prfthumb_cont{margin-bottom:50px;}
.bori_prfthumb_btn{position:relative;width:100px;height:100px;border-radius:50%;box-shadow:0 0 2px var(--swp-nav-color);}
.bori_prfthumb_img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.bori_prfthumb_cam{position:absolute;bottom:0;right:5px;width:28px;height:28px;border-radius:50%;background-color:var(--line-color1);}
.bori_prfthumb_cam svg{width:14px;height:14px;fill:var(--sub-color1);}

/* 탭 메뉴 type1 (ex.고객센터 등) */
.bori_tab_menu_type1_in{max-width:var(--max-width);/* max-width:calc(var(--max-width) - (var(--pd-side) * 2)); */margin:0 auto;}
.bori_tab_menu_type1_btn{position:relative;border-bottom:1px solid var(--line-color1);padding:0 12px;padding:5px 12px 15px;color:#878787;flex:1 1 auto;}
.bori_tab_menu_type1_btn.on{border-bottom-color:var(--theme-color);color:var(--main-color);}
.bori_tab_menu_type1_btn.on:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--theme-color);}

/* 메인 - 카테고리 탭 메뉴 */
.bori_nosea{position:relative;padding:0.6em 0.9em;border-radius:2em;background-color:var(--sub-bg-color3);font-size:0.8125rem;font-weight:400;color:var(--sub-color1);line-height:1;flex-shrink:0;transition:background-color 0.25s;}
.nosea_swp_slide .bori_nosea{touch-action:none;}
.bori_nosea.on{border-color:var(--theme-color);background-color:var(--theme-color);font-weight:600;color:#FFF;}
.bori_nosea.user{border-color:var(--theme-color-hash);background-color:var(--theme-color-hash);font-weight:500;color:#F4F4F4;}
.bori_nosea:not(.on).blur{border-color:var(--sub-bg-color5);background-color:var(--sub-bg-color5);color:var(--sub-color2);}
.bori_nosea.border:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--theme-color);border-radius:2em;}
.bori_nosea.bd:not(.on):before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--line-btn-color);border-radius:2em;}
/* 메인 - 카테고리 탭 메뉴 - 탭 스와이퍼 */
.bori_nosea_swp_wrap{position:relative;max-width:100%;}
.bori_nosea_swp{position:relative;display:flex;overflow:hidden;}
.nosea_swp_wrapper{position:relative;display:flex;width:100%;height:100%;transform:translate3d(0, 0, 0);transition-property:transform;z-index:1;}
.nosea_swp_slide{position:relative;display:block;flex-shrink:0;height:100%;transition-property:transform;}
.nosea_swp_slide + .nosea_swp_slide{margin-left:7px;}
/* 탭 스와이퍼 버튼 */
.nosea_swp_nav_wrap{position:absolute;top:0;height:100%;z-index:2;}
.nosea_swp_nav_wrap.pos_relative{position:relative;}
.nosea_swp_nav{position:relative;height:100%;padding:6px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--main-bg-color);aspect-ratio:1 / 1;z-index:1;transition-property:border-color, background-color;transition-duration:0.25s;}
.nosea_swp_nav.no_ratio{aspect-ratio:auto;}
.nosea_swp_nav_wrap:has(.prev){left:0;}
.nosea_swp_nav_wrap:has(.next){right:0;}
.nosea_swp_nav_wrap:has(.hide), .nosea_swp_nav.hide{display:none;}
.nosea_swp_nav_wrap:before{content:"";display:block;position:absolute;top:0;width:34px;height:100%;pointer-events:none;}
.nosea_swp_nav_wrap:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--main-bg-color);pointer-events:none;}
.nosea_swp_nav .sel_arr_icon{transform:rotate(0);transition:transform 0.15s;will-change:transform;}
.nosea_swp_nav.rotate .sel_arr_icon{transform:rotate(180deg);}

.bori_nosea_swp2.unlocked:before, .bori_nosea_swp2:not(.not-after).unlocked:after{content:"";display:block;position:absolute;top:0;width:24px;height:100%;z-index:2;pointer-events:none;}
.bori_nosea_swp2.unlocked.not_beginning:before{left:0;background:linear-gradient(to right, var(--blur-cover-color));}
.bori_nosea_swp2:not(.not-after).unlocked.not_end:after{right:0;background:linear-gradient(to left, var(--blur-cover-color));}

.nosea_swp_nav_wrap:has(.prev):before{left:100%;background:linear-gradient(to right, var(--blur-cover-color));}
.nosea_swp_nav_wrap:has(.next):before, .nosea_swp_nav_wrap.right0:before{right:100%;background:linear-gradient(to left, var(--blur-cover-color));}
.nosea_swp_nav_wrap:has(.disabled):before, .nosea_swp_nav_wrap:has(.disabled):after{content:none;}
.nosea_swp_nav_wrap:has(.disabled), .nosea_swp_nav.disabled{visibility:hidden;pointer-events:none;z-index:-1;}
.nosea_swp_nav svg{width:7px;fill:#878787;}
.nosea_swp_nav svg.sel_arr_icon{width:auto;height:8px;transform:translateY(1px);}
.nosea_swp_nav.svghgt6 svg.sel_arr_icon{height:6px;}
.nosea_swp_nav.prev svg{transform:translateX(-1px);}
.nosea_swp_nav.next svg{transform:translateX(1px);}

/*  */
.bori_hiddentags_wrap{max-height:1.813rem;transition:max-height 0.15s ease-out;will-change:max-height;}
.bori_hiddentags_wrap.line4{max-height:calc((1.813rem * 4) + 21px);}

/* 고객센터(자주하는 질문, 공지사항) */
.bori_qna_head, .bori_qna_content{padding:20px;}
.bori_qna_title, .bori_qna_answer{padding-left:4px;}
.bori_qna_item{border-bottom:1px solid var(--line-color1);}
.bori_qna_head{position:relative;}
.bori_qna_head.qna_head{border-top:1px solid var(--line-color1);}
.bori_qna_item.active{background-color:var(--highlight-color);border-color:transparent;}
.bori_qna_item:has(.bori_qna_content){cursor:pointer;}
.bori_qna_idx{min-width:17px;}
.bori_qna_type{padding-right:5px;}
.bori_qna_title{align-self:center;font-size:0.875em;}
.bori_qna_state{padding:0.34em 0.54em 0.24em;border:1px solid var(--line-color1);background-color:var(--sub-bg-color);border-radius:5px;font-size:0.75em;font-weight:500;color:#999;line-height:1;vertical-align:0.1em;margin-right:5px;margin-bottom:1px;}
.bori_qna_state.completed{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.bori_qna_date{align-self:flex-end;font-size:0.75em;color:#878787;margin-left:auto;}
.bori_qna_date:not(.qna_th){padding-bottom:1px;}
.bori_qna_date.has_qna{align-self:flex-start;padding-top:2px;}
.bori_qna_content{display:none;padding-top:0;padding-bottom:25px;font-size:0.875em;color:#878787;}
.bori_qna_content.has_qna{padding-left:35px;}
.bori_qna_idx.qna_th, .bori_qna_title.qna_th, .bori_qna_date.qna_th{font-size:0.875em;color:#878787;align-self:center;margin-top:0;}

/* 토스트 커스텀 디자인 */
.bori_toast{max-width:calc(100vw - 30px);padding:12px 25px;border-radius:5px;background-color:#242424;font-size:15px;color:#FFF;box-shadow:0 0 2px var(--swp-nav-color);margin:0 auto;}
.bori_toast .msg_text{padding-left:10px;word-break:break-word;word-wrap:break-word;align-self:center;}
/* 토스트 커스텀 디자인 - 아이콘 */
.bori_toast_icon_wrap{display:flex;justify-content:center;flex-shrink:0;}
.bori_toast_icon_circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: var(--theme-color);fill: none;animation: tstCheckStroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}
.bori_toast_icon{width:1.26em;height:1.26em;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;box-shadow: inset 0px 0px 0px var(--theme-color);animation: tstCheckFill .4s ease-in-out .4s forwards, tstCheckScale .3s ease-in-out .9s both}
.bori_toast_icon_check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: tstCheckStroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}
@keyframes tstCheckStroke{100%{stroke-dashoffset: 0}}
@keyframes tstCheckScale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}
@keyframes tstCheckFill{100%{box-shadow: inset 0px 0px 0px 30px var(--theme-color)}}

/* 마이페이지 - 팔로워, 팔로잉 리스트 */
.bori_follow_list{padding:12px 20px;gap:14px;border-bottom:1px solid var(--line-color1);}
.bori_flwli_thumb{position:relative;width:52px;height:52px;border-radius:50%;}
.bori_flwli_thumb_img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.bori_flwli_userif dd{font-size:0.875em;color:#909090;margin-top:6px;}
.bori_flwli_userif dd:empty{display:none;}
.bori_flwli_rect{padding:0.5em 1em;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--comment-bg-color);font-size:0.875em;font-weight:500;}
.bori_flwli_rect.bg_orange{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}

/* 마이 페이지 - 페르소나 (대화 프로필) */
.set_persona_sec{padding-top:14px;}
.set_persona_sec h2{font-size:1.0625rem;}
.set_persona_item{position:relative;padding:15px 15px 12px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color);margin-top:20px;transition-property:border-color, background-color;transition-duration:0.25s;}
.set_persnit_title .default_label{display:inline-block;padding:0.3em 0.5em;background-color:#171818;border-radius:5px;font-size:0.625em;line-height:1;}
.set_persona_item.active{border-color:var(--theme-color);background-color:var(--theme-color-opacity);}

/* 마이 페이지 - 세이프티 */
.bori_cert_title{font-size:1.5rem;}
.bori_cert_title .icon{height:1.15em;}
.bori_adtcert_sec ~ .bori_adtcert_sec{padding-top:30px;margin-top:30px;border-top:1px solid var(--line-color1);}
.bori_cert_btn_type1{padding:0.563rem;border-radius:5px;background-color:var(--sub-bg-color3);border:1px solid var(--line-color1);}
.myp_adtcert_li{padding:10px 0;}
.myp_adtcert_li ~ .myp_adtcert_li{margin-top:15px;}
.myp_adtcert_li .svg_icon svg{height:1.2em;fill:currentColor;}

/* 이용내역, 결제내역 디자인 */
.history_uspym_item{padding:12px 10px;gap:15px;border-bottom:1px solid var(--line-color1);}
.uspym_item_method{font-size:0.875rem;color:var(--sub-color1);}
.uspym_item_date{font-size:0.75rem;color:var(--sub-color2);}
.uspym_item_price{font-size:0.875rem;color:var(--sub-color1);}
.uspym_item_price .larger{font-size:1rem;}
.uspym_item_price .main_co{color:var(--main-color);}
.uspym_item_state{font-size:0.875rem;font-weight:300;color:var(--sub-color2);}

/* 테이블 공통 디자인 */
.bori_table_in{overflow:auto hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.bori_table_wrap:where(:has(.white_space_nowrap)){position:relative;margin-right:calc(var(--pd-side) - (var(--pd-side) * 2));}
.bori_table_wrap:where(:has(.white_space_nowrap)):after{content:"";display:block;position:absolute;top:0;right:0;width:calc(var(--pd-side) + 12px);height:100%;background:linear-gradient(to left, var(--blur-cover-color));pointer-events:none;}
.bori_table_in:where(:has(.white_space_nowrap)){padding-right:calc(var(--pd-side) + 4px);}
.bori_table_common{border-top:1px solid var(--line-color2);}
.bori_table_common th, .bori_table_common td{padding:0.625rem;border:1px solid var(--line-color1);border-top-width:0;border-bottom-width:0;vertical-align:middle;}
.bori_table_common th:first-child, .bori_table_common td:first-child{border-left:0 none;}
.bori_table_common th:last-child, .bori_table_common td:last-child{border-right:0 none;}
.bori_table_common th, .bori_table_common tr:nth-child(even) td:where(:not(.bori_table_empty)){background-color:var(--sub-bg-color);}
.bori_table_common th{font-weight:500;}
.bori_table_common thead th{border-top-width:2px;border-left-color:var(--highlight-color);border-right-color:var(--highlight-color);background-color:var(--sub-bg-color3);/* font-size:1.071em; */font-size:1em;}
.bori_table_common td:where(:not(.bori_table_empty)){color:var(--sub-color4);}
.bori_table_empty{height:100px;background-color:var(--main-bg-color);color:var(--main-color);text-align:center;vertical-align:middle;white-space:normal;word-break:keep-all;word-wrap:break-word;border-top-width:1px !important;}
.bori_table_common tbody tr:last-child td{border-bottom-width:1px;}

/* 순서 리스트 공통 */
.bori_order_list li{display:flex;gap:0.357em;word-break:keep-all;word-wrap:break-word;}
.bori_order_list li + li{margin-top:0.357em;}

/* 채팅 리스트 */
.brchatli_item{padding-top:0.75rem;padding-bottom:0.75rem;border-radius:5px;gap:12px;align-items:center;transition:background-color;transition-duration:0.2s;}
.brchatli_item ~ .brchatli_item{margin-top:6px;}
.brchatli_thumb_cont{position:relative;width:60px;height:60px;border-radius:50%;background-image:var(--thumb-holder, url("https://cdn.borichat.kr/bori/thumb_holder_dark.png"));background-repeat:no-repeat;background-position:center;background-size:30px;}
.brchatli_thumb_cont.animate-pulse{animation:pulse 1.2s ease-in-out infinite;}
.brchatli_thumb_cont.animate-pulse :where(.brchatli_thumb_img, .brchatli_state_ico){visibility:hidden;}
.brchatli_thumb_cont:has(.no_sign_icon){background-color:var(--sub-bg-color3);}
.brchatli_thumb_img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center;}
.brchatli_thumb_cont .no_sign_icon{width:45%;fill:var(--sub-color4);opacity:0.5;margin:auto;}
.brchatli_thumb_block_cover{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(23, 24, 24, 1);color:var(--sub-color9);}
.brchatli_thumb_block_cover svg{width:24px;height:24px;fill:currentColor;margin:auto;}
.brchatli_state_ico{position:absolute;bottom:-1px;right:-2px;width:22px;}
.brchatli_set_line{width:1px;height:0.75rem;background-color:var(--sub-color2);align-self:center;flex-shrink:0;}
.brchatli_set_info{align-items:center;}
.brchatli_set_info svg{width:0.875em;height:0.875em;fill:currentColor;flex-shrink:0;}
.brchatli_item.del_vis .brchatli_date, .brchatli_checkbox{display:none;}
.brchatli_checkbox{width:1.25em;height:1.25em;border-radius:5px;border:1px solid var(--line-color2);background-color:var(--sub-bg-color3);transition-property:background-color, border-color;transition-duration:0.2s;}
.brchatli_checkbox .checked_icon{width:0.75em;fill:#FFF;margin:auto;opacity:0;transition:opacity 0.2s;}
.brchatli_checkbox.checked{border-color:var(--theme-color);background-color:var(--theme-color);}
.brchatli_checkbox.checked .checked_icon{opacity:1;}
.brchatli_item.del_vis .brchatli_checkbox{display:flex;}
.brchatli_item.deleted :where(.brchatli_thumb_cont, .deletedGray){filter:grayscale(0.9);opacity:0.4;}

/* 이미지 업로드 디자인 에셋 (캐릭터 에셋, 신청폼 등 사용) */
.createimgast_plus_ico{width:2.188rem;height:2.188rem;border-radius:50%;background-color:var(--sub-bg-color5);border:1px solid var(--line-color1);}
.createimgast_plus_ico svg{width:0.75rem;fill:#878787;}
.createimgast_plus_ico svg.dice_icon{width:1.15rem;margin-right:-1.5px;}
.createimgast_plus_ico.lg{width:3rem;height:3rem;}
.createimgast_plus_ico.lg svg{width:1.44rem;}
.createimgast_length{font-size:0.875rem;color:#878787;}

/* 구분용 선 */
.for_section_line{width:100%;height:1px;background-color:var(--line-color1);background-color:var(--sub-bg-color3);}

/* 추억 공유 */
.share_mem_container{display:grid;grid-template-columns:1fr;grid-template-columns:repeat(2, minmax(0, 50%));gap:12px;}
.share_mem_bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;overflow:hidden;}
.share_mem_bg:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;border-width:2px;border-style:solid;border-color:transparent;transition:border-color 0.2s;z-index:-1;}
.share_mem_bg img{display:block;max-width:100%;min-width:86%;height:100%;object-fit:cover;object-position:center 32%;opacity:0.8;user-select:none;-webkit-user-drag:none;pointer-events:none;}
.share_mem_bg:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-color1);}
.share_mem_item{min-width:0;border-radius:5px;}
.share_mem_contents{z-index:1;}
.share_mem_head{padding:14px 15px 10px;}
.share_mem_title{font-size:1.25rem;}
html:where([color-theme="light"]) .share_mem_title .safety_symbol{fill:#ACACAC;}
.share_mem_thumb{width:24px;height:24px;border-radius:50%;background-color:#FFF;}
.share_mem_thumb.width28{width:28px;height:28px;}
.share_mem_thumb.width32{width:32px;height:32px;}
.share_mem_thumb_img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center;}
.share_mem_connected .connect_icon{width:18px;fill:var(--theme-color);}
.share_mem_inf{flex-shrink:0;}
.share_mem_inf svg{width:10px;height:10px;fill:currentColor;}
.share_mem_hr{width:100%;height:1px;background-color:rgba(255, 255, 255, 0.2);border:none;margin:0;padding:0;}
.share_mem_chats{padding:15px 15px 16px;}
.share_mem_bubble{display:flex;flex-direction:column;justify-content:center;max-width:calc(100% - 59px);max-width:100%;padding:6px 15px;font-size:0.75rem;color:#FFF;height:calc(2.62em + 12px);word-break:break-all;}
.share_mem_bubble.bk_opc{background-color:rgba(61, 70, 74, 0.7);}
.share_mem_bubble.theme{background-color:var(--theme-color-opacity7);}
.share_mem_bubble.user{border-radius:5px 0 5px 5px;}
.share_mem_bubble.character{border-radius:0 5px 5px 5px;}

/* 채팅 저장 리스트 */
.chat_memories_list{display:grid;grid-template-columns:repeat(2, minmax(0, 50%));gap:20px 15px;}
.chat_memories_item{border-radius:5px;}
.chatmmr_head{padding:11px 15px;border-radius:5px 5px 0 0;background-color:var(--momories-color1);}
.chatmmr_line{margin:0;padding:0;border:0 none;width:100%;height:1px;background-color:var(--main-bg-color);}
.chatmmr_contents{padding:14px 20px 10px;border-radius:0 0 5px 5px;background-color:var(--prt-item-bg);}
.chatmmr_counts{justify-content:space-between;padding:9px 15px 10px;border-radius:5px;background-color:var(--momories-color2);line-height:1.2;}
.chatmmr_messages{position:relative;padding:10px;border-radius:5px;background-color:var(--momories-color3);overflow:hidden;}
.chatmmr_msg_bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.chatmmr_msg_bg:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-color2);}
.chatmmr_msg_bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%;user-select:none;-webkit-user-drag:none;pointer-events:none;}
.chatmmr_rectlb{padding:2px 6px 1px;border:1px solid currentColor;border-radius:5px;background-color:var(--sub-bg-color2);line-height:1.2;}
.chatmmr_bt_btn{padding:10px;border:1px solid #E3E3E3;border-radius:5px;background-color:#FFF;font-size:0.875rem;color:#878787;text-align:center;}
.chatmmr_bt_btn.bg_theme{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.chatmmr_bt_btn.bg_theme_org{border-color:var(--theme-orange);background-color:var(--theme-orange);color:#FFF;}
.chatmmr_bt_btn:where([disabled], .disabled){border-color:var(--line-color1) !important;background-color:var(--sub-bg-color5) !important;color:var(--sub-color5) !important;}
.chatmmr_bt_btn:where([disabled]){cursor:default !important;cursor:not-allowed !important;}

.chatmmr_hst_share:has(.hstShareLoader){overflow:hidden;}

/* 에피소드 하단 카운터 */
.sad_deer_counter{position:absolute;bottom:100%;left:0;font-size:1.125rem;gap:5px;align-items:baseline;color:var(--theme-color);text-shadow:0 0 3px rgba(255, 255, 255, 0.4);z-index:9;margin-left:20px;margin-bottom:10px;}
.sad_deer_counter.left-cus{left:-40%;}
.sad_deer_counter .counted_text{font-size:1.556em;font-weight:600;}
/* 에피소드 하단 아이콘 애니메이션 */
.sad_deer_animate{position:absolute;bottom:100%;left:0;}

/* 충전소, 정기 결제 해지 - 정기 결제 디자인 */
.cchg_prt_prem_lb{padding:22px 18px;background-color:var(--sub-bg-color);border-radius:10px;border:1px solid var(--line-color1);}
.cchg_prt_prem_con{gap:18px 28px;justify-content:center;}
.cchg_prt_prem_sign{padding:0.313rem 1rem 0.25rem;border-radius:2.5rem;background-color:var(--theme-color-sky);text-align:center;line-height:1.2;color:#000;}
.cchg_prt_prem_price{font-size:2.063rem;line-height:1.2;text-align:center;margin-top:0.938rem;}
.cchg_prt_prem_price .ft_sm_14{font-size:0.424em;}
.cchg_prt_prem_price .ft_sm_16{font-size:0.485em;}
.cchg_prt_prem_benef{font-size:0.875rem;line-height:1.2;}
.cchg_prt_prem_benef li + li{margin-top:0.313rem;}
.cchg_prt_prem_benef .badge{width:1.286em;height:1.286em;padding:2px;border-radius:2px;background-color:var(--theme-color);vertical-align:-2px;}
.cchg_prt_prem_benef .badge .bori_badge_icon{width:12px;height:12px;margin:auto;}
.cchg_prt_prem_benef .under-line{position:relative;}
.cchg_prt_prem_benef .under-line:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;opacity:0.6;}
.cchg_prt_prem_start{padding:10px 10px 9px;border:1px solid var(--theme-color);border-radius:5px;line-height:1.2;background-color:var(--theme-color);color:#FFF;margin-top:1rem;}
input.cchg_prt_chkbox:checked + .cchg_prt_prem_lb{border-color:var(--theme-color);background-color:var(--theme-color-op-fill);}

/* 페이징 */
.bori_paging_cont{gap:4px;}
.bori_paging_btn{width:2rem;height:2rem;border-radius:5px;border:1px solid var(--line-color1);background-color:var(--sub-bg-color);color:var(--sub-color4);line-height:1.2;}
.bori_paging_btn.on{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.bori_paging_btn .swp_icon{height:0.875em;fill:currentColor;}
.bori_paging_btn .swp_icon.left{transform:translateX(-1px);}
.bori_paging_btn .swp_icon.right{transform:translateX(1px);}

/* 약관 컨텐츠 */
.bori_terms .terms_title{padding:0 15px;line-height:40px;background-color:var(--sub-bg-color8);font-size:20px;font-weight:500;}
.bori_terms .terms_items{margin-top:20px;}
.bori_terms .title{position:relative;padding-left:12px;font-size:18px;font-weight:500;line-height:1.3;}
.bori_terms .title:before{content:"";display:block;position:absolute;top:0;left:0;width:3px;height:20px;background-color:var(--main-color);background-color:currentColor;margin-top:3px;}
.bori_terms p{font-size:15px;color:var(--sub-color4);line-height:1.6;white-space:pre-line;}
.bori_terms p + .terms_item_table, .bori_terms .terms_item_table + p{margin-top:8px;}
.bori_terms .title + .terms_item_table{margin-top:12px;}
.bori_terms .terms_item_table table{width:100%;border:1px solid var(--line-color1);}
.bori_terms .terms_item_table th, .bori_terms .terms_item_table td{padding:12px 18px;font-size:14px;line-height:1.5;vertical-align:middle;}
.bori_terms .terms_item_table th{background-color:var(--sub-bg-color3);font-weight:500;color:var(--main-color);text-align:center;}
.bori_terms .terms_item_table thead th + th{border-left:1px solid var(--line-color1);}
.bori_terms .terms_item_table tbody th, .bori_terms .terms_item_table td{border:1px solid var(--line-color1);}
.bori_terms .terms_item_table tbody th{background-color:var(--sub-bg-color15);}
.bori_terms .terms_item_table td{color:var(--sub-color4);}
.bori_terms ol, .bori_terms ul{padding-left:2.2em;}
.bori_terms ol{list-style:decimal;}
.bori_terms ul{list-style:disc;}
.bori_terms li::marker{position:static;font-size:0.875em;font-weight:500;color:var(--sub-color1);}
.bori_terms li{font-size:15px;color:var(--sub-color4);line-height:1.6;}
.bori_terms li.co_main, .bori_terms li.co_main::marker{color:var(--main-color);}
.bori_terms li + li{margin-top:4px;}
.bori_terms a{text-decoration:underline;opacity:0.85;}

/* 텍스트 토글 버튼1 (캐릭터 생성 - 공개 / 비공개 버튼) */
.text_toggle_btn{position:relative;padding:0.6em 0.75em;border-radius:40px;background-color:var(--sub-bg-color8);line-height:1.2;color:var(--sub-color2);text-align:center;white-space:nowrap;gap:1.2em;}
.text_toggle_item{position:relative;flex:1 0 3em;transition:color 0.25s;}
.text_toggle_sel_bg{position:absolute;top:0;left:calc(50% - 0.2em);width:calc(50% + 0.2em);height:100%;border-radius:40px;background-color:var(--theme-color);transition:left 0.25s;will-change:left;}
.text_toggle_btn:not(.active) .text_toggle_item.off, .text_toggle_btn.active .text_toggle_item.on{color:#FFF;}
.text_toggle_btn.active .text_toggle_sel_bg{left:0;}

/* 텍스트 토글 버튼2 (캐릭터 생성 - 공개 / 비공개 버튼) */
.select_label_box{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));}
.select_label_btn{position:relative;padding:0.6em 0.75em;border:1px solid var(--line-color1);border-left-width:0;line-height:1.2;background-color:var(--sub-bg-color);color:var(--sub-color2);transition-property:background-color, border-color, color;transition-duration:0.25s;}
.select_label_btn.pd_sm{padding:0.3em 0.5em;}
.select_label_btn.co_brighter{color:#A1A1A1;}
.select_label_btn.first{border-left-width:1px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.select_label_btn.last{border-top-right-radius:5px;border-bottom-right-radius:5px;}
input:checked + .select_label_btn, .select_label_btn.active{border-color:var(--theme-color-dk);background-color:var(--theme-color-dk);color:#FFF;}

.emoji-picker__category-button{padding-left:5px;padding-right:5px;}

/* 상단 nav 메뉴 */
.top_nav_btn{height:1.75rem;padding-left:10px;padding-right:10px;border-radius:5px;background-color:var(--sub-bg-color3, #373737);}
.top_nav_btn.on{background-color:var(--sub-bg-color13, #373737);font-weight:500;color:var(--main-bg-color, #000);}

@media (hover:hover) and (pointer:fine){
	.bori_nvmn_bt_logout:hover{background-color:var(--main-color);color:var(--main-bg-color);}

	.comment-bg-hover:hover, .select_option:not(.on):hover{border-color:var(--comment-bg-color-hover) !important;background-color:var(--comment-bg-color-hover) !important;}

	.hover-scale{transition:transform 0.2s ease;}

	.bori_prtit_thumb:hover .bori_prtit_thumb_img, .hover-scale:hover{transform:scale(1.05);}

	/* 펼침 메뉴 - 로그 아웃 시 상단 */
	.bori_nvmn_cmm_btn:not([disabled]):hover{background-color:var(--highlight-color);}

	/* 푸터 */
	.bori_footer_more_btn:not([disabled]):hover{background-color:var(--highlight-color);}

	/* 해시태그 디자인 호버 (테마컬러) */
	.hashtag_item_type1.btn-reset:hover{background-color:var(--theme-color-hover);}

	/* 버튼 공통 */
	.common_sel_btn, .bg_main:where(.bori_lycommon_btn, .bori_btn_common, .bori_account_form_btn){transition-property:border-color, background-color;transition-duration:0.25s;}
	.bori_lycommon_btn.bg1:not([disabled]):hover, .bori_btn_common.bg1:not([disabled]):hover{background-color:var(--line-color6);}
	.common_sel_btn:not([disabled], .active):hover, .bg_main:where(.bori_lycommon_btn:not([disabled]), .bori_btn_common:not([disabled]), .bori_account_form_btn:not([disabled])):hover{background-color:var(--line-color6);}

	/* 버튼 디자인 공통2 (프로필 상세, 채팅 리스트 등) */
	.bprfd_det_more_btn{transition:background-color 0.25s;}
	.bprfd_det_more_btn:hover, .bprfd_con_btn:not([disabled]):hover{background-color:var(--hover-bg-color);}
	.bprfd_con_btn.bg_theme_op2:not([disabled]):hover{background-color:var(--theme-color-opacity7);}

	/* 버튼 디자인 공통 - 작은 사이즈 (보통 폰트 14px 정도 크기 사용) */
	.bori_btn_ft14:not([disabled], .disabled):hover{background-color:var(--line-color6);}

	/* 뒤로가기 공통 */
	.bprfd_hd_goback{transition:background-color 0.2s;}
	.bprfd_hd_goback:hover{background-color:var(--sub-bg-color4);}

	/* 로그인, 회원가입 공통 */
	a.bori_acc_etc_item:hover{text-decoration:underline;}

	/* 회원가입, 로그인 sns 버튼 */
	.bori_acc_sns_btn{transition:background-color 0.25s;}
	.bori_acc_sns_btn:not([disabled]):hover{background-color:var(--highlight-color);}

	/* 대표색상 버튼 호버 */
	.bg_orange, .comment-bg-hover, .bg_theme, .bg_theme_dk, .bg_theme_opt, .bori_account_form_btn.bg_alt, .chatmmr_bt_btn, .bg_theme_org, .has-hover:where(.lysystemp_sel_item){transition-property:border-color, background-color;transition-duration:0.24s;}
	.bg_orange:not([disabled]):hover, .bg_theme:not([disabled], .disabled):hover, .bg_theme_opt:not([disabled]):hover, .bg_theme_dk:not([disabled]):hover{border-color:var(--theme-color-hover) !important;background-color:var(--theme-color-hover) !important;color:#FFF !important;}
	.bg_theme_org:not([disabled]):hover{border-color:var(--theme-orange-hover);background-color:var(--theme-orange-hover);}
	.bori_account_form_btn.bg_alt:not([disabled]):hover{background-color:var(--line-btn-color);}
	.chatmmr_bt_btn:not(.bg_theme, .bg_theme_org):hover{background-color:#E3E3E3;}
	.has-hover:where(.lysystemp_sel_item):hover{background-color:var(--highlight-color);}

	/* 탭 스와이퍼 버튼 */
	.nosea_swp_nav:hover{border-color:var(--bg-c1);background-color:var(--bg-c1);color:var(--main-bg-color);}
	.nosea_swp_nav:hover svg{fill:currentColor;}

	/* 채팅 리스트 */
	.brchatli_item:hover{background-color:var(--hover-bg-color);}

	/* 추억 공유 */
	.share_mem_item:hover .share_mem_bg:before{border-color:var(--theme-color);z-index:1;}

	/* 작품 리스트 */
	.brprtit_item:hover .brprtit_thumb_img{transform:scale(1.04);}

	/* 작품 리스트 아이템 공통 */
	.brprtit_tmb_tpcc:not([disabled], .disabled):hover{background-color:rgba(0, 0, 0, 0.6);}
}


@media screen and (min-width:571px){
	/* 스와이퍼 공통 navigation */
	.bori_swp_common_btn{width:54px;height:54px;}
	.bori_swp_common_btn.transX50.prev{transform:translateX(5px);}
	.bori_swp_common_btn.transX50.next{transform:translateX(-5px);}

	/* 메인 - 운명의 상대를 만나보세요 */
	.bori_destiny{font-size:18px;}
}

@media screen and (min-width:701px){
	/* 상단 nav 메뉴 */
	.hotmode_main_pos{position:absolute;top:50%;right:var(--pd-side);transform:translateY(-50%);}
}

@media screen and (min-width:768px){
	.bori_mnsec_contents:has(.bori_mnsec_items){padding-left:var(--pd-side);padding-right:var(--pd-side);}
	.bori_mnsec_contents:has(.slide-to-right):before{left:calc(var(--pd-side) - 3px);}
	.bori_mnsec_contents:has(.bori_mnsec_items.swpUnlock):after{right:var(--pd-side);}
	.slide-to-right ~ .bori_mnsec_its_prev, .swpUnlock:not(.swpEndCoverHide) ~ .bori_mnsec_its_next{display:flex;}

	/* 고객센터(자주하는 질문, 공지사항) */
	.bori_qna_item{font-size:18px;}
	.bori_qna_head.has_qna{gap:7px 20px;}
	.bori_qna_idx{width:22px;}

	/* 채팅 리스트 */
	.brchatli_item{padding-left:0.875rem;padding-right:0.875rem;}

	/* 하단 메뉴 */
	.ft_nav_menu{border-top-left-radius:5px;border-top-right-radius:5px;}
}

@media screen and (max-width:999px){
	/* 탭 스와이퍼 버튼 */
	.nosea_swp_nav_wrap:has(.nosea_swp_nav1), .nosea_swp_nav1{display:none !important;}
	.bori_nosea_swp1.unlocked:before, .bori_nosea_swp1:not(.not-after).unlocked:after{content:"";display:block;position:absolute;top:0;width:34px;height:100%;z-index:2;pointer-events:none;}
	.bori_nosea_swp1.unlocked.not_beginning:before{left:0;background:linear-gradient(to right, var(--blur-cover-color));}
	.bori_nosea_swp1:not(.not-after).unlocked.not_end:after{right:0;background:linear-gradient(to left, var(--blur-cover-color));}
}


@media screen and (max-width:865px){
	.bori_mnsec_its_prev{margin-left:14px;}
}


@media screen and (max-width:767px){
	:root{
		/* container common side padding */
		--pd-side:16px;

		/* header calcuration */
		--hotter-bar-sm:34px;
		--hotter-icon-sm:20px;
		--hotter-active-sm:calc(var(--hotter-bar-sm) - var(--hotter-icon-sm));
	}

	.mb-mgl0{margin-left:0 !important;}
	.mb-mgr0{margin-right:0 !important;}
	.mb-mgt0{margin-top:0 !important;}
	.mb-mgb0{margin-bottom:0 !important;}
	.mb-mgt1{margin-top:1px !important;}
	.mb-mgb1{margin-bottom:1px !important;}
	.mb-mgt2{margin-top:2px !important;}
	.mb-mgb2{margin-bottom:2px !important;}
	.mb-mgt3{margin-top:3px !important;}
	.mb-mgb3{margin-bottom:3px !important;}
	.mb-mgt5{margin-top:5px !important;}
	.mb-mgb5{margin-bottom:5px !important;}
	.mb-mgt10{margin-top:10px !important;}
	.mb-mgb10{margin-bottom:10px !important;}
	.mb-mgt15{margin-top:15px !important;}
	.mb-mgb15{margin-bottom:15px !important;}
	.mb-mgt20{margin-top:20px !important;}
	.mb-mgb20{margin-bottom:20px !important;}
	.mb-mgt25{margin-top:25px !important;}
	.mb-mgb25{margin-bottom:25px !important;}

	.mb-pdt0{padding-top:0 !important;}
	.mb-pdb0{padding-bottom:0 !important;}
	.mb-pdt5{padding-top:5px !important;}
	.mb-pdb5{padding-bottom:5px !important;}
	.mb-pdt10{padding-top:10px !important;}
	.mb-pdb10{padding-bottom:10px !important;}
	.mb-pdt15{padding-top:15px !important;}
	.mb-pdb15{padding-bottom:15px !important;}
	.mb-pdt20{padding-top:20px !important;}
	.mb-pdb20{padding-bottom:20px !important;}
	.mb-pdl10{padding-left:10px !important;}
	.mb-pdr10{padding-right:10px !important;}
	.mb-pdl15{padding-left:15px !important;}
	.mb-pdr15{padding-right:15px !important;}

	.mb-gap10-5, .mb-gap12-5{gap:5px;}
	.mb-gap15-10{gap:10px;}
	.mb-gap20-5{gap:5px;}

	.mb-ft-size-18{font-size:1.125rem;}

	.mob-hidden{display:none !important;}
	.ft_sz_14_767x{font-size:0.875em;}

	/* header */
	.bori_header_inner{padding:10px 15px;}
	.bori_hotter_text:not(.not_ft12){font-size:12px;}
	.bori_header_menu{gap:5px;margin-left:12px;}
	.bori_hdmenu_item{width:30px;height:30px;}
	.bori_hdmenu_item svg, .bori_hdmenu_item img, .bprfd_hd_control_btn svg{width:20px;height:20px;}
	.bori_hdmenu_item.menu svg{width:20px;}

	.bprfd_hd_goback{width:30px;height:30px;}
	.bprfd_hd_goback svg{width:10px;}

	/* 알림 있을 경우 표시 공용 (점) */
	.bori_hdmenu_item.notice .has_notifications_dot{width:6px;height:6px;margin:3px 8px;}

	/* 화끈모드 버튼 사이즈 작게 (헤더) */
	.bori_header .bori_hotter_disp, .bprfd_header .bori_hotter_disp{width:var(--hotter-bar-sm);height:10px;}
	.bori_header .bori_hotter_disp svg, .bprfd_header .bori_hotter_disp svg{width:var(--hotter-icon-sm);height:var(--hotter-icon-sm);}
	.bori_header .bori_hotter_btn.active .bori_hotter_disp svg, .bprfd_header .bori_hotter_btn.active .bori_hotter_disp svg{transform:translate(var(--hotter-active-sm), -50%);}

	/* 공통 헤더 type1 */
	.bori_header_type_in{padding-top:10px;padding-bottom:10px;}
	.header_type1_title{font-size:20px;}

	.bori_sub_header_in{padding-top:10px;padding-bottom:10px;}

	/* 공통 헤더 - header_type_prf.php (프로필 상세, 댓글 전체보기, 알림, 검색창 등 사용) */
	.bprfd_hd_control_btn{width:30px;height:30px;}
	/* .bprfd_hd_control_btn svg{width:18px;height:18px;} */
	.bprfd_hd_control_btn svg.dotted_verti{width:3px;}

	/* 19표시 (작품 리스트 아이템 등) */
	.circle19{width:24px;height:24px;font-size:14px;}

	/* 홈 */
	.bori_mnsec_prt_slide{width:164px;}
	.swpUnlock .bori_mnsec_prt_slide:last-child{margin-right:var(--pd-side);}
	.bori_mnsec_its_prev, .bori_mnsec_its_next{display:none !important;pointer-events:none;}
	.bori_mnsec_items{padding-left:var(--pd-side);}

	/* 메인 - 카테고리 탭 메뉴 */
	.bori_nosea.m-size-s{font-size:0.75rem;}

	/* 댓글 */
	.bprfd_commhd_ctr_btn{width:26px;height:26px;}
	.bprfd_commhd_ctr_btn svg{height:14px;}

	/* 댓글 입력 */
	.comment_inp_wrap{padding:15px 10px;}
	.comment_inp_cont{gap:5px;}

	/* 고객센터(자주하는 질문, 공지사항) */
	.bori_qna_type_wrap{flex-direction:column;gap:7px 0;}
	.bori_qna_title{align-self:start;}
	.bori_qna_title.type_column767{padding:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start;}
	.bori_qna_title :where(.align_self_no){align-self:start;}
	.bori_qna_date.has_qna{position:absolute;top:0;right:0;margin:20px;}
	.bori_qna_state{-webkit-order:1;order:1;margin-bottom:0;}

	/* 약관 컨텐츠 */
	.bori_terms .terms_item_table th, .bori_terms .terms_item_table td{padding:8px 12px;}
}

@media screen and (max-width:700px){
	/* 상단 nav 메뉴 */
	.topmenu_category1, .topmenu_category2{width:100%;}
	.hotmode_main_pos{margin-left:auto;}

	/* 작품 리스트 컨테이너 공통 */
	.bori_product_container{grid-template-columns:repeat(3, minmax(0px, 1fr));}

	/* 채팅 저장 리스트 */
	.chat_memories_list{grid-template-columns:1fr;}
}

@media screen and (max-width:600px){
	.mobile_hidden{display:none !important;}

	/* 레이어 팝업 공통, 버튼 디자인 공통 포함 */
	.bori_layer_common_cont.mb-max-cont-600{width:100%;border-radius:0;}
	.mb-max-cont-600 .bori_layer_common_in{border-radius:0;}

	/* 추억 공유 */
	.share_mem_container{grid-template-columns:1fr;}
}

@media screen and (max-width:500px){
	/* 상단 메뉴 (홈, 랭킹, 카테고리, 태그 등) */
	.bori_category_menu{gap:6px 20px;}
	.bori_catemn_item{font-size:1.125em;}

	/* 작품 리스트 컨테이너 공통 */
	.bori_product_container{grid-template-columns:repeat(2, minmax(0px, 1fr));}

	/* 추억 공유 */
	.share_mem_bg img{width:100%;}
}


@media screen and (max-width:374px){
	/* header */
	.bori_hotter_btn > span:has(.mob-hidden){display:none !important;}
}


@media screen and (max-height:710px){
	/* 로그인, 회원가입 공통 */
	.bori_account_hgrp{margin-bottom:30px;}
}