@charset "utf-8";
/* 대학정보공시 */
.uni-info-wrap i{display: block;}
.uni-info-wrap .title{font-size: 40px; font-family: "Noto Bold"; color: #121212; line-height: 1.5; letter-spacing: -.05em; margin-bottom: 25px;}
.uni-info-wrap .con01-title-box span{font-size: 18px; font-family: "Noto Regular"; color: #666666; line-height: 1.5; letter-spacing: -.05em;}
.uni-info-wrap .info-con01 .defi-title-box{text-align: center; padding-bottom: 40px; margin-top: 40px; position: relative;}
.uni-info-wrap .info-con01 .defi-title-box::after{content: '';background: url(/sites/hufs/images/sub/bg-hei-shape.png) repeat-y;width: 1px;height: 50px;position: absolute;bottom: 0; left:50%; margin-left: -1px;}
.uni-info-wrap .info-con01 .defi-title-box p{ background: #002D56;display: inline-block;padding: 19px 78px;}
.uni-info-wrap .list-box p{font-size: 20px;font-family: "Noto Regular";color: #333333;line-height: 1.5;letter-spacing: -.05em;text-align: center; position: relative;}
.uni-info-wrap .info-con01 .defi-title-box p::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; bottom: 35px; left: 50%; margin-left: -5px; z-index: 1;}
.uni-info-wrap .defi-title-box p{font-size: 22px; font-family: "Noto Medium"; color:  #fff; line-height: 1.5; letter-spacing: -.05em; }
.uni-info-wrap .sub-list span{font-size: 18px; font-family: "Noto Light"; color: #333333; line-height: 24px; letter-spacing: -.05em;}
.uni-info-wrap .defi-list ul{display: flex;justify-content: space-between;margin: 0 -20px; position:relative;}
.uni-info-wrap .defi-list ul::before{content: '';background: url(/sites/hufs/images/sub/bg-shape.png) repeat-x; width: 75%; height: 1px;position: absolute;top: 0; left:50%; margin-left:-37.5%}
.uni-info-wrap .defi-list li{flex-basis: 25%;padding: 0 20px;position:relative;padding-top: 50px;text-align: center;}
.uni-info-wrap .defi-list li::after{content: '';background: url(/sites/hufs/images/sub/bg-hei-shape.png) repeat-y;width: 1px;height: 50px;position: absolute;top: 0;} 
.uni-info-wrap .defi-list .list-box{border: 1px solid #999999;min-height: 135px;display: flex;align-items: center;justify-content: center; position:relative;}
.uni-info-wrap .defi-list .list-box::before{content: ''; width:10px; height: 10px; border-radius: 50%; background: #E63B53; position: absolute; top: -5px; left: 50%; margin-left: -5px; z-index: 1;}
.uni-info-wrap .info-con02 .con01-title-box{margin: 55px 0 60px 0;}
.uni-info-wrap .info-con2-list{display: flex;}
.uni-info-wrap .info-con02 li:not(.arrow){flex-basis: 33.333%;display: flex;flex-wrap: wrap;width: 100%;flex-direction: column;}
.uni-info-wrap .info-con02 li.arrow{background: url(/sites/hufs/images/sub/president-arrow.jpg) no-repeat top 28px center; padding: 0 35px; }
.uni-info-wrap .info-con02 .defi-title-box{text-align: center;padding: 19px 0;width: 100%;}
.uni-info-wrap .info-con02 .bg1{background: #002D56;}
.uni-info-wrap .info-con02 .bg2{background: #A78258;}
.uni-info-wrap .info-con02 .bg3{background: #008395;}
.uni-info-wrap .info-con02 .sub-list{border: 1px solid;margin-top: 10px;flex: 1;}
.uni-info-wrap .info-con02 .sub-list ul{min-height: 215px; padding: 35px 38px;}
.uni-info-wrap .info-con02 .sub-list li{padding-left: 20px; position: relative; margin-bottom: 8px;}
.uni-info-wrap .info-con02 .sub-list li::after{content:''; width:10px; height:10px; border-radius:50%; position: absolute; left:0; top:8px}
.uni-info-wrap .info-con02 .b1 ul > li::after{border: 3px solid #002D56;}
.uni-info-wrap .info-con02 .b2 ul > li::after{border: 3px solid #A78258;}
.uni-info-wrap .info-con02 .b3 ul > li::after{border: 3px solid #008395;}
.uni-info-wrap .info-con02 .b1{border: 1px solid #002D56;}
.uni-info-wrap .info-con02 .b2{border: 1px solid #A78258;}
.uni-info-wrap .info-con02 .b3{border: 1px solid #008395;}

@media all and (max-width:1200px){
  .uni-info-wrap .defi-list ul{margin: 0 -15px;}
  .uni-info-wrap .defi-list li{padding: 50px 15px 0;}
  .uni-info-wrap .list-box p{font-size: 18px; }
}

@media all and (max-width:1080px){
  .uni-info-wrap .info-con02 li.arrow{padding: 0 20px;}
  .uni-info-wrap .info-con02 .sub-list ul{padding: 20px 25px;}
}

@media all and (max-width:1050px){
  .uni-info-wrap .defi-list ul{flex-wrap: wrap;}
  .uni-info-wrap .defi-list li{flex-basis: 50%;}
  .uni-info-wrap .defi-list ul::before{margin-left: -25%; width: 50%;}
  .uni-info-wrap .defi-title-box p{font-size: 19px;}
  .uni-info-wrap .title{font-size: 35px;}
  .uni-info-wrap .con01-title-box span{font-size: 16px;}

}
@media all and (max-width:900px){
  .uni-info-wrap .title{font-size: 30px; margin-bottom: 15px;}
  .uni-info-wrap .info-con02 .con01-title-box{margin: 45px 0;}
  .uni-info-wrap .info-con2-list{flex-wrap: wrap;}
  .uni-info-wrap .info-con02 li:not(.arrow){flex-basis: 100%;}
  .uni-info-wrap .info-con02 li.arrow{background: url(/sites/hufs/images/sub/president-down-arrow_03.jpg) no-repeat bottom 8px center; margin: 15px auto; padding: 17px 25px;}
  .uni-info-wrap .info-con02 .sub-list ul{min-height: auto;}

}

@media all and (max-width:600px){
  .uni-info-wrap .defi-list li{flex-basis: 100%;}
  .uni-info-wrap .defi-list ul::before{content: none;}
  .uni-info-wrap .info-con01 .defi-title-box{padding-bottom: 0;}
  .uni-info-wrap .info-con01 .defi-title-box::after{content: none;}
  .uni-info-wrap .info-con01 .defi-title-box p::before{bottom: -4px;}
}