/* 커스텀 CSS */
@media print {
	#header,
	.hblank,
	#visual,
	#footer {display: none;}
	#content .psc.ptitle {margin-top: 10px;margin-bottom: 20px;}
}

#visual .sns-list {display: none;position: absolute;top: 100%;right: 0;z-index: 100;width: auto;box-shadow: 0 5px 15px rgba(0, 0, 0, .1);background-color: #a90057;}
#visual .sns-list ul {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 2px;padding: 2px;}
#visual .sns-list ul li {display: block;position: relative;}
#visual .sns-list .btn {position: relative;display: block;width: 92px;height: 82px;padding: 12px 13px 10px;background-color: #fff;transition: all .3s ease;}
#visual .sns-list .btn:hover,
#visual .sns-list .btn:focus {background-color: #dcdcdc;}
#visual .sns-list .btn div {display: block;position: relative;width: 40px;height: 40px;margin: 0 auto 9px;}
#visual .sns-list .btn div:before {content: "";display: block;position: absolute;width: 32px;height: 32px;top: 3px;left: 3px;background: url('../img/style/ic_sns.png') no-repeat;}
#visual .sns-list .btn span {display: block;text-align: center;line-height: 1;font-size: 11px;font-weight: 500;letter-spacing: .05em;}
#visual .sns-list .btn.facebook div:before {background-position: -1px -1px;}
#visual .sns-list .btn.twitter div:before {background-position: -34px -1px;}
#visual .sns-list .btn.naver div:before {background-position: -66px -1px;}
#visual .sns-list .btn.band div:before {background-position: -100px -1px;}
#visual .sns-list .btn.google div:before {background-position: -133px -1px;}

@media (max-width: 768px) {
	#visual .sns-list {top: 130px;width: 100%;overflow-x: scroll;}
	#visual .sns-list ul li:last-child {padding-right: 2px;}
}