.contact-wrap02 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.contact-wrap02 .item {border: 1px solid #D6DCE8;padding: 30px 15px 30px 35px;border-radius: 5px;}
.contact-wrap02 .item > p {font-weight: 700;font-size: 20px;line-height: 130%;letter-spacing: -0.2px;vertical-align: middle;color: #2D2C91;margin: 0 0 20px;}
.contact-wrap02 .item > ul > li {display: flex;gap: 20px;justify-content: space-between;align-items: center;padding: 0 0 6px;}
.contact-wrap02 .item > ul > li:last-child {padding: 0;}
.contact-wrap02 .item > ul > li .left {font-weight: 600;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;max-width: 130px;width: 100%;}
.contact-wrap02 .item > ul > li .left > a {position: relative;display: flex;align-items: center;gap: 8px;}
.contact-wrap02 .item > ul > li .left > a:after {content: "";display: inline-block;background: url(/_res/unist/global/img/content/ico-contact-link.png)no-repeat center center;width: 18px;height: 18px;}
.contact-wrap02 .item:last-child > ul > li > .left {max-width: 180px;}
.contact-wrap02 .item > ul > li .right {flex: 1;}
.contact-wrap02 .item > ul > li .right ul{display: flex;gap: 20px;}
.contact-wrap02 .item > ul > li .right ul li {font-weight: 500;font-size: 15px;line-height: 26px;letter-spacing: -0.2px;color: #666666;}
.contact-wrap02 .item > ul > li .right ul li a {position: relative;display: flex;align-items: center;gap: 6px;}
.contact-wrap02 .item > ul > li .right ul li a:before {content: "";display: inline-block;width: 24px;height: 24px;}

.contact-wrap02 .item > ul > li .right ul li.phone a:before {background: url(/_res/unist/global/img/common/ico-phone.png)no-repeat center center;background-size: cover;}
.contact-wrap02 .item > ul > li .right ul li.mail a:before {background: url(/_res/unist/global/img/common/ico-mail.png)no-repeat center center;background-size: cover;}

@media (max-width: 1400px) {
	.contact-wrap02 {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 1024px) {
	.contact-wrap02 .item > ul > li .right ul {justify-content: flex-end;}
}


@media (max-width: 768px) {
	.contact-wrap02 .item {padding: 20px 15px ;}
	.contact-wrap02 .item > p {font-size: 18px;margin: 0 0 10px;}
	.contact-wrap02 .item > ul > li .left {max-width: unset;width: auto;}
}

@media (max-width: 600px) {
	.contact-wrap02 .item > ul > li {flex-direction: column;align-items: flex-start;gap: 10px;padding: 0 0 15px;}
	.contact-wrap02 .item > ul > li .right ul {flex-direction: column;gap: 10px;}
}