@charset "UTF-8";

.sns_banner {position: relative; opacity: 0; top: 14px; padding-bottom: 98px;}
.sns_banner::before{content:""; display: block; position: absolute; right: 0; top: 25px; width: 100%; height: 1px; background-color: #000000}
.sns_banner::after{content:""; display: block; position: absolute; left: 0; top: 18px; width: 13px; height: 13px; border-radius: 50%; background-color: white; border: 4px solid #1473e6;}
.sns_banner .slick-list{margin: 0 -15px; padding-right: 292px; position: relative; padding-left: 30px; overflow: inherit;}
.sns_banner .slick-slide{margin: 0 15px; padding-top: 35px; position: relative; max-width: 300px;}
.sns_banner .slick-slide .icon{border-radius: 15px; overflow: hidden;}
.sns_banner .slick-slide .icon img{width: 100%;}
.sns_banner .slick-slide .text_1{line-height: 1;}
.sns_banner .slick-slide .sns-logo{position: absolute; left: 50%; top: 0; width: 50px; height: 50px; margin-left: -25px; background-repeat: no-repeat; background-position: center center; display: block; border-radius: 50%; overflow: hidden;}
.sns_banner .slick-slide .sns-logo span{display: block; width: 100%; height: 100%;}
.sns_banner .slick-slide .sns-logo .short_logo{background-image: url(../images/sns_icon_1.png)}
.sns_banner .slick-slide .sns-logo .insta_logo{background-image: url(../images/sns_icon_2.png)}
.sns_banner .slick-slide .sns-logo .youtube_logo{background-image: url(../images/sns_icon_3.png)}
.sns_banner .slick-slide .sns-logo .facebook_logo{background-image: url(../images/sns_icon_4.png)}
.sns_banner .slick-slide .sns-logo .blog_logo{background-image: url(../images/sns_icon_5.png)}
.sns_banner .slick-slide .sns-type p{font-size: 12px; font-family: "SBA Medium"; margin: 11px 0 5px;}
.sns_banner .slick-slide .sns-type p span{background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s;}
.sns_banner .slick-slide .sns-type p.type_1{color: #ff0000; }
/* .sns_banner .slick-slide .sns-type p.type_1 span{background-image: linear-gradient(#ff0000, #ff0000);} */
.sns_banner .slick-slide .sns-type p.type_2{color: #e300f1;}
/* .sns_banner .slick-slide .sns-type p.type_2 span{background-image: linear-gradient(#e300f1, #e300f1);} */
.sns_banner .slick-slide .sns-type p.type_3{color: #013ebb;}
/* .sns_banner .slick-slide .sns-type p.type_3 span{background-image: linear-gradient(#013ebb, #013ebb);} */
.sns_banner .slick-slide .sns-type p.type_4{color: #ff0000;}
/* .sns_banner .slick-slide .sns-type p.type_4 span{background-image: linear-gradient(#ff0000, #ff0000);} */
.sns_banner .slick-slide .sns-type p.type_5{color: #229a02;}
/* .sns_banner .slick-slide .sns-type p.type_5 span{background-image: linear-gradient(#229a02, #229a02);} */
.sns_banner .slick-slide .text_1 span{font-family: "SBA Medium"; font-size: 14px; line-height: 24px; color: #000000; background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s; background-image: linear-gradient(#000000, #000000); word-break: break-all;}
/* .sns_banner .slick-slide a:hover .sns-type p span{background-size: 100% 2px;} */
.sns_banner .slick-slide a:hover .text_1 span{background-size: 100% 2px;}

.mCSB_container .sns_banner{opacity: 1;}

@media screen and (max-width: 1200px) {
	.sns_banner .slick-slide a{cursor: pointer;}
	.sns_banner{cursor: auto;}
	.cursor-custom{display: none !important}
    .sns_banner{top: 51px; padding-bottom: 57px;}
	.sns_banner .slick-list{padding-right: 310px;}
	.sns_banner .slick-slide .sns-logo {top: 2px;}
	.sns_banner .slick-slide .sns-logo span{font-size: 12px;}
    .sns_banner .slick-slide .sns-type p{margin: 22px 0 5px;}
}

@media screen and (max-width: 768px) {
	.sns_banner{padding-bottom: 30px; top: 5px;}
	.sns_banner .slider {padding-left:25px; margin-bottom: 5px !important}
	.sns_banner .slick-list{padding-left: 15px; padding-right: 210px;}
	.sns_banner .slick-slide .sns-type p{font-size: 10px; margin: 7px 0 2px;}
	.sns_banner .slick-slide .text_1 span{font-size: 12px; line-height: 20px;}
}