.dsns{margin-top:1.5rem}

.dsns--reg{margin-bottom:2rem}
.dsns__lb{
	display:flex; align-items:center; gap:.75rem;
	margin:0 0 1rem; color:var(--c-fg-3, #64748B);
	font-size:var(--fs-xs, .8125rem); line-height:1.4;
}
.dsns__lb::before,
.dsns__lb::after{content:""; flex:1 1 auto; height:1px; background:var(--c-line, #E2E8F0)}

.dsns__note{
	margin-top:.75rem; color:var(--c-fg-3, #64748B);
	font-size:var(--fs-xs, .75rem); line-height:1.7;
	text-align:center; word-break:keep-all;
}

.dsns__list{display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem}
.dsns__list--left{justify-content:flex-start}
.dsns__list--left+.dsns__note{text-align:left}

.dsns__b{
	display:flex; align-items:center; justify-content:center;
	width:52px; height:52px; flex:none;
	border:1px solid transparent;
	text-decoration:none;
	transition:filter .2s ease, background-color .2s ease;
}
.dsns__b:hover,
.dsns__b:focus-visible{filter:brightness(.94); text-decoration:none}
.dsns__b:focus-visible{outline:2px solid var(--c-accent, #2563EB); outline-offset:2px}

.dsns__i{
	display:block; width:26px; height:26px;
	background-color:currentColor;
	-webkit-mask:var(--dsns-mark) no-repeat center center; mask:var(--dsns-mark) no-repeat center center;
	-webkit-mask-size:contain; mask-size:contain;
}

@supports not ((-webkit-mask-image:none) or (mask-image:none)){
	.dsns__i{background-color:transparent}
}

.dsns__i--type{
	display:flex; align-items:center; justify-content:center;
	width:26px; height:26px;
	background:none; -webkit-mask:none; mask:none;
	font-size:25px; font-weight:800; font-style:normal; line-height:1;
}

.dsns__t{
	position:absolute; width:1px; height:1px; margin:-1px; padding:0;
	overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.dsns__b--naver{background:#03C75A; color:#fff}
.dsns__b--naver .dsns__i{--dsns-mark:url(img/naver.svg); width:21px; height:21px}

.dsns__b--kakao{background:#FEE500; color:#191919}
.dsns__b--kakao .dsns__i{--dsns-mark:url(img/kakao.svg); width:29px; height:29px}

.dsns__b--facebook{background:#1877F2; color:#fff}
.dsns__b--facebook .dsns__i{--dsns-mark:url(img/facebook.svg); width:27px; height:27px}

.dsns__b--google{background:#fff; border-color:#DADCE0}
.dsns__b--google:hover{background:#F7F8F8; filter:none}
.dsns__b--google .dsns__i{
	width:25px; height:25px;
	-webkit-mask:none; mask:none;
	background:url(img/google.svg) no-repeat center center; background-size:contain;
}

.dsns__b--twitter{background:#000; color:#fff}
.dsns__b--twitter .dsns__i{--dsns-mark:url(img/twitter.svg); width:23px; height:23px}

.dsns__b--payco{background:#FF0000; color:#fff}

.dsns__b--off{background:var(--c-surface-2, #F1F5F9); border-color:var(--c-line, #E2E8F0); color:#94A3B8}
.dsns__b--off:hover{background:#E7EDF3; filter:none}

@media (max-width:400px){
	.dsns__b{width:48px; height:48px}
}