.office-box .heading{display: flex;align-items: flex-end;gap: 106px;padding: 0 0 40px;}
.office-box .heading .con-p{padding: 0 0 4px;}
.office-box .content{max-width: 387px;flex-shrink: 0;}
.office-box .h4-tit01{padding: 0 0 8px;}
.office-box .map-box {position: relative;}
.office-box .map{position: relative;padding-top: calc(540 / 1400 * 100%);border-radius: 16px;overflow: hidden;}
.office-box .map iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.contact-list{flex: 1;display: flex;flex-wrap: wrap;gap: 80px;}
.contact-list > li .item{display: flex;align-items: flex-start;gap: 20px;}
.contact-list > li .title{font-weight: 400;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #555;display: flex;align-items: center;gap: 4px;}
.contact-list > li .title::before{content: "";display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;flex-shrink: 0;}
.contact-list > li .title.is-clock::before{background-image: url(../img/content/office-ico01.png);}
.contact-list > li .title.is-phone::before{background-image: url(../img/content/office-ico02.png);}
.contact-list > li .title.is-mail::before{background-image: url(../img/content/office-ico03.png);}
.contact-list > li .txt{font-weight: 600;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;}
.contact-list > li .txt span{display: block;font-weight: 400;font-size: 13px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;}
.office-box .control {display:flex;gap: 20px;position: absolute;left: 0;bottom: 174px;width:100%;}
.office-box .btn {font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;display: flex;align-items: center;gap: 4px;padding: 18.5px 24px;border-radius: 8px;background: #fff;}
.office-box .btn::before {content:"";display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;flex-shrink: 0;}
.office-box .btn.is-naver::before {background-image: url(../img/content/office-ico04.png);}
.office-box .btn.is-kakao::before {background-image: url(../img/content/office-ico05.png);}
.transportation-box {position: relative;border: 1px solid #CFCFCF;border-radius: 16px;max-width: 535px;padding: 60px 40px;box-sizing: border-box;margin: -154px 40px 0 auto;background: #fff;}
.transportation-box > p {font-weight: 600;font-size: 24px;line-height: 150%;letter-spacing: -0.025em;color: #1f4e79;padding: 0 0 50px;}
.transportation-box .item {display: flex;align-items: center;justify-content: space-between;}
.transportation-box .item + .item {padding: 50px 0 0;margin: 50px 0 0;border-top: 1px dotted #CDD1D5;}
.transportation-box .item > p {font-weight: 600;font-size: 24px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;}
.transportation-box .item .num {display:block;border-radius: 50%;background: url(../img/content/office-ico06.png) no-repeat center;width: 24px;height: 24px;font-size:0;}
.transportation-box .tit01 {font-weight: 600;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #1e2124;}
.transportation-box .tit01 span {display: block;font-weight: 400;font-size: 13px;line-height: 150%;letter-spacing: -0.025em;color: #555;padding: 2px 0 0;}
.transportation-box .content {display: flex;align-items: flex-start;gap: 10px;}
.transportation-box .content.type02 {flex-direction: column;align-items: flex-start;gap: 0;}
.transportation-box .line {display: flex;align-items: center;gap: 36px;padding: 24px 0 0;}
.transportation-box .line > span:first-child {font-weight: 600;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;display: flex;align-items: center;gap: 8px;}
.transportation-box .line > span:first-child::before {content:"";display: block;border-radius: 50%;background: #386DE8;width: 16px;height: 16px;}
.transportation-box .line > span:last-child {font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;}

@media (max-width: 1500px) {
	.office-box .heading {flex-direction: column;align-items: flex-start;gap: 30px;}
}

@media (max-width: 1280px) {
	.office-box .control {position: unset;margin: 40px 0 0;}
	.transportation-box {margin: 0;max-width: 100%;border-top:0;border-radius: 0 0 16px 16px;}
	.office-box .map {border-radius: 16px 16px 0 0;border: 1px solid #CFCFCF;border-bottom: 0;}
}

@media (max-width: 1024px) {
	.contact-list {gap: 30px;}
}

@media (max-width: 768px) {
	.office-box .map {padding-top: 100%;}
	.office-box .control {flex-direction: column;}
	.office-box .btn {justify-content: center;}
	.transportation-box {padding: 20px;}
	.transportation-box > p {padding: 0 0 20px;}
	.transportation-box .item {flex-direction: column;align-items: flex-start;gap: 10px;}
	.transportation-box .item + .item {padding: 20px 0 0;margin: 20px 0 0;}
}