@charset "utf-8";

.wrap-contents .div_3 > ul > li{width: 50%; display: block; float: left;}

._articleTable .fnSearch input[type='text']{background-color: white;}
._articleAlbum .fnSearch input[type='text']{background-color: white;}

.img100 img{width: 100%;}
.content-box::after{content:""; display: table; clear: both;}
.img33::after{content:""; display: table; clear: both;}
.img33 li{width: calc(30% - 1px); float: left; margin-right: 5%;}
.img33 img{width: 100%;}
.img33 li:last-child{margin-right: 0;}
.img33 li p{font-size: 16px; text-align: center; line-height: 1;}
.img33 li p span{font-size: 20px; font-family: 'Noto Regular'; display: block; margin-bottom: 5px;}

.img25::after{content:""; display: table; clear: both;}
.img25 li{width: calc(25% - 1px); float: left;}
.img25 li img{width: 100%;}

.img50::after{content:""; display: table; clear: both;}
.img50 li{width: 49%; float: left;}
.img50 li:last-child{float: right;}
.img50 li img{width: 100%;}
.img50 li p{font-size: 20px; text-align: center; font-family: 'Noto Regular';}

@media all and (max-width: 420px) {
  .img25 li{width: 100%; float: none;}  
  .img33 li{width: 100%; float: none; margin-bottom: 20px; margin-right: 0;}
  .img33 li:last-child{margin-bottom: 0;}
  
  .img50 li{width: 100%; float: none;}
  .img50 li:last-child{float: none;}
}



/*학과소개*/
.image-list::after{content:""; display: table; clear: both;}
.image-list li{float: left;}
.image-list li:nth-child(1) {width: 27.6%;}
.image-list li:nth-child(2) {width: 40.7%;}
.image-list li:nth-child(3) {width: 31.5%;}
.image-list li img{width: 100%;}

@media all and (max-width: 420px) {
  .image-list li{float: none; margin-bottom: 20px;}
  .image-list li:nth-child(1) {width: 100%;}
  .image-list li:nth-child(2) {width: 100%;}
  .image-list li:nth-child(3) {width: 100%; margin-bottom: 0;}
}

/*전망과 진로*/
.image-list_2::after{content:""; display: table; clear: both;}
.image-list_2 li{float: left;}
.image-list_2 li:nth-child(1) {width: 30.9%;}
.image-list_2 li:nth-child(2) {width: 34%;}
.image-list_2 li:nth-child(3) {width: 34.9%;}
.image-list_2 li img{width: 100%;}

@media all and (max-width: 420px) {
  .image-list_2 li{float: none; margin-bottom: 20px;}
  .image-list_2 li:nth-child(1) {width: 100%;}
  .image-list_2 li:nth-child(2) {width: 100%;}
  .image-list_2 li:nth-child(3) {width: 100%; margin-bottom: 0;}
}

/*연혁*/
.history-box{margin-bottom: 50px;}
.history-box ul::after{content:""; display: table; clear: both;}
.history-box li{float: left;}
.history-box li:nth-child(1) {width: 22.4%;}
.history-box li:nth-child(2) {width: 25.8%;}
.history-box li:nth-child(3) {width: 23.5%;}
.history-box li:nth-child(4) {width: 28%;}
.history-box li img{width: 100%;}
.history-box li p{text-align: center; margin-top: 20px; font-size: 20px; font-family: 'Noto Regular';}

@media all and (max-width: 768px) {
  .history-box li p{font-size: 16px;}
}

@media all and (max-width: 420px) {
  .history-box li{float: none; margin-bottom: 20px;}
  .history-box li:nth-child(1) {width: 100%;}
  .history-box li:nth-child(2) {width: 100%;}
  .history-box li:nth-child(3) {width: 100%;}
  .history-box li:nth-child(4) {width: 100%; margin-bottom: 0;} 
  .history-box li p{margin-top: 10px;}
}

