@charset "utf-8";

/*탭메뉴*/
.wrap-contents .ul_4 > li > a{font-size: 20px;}

@media all and (max-width: 1023px){
  .wrap-contents .ul_4 > li {width: auto;}
}

/*p학기 대표 운영성과 */
.p-bx-sub {max-width: 1220px; margin: 0 auto; padding-top: 20px;}
.p-bx-sub .p-bx-inner {float: left; width: 32%; min-height: 230px; margin-left: 2%; margin-top: 2%; text-align: center; background: #F5F5F5;}
.p-bx-sub .p-bx-inner:first-child {margin-left: 0;}
.p-bx-sub .p-bx-inner:nth-child(4) {margin-left: 0;}

.p-bx-sub .p-bx-title {border-radius: 25px; overflow: hidden; padding: 10px 0; margin-top: -20px; background: #23499e;}
.p-bx-sub .p-bx-title p {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";}

.p-bx-sub .p-bx-table {display: table; width: 100%; height: 100%;}
.p-bx-sub .p-bx-cell {display: table-cell; width: 100%; height: 180px; vertical-align: top; font-size: 15px; line-height: 25px;letter-spacing: -0.5px; color: #333333; font-family: "Noto Regular"; padding: 0px 0 20px;}
.p-bx-sub .p-bx-cell > p {margin: 5px 0;}
.p-bx-sub .p-bx-cell strong {display: block; font-family: "Noto Medium"; margin: 17px; color: #e77800;}
.p-bx-sub .p-bx-cell .m-blank {display: block;}

@media all and (max-width: 768px){
  .p-bx-sub {margin: 0 -1%;}
  .p-bx-sub .p-bx-inner {width: 48%; margin: 0 1%; margin-top: 30px;}
  .p-bx-sub .p-bx-inner:first-child {margin-left: 1%; margin-top: 0;}
  .p-bx-sub .p-bx-inner:nth-child(2) {margin-top: 0;}
}

@media all and (max-width: 500px){
  .p-bx-sub {margin: 0;}
  .p-bx-sub .p-bx-inner {width: 100%; margin: 0; margin-top: 30px;}
  .p-bx-sub .p-bx-inner:first-child {margin-left: 0%; margin-top: 30px;}
  .p-bx-sub .p-bx-inner:nth-child(2) {margin-top: 30px;}
  .p-bx-sub .p-bx-table  {display: block;}
  .p-bx-sub .p-bx-cell {display: block; height: auto;}
}

.forum-image{display: flex;}
.forum-image > a {margin: 0 0.2%;}

/* 학생성장 상담서비스 이미지 */
.image-list ul::after{content:"";display: table;clear: both;}
.image-list li{float: left; margin-right: calc(80px/3); max-width: 330px; width: 23%; background-size: cover;}
.image-list li img{width: 100%;}
.image-list li:last-child{margin-right: 0;}
.image-list li p{font-size: 16px; color: #333333; text-align: center; margin-top: 20px; font-family: 'Noto Regular';}

@media all and (max-width: 1420px) {
  .image-list li{margin-right: calc(4%/3);}
}

@media all and (max-width: 1024px) {
  .image-list li p{font-size: 16px;}
}

@media all and (max-width: 768px) {
  .image-list li{width: 48%; margin-right: 2%; margin-bottom: 30px;}
  .image-list li:nth-child(even){float: right; margin-right: 0;}
}

@media all and (max-width: 420px) {
  .image-list li{width: 100%; float: none; margin-right: 0; max-width: none;}
  .image-list li:nth-child(even){float: none;}
}


/*교육혁신 개요*/
.edu_inno_inner{position: relative;}
.edu_inno_left{width: 120px; float: left;}
.edu_inno_left ul li{min-height: 160px; font-size: 28px; font-family: 'Noto Bold'; padding-top: 10px;}
.edu_inno_left ul li:last-child{padding-top: 30px;}
.edu_inno_left ul li span{display: block; font-size: 20px; font-family: 'Noto Medium';}
.edu_inno_right{width: calc(100% - 130px); float: right;}
.edu_inno_right>ul>li{width: 22.5%; margin-right: 3%; float: left;}
.edu_inno_right>ul>li:last-child{margin-right: 0;}
.edu_inno_right .con_as{display: flex; align-items: center; min-height: 160px; padding: 0px 15px; background: #efefef; border-radius: 10px; text-align: center; font-family: 'Noto Medium'; word-break: keep-all;}
.edu_inno_right li .con_to p{min-height: 58px; margin-top: 20px; font-size: 15px; text-align: center; color: #fff; padding: 0px 10px; word-break: keep-all; font-family: 'Noto Medium'; display: flex; align-items: center; justify-content: center;}
.edu_inno_right li .con_to:after{content:""; display: block; width: 100%; height: 80px; background: url(/sites/innovation/images/sub/arrow_top.png) no-repeat center center;}
.edu_inno_right li:first-child .con_to p{background: url(/sites/innovation/images/sub/edu_inno_bg1.png) no-repeat center center;}
.edu_inno_right li:nth-child(2) .con_to p{background: url(/sites/innovation/images/sub/edu_inno_bg2.png) no-repeat center center;}
.edu_inno_right li:nth-child(3) .con_to p{background: url(/sites/innovation/images/sub/edu_inno_bg3.png) no-repeat center center;}
.edu_inno_right li:last-child .con_to p{background: url(/sites/innovation/images/sub/edu_inno_bg4.png) no-repeat center center;}
.edu_inno_right .con_sub{background: #dcf0f7; border-radius: 10px; min-height: 255px; position: relative;}
.edu_inno_right .con_sub .sub_top{padding: 10px; font-size: 14px;}
.edu_inno_right .con_sub .sub_top .title{text-align: center; font-size: 16px;color: #0465c0; font-family: 'Noto Medium'; padding-bottom: 15px;}
.edu_inno_right .con_sub .sub_top ul{min-height: 100px; margin-bottom: 20px; font-family: 'Noto Regular';}
.edu_inno_right .con_sub .sub_bottom{width: 100%; min-height: 62px; position: absolute; bottom: 0; text-align: center; color: #fff; background: #0477c0; font-family: 'Noto Medium'; word-break: keep-all; border-radius: 0 0 10px 10px; display: flex; align-items: center; justify-content: center;}


@media all and (max-width:1325px) {
  .edu_inno_left {width: 70px;}
  .edu_inno_left ul li{font-size: 24px;}
  .edu_inno_left ul li span{font-size: 16px;}
  .edu_inno_right {width: calc(100% - 75px);}
  .edu_inno_right .con_as {font-size: 15px; padding: 0 5px;}
  .edu_inno_right .con_sub .sub_top {letter-spacing: -1px;}
  .edu_inno_right .con_sub .sub_top .title {padding-bottom: 10px;}
  .edu_inno_right .con_sub .sub_bottom {font-size: 14px;}
}

@media all and (min-width:769px) {
  .edu_inno_right .con_as {min-height: 130px;}
  .edu_inno_left ul li:last-child {padding-top: 0;}
}

@media all and (max-width:768px){
  .edu_inno_left {display: none;}
  .edu_inno_right {width: 100%;}
  .edu_inno_right > ul > li:before{content: ""; position: absolute; width: 22px; height: 2px; background: #004E96; left: 0; top: 0;}
  .edu_inno_right > ul > li{width: 48%; margin-right: 0; position: relative; padding-top: 10px;}
  .edu_inno_right > ul > li:nth-child(even){float: right;}
  .edu_inno_right > ul > li:nth-child(1), .edu_inno_right > ul > li:nth-child(2) {margin-bottom: 30px;}
  .edu_inno_right li .con_to:after {height: 60px;}
}