@charset "UTF-8";
@import url("/_templet3/css/main.css");
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2019-10-15
-------------------------------------------------*/
.visual::before { background: url("/comm/img/main/visual.jpg") no-repeat 100% 100%/cover; }

.sns_banner{
	display:block;
	margin-bottom: 3rem;
	clear: both;
	}
.sns_banner:after{
	content:"";
	display:block;
	clear: both;
	visibility: hidden;
	}
.sns_banner > ul > li{
	float:left;
	width: calc(50% - .5rem);
	padding:1rem 2.5rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
}
.sns_banner a{
	display: block;
}
.sns_banner a > span{
	display:inline-block;
	vertical-align: middle;
}
.sns_banner img{
	margin: 0 0.5rem;
}
.sns_banner i{
	display:inline-block;
	width: 2.9rem;
	height: 2.9rem;
	margin-right: 1rem;
	vertical-align: middle;
}
.sns_banner i.icon_youtube{
	background: url("../img/main/icon_youtube01.png") no-repeat 100% 100%/cover;
}
.sns_banner i.icon_facebook{
	background: url("../img/main/icon_facebook01.png") no-repeat 100% 100%/cover;
}
.sns_banner > ul > li.benner_youtube{
	margin-right: 1rem;
	background-color: #333e50;
}
.sns_banner > ul > li.benner_facebook{
	background-color: #4267b2;
}
.sns_banner > ul > li.benner_facebook img{
	margin-top: -3px;
}

@media (max-width: 1200px){
	.sns_banner img{
		display: none;
	}
}

@media (max-width: 1024px){
	.sns_banner > ul > li{
		padding:1rem 1rem;
		font-size: 0.9rem;
	}
	.sns_banner i{
		width: 2.5rem;
		height: 2.5rem;
	}
}

@media (max-width: 768px){
	.sns_banner > ul > li{
		width: 100%;
		float: none;
		margin: 0 0 1rem 0;
	}
}