/*재학졸업생 통계*/
.stat-image ul::after{content:""; display: table; clear: both;}
.stat-image li{float: left;}
.stat-image li img{width: 100%;}
.stat-image li:nth-child(1) {width: 45%;}
.stat-image li:nth-child(2) {width: 54.9%;}

@media all and (max-width: 420px) {
  .stat-image li{float: none; margin-bottom: 20px;}
  .stat-image li:nth-child(1) {width: 100%;}
  .stat-image li:nth-child(2) {width: 100%; margin-bottom: 0;}
}

/*찾아오시는길*/
.map-image{margin-bottom: 50px;}
.map-image ul::after{content:""; display: table; clear: both;}
.map-image li{float: left;}
.map-image img{width: 100%;}
.map-image li:nth-child(1) {width: 43.7%}
.map-image li:nth-child(2) {width: 56.2%;}

@media all and (max-width: 420px) {
  .map-image li{float: none; margin-bottom: 20px;}
  .map-image li:nth-child(1) {width: 100%}
  .map-image li:nth-child(2) {width: 100%; margin-bottom: 0;}
}

/*교육목표*/
.object-image img{width: 100%;}

/*교과과정*/
.curriculum-image img{width: 100%;}

/*공학인증*/
.chart .chartTable table td{text-align: left; font-size: 16px; padding: 20px;}
.chart .chartTable table .borderNone{font-size: 16px; text-align: center;}
.content-box a.mt30{display: block; text-align: center;}
.align-r{text-align: right;}

@media all and (max-width: 768px) {
  .content-box.mobile-scroll{overflow-x: scroll;}
  .content-box .chart{width: 1000px;}
}

/*대학원*/

.button_icon img {vertical-align: top;}

/*연구실 소개*/
.li-listBox > li{margin-bottom: 50px;}
.li-listBox > li:last-child{margin-bottom: 0;}

/*연구*/

.bg-edge .inner .img_box{float: right; margin-right: 3%;}

@media all and (max-width: 420px) {
  .bg-edge{background-size: cover;}
  .bg-edge .inner .img_box{width: 100%; float: none; margin-right: 0;}
  .bg-edge .inner .text_box{float: none; width: 100%; margin-right: 0; margin-top: 30px;}
}

/*학생회*/
.chart.council .chartTable table td{text-align: center; font-family: 'Noto Regular'; font-size: 20px;}

.li-imgBox > li{width: calc(25% - 10px);}
.li-imgBox > li + li{margin-left: 0;}

/*CAE*/

.left-text{float: left;}
.right-image{float: right;}

.imgauto::after{content:""; display: table; clear: both;}
.imgauto li{float: left;}
.imgauto li:nth-child(1){width: 28.1%;}
.imgauto li:nth-child(2){width: 26.5%;}
.imgauto li:nth-child(3){width: 26.5%;}
.imgauto li:nth-child(4){width: 18.7%;}
.imgauto li img{width: 100%;}

.imgauto_2::after{content:""; display: table; clear: both;}
.imgauto_2 li{float: left;}
.imgauto_2 li:nth-child(1){width: 27.9%;}
.imgauto_2 li:nth-child(2){width: 27.9%;}
.imgauto_2 li:nth-child(3){width: 27.9%;}
.imgauto_2 li:nth-child(4){width: 16%;}
.imgauto_2 li img{width: 100%;}

.imgauto_3::after{content:""; display: table; clear: both;}
.imgauto_3 li{float: left;}
.imgauto_3 li:nth-child(1){width: 32.6%;}
.imgauto_3 li:nth-child(2){width: 40.5%;}
.imgauto_3 li:nth-child(3){width: 26.7%;}
.imgauto_3 li img{width: 100%;}

.imgauto_4::after{content:""; display: table; clear: both;}
.imgauto_4 li{float: left;}
.imgauto_4 li:nth-child(1){width: 25.4%;}
.imgauto_4 li:nth-child(2){width: 25.5%;}
.imgauto_4 li:nth-child(3){width: 25.4%;}
.imgauto_4 li:nth-child(4){width: 23.4%;}
.imgauto_4 li img{width: 100%;}

