/*------------------버튼1개-------------------*/
.btn_sec_1{	
	width: 300px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.btn_sec_1 li{
	width:100%;	
	border:2px solid #d89fa0;
	border-radius:10px;
	overflow:hidden;
}
.btn_sec_1 li a{
	display:block;
	width:100%;
	height:100%;
	padding:25px 0;
	box-sizing:border-box;
	text-align:center;
	background:url("/html/assets/img/sub/about_btn_bg.png") no-repeat 100% 50%;
	background-size:cover;
	color:#d89fa0;
	font-size:18px;
	font-weight:500;
	transition: all 0.5s ease;
}
.btn_sec_1 li a i{
	font-size:16px;
	margin-left:5px;
	line-height:1.4;
}
/*---------------button hover---------------------*/
@media screen and (min-width:800.1px){
	.btn_sec_1 li a:hover{
		background:url("/html/assets/img/sub/about_btn_bg_w.png") no-repeat 100% 50% #d89fa0;
		background-size:cover;
		border:none;
		color:#fff;
	}
}

@media screen and (max-width:1200px){
	.btn_sec_1 li a{
		font-size:17px;
		padding:20px 0;
	}
}
@media screen and (max-width:1024px){
	.btn_sec_1 li a {
		font-size: 16px;
		padding: 18px 0;
	}
	.btn_sec_1 li a i {
		font-size:14px;
	}
}
@media screen and (max-width:600px){
	.btn_sec_1 li{
		border-radius:5px;
	}
	.btn_sec_1 li a {
		font-size: 15px;
		padding: 15px 0;
	}
	.btn_sec_1 li a i {
		font-size:13px;
	}
}
@media screen and (max-width:480px){
	.btn_sec_1 li{
		width:46%;
	}
	.btn_sec_1 li a{
		font-size:14px;
		padding: 12px 0;
	}
}
@media screen and (max-width:350px){
	.btn_sec_1 li{
		width:45%;
	}
}
/*---------------button and---------------------*/

/*------------------버튼2개-------------------*/
.btn_sec_2{	
	width: 1000px;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.btn_sec_2 li{
	width:47%;	
	border:2px solid #d89fa0;
	border-radius:10px;
	overflow:hidden;
}
.btn_sec_2 li a{
	display:block;
	width:100%;
	height:100%;
	padding:25px 0;
	box-sizing:border-box;
	text-align:center;
	background:url("/html/assets/img/sub/about_btn_bg.png") no-repeat 100% 50%;
	background-size:cover;
	color:#d89fa0;
	font-size:18px;
	font-weight:500;
	transition: all 0.5s ease;
}
.btn_sec_2 li a i{
	font-size:16px;
	margin-left:5px;
	line-height:1.4;
}
/*---------------button hover---------------------*/
@media screen and (min-width:800.1px){
	.btn_sec_2 li a:hover{
		background:url("/html/assets/img/sub/about_btn_bg_w.png") no-repeat 100% 50% #d89fa0;
		background-size:cover;
		border:none;
		color:#fff;
	}
}

@media screen and (max-width:1200px){
	.btn_sec_2 li a{
		font-size:17px;
		padding:20px 0;
	}
}
@media screen and (max-width:1024px){
	.btn_sec_2 li a {
		font-size: 16px;
		padding: 18px 0;
	}
	.btn_sec_2 li a i {
		font-size:14px;
	}
}
@media screen and (max-width:600px){
	.btn_sec_2 li{
		border-radius:5px;
	}
	.btn_sec_2 li a {
		font-size: 15px;
		padding: 15px 0;
	}
	.btn_sec_2 li a i {
		font-size:13px;
	}
}
@media screen and (max-width:480px){
	.btn_sec_2 li{
		width:46%;
	}
	.btn_sec_2 li a{
		font-size:14px;
		padding: 12px 0;
	}
}
@media screen and (max-width:350px){
	.btn_sec_2 li{
		width:45%;
	}
}
/*---------------button and---------------------*/




/*------------------버튼3개-------------------*/
.btn_sec_3{	
	width: 1200px;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.btn_sec_3 li{
	width:30%;
	border:2px solid #d89fa0;
	border-radius:10px;
	overflow:hidden;
}
.btn_sec_3 li a{
	display:block;
	width:100%;
	height:100%;
	padding:25px 0;
	box-sizing:border-box;
	text-align:center;
	background:url("/html/assets/img/sub/about_btn_bg.png") no-repeat 100% 50%;
	background-size:cover;
	color:#d89fa0;
	font-size:18px;
	font-weight:500;
	transition: all 0.5s ease;
}
.btn_sec_3 li a i{
	font-size:16px;
	margin-left:5px;
	line-height:1.4;
}
/*---------------button hover---------------------*/
@media screen and (min-width:800.1px){
	.btn_sec_3 li a:hover{
		background:url("/html/assets/img/sub/about_btn_bg_w.png") no-repeat 100% 50% #d89fa0;
		background-size:cover;
		border:none;
		color:#fff;
	}
}

@media screen and (max-width:1200px){
	.btn_sec_3 li a{
		font-size:17px;
		padding:20px 0;
	}
}
@media screen and (max-width:1024px){
	.btn_sec_3 li a {
		font-size: 16px;
		padding: 18px 0;
	}
	.btn_sec_3 li a i {
		font-size:14px;
	}
}
@media screen and (max-width:600px){
	.btn_sec_3{
		max-width:95%;
	}
	.btn_sec_3 li{
		border-radius:5px;
	}
	.btn_sec_3 li a {
		font-size: 15px;
		padding: 15px 0;
	}
	.btn_sec_3 li a i {
		font-size:13px;
	}
}
@media screen and (max-width:480px){
	.btn_sec_3 li a{
		font-size:14px;
	}
}
@media screen and (max-width:350px){
	.btn_sec_3{
		display:block;
	}
	.btn_sec_3 li{
		width:100%;
		margin-bottom:15px;
	}
}
/*---------------button and---------------------*/
