.wifi-title { 
	border:1px solid #276aad; 
	padding:20px; 
	display:flex; 
	align-items:center; 
	margin-bottom:50px;
}
.wifi-title .wifi-img { 
	padding:0 20px; 
	border-right:1px solid #eee; 
}
.wifi-title .wifi-cont {
	padding:0 20px; 
	font-size:20px;
	line-height:1.2;
}
.project-wrap .project {
    display: flex;
    margin-bottom: 100px;
}
.project-wrap .project .p-logo img {
    width: 360px;
}
.project-wrap .project .p-content {
    width: 100%;
}
.project-wrap .project .p-boxes {
    cursor: pointer;
    border: 1px solid #E1E0E0;
    padding: 20px;
	margin-bottom:30px;
}
.project-wrap .project .p-boxes .p-title-top {
    display: flex;
    justify-content: space-between;
}
.project-wrap .project .p-boxes .btn_more {
    padding:10px; background:#3973bb; border-radius:5px; color:#fff; 
}

.project-wrap .project .p-boxes .btn_text { padding-right:10px;line-height: 1.4; }

.project-wrap .project .p-title {
    font-size: 30px;
    color: #00345C;
    margin-bottom: 16px;
    line-height: 40px;
}
.project-wrap .project .p-title span {
    font-size: 30px;
    color: #998B73;
}
.project-wrap .project .p-boxes .p-ptitle {
    font-size: 22px;
    color: #00345C;
    margin: 10px 0;
	position:relative;
	padding-left:33px;
	font-weight:600;
}
.project-wrap .project .p-boxes .p-ptitle::before {
	position:absolute;
	content:"";
	width:23px; 
	height:27px;
	left:0;
	top:-1px;
	background:url("/_res/ajou/kr/img/life/wifi_icon02.png") no-repeat;	
}

.project-wrap .project .p-boxes .p-desc {
    font-size: 16px;
    color: #1E1E1E;
}
.project-wrap .project .p-boxes .p-title-desc {margin-bottom:30px;}

.project-wrap .project .p-boxes:hover .p-ptitle {
    font-size: 22px;
    color: #E1E0E0;
    margin: 10px 0;
}
.project-wrap .project .p-boxes:hover .p-desc {
    font-size: 16px;
    color: #F5F4F4;
}
.project-wrap .project .p-boxes .p-detail {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.project-wrap .project .p-boxes .p-title-top svg {
    transition: transform 0.5s ease-in;
}
.project-wrap .project .p-boxes:hover .p-title-top svg path {
    stroke: rgb(255, 255, 255, 0.4);
    transition: transform 0.5s ease-in;
}
.project-wrap .project .p-boxes.pactive .p-title-top svg {
    transform: rotate(180deg);
    stroke: rgb(255, 255, 255);
}
.project-wrap .project .p-boxes.pactive .p-detail {
    max-height: 880px;
    animation: pfade 1s ease-in-out;	
}
.project-wrap .project .p-boxes:nth-child(n+5).pactive .p-detail {
    max-height: 1300px;
    animation: pfade 1s ease-in-out;
}

.list-box {}
.list-box ul {}
.list-box ul li {display:inline-block; width:29.33%; margin:1%; border:1px solid #eee; padding:10px; text-align:center; vertical-align:top;}
.list-box ul li h2 {font-size:16px; font-weight:normal; text-align:center; margin:20px 0; min-height:40px; line-height:1.2}
.list-box ul li img {max-width:100%; width:250px;}

@media (max-width: 1200px) {
	.list-box ul li { width:28%; margin: 1% 0.8%;}
	.list-box ul li h2 { font-size:15px; }
	.list-box ul li h2 br {display:none;}
}
@media (max-width: 1000px) {
	.project-wrap .project .p-boxes .p-ptitle {width:70%;}
	.project-wrap .project .p-boxes .btn_more { height:25px;}
}
@media (max-width: 767px) {
	.project-wrap .project .p-boxes {padding:10px;}
	.project-wrap .project .p-boxes .p-ptitle {font-size:16px;}
	.project-wrap .project .p-boxes:hover .p-ptitle {font-size:16px;}
	.project-wrap .project .p-boxes .btn_text {padding-right:5px;}
	.project-wrap .project .p-boxes .btn_more {text-align: center; font-size: 14px; }
	.list-box ul {margin:0 -0.5%}
	.list-box ul li { padding: 7px;}
	.list-box ul li h2 {font-size:14px; min-height:51px; margin:10px 0;letter-spacing: -1px;}
	.wifi-title .wifi-cont {font-size:16px;}
		
}

@media (max-width: 540px){
	.list-box ul li {width:43%; margin:1% 0.5%;}
	.project-wrap .project .p-boxes .btn_more { height:36px;}
}