.imgauto_5::after{content:""; display: table; clear: both;}
.imgauto_5 li{float: left;}
.imgauto_5 li:nth-child(1){width: 25.7%;}
.imgauto_5 li:nth-child(2){width: 24.3%;}
.imgauto_5 li:nth-child(3){width: 25.7%;}
.imgauto_5 li:nth-child(4){width: 24.2%;}
.imgauto_5 li img{width: 100%;}

.imgauto_6::after{content:""; display: table; clear: both;}
.imgauto_6 li{float: left;}
.imgauto_6 li:nth-child(1){width: 26.3%;}
.imgauto_6 li:nth-child(2){width: 19.1%;}
.imgauto_6 li:nth-child(3){width: 25%;}
.imgauto_6 li:nth-child(4){width: 29.4%;}
.imgauto_6 li img{width: 100%;}

.imgauto_7::after{content:""; display: table; clear: both;}
.imgauto_7 li{float: left;}
.imgauto_7 li:nth-child(1){width: 26.2%;}
.imgauto_7 li:nth-child(2){width: 23.9%;}
.imgauto_7 li:nth-child(3){width: 25.1%;}
.imgauto_7 li:nth-child(4){width: 24.6%;}
.imgauto_7 li img{width: 100%;}

.left-text.wd50{width: 50%;}
.right-image.wd40{width: 40%;}

.left-text.wd60{width: 60%;}
.right-image.wd30{width: 30%;}

.rotate90 img{transform:rotate(270deg);}
.borderNone p{font-family: 'Noto Regular';}
.borderNone span{font-size: 14px;}

@media all and (max-width: 768px) {
  .left-text{float: none;}
  .right-image{width: 100%; margin-top: 30px; float: none;}
  .left-text.wd50{width: 100%;}
  .right-image.wd40{width: 100%;}
  .left-text.wd60{width: 100%;}
  .right-image.wd30{width: 100%;}

  .chartTable{overflow-x: scroll;}
  .chartTable .workshop{width: 1000px;}
}

@media all and (max-width: 420px) {
  .imgauto li:nth-child(1){width: 100%;}
  .imgauto li:nth-child(2){width: 100%;}
  .imgauto li:nth-child(3){width: 100%;}
  .imgauto li:nth-child(4){width: 100%;}
  .imgauto li{float: none;}

  .imgauto_2 li:nth-child(1){width: 100%;}
  .imgauto_2 li:nth-child(2){width: 100%;}
  .imgauto_2 li:nth-child(3){width: 100%;}
  .imgauto_2 li:nth-child(4){width: 100%;}
  .imgauto_2 li{float: none;}

  .imgauto_3 li:nth-child(1){width: 100%;}
  .imgauto_3 li:nth-child(2){width: 100%;}
  .imgauto_3 li:nth-child(3){width: 100%;}
  .imgauto_3 li{float: none;}

  .imgauto_4 li:nth-child(1){width: 100%;}
  .imgauto_4 li:nth-child(2){width: 100%;}
  .imgauto_4 li:nth-child(3){width: 100%;}
  .imgauto_4 li:nth-child(4){width: 100%;}
  .imgauto_4 li{float: none;}

  .imgauto_5 li:nth-child(1){width: 100%;}
  .imgauto_5 li:nth-child(2){width: 100%;}
  .imgauto_5 li:nth-child(3){width: 100%;}
  .imgauto_5 li:nth-child(4){width: 100%;}
  .imgauto_5 li{float: none;}

  .imgauto_6 li:nth-child(1){width: 100%;}
  .imgauto_6 li:nth-child(2){width: 100%;}
  .imgauto_6 li:nth-child(3){width: 100%;}
  .imgauto_6 li:nth-child(4){width: 100%;}
  .imgauto_6 li{float: none;}

  .imgauto_7 li:nth-child(1){width: 100%;}
  .imgauto_7 li:nth-child(2){width: 100%;}
  .imgauto_7 li:nth-child(3){width: 100%;}
  .imgauto_7 li:nth-child(4){width: 100%;}
  .imgauto_7 li{float: none;}
}