@charset "utf-8";

._articleTable .fnSearch input[type='text']{background-color: white;}
._articleAlbum .fnSearch input[type='text']{background-color: white;}
#menuUItab > .tab_div > ul > li._active > div{z-index: 100;}
#menuUItab > .tab_div > ul > li._useChildDiv._active{padding-bottom: 174px;}

@media all and (max-width: 1500px) {
  #menuUItab > .tab_div > ul > li._useChildDiv._active{padding-bottom:  224px;}
}

@media all and (max-width: 1232px) {
  #menuUItab > .tab_div > ul > li._useChildDiv._active{padding-bottom:  274px;}
}

@media all and (max-width: 1024px) {
  #menuUItab > .tab_div > ul > li._useChildDiv._active{padding-bottom: 224px;}
}

@media all and (max-width: 943px) {
  #menuUItab > .tab_div > ul > li._useChildDiv._active{padding-bottom: 274px;}
}

/*학과소개*/
.majorBox{border-bottom: 0;}
.majorBox::after{content:""; display: table; clear: both;}
.majorBox .imgBox{width: 30%; float: left;}
.majorBox .imgBox img{width: 100%;}

.majorBox .textBox{width: 65%; float: right;}

@media all and (max-width: 768px) {
  .majorBox .imgBox{max-width: 362px; margin: 0 auto; float: none; width: 100%;}
  .majorBox .textBox{width: 100%; float: none; margin-top: 20px;}
}

/*학과사무실 및 연락처*/
.iconBox.bg-gray{margin-bottom: 50px;}
.iconBox .text .title{font-family: 'Noto Medium';}

/*졸업이수가이드*/
.ul_subject .wholeul li .imgbox{margin-right: 9%;}
.ul_subject .wholeul li.first .contents .detailul .contentsbox{min-height: 150px;}
.content-box .ul_subject:nth-child(2) .wholeul li.first .contents .detailul .contentsbox{min-height:200px;}
.ul_subject .wholeul li .contents .detailul li{margin-bottom: 30px;}
.ul_subject .wholeul li .imgbox strong{font-family: 'Noto Medium';}

@media all and (max-width: 1024px) {
  .content-box .ul_subject:nth-child(2) .wholeul li.first .contents .detailul .contentsbox {min-height: 210px;}
}

@media all and (max-width: 768px) {
  .ul_subject .wholeul li .imgbox{display: block; width: 100%; margin-bottom: 50px;}
  .ul_subject .wholeul li .contents{display: block; width: 100%;}
  .ul_subject .wholeul li .contents::after{content:""; display: table; clear: both;}
  .ul_subject .wholeul li .contents .detailul .contentsbox dl dt{padding: 7px 15px;}
  .ul_subject .wholeul li .contents .detailul .contentsbox{padding: 30px 10px 20px 10px;}
  .ul_subject .wholeul li.first .contents .detailul .contentsbox{min-height: 200px;}
  .content-box .ul_subject:nth-child(2) .wholeul li.first .contents .detailul .contentsbox{min-height: 220px;}
}

@media all and (max-width: 420px) {
  .ul_subject .wholeul li .contents .detailul li{width: 100%; float: none; margin-left: 0;}
  .ul_subject .wholeul li.first .contents .detailul .contentsbox{min-height: auto;}
  .content-box .ul_subject:nth-child(2) .wholeul li.first .contents .detailul .contentsbox{min-height: auto;}
  .ul_subject .wholeul li.second .contents .detailul .contentsbox{min-height: auto;}
  .ul_subject .wholeul li .contents .detailul .contentsbox dl dd:before{left: 10px;}
  .ul_subject .wholeul li .contents .detailul .contentsbox dl dd span{margin-left: 20px;}
}

/*학생회 sns*/
.icon_type03 img{vertical-align: top;}

@media all and (max-width: 1400px) {
  .quickbox_blue .inner li{width: 32%;}
  .quickbox_blue .inner li dt{float: none; text-align: center;}
  .quickbox_blue .inner li dd{float: none; text-align: center;}
}

@media all and (max-width: 830px) {
  .quickbox_blue .inner li{width: 100%; display: block; margin-bottom: 20px; border-right: 0;}
}

/*연구실*/
.tableWrap table tbody td a{width: 16px; height: 14px; background: url(../../images/sub/link-icon.png) no-repeat top center; display: inline-block; margin-left: 10px;}

/*디지털정보연구실*/
.plus-wrap ul::after{content:""; display: table; clear: both;}
.plus-wrap li{float: left; text-align: center; position: relative; width: 260px; position: relative;}
.plus-wrap .plus-image{max-width: 200px;}
.plus-wrap li p{max-width: 200px; font-size: 18px; color: #575757; font-family: 'Noto Regular'; letter-spacing: -0.05em;}
.plus-wrap li.plus-right::after{content:""; display: block; width: 33px; height: 33px; float: right; background: url(../../images/sub/plus_5.png) no-repeat top center; position: absolute; right: 13px; top: 50%; margin-top: -40.5px;}
.plus-wrap li.arrow-right::after{content:""; display: block; width: 33px; height: 33px; float: right; background: url(../../images/sub/plus_6.png) no-repeat top center; position: absolute; right: 13px; top: 50%; margin-top: -40.5px;}

@media all and (max-width: 1400px) {
  .plus-wrap li p{font-size: 16px; max-width: 110px;}
  .plus-wrap li{width: 169px;}
  .plus-wrap .plus-image{max-width: 110px;}
}

@media all and (max-width: 1024px) {
  .plus-wrap li{width: 25%;}
  .plus-wrap li.plus-right::after{right: -16.5px;}
  .plus-wrap li.arrow-right::after{right: -16.5px;}
  .plus-wrap .plus-image{max-width: 150px; margin: 0 auto;}
  .plus-wrap li p{max-width: none;}
}

@media all and (max-width: 768px) {
  .plus-wrap .plus-image{max-width: 110px;}
}

@media all and (max-width: 600px) {
  .plus-wrap li{width: 100%; padding-bottom: 60px;}
  .plus-wrap li:last-child{padding-bottom: 0;}
  .plus-wrap li.plus-right::after{top: auto; bottom: 14px; right: 50%; margin-right: -16.5px; margin-top: 0;}
  .plus-wrap li.arrow-right::after{top: auto; bottom: 14px; right: 50%; margin-right: -16.5px; margin-top: 0; transform: rotate(90deg);}
}
