/* 토스트 커스텀 디자인 */
.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 rgba(255, 255, 255, 0.6);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(--co-blue1);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:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--co-blue1);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(--co-blue1);}}


/* 레이어 팝업 공통, 버튼 디자인 공통 포함 */
.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_bg.blur{backdrop-filter:blur(6px);}
.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:not(.co_70, .co_black){color:#FFF;}
.bori_layer_common_cont.maxWidth716{max-width:716px;}
.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, #262626);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, #262626);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, #262626);}
.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, #262626);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;}


/* 회원 가입 (계정 생성) */
.accountmd_sec{position:relative;background-color:#262626;border:1px solid #343434;flex:1 1 358px;}
.accountmd_sec.banner{border-radius:5px 0 0 5px;border-right-width:0;}
.accountmd_sec.contents{border-radius:0 5px 5px 0;border-left-width:0;}
.accountmd_bnr{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px 0 0 5px;}
.accountmd_bori_logo{position:absolute;bottom:0;left:0;right:0;max-width:169px;width:calc(100% - 20px);margin:0 auto 40px;}
.accountmd_input{padding:10px 14px;border-radius:5px;border:1px solid #404040;background-color:#343434;font-size:14px;color:#FFF;}
.accountmd_input::placeholder{color:#707070;}
.accountmd_submit_btn{padding:11px 15px;border-radius:48px;background-color:var(--co-red1);font-size:18px;font-weight:700;color:#FFF;text-align:center;transition:transform 0.25s;}
.accountmd_submit_btn:where([disabled], .disabled){border-color:#464646;background-color:#464646;cursor:default;}
.accountmd_line_title{position:relative;}
.accountmd_line_title:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:1px;background-color:currentColor;margin:auto;}
.accountmd_line_title .title_name{position:relative;display:inline-block;padding:0 12px;background-color:#262626;}
.accountmd_social_btn{gap:10px;padding:5px 20px;height:42px;border-radius:5px;border:1px solid #707070;background-color:#FFF;font-size:16px;line-height:1.2;transition:transform 0.25s;}
.accountmd_social_btn.discord{border-color:#5669AA;background-color:#5669AA;color:#FFF;}


@media (hover:hover) and (pointer:fine){
	/* 회원 가입 (계정 생성) */
	:where(.accountmd_social_btn, .accountmd_submit_btn:not([disabled], .disabled)):hover{transform:translate(2px, 2px);}
}


@media screen and (max-width:599px){
	/* 회원 가입 (계정 생성) */
	.bori_layer_common_cont:is(.accountmd_cont){max-width:358px;}
	.accountmd_sec.banner{display:none !important;}
	.accountmd_sec.contents{border-radius:5px;border-left-width:1px;}
}