.btn-student {margin-top: 40px;}
.btn {padding: 12px 20px;max-width: 220px;width: 100%;box-sizing: border-box;border-radius: 60px;text-align: center;}

.list-application .item {padding: 64px 0;border-bottom: 1px solid #CCCCCC;display: flex;gap: 10px 50px;}
.list-application .item:first-child {padding-top: 0;}
.list-application .item .tit {width: 250px;}
.list-application .item .desc {flex: 1;}
.list-application .item:last-child {flex-direction: column;gap: 0;}

.contact {display: flex;gap: 20px 100px;}
.contact li {display: flex;gap: 20px;align-items: center;}
.contact li p {font-weight: 500;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;color: #111111;position: relative;}
.contact li p:after {width: 1px;height: 16px;background: #000000;content: "";display: inline-block;margin-left: 16px;}
.contact li a {font-weight: 500;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}

.btn-application {display: flex;justify-content: space-between;align-items: center;}
.box-button {display: flex;gap: 12px;}
.box-button .btn {padding: 16px 20px;border-radius: 8px;max-width: unset;width: auto;background: #F5F5F5;border: 0;font-size: 20px;color: #000000;font-weight: 400;transition: all .3s;}
.box-button .btn:hover {background: #001B54;color: #fff;}

@media (max-width: 1024px){
	.contact {flex-direction: column;}
	.list-application .item {padding: 40px 0;}
}


@media (max-width: 768px) {
	
	.list-application .item {flex-direction: column;}
	
	.contact li p {font-size: 16px;}
	.contact li a {font-size: 16px;}
	.contact li p:after {height: 10px;margin-left: 5px;}
	.contact li {gap: 5px;}
	.contact li span{width: 20px;}
	.contact li img {width: 100%;height: 100%;object-fit: cover;}
	
	.box-button .btn {font-size: 16px;}
	.btn-application {flex-direction: column;gap: 15px;}
	.box-button {flex-direction: column;gap: 15px;width: 100%;}
	.box-button .btn {width: 100%;}
}

@media (max-width: 400px) {
	.btn {width: 100%;max-width: unset;}
}