.list-item .item {padding: 64px 0;border-bottom: 1px solid #CCCCCC;}
.list-item .item:first-child {padding-top: 0;}
.list-item .item:last-child {border-bottom: 0;padding-bottom: 0;}
.list-item .item .box-content {border-radius: 12px;background: #F2F6FB;padding: 52px 40px;margin: 0 0 40px;}
.list-item .item .box-content .top {padding: 0 0 40px;border-bottom: 1px solid #CCCCCC;display: flex;gap: 20px 40px;align-items: center;}
.list-item .item .box-content .top span img {width: 100%;height: 100%;object-fit: cover;}
.list-item .item .box-content .bot {padding: 40px 0 0;display: flex;gap: 20px 40px;}
.list-item .item .box-content .bot .tit {font-weight: 700;font-size: 52px;line-height: 150%;letter-spacing: -0.5px;color: #111111;}
.list-item .item .box-content .bot .tit02 .en {font-weight: 600;font-size: 24px;line-height: 150%;letter-spacing: -0.2px;color: #000000;padding: 0 0 12px;display: block;}
.list-item .item .box-content .bot .tit02 .kr {font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.2px;color: #000000;padding: 0 0 12px;display: block;}
.list-item .item .box-content .bot .tit02 .kr + .kr {padding-bottom: 0;}
.list-item .item > ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;}
.list-item .item > ul > li {border-radius: 8px;overflow: hidden;}
.list-item .item > ul > li img {width: 100%;height: 1005;object-fit: cover;transition: transform .5s ease;}
.list-item .item > ul > li:hover img {transform: scale(1.1);}


.list-accadiron {border-top: 1px solid #000000}
.list-accadiron > ul > li {cursor: pointer;border-bottom: 1px solid #CCCCCC;}
.list-accadiron > ul > li .tit {font-weight: 500;font-size: 24px;line-height: 150%;letter-spacing: -0.2px;color: #222222;position: relative;display: flex;justify-content: space-between;align-items: center;padding: 36px 40px;gap: 20px;}
.list-accadiron > ul > li .tit:after {content: "";background: url(/_res/yonsei_ysb/ysb/img/content/ico-yvip.png)no-repeat;background-size: cover;width: 25px;height: 21px;display: inline-block;transform: rotate(0deg);transition: transform .3s ease;transform-origin: 50% 50%;
	will-change: transform;}
.list-accadiron > ul > li.on .tit:after { transform: rotate(180deg);}

.list-accadiron > ul > li > .content {padding: 36px 40px;background: #FAFCFF;border-top: 1px solid #CCCCCC}


@media (max-width: 1024px){
	.list-item .item {padding: 40px 0;}
}
	
	
@media (max-width: 768px){
	.list-item .item .box-content {padding: 25px;}
	.list-item .item .box-content .top {padding: 0 0 20px;flex-direction: column;}
	.list-item .item .box-content .bot {padding: 20px 0 0;flex-direction: column;align-items: center;}
	.list-item .item .box-content .bot .tit{font-size: 35px;padding: 0;}
	.list-item .item .box-content .bot .tit02 .en {font-size: 20px;padding: 0 0 5px;}
	.list-item .item .box-content .bot .tit02 .kr {font-size: 16px;padding: 0 0 5px;}

	.list-item .item > ul {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}

	.list-accadiron > ul > li .tit {padding: 20px;font-size: 18px;}
	.list-accadiron > ul > li .tit:after {max-width: 20px;height: 16px;width: 100%;}
	.list-accadiron > ul > li > .content {padding: 20px;}
	.btn.btn-file, .btn.btn-link {padding: 15px 70px 15px 15px;}
}

@media (max-width: 500px){
	.list-item .item > ul {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
}