@charset "utf-8";
/*계약학과 사업단 소개*/
.intro_banner{height: 180px; background: url("/sites/earlyuniv/images/sub/intro_banner.jpg") no-repeat; background-size: 100% 100%;}
.intro_banner > div{display: table; width: 100%; height: 100%;}
.intro_banner > div > p{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; font-size: 26px; font-family: 'Noto Medium'; color: #fff;}

.intro_content > li{width: 100%; float: left; box-sizing: border-box; margin-bottom: 65px;}
.intro_content li .intro_title{display: inline-block; float: left; width: 120px; margin-right: 30px;}
.intro_content li .intro_title{width: 120px; height: 120px; border-radius: 50%; display: table; position: relative;}
.intro_content li .intro_title::after{position: absolute; display: inline-block; content: ''; background: url("/sites/earlyuniv/images/sub/tail.png") no-repeat; width: 26px; height: 6px; top: 50%; right: -26px; margin-top: -3px;}
.intro_content li .intro_title p{display: table-cell; width: 100%; height: 100%; padding: 25px; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; font-family: 'Noto Medium';}
.intro_content li:nth-child(1) .intro_title{background: #2c7fe5;}
.intro_content li:nth-child(2) .intro_title{background: #00a6f7;}
.intro_content li:nth-child(3) .intro_title{background: #00c6e3;}
.intro_content li:nth-child(4) .intro_title{background: #0caea4;}
.intro_content li:nth-child(5) .intro_title{background: #0c99ae;}
.intro_content li .intro_contentBox{display: inline-block; float: right; width: calc(100% - 180px); box-sizing: border-box;}
.intro_content li .gBorder{border: 5px solid #e8eff5; border-radius: 20px; padding: 28px 0; text-align: center; font-size: 18px; color: #333; margin-top: 15px; font-family: 'Noto Medium';}
.intro_content li .colorBox{border: 5px solid #00a6f7; padding: 30px 0; border-radius: 20px; font-size: 0; box-sizing: border-box;}
.intro_content li .colorBox > li{width: 20%; display: inline-block; vertical-align: top;}
.intro_content li .colorBox > li p{text-align: center; font-size: 15px; font-family: 'Noto Medium'; color: #00a6f7; margin-bottom: 5px;}
.intro_content li .colorBox > li p span{font-size: 14px; font-family: 'Noto Regular'; color: #555; display: block;}
.intro_content .intro_contentBox .indigoBox{font-size: 0;}
.intro_content .intro_contentBox .indigoBox > li{width: 25%; display: inline-block; padding: 0 5px; vertical-align: top; box-sizing: border-box;}
.intro_content .intro_contentBox .indigoBox > li .indigo{border: 2px solid #353f5b; border-radius: 20px; box-sizing: border-box; overflow: hidden;}
.intro_content .intro_contentBox .indigoBox > li .indigo .title{padding: 15px 0; box-sizing: border-box; font-size: 16px; font-family: 'Noto Medium'; color: #fff; line-height: 25px; background: #353f5b; text-align: center;}
.intro_content .intro_contentBox .indigoBox > li .indigo .indigo_list{padding: 15px 0; box-sizing: border-box;}
.intro_content .intro_contentBox .indigoBox .indigo_list > li{color: #1e2b3b; font-size: 15px; text-align: center;}
.intro_content .intro_contentBox .greyBg{font-size: 0;}
.intro_content .intro_contentBox .greyBg > li{width: 25%; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 0 5px;}
.intro_content .intro_contentBox .greyBg > li > ul{padding: 15px; box-sizing: border-box; border-radius: 20px; background: #e6eff1; min-height: 150px;}
.intro_content .intro_contentBox .greyBg > li > ul li{font-size: 13px;}
.intro_content .intro_contentBox .borderBox{padding: 30px 0; box-sizing: border-box; border-top: 4px solid #e8eff5; border-bottom: 4px solid #e8eff5; font-size: 0;}
.intro_content .intro_contentBox .borderBox li{padding: 0 17px; box-sizing: border-box; display: inline-block; width: 20%; vertical-align: top;}
.intro_content .intro_contentBox .borderBox li dt{text-align: center; font-family: 'Noto Medium'; font-size: 14px; color: #0c99ae; margin-bottom: 7px;}
.intro_content .intro_contentBox .borderBox li dd{text-align: center; font-size: 14px; color: #555; margin-bottom: 3px;}

.arrowBox{font-size: 0; text-align: center;}
.arrowBox li{display: inline-block; padding: 0 16px; box-sizing: border-box; position: relative;}
.arrowBox li:after{position: absolute; content: ''; display: inline-block; width: 19px; height: 16px; background: url("/sites/earlyuniv/images/sub/twin_arrow.png") no-repeat; top: 12px; right: -9px;}
.arrowBox li:last-child::after {display:none;}
.arrowBox li .txtWrap{text-align: center;}
.arrowBox li .txtWrap span{display: inline-block; border: 3px solid #0caea4; font-family: 'Noto Medium'; padding: 10px 18px; box-sizing: border-box; font-size: 15px; color: #0caea4; text-align: center; border-radius: 41px;}
.planeBox{font-size: 0; padding: 30px; background: #0cada4; border-radius: 20px; box-sizing: border-box; height: 116px; text-align: center;}
.planeBox li {display: inline-block; vertical-align: top; padding: 0 20px; box-sizing: border-box; position: relative; height: 100%;}
.planeBox li::after {position: absolute; content: ''; display: inline-block; width: 1px; height: 42px; background: rgba(255,255,255,0.3); top: 8px; right: 0;}
.planeBox li:last-child::after {display: none;}
.planeBox li .txtWrap{display: table; width: 100%; height: 100%;}
.planeBox li .txtWrap p{display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 18px; line-height: 25px; color: #fff; text-align: center; font-family: 'Noto Medium';}

@media all and (max-width: 1023px){

}

@media all and (max-width: 768px){
  .intro_banner > div > p{font-size: 20px; padding: 0 15px;}
  .intro_content li .intro_title{width: 100%; height: 40px; line-height: 40px; border-radius: 40px;}
  .intro_content li .intro_title::after{transform: rotate(90deg); top: auto; bottom: -16px; right: auto; left: 50%; margin-left: -13px;}
  .intro_content li .intro_title p{font-size: 16px; padding: 0;}
  .intro_content li .intro_contentBox{width: 100%; margin-top: 20px;}
  .intro_content li .gBorder{font-size: 14px; padding: 20px 0;}
  .intro_content li .colorBox{padding: 15px; padding-bottom: 0; margin-top: 20px;}
  .intro_content li .colorBox > li{width: 50%; margin-bottom: 20px;}
  .intro_content li .colorBox > li p{font-size: 13px;}
  .intro_content li .colorBox > li p span{font-size: 13px;}
  .intro_content .intro_contentBox .indigoBox{margin-top: 20px;}
  .intro_content .intro_contentBox .indigoBox > li {width: 100%; margin-bottom: 10px;}
  .intro_content .intro_contentBox .indigoBox > li .indigo .title{padding: 5px 0; font-size: 14px;}
  .intro_content .intro_contentBox .greyBg {margin-top: 20px;}
  .intro_content .intro_contentBox .greyBg > li{width: 100%; margin-bottom: 10px;}
  .intro_content .intro_contentBox .greyBg > li > ul{min-height: auto;}
  .intro_content .intro_contentBox .borderBox{padding: 0; margin-top: 20px;}
  .intro_content .intro_contentBox .borderBox li{width: 100%; border-bottom: 2px solid #ddd; padding: 10px 17px;}
  .intro_content .intro_contentBox .borderBox li:last-child{border-bottom: 0;}
  .wrap-contents .objHeading_h3{font-size: 18px;}
  .arrowBox li{width: 100%; margin-bottom: 40px;}
  .arrowBox li .txtWrap span{width: 100%;}
  .arrowBox li:after{right: auto; left: 50%; margin-left: -9px; top: auto; bottom: -29px; transform: rotate(90deg);}
  .planeBox{height: auto; padding: 15px;}
  .planeBox li{width: 100%; padding: 10px 0;}
  .planeBox li .txtWrap p{font-size: 16px;}
  .planeBox li .txtWrap p br{display: none;}
  .planeBox li::after{width: 100%; height: 1px; top: auto; bottom: 0; left: 0; right: auto;}
}

/*조직도*/
.orgBox{padding: 0 65px; box-sizing: border-box;}
.orgTop{position: relative; text-align: center; box-sizing: border-box; padding-bottom: 60px;}
.orgTop::after{content: ''; display: inline-block; width: 1px; height: 60px; background: #ddd; position: absolute; bottom: 0; left: 50%; z-index: -1;}
.orgTop span{display: inline-block; background: #1e263b; width: 205px; height: 56px; line-height: 56px; color: #fff; font-size: 18px; text-align: center; border-radius: 56px;}
.orgMidTopcon{position: relative; padding: 0 75px; box-sizing: border-box; height: 480px;}
.orgGrey{display: inline-block; width: 240px;}
.orgGrey p{padding: 13px 0; box-sizing: border-box; text-align: center; font-size: 16px; color: #fff; background: #687084; border-radius: 10px; position: relative;}
.orgGrey.pLeft.pTop{top: 0;}
.orgGrey.pLeft{position: absolute; left: 0;}
.orgGrey.pLeft p::after{content: ''; display: inline-block; width: 20px; height: 1px; background: #ddd; position: absolute; top: 50%; right: -20px;}
.orgGrey.pRight{position: absolute; right: 0; top: 80px;}
.orgGrey.pLeft.pMiddle{top: 110px;}
.orgGrey.pLeft.pBottom{top: 190px;}
.orgGrey.pLeft.pBottom p{border-radius: 10px 10px 0 0;}
.orgGrey>ul{font-size: 0; padding: 15px 0; box-sizing: border-box; border: 1px solid #687084; border-radius: 0 0 15px 15px; background: #fff;}
.orgGrey>ul li{text-align: center; margin-bottom: 10px;}
.orgGrey>ul li:last-child{margin-bottom: 0;}
.orgGrey>ul li span{display: inline-block; padding-left: 8px; box-sizing: border-box; position: relative; font-size: 14px; color: #555;}
.orgGrey>ul li span::before{position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; background: #747474; top: 8px; left: 0;}
.vertical1{display: inline-block; width: 1px; height: 82px; background: #ddd; position: absolute; top: 25px; left: 260px;}
.vertical2{display: inline-block; width: 1px; height: 80px; background: #ddd; position: absolute; top: 135px; left: 260px;}
.vertical2::after{content: ''; display: inline-block; width: 23px; height: 1px; background: #ddd; position: absolute; top: 50%; right: -23px;}
.vertical3{display: inline-block; width: 1px; height: 139px; background: #ddd; position: absolute; top: 175px; left: 283px;}
.midCircle{max-width: 212px; display: inline-block; width: 212px; height: 212px; background: url("/sites/earlyuniv/images/sub/org_center.png") no-repeat; background-size: 100%; position: relative; left: 50%; margin-left: -106px;}
.midCircle::before{display: inline-block; content: ''; position: absolute; top: 50%; right: -110px; width: 110px; height: 1px; background: #ddd; z-index: -1;}
.midCircle::after{display: inline-block; content: ''; position: absolute; top: 50%; left: -86px; width: 86px; height: 1px; background: #ddd; z-index: -1;}
.midCircle .circle{display: table; width: 100%; height: 100%; position: relative;}
.midCircle .circle::before{display: inline-block; content: ''; position: absolute; top: 313px; left: -62px; width: 169px; height: 1px; background: #ddd; z-index: -1;}
.midCircle .circle::after{display: inline-block; content: ''; position: absolute; top: 212px; left: 50%; width: 1px; height: 300px; background: #ddd; z-index: -1;}
.midCircle .circle .circleInner{display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 18px; line-height: 25px; text-align: center; color: #fff;}
.orgMidBotcon > ul{position: relative; font-size: 0; padding-bottom: 80px; box-sizing: border-box;}
.orgMidBotcon > ul::before{content: ''; display: inline-block; position: absolute; top: 0; left: 50%; z-index: -1; width: 1px; height: 200px; background: #ddd;}
.orgMidBotcon > ul > li{display: inline-block; width: 33.3333%; vertical-align: top; background: #fff;}
.orgMidBotcon > ul > li:nth-child(2){text-align: center;}
.orgMidBotcon > ul > li:nth-child(3){text-align: right;}
.orgMidBotcon .orgGrey p::after{content: "*4개 학과 참여 교수, 기업"; font-size: 14px; color: #888; position: absolute; bottom: -25px; left: 10px;}
.orgBlue{display: inline-block; width: 240px; border-radius: 10px; position: relative;}
.orgBlue::after{content: ''; display: inline-block; position: absolute; right: -100px; top: 50%; height: 1px; width: 100px; background: #ddd;}
.orgBlue p{padding: 13px 0; box-sizing: border-box; text-align: center; font-size: 16px; color: #fff; background: #0c99ae; border-radius: 10px;}
.orgBot{text-align: center; font-size: 0;}
.orgBot > ul{padding-top: 40px; box-sizing: border-box; position: relative; text-align: center; margin: 0 -40px;}
.orgBot > ul::before{content: ''; display: inline-block; width: 654px; height: 1px; background: #ddd; position: absolute; top: 0; left: 50%; margin-left: -327px; z-index: -1;}
.orgBot > ul > li{position: relative; display: inline-block; width: 33.3333%; vertical-align: top; padding: 0 30px; box-sizing: border-box;}
.orgBot > ul > li::before{content: ''; display: inline-block; width: 1px; height: 40px; background: #ddd; position: absolute; top: -40px; left: 50%; z-index: -1;}
.orgBot > ul > li:nth-child(2)::before{display: none;}
.orgBot > ul > li p{position: relative; padding: 15px 0; background: #e8eff5; text-align: center; color: #545b6c; font-size: 16px; border-radius: 10px 10px 0 0; border: 1px solid #c7cfdc; box-sizing: border-box;}
.orgBot > ul > li > div > ul{padding: 15px 0; box-sizing: border-box; border: 1px solid #c7cfdc; border-top: 0; border-radius: 0 0 15px 15px;}
.orgBot > ul > li > div > ul li{text-align: center; margin-bottom: 10px;}
.orgBot > ul > li > div > ul li:last-child{margin-bottom: 0px;}
.orgBot > ul > li > div > ul li span{display: inline-block; padding-left: 8px; box-sizing: border-box; position: relative; font-size: 14px; color: #555;}
.orgBot > ul > li > div > ul li span::before{content: ''; display: inline-block; width: 4px; height: 4px; background: #747474; position: absolute; top: 8px; left: 0; z-index: -1;}

@media all and (max-width: 900px){
 .orgBox{padding: 0;}
 .orgTop{padding-bottom: 20px;}
 .orgTop span{width: 100%; height: 40px; line-height: 40px; font-size: 16px;}
 .orgMidTopcon{height: 660px; padding: 0;}
 .orgGrey p{font-size: 14px;}
 .orgBlue p{font-size: 14px;}
 .orgGrey.pLeft{width: 50%;}
 .orgGrey.pRight{width: 50%; top: 260px; padding: 0 10px; box-sizing: border-box;}
 .orgGrey.pLeft.pTop{top: 260px; padding: 0 10px; box-sizing: border-box;}
 .orgGrey.pLeft.pMiddle{top: 350px; padding: 0 10px; box-sizing: border-box;}
 .orgGrey.pLeft.pBottom{top: 350px; left: auto; right: 0; padding: 0 10px; box-sizing: border-box;}
 .orgGrey>ul li span{font-size: 13px;}
 .vertical1{top: 240px; width: 75%; left: 0; height: 1px;}
 .vertical2{top: 330px; width: 75%; left: 0; height: 1px;}
 .vertical3{top: 240px;left: 0; height: 1049px; z-index: 10;}
 .midCircle::before, .midCircle .circle::before, .midCircle::after, .vertical2::after, .orgBot > ul::before{display: none;}
 .midCircle .circle::after{height: 30px; bottom: -30px;}
 .orgGrey.pRight p::after{right: auto; left: 50%; width: 1px; height: 20px; top: -20px; display: inline-block; content: ''; position: absolute; background: #ddd;}
 .orgGrey.pLeft p::after{right: auto; left: 50%; width: 1px; height: 20px; top: -20px;}
 .orgMidBotcon > ul{padding-bottom: 0;}
 .orgMidBotcon > ul::before{top: -20px; height: 120px; z-index: 0;}
 .orgMidBotcon > ul > li{width: 100%;}
 .orgMidBotcon > ul > li > div{width: 100%; padding: 0 10px;}
 .orgMidBotcon > ul > li > .orgGrey{margin-top: 20px;}
 .orgBot > ul{width: 100%; margin: 0 auto;}
 .orgBot > ul > li{width: 100%; margin-top: 20px; padding: 0 10px;}
 .orgBlue::after{right: auto; left: 0; width: 50%; top: -20px;}
 .orgBot > ul > li p{font-size: 14px;}
 .orgBot > ul > li > div > ul li span{font-size: 13px;}
 .orgBot > ul > li::before{left: 0px; width: 10px; height: 1px; top: 30px;}
 .orgBot > ul > li:nth-child(2)::before{display: block;}
}


/*창의융합센터*/
.rowBox_arr.ty_5{flex-wrap:wrap;}
.rowBox_arr.ty_5 > li{padding:0;margin:10px 0; text-align: center;}
.rowBox_arr.ty_5 li.arr{width:100%;padding:5px 0;justify-content:center;}
.rowBox_arr.ty_5 li.arr span{transform:rotate(90deg);display:block;width:31px;height:46px;background:url("/sites/earlyuniv/images/sub/center_plus.png") no-repeat center;}
.rowBox_arr.ty_5 > li dl{width:100%;}
.rowBox_arr.ty_5 > li dl dt,
.rowBox_arr.ty_5 > li dl dd{}
.rowBox_arr.ty_5 > li dl dd{border:5px solid #DDD;}

.circle-num-list li {position: static; font-size: 18px; line-height: 25px; letter-spacing: -0.5px; color: #333333; padding-left: 25px; margin: 5px 0;}
.circle-num-list li .num {position: static; display: inline-block; vertical-align: middle; font-family: "Montserrat"; font-size: 12px; letter-spacing: 0.5px; color: #fff; width: 18px; height: 18px; border-radius: 50%; background: #4B74CC; text-align: center; margin-right: 5px; line-height: 17px;}

.center_list {font-size:0; box-sizing: border-box;padding-top: 20px;}
.center_list li {display:inline-block;width:25%;vertical-align: top;padding: 0 30px;box-sizing: border-box;position:relative;}
.center_list li::after {content:'';display:inline-block;width:27px;height:27px;background:url("/sites/earlyuniv/images/sub/center_plus.png")no-repeat;position:absolute;top: 80px; right: -13px;}
.center_list li:last-child::after {display:none;}
.center_list li div {}
.center_list li .icon_wrap {text-align: center;margin-bottom: 20px;}
.center_list li .icon_cent {display:inline-block;width: 170px;height:170px;border-radius: 50%; overflow:hidden;}
.center_list li .icon_cent span {display:block;height: 100%;}
.center_list li .icon_cent.n1 {border: 8px solid #d5e5fa;}
.center_list li .icon_cent.n1 span {background:url("/sites/earlyuniv/images/sub/cent1.png")no-repeat;background-position:center;}
.center_list li .icon_cent.n2 {border: 8px solid #ccedfd;}
.center_list li .icon_cent.n2 span {background:url("/sites/earlyuniv/images/sub/cent2.png")no-repeat;background-position:center;}
.center_list li .icon_cent.n3 {border: 8px solid #ceefed;}
.center_list li .icon_cent.n3 span {background:url("/sites/earlyuniv/images/sub/cent3.png")no-repeat;background-position:center;}
.center_list li .icon_cent.n4 {border: 8px solid #ceebef;}
.center_list li .icon_cent.n4 span {background:url("/sites/earlyuniv/images/sub/cent4.png")no-repeat;background-position:center;}
.center_list li .text_wrap {font-size:0;}
.center_list li .text_wrap strong {display:block; font-size: 18px;line-height: 24px; text-align: center;height: 48px;margin-bottom: 15px;}
.center_list li .text_wrap p {font-size: 14px; line-height: 22px; text-align: center;}

@media all and (max-width: 950px){
  .circle-num-list li{padding-left: 0; font-size: 14px;}
  .center_list li{width: 100%; margin-bottom: 70px;}
  .center_list li::after{top: auto; right: auto; bottom: -47px; left: 50%; margin-left: -13px;}
  .center_list li .text_wrap strong{font-size: 16px; height: auto;}
}

/*첨단의료기기 학과소개*/
.college-info-textbox{float: right; width: 46%;padding-top:  100px; padding-top: 50px;}
.college-info-textbox h2{font-family: 'Noto Regular'; color: #151515; font-size: 18px; line-height: 1;}
.college-info-textbox p{font-family: 'Noto Medium';font-size: 40px;  margin-top: 20px; line-height: 1.5;}

@media all and (max-width: 1023px) {
  .college-info-textbox{padding-top: 100px;}
  .college-info-textbox h2{font-size: 16px;}
  .college-info-textbox p{font-size: 22px;}
}

@media all and (max-width: 768px) {
  .college-info-textbox{width: 100%; float: none; padding-top: 0px;}
}

.jobBox{text-align: center;}
.jobBox li{display: inline-block;}
.jobBox li.leftBox{padding-right: 90px; box-sizing: border-box;}
.jobBox li.leftBox .textWrap{font-family: 'Noto Medium';}
.jobBox li.leftBox .iconWrap{text-align: right; margin-bottom: 25px; position: relative;}
.jobBox li.leftBox .iconWrap::after{content: ''; display: inline-block; width: 120px; height: 16px; background: url("/sites/earlyuniv/images/sub/ra_arrow.png") no-repeat; position: absolute; top: 50%; margin-top: -8px; right: -120px;}
.jobBox li.leftBox .iconWrap span{background:url("/sites/earlyuniv/images/sub/gra_border.png") no-repeat; position: relative; width: 200px; height: 200px; border-radius: 50%; display: inline-block;}
.jobBox li.leftBox .iconWrap span span{background:url("/sites/earlyuniv/images/sub/gra_icon.png") no-repeat center; display: block; height: 100%; position: relative;}
.jobBox li.rightBox{padding-left: 90px; box-sizing: border-box;}
.jobBox li.rightBox > div{display: inline-block;}
.jobBox li.rightBox .iconWrap{text-align: left; margin-bottom: 25px;}
.jobBox li.rightBox .iconWrap span{display: inline-block; width: 200px; height: 200px; border-radius: 50%;}
.jobBox li.rightBox > div:nth-child(2){margin-left: -30px;}
.jobBox li.rightBox > div:nth-child(1) .iconWrap span{background: rgba(37,112,209, 0.9); position: relative; width: 200px; height: 200px; border-radius: 50%; display: inline-block;}
.jobBox li.rightBox > div:nth-child(2) .iconWrap span{background: rgba(5,123,140, 0.9); position: relative; width: 200px; height: 200px; border-radius: 50%; display: inline-block;}
.jobBox li.rightBox > div:nth-child(1) .iconWrap span span{background:url("/sites/earlyuniv/images/sub/iot.png") no-repeat center; display: block; height: 100%; position: relative;}
.jobBox li.rightBox > div:nth-child(2) .iconWrap span span{background:url("/sites/earlyuniv/images/sub/sw.png") no-repeat center; display: block; height: 100%; position: relative;}

@media all and (max-width: 1023px) {

}
@media all and (max-width: 768px) {
  .jobBox li.leftBox .iconWrap span {background:url('/sites/earlyuniv/images/sub/gra_border_m.png')no-repeat;width:300px;height:50px;background-size: 100%;border-radius:inherit;}
  .jobBox li.leftBox .iconWrap span span {background-size: 10%;background-position: left 30px center;}
  .jobBox li.leftBox {padding-right:0;width:100%;text-align: center;}
  .jobBox li.leftBox .iconWrap {text-align: center;}
  .jobBox li.leftBox .textWrap{top: 13px; font-size: 14px; width: 100%; display: block; position: absolute; padding-left: 15px; box-sizing: border-box;}
  .jobBox li.leftBox .textWrap br{display: none;}
  .jobBox li.rightBox {padding-left:0;width:100%;font-size: 0; padding-top: 50px;}
  .jobBox li.rightBox > div {display:inline-block;width:170px;vertical-align: top;}
  .jobBox li.leftBox .iconWrap::after {width: 50px;background-position:right;right: auto;left:50%;transform:rotate(90deg);margin-left: -16px;margin-top: 55px;}
  .jobBox li.rightBox .iconWrap {margin-bottom: 15px;}
  .jobBox li.rightBox .textWrap {font-size: 14px;}
  .jobBox li.leftBox .wrapBox {position:relative;}
  .jobBox li.rightBox > div:nth-child(1) .iconWrap span{width: 170px; height: 170px;}
  .jobBox li.rightBox > div:nth-child(2) .iconWrap span{width: 170px; height: 170px;}
  .jobBox li.rightBox .wrapBox:first-child .iconWrap {text-align: center;}
  .jobBox li.rightBox .wrapBox:last-child .iconWrap {text-align: center;}
  .jobBox li.rightBox > div:nth-child(1) .iconWrap span span {background:url('/sites/earlyuniv/images/sub/iot.png')no-repeat;background-size:50px auto; background-position:center;}
  .jobBox li.rightBox > div:nth-child(2) .iconWrap span span {background:url('/sites/earlyuniv/images/sub/sw.png')no-repeat;background-size:50px auto; background-position:center;}
}

.strategy{text-align: center; position: relative; font-size: 0;}
.strategy::before{content: ''; display: inline-block; width: 100%; height: 1px; background: #ddd; position: absolute; top: 159px; left: 0; z-index: -1;}
.strategy li{display: inline-block; vertical-align: top; box-sizing: border-box; padding-bottom: 95px;}
.strategy li:first-child{padding-right: 50px;}
.strategy li:last-child{padding-left: 50px;}
.strategy li:nth-child(1) > div > span{display: block; color: #3a88e9; font-weight: bold; margin-bottom: 15px; padding-top: 30px; box-sizing: border-box; text-align: center;}
.strategy li:nth-child(3) > div > span{display: block; color: #0c99ae; font-weight: bold; margin-bottom: 15px; padding-top: 30px; box-sizing: border-box; text-align: center;}
.strategy .circleWrap{text-align: center;}
.strategy li:nth-child(1) .circleWrap span{position: relative; display: inline-block; width: 180px; height: 180px; line-height: 180px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; border-radius: 50%; background: #3a88e9;}
.strategy li:nth-child(1) .circleWrap span::before{content: ''; display: inline-block; width: 35px; height: 5px; background: url("/sites/earlyuniv/images/sub/blue_tail.png") no-repeat; position: absolute; top: 50%; margin-top: 22px; right: -32px;}
.strategy li:nth-child(3) .circleWrap span{position: relative; display: inline-block; width: 180px; height: 180px; line-height: 180px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; border-radius: 50%; background: #0c99ae;}
.strategy li:nth-child(3) .circleWrap span::before{content: ''; display: inline-block; width: 35px; height: 5px; background: url("/sites/earlyuniv/images/sub/green_tail.png") no-repeat; position: absolute; top: 50%; margin-top: 22px; left: -32px;}
.strategy .stuWrap{position: relative; display: inline-block; width: 300px; height: 300px; border: 24px solid #e8eff5; box-sizing: border-box; line-height: 250px; color: #333; font-size: 32px; border-radius: 50%; text-align: center; background: #fff;}
.strategy .stuWrap::after{content: ''; display: inline-block; width: 312px; height: 230px; background: url("/sites/earlyuniv/images/sub/stu_deco.png") no-repeat; position: absolute; top: 162px; left: -30px;}
.strategy .textWrap{font-size: 15px; margin-top: 20px; text-align: center;}
.botTextWrap{text-align: center;}
.botTextWrap span{display: block; color: #2b76af; font-size: 32px; font-family: 'Noto Bold';}

@media all and (max-width: 1023px) {

}
@media all and (max-width: 768px) {
  .strategy li{position: relative; display:inline-block; width:50%;padding-bottom: 0;}
  .strategy li:first-child {padding-right:0;padding-bottom: 30px;margin-bottom: 360px;}
  .strategy li:nth-child(2){position:absolute;bottom:110px;left:0;width:100%;}
  .strategy li:last-child {padding-left: 0;padding-bottom: 30px;margin-bottom: 360px;}
  .strategy li:nth-child(1) .circleWrap span {width: 140px;height:140px;line-height: 140px;}
  .strategy li:nth-child(3) .circleWrap span {width:140px;height:140px;line-height: 140px;}
  .strategy .stuWrap{width:200px;height:200px;line-height: 150px;font-size: 22px;}
  .strategy .stuWrap::after { width: 220px;height: 170px;top: 102px;left: -33px;background-size: 100%;}
  .strategy li:nth-child(1) .circleWrap span::before {display:none;}
  .strategy li:nth-child(1)::before { content: '';display: inline-block;width: 35px;height: 5px; background: url("/sites/earlyuniv/images/sub/blue_tail.png")no-repeat;position: absolute;bottom: 0px; margin-bottom: -6px;left:50%;margin-left: -17px;transform: rotate(90deg);}
  .strategy li:nth-child(3) .circleWrap span::before {display:none;}
  .strategy li:nth-child(3)::before { content: '';display: inline-block;width: 35px;height: 5px; background: url("/sites/earlyuniv/images/sub/green_tail.png")no-repeat;position: absolute;bottom: 0px; margin-bottom: -6px;left:50%;margin-left: -17px;transform: rotate(-90deg);}
  .strategy::before {left:50%;transform:translateX(-50%);width:50%;top: 51.9%;}
  .strategy .textWrap{min-height: 117px; font-size: 13px;}
  .botTextWrap span{font-size: 20px;}
}

.jobTrack{text-align: center;}
.jobTrack li{display: inline-block; vertical-align: top; padding: 0 20px; box-sizing: border-box;}
.jobTrack li .jobFrame{display: inline-block; width: 337px; height: 100px; line-height: 100px; border: 1px solid #3a88e9; border-radius: 100px; position: relative;}
.jobTrack li:first-child .jobFrame::before{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; right: -5px; margin-top: -5px; background: #fff;}
.jobTrack li:first-child .jobFrame::after{content: ''; display: inline-block; width: 44px; height: 1px; background: #3a88e9; position: absolute; top: 50%; right: -14%;}
.jobTrack li:last-child .jobFrame::before{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; left: -5px; margin-top: -5px; background: #fff;}
.jobTrack .trackWrap {display: table; width: 100%; height: 100%;}
.jobTrack .trackTxt { display: table-cell; vertical-align: middle;}
.jobTrack .trackTxt p{line-height: 1.5; font-size: 14px;}
.jobTrack .trackTxt span{display: block; line-height: 1.5; color: #3a88e9; font-family: 'Noto Bold'; font-size: 16px;}


@media all and (max-width: 1023px) {

}
@media all and (max-width: 768px) {
  .jobTrack li{margin-bottom: 20px; padding: 0;}
  .jobTrack li:first-child .jobFrame::before{top: auto; bottom: -5px; right: 50%; margin-right: -5px;}
  .jobTrack li:last-child .jobFrame::before{top: 0px; left: 50%; margin-left: -5px;}
  .jobTrack li:first-child .jobFrame::after{top: auto; bottom: -25px; width: 1px; height: 20px; right: auto; left: 50%;}
}
.majorScore{text-align: center; font-size: 0;}
.majorScore li{display: inline-block; width: 33.3333%; box-sizing: border-box;}
.majorScore li .numWrap{padding: 25px 0; background: url("/sites/earlyuniv/images/sub/book.png") no-repeat center;}
.majorScore li .numWrap p{font-size: 38px; display: block; font-family: 'Noto Bold'; line-height: 1;}
.majorScore li .numWrap p span{font-size: 14px; display: block; font-family: 'Noto Regular';}
.majorScore li:nth-child(1) .numWrap p{color: #0c99ae;}
.majorScore li:nth-child(2) .numWrap p{color: #2878da;}
.majorScore li:nth-child(3) .numWrap p{color: #1e263b;}
.majorScore li .subWrap span {display: inline-block;; width: 100px; height: 40px; line-height: 34px; font-size: 16px; text-align: center; border-radius: 40px; margin-top: 10px;}
.majorScore li:nth-child(1) .subWrap span{border: 3px solid #0c99ae; color: #0c99ae;}
.majorScore li:nth-child(2) .subWrap span{border: 3px solid #2878da; color: #2878da;}
.majorScore li:nth-child(3) .subWrap span{border: 3px solid #1e263b; color: #1e263b;}
.downArr{padding: 40px; box-sizing: border-box; text-align: center;}
.downArr span{background: url("/sites/earlyuniv/images/sub/grdArrow.png") no-repeat; display: inline-block; width: 39px; height: 23px;}
.botTxtWrap{text-align: center;}
.botTxtWrap span{display: inline-block; width: 665px; height: 65px; border-radius: 65px; text-align: center; line-height: 65px; font-size: 20px; color: #fff; background: linear-gradient(135deg, rgba(12,152,174,1) 0%, rgba(33,52,101,1) 100%);}

@media all and (max-width: 1023px){

}

@media all and (max-width: 768px){
  .majorScore li .numWrap{background-size: 85%; padding: 20px 0 25px 0;}
  .majorScore li .numWrap p{font-size: 30px;}
  .botTxtWrap span{width: 100%;}
}

.most-complete-inner{margin-top: 15px;}
.most-complete-inner > ul > li{position: relative; padding: 0px 40px;  margin-bottom: 10px; cursor: pointer; }
.most-complete-inner > ul > li::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #d2d3d5; z-index: -1;}
.most-complete-inner > ul > li:last-child{margin-bottom: 0;}
.most-complete-inner > ul > li.on::after{border: 3px solid #6a6a6a;}
.complete-title{font-size: 20px; font-family: 'Noto Medium'; cursor: pointer;  position: relative; padding: 19px 0;}
.complete-title::after{content:""; display: block; position: absolute; width: 16px; height: 16px; background: url(../../images/sub/complete_more.png); right: 0px; top: 50%; margin-top: -8px;}
.most-complete-inner > ul > li.on .complete-title::after{background: url(../../images/sub/complete_min.png);}
.complate-table{max-height: 0; overflow: hidden; transition: all .3s;}
.complate-table .complate-table-inner {overflow: hidden; overflow-y: auto; max-height: 900px; padding-bottom: 1px; margin-bottom: 30px; }
.most-complete-inner > ul > li.on .complate-table{max-height: 1000px; border-top: 1px solid #6a6a6a; cursor: default;}

@media all and (max-width: 1023px) {
  .most-complete-inner li{padding: 0px 30px;}
  .most-complete-inner > ul > li {padding: 0 30px;}
}

@media all and (max-width: 768px) {
  .most-complete-inner li{padding: 0px 15px;}
  .most-complete-inner > ul > li {padding: 0 15px;}
  .complete-title {font-size: 16px;}
}

/*게임 영상 학과 소개*/
.gameBoxWrap{font-size: 0; text-align: center;}
.gameBoxWrap li{display: inline-block;}
.gameBoxWrap li:first-child{margin-right: -25px;}
.gameBoxWrap li:last-child{margin-left: -25px;}
.gameBoxWrap li .iconWrap > span{display: inline-block; width: 200px; height: 200px; border-radius: 50%;}
.gameBoxWrap li:first-child .iconWrap > span{background: rgba(39,116,211,0.9);}
.gameBoxWrap li:nth-child(2) .iconWrap > span{background: rgba(39,126,144,0.9);}
.gameBoxWrap li:last-child .iconWrap > span{background: rgba(6,48,101,0.9);}
.gameBoxWrap li:first-child .iconWrap > span > span{display: block; height: 100%; background: url("/sites/earlyuniv/images/sub/game_icon1.png") no-repeat center;}
.gameBoxWrap li:nth-child(2) .iconWrap > span > span{display: block; height: 100%; background: url("/sites/earlyuniv/images/sub/game_icon2.png") no-repeat center;}
.gameBoxWrap li:last-child .iconWrap > span > span{display: block; height: 100%; background: url("/sites/earlyuniv/images/sub/game_icon3.png") no-repeat center;}
.gameBoxWrap li .iconWrap{text-align: center;}
.gameBoxWrap li .textWrap{margin-top: 25px; font-size: 15px; text-align: center;}

@media all and (max-width: 768px) {
  .gameBoxWrap li .iconWrap > span{width: 30vw; height: 30vw; min-width: 100px; min-height: 100px;}
}

.jobTrack.cont3{font-size: 0; margin: 0 -20px;}
.jobTrack.cont3 li{width: 33.3333%;}
.jobTrack.cont3 li .jobFrame{width: 100%;}
.jobTrack.cont3 li:first-child .jobFrame::before{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; right: -5px; margin-top: -5px; background: #fff;}
.jobTrack.cont3 li:first-child .jobFrame::after{content: ''; display: inline-block; width: 36px; height: 1px; background: #3a88e9; position: absolute; top: 50%; right: -38px;}
.jobTrack.cont3 li:nth-child(2) .jobFrame::after{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; left: -5px; margin-top: -5px; background: #fff;}
.jobTrack.cont3 li:nth-child(2) .jobFrame::before{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; right: -5px; margin-top: -5px; background: #fff;}
.jobTrack.cont3 li:last-child .jobFrame::before{display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; border: 3px solid #3a88e9; border-radius: 50%; top: 50%; left: -5px; margin-top: -5px; background: #fff;}
.jobTrack.cont3 li:last-child .jobFrame::after{content: ''; display: inline-block; width: 36px; height: 1px; background: #3a88e9; position: absolute; top: 50%; left: -38px;}
@media all and (max-width: 768px) {
  .jobTrack.cont3{margin: 0;}
  .jobTrack.cont3 li{width: 100%;}
  .jobTrack.cont3 li .jobFrame{height: 75px;}
  .jobTrack.cont3 li:first-child .jobFrame::before{top: auto; bottom: -5px; left: 50%; margin-left: -2px;}
  .jobTrack.cont3 li:first-child .jobFrame::after{width: 1px; height: 20px; right: auto; left: 50%; bottom: -20px; top: auto; margin-left: 2px; z-index: -1;}
  .jobTrack.cont3 li:nth-child(2) .jobFrame::before{left: 50%; margin-left: -2px; top: 0px;}
  .jobTrack.cont3 li:nth-child(2) .jobFrame::after{left: 50%; margin-left: -2px; bottom: -5px; top: auto;}
  .jobTrack.cont3 li:last-child .jobFrame::before{top: 0px; left: 50%; margin-left: -2px;}
  .jobTrack.cont3 li:last-child .jobFrame::after{top: -20px; width: 1px; height: 20px; left: 50%; margin: 2px; z-index: -1;}
}

/*반도체 디스플레이학과 학과소개*/
.circlelistWrap{display: inline-block; width: 70%; float: left;}
.circleList{width: 100%; text-align: center; background: #e6f1ff; padding: 8px; display: inline-block; border-radius: 155px; box-sizing: border-box; position: relative; margin-right: 140px; vertical-align: top;}
.circleList::after{content: ''; display: inline-block; width: 100px; height: 16px; background: url("/sites/earlyuniv/images/sub/blue_arrow.png") no-repeat; position: absolute; right: -100px; top: 50%; margin-top: -8px;}
.circleList li{display: inline-block; vertical-align: top; width: 20%; border-radius: 50%; background: #fff; position:  relative;}
.circleList li:nth-child(2){margin-left: -10px;}
.circleList li:nth-child(3){margin-left: -10px;}
.circleList li:nth-child(4){margin-left: -10px;}
.circleList li:nth-child(5){margin-left: -10px;}
.circleList li::after{content: ''; display: inline-block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #4790ea; z-index: 1; position: absolute; top: 0; left: 0;}
.circleList li .circleWrap{display: table; width: 100%; height: 140px;}
.circleList li .circleWrap .circleText{display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 13px; color: #333; text-align: center; line-height: 18px;}

.rightCircle{display: inline-block; float: right;}
.rightCircle .circleIconWrap{text-align: center;}
.rightCircle .circleIconWrap .outBorder{display: inline-block; width: 156px; height: 156px; background: url("/sites/earlyuniv/images/sub/display_circle.png") no-repeat;}
.rightCircle .circleIconWrap .outBorder .inIcon{display: inline-block; width: 100%; height: 100%; background: url("/sites/earlyuniv/images/sub/display_icon.png") no-repeat; background-position: center;}
.rightCircle .circleText{text-align: center; font-size: 14px; margin-top: 15px;}

ul.jobTrack.cycle{font-size: 0; margin: 0 -25px;}
ul.jobTrack.cycle li{width: 33.3333%; height: 70px; position: relative; margin-bottom: 20px; padding: 0 25px;}
ul.jobTrack.cycle li::after{content: ''; display: inline-block; width: 19px; height: 16px; background: url(/sites/earlyuniv/images/sub/cycle_arrow.png) no-repeat; position: absolute; top: 30px; right: -10px;}
ul.jobTrack.cycle li:nth-child(4)::before{content: ''; display: inline-block; width: 11px; height: 15px; background: url(/sites/earlyuniv/images/sub/left_arrow.png) no-repeat; position: absolute; top: 20px; left: -10px;}
ul.jobTrack.cycle li:last-child::after{content: ''; display: inline-block; width: 11px; height: 15px; background: url(/sites/earlyuniv/images/sub/last_arrow.png) no-repeat; position: absolute; right: -10px;}
ul.jobTrack.cycle li .jobFrame{width: 100%; height: 100%;}
ul.jobTrack.cycle li:first-child .jobFrame::after{display: none;}
ul.jobTrack.cycle li:first-child .jobFrame::before{display: none;}
ul.jobTrack.cycle li:last-child .jobFrame::before{display: none;}

@media all and (max-width: 768px){
  .circlelistWrap{width: 100%; float: inherit;}
  .circleList{width: 100%; margin-right: 0; border-radius: 25px;margin-bottom: 100px;}
  .circleList::after{background-position: right; width: 50px; transform: rotate(90deg); right: auto; left: 50%; margin-left: -16px; top: auto; bottom: -50px;}
  .circleList li{width: 100%; height: 50px; border-radius: 25px; margin-bottom: 5px;}
  .circleList li:last-child{margin-bottom: 0;}
  .circleList li::after{border-radius: 25px;}
  .circleList li:nth-child(2), .circleList li:nth-child(3), .circleList li:nth-child(4), .circleList li:nth-child(5){margin-left: 0;}
  .circleList li .circleWrap{height: 100%;}

  .rightCircle{width: 100%; float: inherit; display: block; position: relative;}
  .rightCircle .circleIconWrap .outBorder{width: 300px; height: 50px; background: url("/sites/earlyuniv/images/sub/gra_border_m.png") no-repeat; background-size: 100%;}
  .rightCircle .circleIconWrap .outBorder .inIcon{background-size: 10%; background-position: left 80px center;}
  .rightCircle .circleText{position: absolute; top: 0px; text-align: center; width: 100%; padding-left: 40px; box-sizing: border-box;}

  ul.jobTrack.cycle li:first-child{margin-bottom: 20px;}
  ul.jobTrack.cycle li .jobFrame .trackTxt p{font-size: 0; padding: 5px;}
  ul.jobTrack.cycle li .jobFrame .trackTxt p span{font-size: 12px; color: #333;}
  ul.jobTrack.cycle li:first-child .jobFrame::before{display: none;}
}

/*미래자동차 학과 소개*/
.carBoxWrap{font-size: 0; text-align: center;}
.carBoxWrap li{display: inline-block;}
.carBoxWrap li:first-child{margin-right: -15px;}
.carBoxWrap li:last-child{margin-left: -15px;}
.carBoxWrap li .iconWrap > span{display: inline-block; width: 200px; height: 200px; border-radius: 50%;}
.carBoxWrap li:first-child .iconWrap > span{background: rgba(39,116,211,0.9);}
.carBoxWrap li:nth-child(2) .iconWrap > span{background: rgba(39,126,144,0.9);}
.carBoxWrap li:first-child .iconWrap > span > span{display: block; height: 100%; background: url("/sites/earlyuniv/images/sub/car1.png") no-repeat center;}
.carBoxWrap li:nth-child(2) .iconWrap > span > span{display: block; height: 100%; background: url("/sites/earlyuniv/images/sub/car2.png") no-repeat center;}
.carBoxWrap li .iconWrap{text-align: center;}
.carBoxWrap li .textWrap{margin-top: 25px; font-size: 15px; text-align: center;}

@media all and (max-width: 768px) {
  .carBoxWrap li .iconWrap > span{width: 30vw; height: 30vw; min-width: 100px; min-height: 100px;}
}

/*공통 - 학과 소개*/
@media all and (min-width: 769px) and (max-width: 1200px) {
    .strategy li:first-child {width: 26%; padding-right: 0;}
    .strategy li:last-child {width: 26%; padding-left: 0;}
    .strategy li:nth-child(2) {width: 48%;}
    .strategy li:nth-child(1) .circleWrap span, .strategy li:nth-child(3) .circleWrap span {max-width: 100%;}
}