@charset "utf-8";

.eQ01 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_15.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_21.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center;}
.eQ09 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ010 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}



/* 학과 타이틀 */
.wrap-depart-title {display: flex; justify-content: space-between;}
.wrap-depart-title .title {font-family: 'Mont Medium'; font-size: 30px; line-height: 1; color: #005128;}
@media (max-width:600px) {
  .wrap-depart-title {flex-direction: column;}
  .wrap-depart-title .title {margin-bottom: 20px;}
}
/* 학과 인트로 */
.wrap-depart-intro {display: flex; justify-content: space-between;}
.wrap-depart-intro .text {width: calc(100% - 50%); padding-right: 7%;}
.wrap-depart-intro .thumb {overflow: hidden; width: 50%; border-radius: 200px 0 0 0;}
.wrap-depart-intro .big {display: block; font-family: 'Noto Bold'; font-size: 60px; line-height: 1; color: #121212;}
.wrap-depart-intro .big span {position: relative; display: inline-block;}
.wrap-depart-intro .big span::after {content: ''; position: absolute; left: calc(100% + 10px); bottom: 0; width: 15px; height: 15px; background: #e84855; border-radius: 100%;}
.wrap-depart-intro .small {display: block; padding-top: 5.5%; font-family: 'Noto Regular'; font-size: 36px; line-height: 1.2; color: #666;}
.wrap-depart-intro .con {padding-top: 12%; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; color: #666;}
@media (max-width:1000px) {
  .wrap-depart-intro {flex-direction: column-reverse;}
  .wrap-depart-intro .text {width:100%;}
  .wrap-depart-intro .thumb {width:70%; margin:0 auto; margin-bottom: 30px;}
  .wrap-depart-intro .con {padding-top: 9%;}
}
@media (max-width:750px) {
  .wrap-depart-intro .big {font-size: 50px;}
  .wrap-depart-intro .small {font-size: 30px;}
  .wrap-depart-intro .con {font-size: 16px;}
}
@media (max-width:650px) {
  .wrap-depart-intro .thumb {width:100%;}
}
/* 학과 리스트 */
.wrap-depart-list {overflow: hidden; position: relative; padding: 4% 0; background: url('../../images/guide/bg-depart-list.jpg') no-repeat center top; background-size: cover;}
.wrap-depart-list .bg {display: none; position: absolute; left: 50%; top: 0; z-index: -1; width: 200%; max-width: 1920px; transform: translate(-50%, 0);}
.wrap-depart-list .bg img {width: 100%;}
.wrap-depart-list .title {font-family: 'Noto Bold'; font-size: 40px; color: #fff;}
.wrap-depart-list .list {padding-top: 4%;}
.wrap-depart-list .list ul {display: flex; flex-wrap: wrap;}
.wrap-depart-list .list li {width: 25%; padding: .5% 0;}
.wrap-depart-list .list a {font-family: 'Noto Regular'; font-size: 24px; color: #fff;}
.wrap-depart-list .list a:hover {font-family: 'Noto Bold'; color: #89cb1d;}
.wrap-depart-list .list a[target="_blank"] span::after {content: ''; position: relative; top: -1px; display: inline-block; width: 12px; height: 12px; margin-left: 18px; background: url('../../images/guide/arr-depart-list.png') no-repeat top center;}
.wrap-depart-list .list a:hover span::after {background-position: left bottom;}
@media (max-width:1400px) {
  .wrap-depart-list .list a {font-size: 22px;}
  .wrap-depart-list .list li {width:33.3333%;} 
}
@media (max-width:1000px) {
  .wrap-depart-list .list li {width:50%;} 
}
@media (max-width:750px) {
  .wrap-depart-list .title {font-size: 35px;}
  .wrap-depart-list .list li {width:100%;} 
  .wrap-depart-list .list a {font-size: 20px;}
}
/* 학과 피플 */
.wrap-depart-people .title {font-family: 'Noto Bold'; font-size: 40px; color: #212121;}
.wrap-depart-people .title strong {display: block; line-height: 1;}
.wrap-depart-people .box {display: flex; padding-top: 3%;}
.wrap-depart-people .info {width: 290px; flex-shrink: 0; padding: 3.5% 3%; background: #f8f8f8; text-align: center;}
.wrap-depart-people .info .thumb {position: relative; max-width: 175px; margin: 0 auto; border: 1px solid #d6d6d6;}
.wrap-depart-people .info .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 7px #fff;}
.wrap-depart-people .info .thumb img {width: 100%;}
.wrap-depart-people .detail .name p {padding-top: 10%; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.wrap-depart-people .detail .name strong {display: block; padding-top: 5%; font-family: 'Noto Bold'; font-size: 30px; line-height: 1; color: #333;}
.wrap-depart-people .detail .list {padding-top: 16%;}
.wrap-depart-people .detail .list dl {display: flex; padding-bottom: 9%; text-align: left;}
.wrap-depart-people .detail .list dt {width: 70px; flex-shrink: 0; font-family: 'Noto Regular'; font-size: 16px; color: #333;}
.wrap-depart-people .detail .list dd {flex-grow: 1; font-family: 'Noto Light'; font-size: 16px; color: #666;}
.wrap-depart-people .detail .link {padding-top: 10%;}
.wrap-depart-people .detail .link a {width: 100%; padding: 0 20px;}
.wrap-depart-people .con {flex-grow: 1; padding-left: 7%;}
.wrap-depart-people .con .sbj {position: relative; display: block; margin-bottom: 4%; padding-bottom: 4%; font-family: 'Noto Bold'; font-size: 40px; line-height: 1.4; color: #016365;}
.wrap-depart-people .con .sbj2{margin-bottom: 0; font-size: 35px;}
.wrap-depart-people .con .sbj::after {content: ''; position: absolute; left: 0; bottom: 0; width: 110px; height: 1px; background: #336579;}
.wrap-depart-people .con .text {padding-bottom: 3.5%; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.wrap-depart-people .tab {margin-bottom: 50px;}
.wrap-depart-people .tab ul {font-size: 0;}
.wrap-depart-people .tab ul {display: inline-block; position: relative; width: 100%;}
.wrap-depart-people .tab ul > li {position: relative; float: left; width: 25%; margin-left: -1px; margin-bottom: -1px;}
.wrap-depart-people .tab ul > li > a,
.wrap-depart-people .tab ul > li > button {position: relative; z-index: 3; display: block; width: 100%; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Noto Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333;}
.wrap-depart-people .tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }
.wrap-depart-people .tab ul > li.on > a,
.wrap-depart-people .tab ul > li:hover > a,
.wrap-depart-people .tab ul > li.on > button,
.wrap-depart-people .tab ul > li:hover > button {background: #005128; border: 1px solid #005128; color: #fff;}
.wrap-depart-people .tab ul > li.on > a[target=_blank]::after,
.wrap-depart-people .tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}
.wrap-depart-people .tab-con {display: none;}
.wrap-depart-people .tab-con.on {display: block;}


@media (max-width:1000px) {
  .wrap-depart-people .con .sbj {font-size: 35px;}
  .wrap-depart-people .con .text {font-size: 16px;}
}
@media (max-width:850px) {
  .wrap-depart-people .box {flex-direction: column;}
  .wrap-depart-people .info {width:100%; margin-bottom: 30px;display: flex; align-items: center; justify-content: space-around;}
  .wrap-depart-people .info .thumb {margin:unset;}
}
@media (max-width:550px) {
  .wrap-depart-people .info .thumb {margin-right:30px;}
  .wrap-depart-people .con {padding-left: 0;}
}
/* 학과 소개 */
.wrap-depart-info {position: relative;}
.wrap-depart-info .container {position: relative; padding-top: 4.5%; padding-bottom: 10%; min-height:620px;}
.wrap-depart-info .thumb {overflow: hidden; position: absolute; left: 50%; top: 0; z-index: -1; display: flex; justify-content: center; align-items: start; width: 100%; height: 100%; transform: translate(-50%, 0);}
.wrap-depart-info .thumb img {max-width: none; height: 110%;}
.wrap-depart-info .con .title strong {font-family: 'Noto Medium'; font-size: 30px; color: #fff;}
.wrap-depart-info .con .title p {padding-top: 1%; padding-right: 50%; font-family: 'Noto Regular'; font-size: 18px; line-height: 1.7; color: #fff;}
.wrap-depart-info .con .title p > .tit-font{font-size: 30px; letter-spacing: -.05em; font-family: "Noto Bold";line-height: 1.5; margin-bottom: 20px; display: inline-block;}
.wrap-depart-info .con .title em {position: relative; display: inline-block; padding-left: 15px; font-family: 'Noto Bold';}
.wrap-depart-info .con .title em::before {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 15px; background: #fff;}
.wrap-depart-info .con .info {position: absolute; left: 0; bottom: 0; width: calc(100% - 520px); background: #fff;}
.wrap-depart-info .con .info::before {content: ''; position: absolute; right: 100%; top: 0; width: 50%; height: 100%; background: #fff;}
.wrap-depart-info .con .info ul {display: flex; width: 100%; height: 100px; align-items: center;}
.wrap-depart-info .con .info li {margin-right: 30px;}
.wrap-depart-info .con .info li strong {padding-right: 19px; font-family: 'Noto Medium'; font-size: 16px; color: #005128;}
@media (max-width:1750px) {
  .wrap-depart-info .container {min-height:470px;}
}
@media (max-width:1400px) {
  .wrap-depart-info .container {padding-bottom: 16%; min-height:unset;}
  .wrap-depart-info .con .title p {padding-right: 20%;}
  .wrap-depart-info .con .info {width:calc(100% - 130px);}
  .wrap-depart-info .con .info ul {padding-left:40px;}
  .wrap-depart-info .con .info ul li {padding:10px 0;}
}
@media (max-width:1000px) {
  .wrap-depart-info .container {padding-bottom:150px;}
  .wrap-depart-info .con .info ul {flex-direction: column; align-items: baseline; height:auto; padding-left: 60px;}
}
@media (max-width:750px) {
  .wrap-depart-info .container {padding-bottom: 130px;}
  .wrap-depart-info .con .title p {padding-right: 0; font-size: 16px;}
  .wrap-depart-info .con .info {bottom:-1px; width:calc(100% + 1px);}
  .wrap-depart-info .con .info ul {padding-left: 20px;}
  .wrap-depart-info .con .info ul li {padding:7px 0;}
}