.major-intro-wrap { display: flex; gap: 60px; align-items: center; }
.major-bg-box { flex: 0 0 320px; height: 400px; background-image: url('/_res/unist/ee/img/content/undergrad_bg.png'); background-size: cover; background-position: center; border-radius: 85px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transform: translateZ( 0 ); }
.major-bg-box .bg-txt { color: #fff; font-size: 28px; font-weight: 700; z-index: 1; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }
.major-info-box { flex: 1; }
.major-info-box .h4-tit01 { padding-bottom: 20px; }
.major-info-box .con-p { color: #444; line-height: 1.6;}
.icon-img-wrap { display: flex; gap: 10px; }
.icon-img-wrap img { width: calc(50% - 5px); height: auto; }
@media screen and (max-width: 1024px) {
  .major-intro-wrap { gap: 40px; }
  .major-bg-box { flex: 0 0 280px; height: 350px; border-radius: 140px; }
}
@media screen and (max-width: 768px) {
  .major-intro-wrap { flex-direction: column; gap: 30px; text-align: center; }
  .major-bg-box { flex: 0 0 auto; width: 100%; max-width: 320px; height: 320px; border-radius: 50%; }
  .icon-img-wrap { justify-content: center; }
}
@media screen and (max-width: 400px) {
  .major-bg-box { max-width: 240px; height: 240px; }
  .icon-img-wrap { flex-direction: column; }
  .icon-img-wrap img { width: 100%; }
}