@charset "utf-8";

._obj {overflow: unset;}
  
.gradjob-year {position:relative; top:0px; align-self:start; font-size:30px; font-weight: 800; color:#2e3138; background:#fff; margin: 50px 0 10px; padding-top: 15px; z-index:10; line-height: normal !important;}
.gradjob-year::before {content: ''; width: 64px; height: 4px; position: absolute; top: 10px; left: 0; background-color: #0ea04f;}
.gradjob-year::after {content: ''; width: 18px; height: 4px; position: absolute; top: 10px; left: 0; background-color: #2e3138;}
.gradjob-year:first-of-type {margin-top: 0;}

.gradjob-wrap {align-items:start; margin:0 auto 48px;}

.gradjob-wrap > li {width:100%; padding: 12px 0; display: flex; gap: 20px; align-items: center; border-bottom:1px solid #cfcfcf;}
.gradjob-wrap > li:first-child {border-top:2px solid #aaa;}

.gradjob-wrap > li .gradjob-logo-wrap {width: 240px; height: 170px; border: 1px solid #cfcfcf; border-radius: 15px; display: flex; align-items: center; justify-content: center;}
.gradjob-wrap > li .gradjob-logo-wrap .gradjob-logo {width: 200px; height: 150px; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important;}
/* .gradjob-wrap .gradjob-logo img {width: 100%; height: 100%; max-width: 200px; max-height: 140px; object-fit: contain;} */

.gradjob-cont {flex: 1;}
.gradjob-cont .gradjob-name {font-size:22px; font-weight:bold; color:#222; padding-bottom: 12px; border-bottom:1px dashed #ddd; display: block;}
.gradjob-cont ul {display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 10px 10px 0; font-size: 17px;}
.gradjob-cont ul li {width: calc(50% - 10px); display: flex;}

.gradjob-label {padding-left: 16px; position: relative; font-weight: bold; width: 110px; display: block;}
.gradjob-label::before {content:""; width: 5px; height: 5px; border-radius: 50%; background-color:#0ea04f; position:absolute; top:11px; left:0;}
.gradjob-desc {flex: 1;}
.gradjob-desc .major::before{content: ''; width: 2px; height: 12px; background-color: #aaa; display: inline-block; margin: 0 5px;}
 
@media (max-width: 1024px) {
    .gradjob-year {font-size: 24px;}
    .gradjob-year::before {width: 52px;}
    .gradjob-year::after {width: 6px;}

    .gradjob-wrap > li {flex-direction: column; gap: 10px;}
    .gradjob-wrap > li .gradjob-logo {width: 100%;}
    
    .gradjob-cont .gradjob-name {font-size: 20px;}
}
@media (max-width: 768px) {
    .gradjob-cont ul {padding: 10px 5px 0;}
    .gradjob-cont ul li {width: 100%;}
}