@charset "UTF-8";

/*******************************************************
* CONTENT
*******************************************************/
body.editMode #_contentBuilder {height:auto !important;}
#_contentBuilder{opacity: 0; visibility: hidden; transition: all .5s; transition-delay: .5s;}
body.loaded #_contentBuilder{opacity: 1; visibility: visible;}
.department .btnOctagon {top: 80px; z-index: 999;}
.department .vh20 {display: none;}
.department ._obj {overflow: visible;}
.mobile_br{display: none;}

@media all and (max-width: 768px) {
  .mobile_br{display: block;}
}

/*******************************************************
* w_sub_depart style
*******************************************************/
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb200 {margin-bottom: 200px;}
.content-gap {margin: 140px 0 200px;}
.section-gap {margin: 120px 0 200px;}

@media (max-width: 1280px) {
  .mb200 {margin-bottom: 175px;}
  .BoardAlbum, .BoardNotice, .content-gap {margin: 120px 0 175px;}
  .section-gap {margin: 105px 0 175px;}
}

@media all and (max-width: 980px) {
  .scroll-table::before{display: none !important;}
  .board-view-info{margin-top: 60px;}
}

@media (max-width: 767px) {
  .mb200 {margin-bottom: 140px;}
  .content-gap, .section-gap {margin: 60px 0 140px;}
  .BoardNotice {margin:0 0 140px;}
  .BoardAlbum {margin:60px 0 140px;}
}

/*******************************************************
* local-styles
*******************************************************/
/* Color styles */
:root {
  --solidBlack: #000;
  --white: #FFF;
  --green: #2BB66D;
  --lightBlue: #3445EB;
  --blue: #2822E9; /* Primary */
  --gray01: #F7F7F7;
  --gray02: #F0F0F0;
  --gray03: #EAEAEA;
  --gray04: #D9D9D9;
  --gray05: #ABABAB;
  --gray06: #707070;
  --gray07: #515151;
}

/* 학과별 컬러 */
:root {
  /* .color1 기계공학부 */
  --color-1a: #00CD86; --color-1b: #E8FDF6;
  /* .color2 로봇자동화공학부 */
  --color-2a: #00BAF8; --color-2b: #E2F6FD;
  /* .color3 전기전자통신공학부 */
  --color-3a: #E4E200; --color-3b: #F8F8D9;
  /* .color4 컴퓨터공학부 */
  --color-4a: #B39CFD; --color-4b: #EEE9FF; 
  /* .color5 생활환경공학부 */
  --color-5a: #FF7EBA; --color-5b: #FFF2F8;
  /* .color6 경영학부 */
  --color-6a: #D3A05F; --color-6b: #FEF2E2;
  /* .color7 자유전공학과 */
  --color-7a: #D44583; --color-7b: #F8F0F4;
  /* .color8 교양과 */
  --color-8a: #BDC3C6; --color-8b: #EAEAEA;
}

/*******************************************************
* scrollbar
*******************************************************/
/* 스크롤바 */
.scrollbar {position: relative; overflow: hidden;}
.scrollbar::after {
  content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(43,106,189,0.5) url('../../images/sub/mobile_table_info.png') no-repeat center center;
  opacity: 0; pointer-events: none;
}

@media all and (max-width: 1280px) {
  .roadmap .scrollbar::after {opacity: 1; pointer-events: auto;}
  .roadmap .scrollbar.on::after {opacity: 0; pointer-events: none;}
}
@media all and (max-width: 1023px) {
  .depart-table .scrollbar::after {opacity: 1; pointer-events: auto;}
  .depart-table .scrollbar.on::after {opacity: 0; pointer-events: none;}
}
.customScrollBar::-webkit-scrollbar {width: 6px; height: 6px;}
.customScrollBar::-webkit-scrollbar-thumb {background: var(--solidBlack); border-radius: 3px;}
.customScrollBar::-webkit-scrollbar-track {background: var(--gray03); border-radius: 3px;}







/*******************************************************
* [S] GatePage
*******************************************************/
.wrapDepart h2 i {color: #FFF!important;}
.depart_list {margin-bottom: 200px;}
.depart_list .container {display:flex;flex-wrap:wrap;justify-content:space-between; margin-top: 20px;}
.depart_list .item {width:32.3%;display:flex;align-items:start;border:1px solid #d9d9d9;border-radius:5px;padding:25px;margin-bottom:1.5%;transition:0.3s;}
.depart_list .item .depart_pattern {display:block;width:77px;height:71px;transition:0.3s;margin-right:20px; margin-top: 12px;}
.depart_list .depart_8 {margin-right:auto;margin-left:1.5%;}
.depart_list .item div {width:calc(100% - 100px); margin-top: 7px;}
.depart_list .item h3 {margin-bottom:0;}
.depart_list .item h3 a {display:inline-block;}
.depart_list .item h3 a span {color:#000;font-family:'Pre Bold';font-size:24px; position:relative;}
.depart_list .item h3 a span::after {content:"";display:block;width:100%;height:2px;background:#000;margin-top:3px;transition:0.3s;transform:scale(0);}
.depart_list .item ul {display:flex;flex-wrap:wrap;}
.depart_list .item ul li {display:flex;align-items:center;margin-bottom:0;}
.depart_list .item ul li::after {content:"";display:block;width:2px;height:16px;background:#a8a8a8;margin:0 10px 5px 10px;}
.depart_list .item ul li:last-child::after {display:none;}
.depart_list .item ul li a,
.depart_list .item p {color:#515151;font-family:'Pre Medium';font-size:18px;}
.depart_list .item ul li a {display:inline-block;}
.depart_list .item ul li a::after {content:"";display:block;width:100%;height:1px;background:#a8a8a8;margin-top:3px;transition:0.3s;transform:scale(0);}
.depart_list .depart_1 .depart_pattern {background:url('../../images/main/depart_1.png') no-repeat center;}
.depart_list .depart_2 .depart_pattern {background:url('../../images/main/depart_2.png') no-repeat center;}
.depart_list .depart_3 .depart_pattern {background:url('../../images/main/depart_3.png') no-repeat center;}
.depart_list .depart_4 .depart_pattern {background:url('../../images/main/depart_4.png') no-repeat center;}
.depart_list .depart_5 .depart_pattern {background:url('../../images/main/depart_5.png') no-repeat center;}
.depart_list .depart_6 .depart_pattern {background:url('../../images/main/depart_6.png') no-repeat center;}
.depart_list .depart_7 .depart_pattern {background:url('../../images/main/depart_7.png') no-repeat center;}
.depart_list .depart_8 .depart_pattern {background:url('../../images/main/depart_8.png') no-repeat center;}
.depart_list .depart_1:hover .depart_pattern {background:url('../../images/main/depart_1_on.png') no-repeat center;}
.depart_list .depart_2:hover .depart_pattern {background:url('../../images/main/depart_2_on.png') no-repeat center;}
.depart_list .depart_3:hover .depart_pattern {background:url('../../images/main/depart_3_on.png') no-repeat center;}
.depart_list .depart_4:hover .depart_pattern {background:url('../../images/main/depart_4_on.png') no-repeat center;}
.depart_list .depart_5:hover .depart_pattern {background:url('../../images/main/depart_5_on.png') no-repeat center;}
.depart_list .depart_6:hover .depart_pattern {background:url('../../images/main/depart_6_on.png') no-repeat center;}
.depart_list .depart_7:hover .depart_pattern {background:url('../../images/main/depart_7_on.png') no-repeat center;}
.depart_list .depart_8:hover .depart_pattern {background:url('../../images/main/depart_8_on.png') no-repeat center;}
.depart_list .depart_1:hover {border-color:#00cd86;}
.depart_list .depart_2:hover {border-color:#00baf8;}
.depart_list .depart_3:hover {border-color:#e4e200;}
.depart_list .depart_4:hover {border-color:#b39cfd;}
.depart_list .depart_5:hover {border-color:#ff7eba;}
.depart_list .depart_6:hover {border-color:#d3a05f;}
.depart_list .depart_7:hover {border-color:#d9548e;}
.depart_list .depart_8:hover {border-color:#bdc3c6;}
.depart_list .item h3 a:hover span::after,
.depart_list .item ul li a:hover::after {transform:scale(1);}
@media all and (max-width: 1280px){
  .depart_list .item {width:49%;}
}
@media all and (max-width: 768px){
  .wrapDepart h2{font-size: 25px; padding: 20px 0 72px 16px; width: 67.7%;}
  .wrapDepart .departImg{width: 32.3%;}
  .depart_list {margin-bottom: 55px;}
  .depart_list .item {width:100%; padding: 22px 20px 12px; margin-bottom: 0; border-radius: 0;min-height: 152px;}
  .depart_list .item:first-child {border-radius:4px 4px 0 0;}
  .depart_list .item:last-child {border-radius: 0 0 4px 4px;}
  .depart_list .item div{width: 100%; margin-top: 0;}
  .depart_list .item .depart_pattern{display: none;}
  .depart_list .item h3{margin-bottom: 16px; background: url(../../images/common/mobile_depart_arrow.svg) no-repeat right center;}
  .depart_list .item h3 a{display: inline-block; width:100%;}
  .depart_list .item h3 a span{font-size: 20px; display:inline-block;}
  .depart_list .item ul li a, .depart_list .item p{font-size: 16px;}
  .depart_list .depart_8{margin-left: 0;}
  .depart_list .item ul li {margin-bottom: 7px;}
  .depart_list .item ul li::after{height: 12px;}
}
/*******************************************************
* [E] GatePage
*******************************************************/










/*******************************************************
* [S] header / banner
*******************************************************/
/* 【 GatePage > 학부 】 banner */
.depart-banner {width: 100%; height: 400px; display: flex;}
.banner-img {flex: 1; flex-basis: calc(50% + 10px);}
.banner-tit {flex: 1; flex-basis: calc(50% - 10px);}
.banner-tit .wrap {display: inline-block; padding: 48px 60px;}
.depart-banner.depart_1 {background: var(--color-1a) url('../../images/sub/banner-pattern-01.png') no-repeat right center / contain;}
.depart-banner.depart_2 {background: var(--color-2a) url('../../images/sub/banner-pattern-02.png') no-repeat right center / contain;}
.depart-banner.depart_3 {background: var(--color-3a) url('../../images/sub/banner-pattern-03.png') no-repeat right center / contain;}
.depart-banner.depart_4 {background: var(--color-4a) url('../../images/sub/banner-pattern-04.png') no-repeat right center / contain;}
.depart-banner.depart_5 {background: var(--color-5a) url('../../images/sub/banner-pattern-05.png') no-repeat right center / contain;}
.depart-banner.depart_6 {background: var(--color-6a) url('../../images/sub/banner-pattern-06.png') no-repeat right center / contain;}
.depart-banner.depart_7 {background: var(--color-7a) url('../../images/sub/banner-pattern-07.png') no-repeat right center / contain;}
.depart-banner.depart_8 {background: var(--color-8a) url('../../images/sub/banner-pattern-08.png') no-repeat right center / contain;}
.depart-banner.depart_1 .banner-img {background: url('../../images/sub/banner-image-01.png') no-repeat center / cover;}
.depart-banner.depart_2 .banner-img {background: url('../../images/sub/banner-image-02.png') no-repeat center / cover;}
.depart-banner.depart_3 .banner-img {background: url('../../images/sub/banner-image-03.png') no-repeat center / cover;}
.depart-banner.depart_4 .banner-img {background: url('../../images/sub/banner-image-04.png') no-repeat center / cover;}
.depart-banner.depart_5 .banner-img {background: url('../../images/sub/banner-image-05.png') no-repeat center / cover;}
.depart-banner.depart_6 .banner-img {background: url('../../images/sub/banner-image-06.png') no-repeat center / cover;}
.depart-banner.depart_7 .banner-img {background: url('../../images/sub/banner-image-07.png') no-repeat center / cover;}
.depart-banner.depart_8 .banner-img {background: url('../../images/sub/banner-image-08.png') no-repeat center / cover;}

/* 【 GatePage > 학부 > 학과 】 header */
.depart-header {width: 100%; background: var(--blue);}
.depart-header .inner {display: flex; justify-content: space-between; align-items: center; max-width: 1804px; margin: 0 auto; position: relative;}
.depart-header a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: var(--white); padding: 26px 0px}
.depart-navi ul {display: flex;}
.depart-navi ul li {display: flex; justify-content: center; align-items: center; transition: 0.15s;}
.depart-navi ul li.active {background: rgba(0,0,0,.2);}
.depart-navi ul li a {width: 128px; height: 80px;}
.depart-navi .div_5 {display: none;}
.depart-util, .depart-navi-mo {display: none;}

/* 【 GatePage > 학부 > 학과 】 4depth link tab */
.depart-link-tab {width: 100%; height: 88px; background: var(--gray01); overflow: hidden;}
.depart-link-tab ul {width: 100%; height: 100%; max-width: 1600px; margin: 0 auto; display: flex;}
.depart-link-tab ul li {height: 100%; position: relative; opacity: .5; transition: .2s;}
.depart-link-tab ul.menu2 li {flex-basis: 22%;}
.depart-link-tab ul.menu3 li {flex-basis: 16.875%;}
.depart-link-tab ul.menu4 li,
.depart-link-tab ul.menu5 li,
.depart-link-tab ul.menu6 li {flex-basis: 15.5%;}
.depart-link-tab ul.menu7 li,
.depart-link-tab ul.menu8 li {flex-basis: 12.5%;}
.depart-link-tab ul li:hover, .depart-link-tab ul li.active {opacity: 1;}
.depart-link-tab ul li.active::after {content: ''; width: 100%; height: 4px; background: var(--solidBlack); position: absolute; left: 0; bottom: 0;}
.depart-link-tab ul li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}

/* 【 GatePage > 학부 > 학과 】 banner ver.1_image */
.depart-main-image {width: 100%; height: 360px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.depart-main-image .tit-wrap {position: relative; max-width: 1600px; margin: 0 auto; padding: 60px 0 40px; height: 100%; color: var(--white); display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}
.depart-main-image .con-tit {display: flex; flex-direction: column; gap: 16px;}
.depart-main-image .sub_navi > ul > li > button {color: var(--gray05);}
.depart-main-image .sub_navi > ul > li::after {content: ''; display: block; width: 19px; height: 19px; margin: 0 15px; background: url('../../images/common/loactionNav-chevron-right-white.svg') no-repeat center / contain;}
.depart-main-image .sub_navi > ul > li:last-child::after {margin: 0 0 0 5px; background: url('../../images/common/loactionNav-circle-arrow-down-white2.svg') no-repeat center;}
.depart-main-image.depart_01-1 {background-image: url('../../images/sub/banner/banner-01-1.jpg');}
.depart-main-image.depart_01-2 {background-image: url('../../images/sub/banner/banner-01-2.jpg');}
.depart-main-image.depart_02-1 {background-image: url('../../images/sub/banner/banner-02-1.jpg');}
.depart-main-image.depart_02-2 {background-image: url('../../images/sub/banner/banner-02-2.jpg');}
.depart-main-image.depart_03-1 {background-image: url('../../images/sub/banner/banner-03-1.jpg');}
.depart-main-image.depart_03-2 {background-image: url('../../images/sub/banner/banner-03-2.jpg');}
.depart-main-image.depart_03-3 {background-image: url('../../images/sub/banner/banner-03-3.jpg');}
.depart-main-image.depart_03-4 {background-image: url('../../images/sub/banner/banner-03-4.jpg');}
.depart-main-image.depart_04-1 {background-image: url('../../images/sub/banner/banner-04-1.jpg');}
.depart-main-image.depart_04-2 {background-image: url('../../images/sub/banner/banner-04-2.jpg');}
.depart-main-image.depart_04-3 {background-image: url('../../images/sub/banner/banner-04-3.jpg');}
.depart-main-image.depart_05-1 {background-image: url('../../images/sub/banner/banner-05-1.jpg');}
.depart-main-image.depart_05-2 {background-image: url('../../images/sub/banner/banner-05-2.jpg');}
.depart-main-image.depart_05-3 {background-image: url('../../images/sub/banner/banner-05-3.jpg');}
.depart-main-image.depart_05-4 {background-image: url('../../images/sub/banner/banner-05-4.jpg');}
.depart-main-image.depart_05-5 {background-image: url('../../images/sub/banner/banner-05-5.jpg');}
.depart-main-image.depart_05-6 {background-image: url('../../images/sub/banner/banner-05-6.jpg');}
.depart-main-image.depart_06-1 {background-image: url('../../images/sub/banner/banner-06-1.jpg');}
.depart-main-image.depart_06-2 {background-image: url('../../images/sub/banner/banner-06-2.jpg');}
.depart-main-image.depart_06-3 {background-image: url('../../images/sub/banner/banner-06-3.jpg');}
.depart-main-image.depart_06-4 {background-image: url('../../images/sub/banner/banner-06-4.jpg');}
.depart-main-image.depart_06-5 {background-image: url('../../images/sub/banner/banner-06-5.jpg');}
.depart-main-image.depart_06-6 {background-image: url('../../images/sub/banner/banner-06-6.jpg');}
.depart-main-image.depart_07-1 {background-image: url('../../images/sub/banner/banner-07.jpg');}
.depart-main-image.depart_08-1 {background-image: url('../../images/sub/banner/banner-08.jpg');}

.depart-main-image .tit-wrap::after {content: ''; width: 248px; height: 248px; position: absolute; bottom: 12px; right: 10px;}
.depart-main-image.depart_01-1 .tit-wrap::after,
.depart-main-image.depart_01-2 .tit-wrap::after {background: url('../../images/sub/character/depart-character-01.png') no-repeat center bottom / contain;}
.depart-main-image.depart_02-1 .tit-wrap::after,
.depart-main-image.depart_02-2 .tit-wrap::after {background: url('../../images/sub/character/depart-character-02.png') no-repeat center bottom / contain;}
.depart-main-image.depart_03-1 .tit-wrap::after,
.depart-main-image.depart_03-2 .tit-wrap::after,
.depart-main-image.depart_03-3 .tit-wrap::after {background: url('../../images/sub/character/depart-character-03.png') no-repeat center bottom / contain;}
.depart-main-image.depart_03-4 .tit-wrap::after {background: url('../../images/sub/character/depart-character-03-4.png') no-repeat center bottom / contain;}
.depart-main-image.depart_04-1 .tit-wrap::after,
.depart-main-image.depart_04-2 .tit-wrap::after,
.depart-main-image.depart_04-3 .tit-wrap::after {background: url('../../images/sub/character/depart-character-04.png') no-repeat center bottom / contain;}
.depart-main-image.depart_05-1 .tit-wrap::after,
.depart-main-image.depart_05-2 .tit-wrap::after {background: url('../../images/sub/character/depart-character-05.png') no-repeat center bottom / contain;}
.depart-main-image.depart_05-3 .tit-wrap::after {background: url('../../images/sub/character/depart-character-05-3.png') no-repeat center bottom / contain; height: 268px;}
.depart-main-image.depart_05-4 .tit-wrap::after,
.depart-main-image.depart_05-5 .tit-wrap::after,
.depart-main-image.depart_05-6 .tit-wrap::after {background: url('../../images/sub/character/depart-character-05-4.png') no-repeat center bottom / contain;}
.depart-main-image.depart_06-1 .tit-wrap::after,
.depart-main-image.depart_06-2 .tit-wrap::after,
.depart-main-image.depart_06-3 .tit-wrap::after {background: url('../../images/sub/character/depart-character-06.png') no-repeat center bottom / contain;}
.depart-main-image.depart_06-4 .tit-wrap::after {background: url('../../images/sub/character/depart-character-06-4.png') no-repeat center bottom / contain;}
.depart-main-image.depart_06-5 .tit-wrap::after,
.depart-main-image.depart_06-6 .tit-wrap::after {background: url('../../images/sub/character/depart-character-06.png') no-repeat center bottom / contain;}
.depart-main-image.depart_07-1 .tit-wrap::after {background: url('../../images/sub/character/depart-character-07.png') no-repeat center bottom / contain;}
.depart-main-image.depart_08-1 .tit-wrap::after {background: url('../../images/sub/character/depart-character-08.png') no-repeat center bottom / contain;}

/* 【 GatePage > 학부 > 학과 】 banner ver.2_color */
.depart-main-color {width: 100%; height: 336px; position: relative;}
.depart-main-color::after {content: ''; width: 1910px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.depart-main-color .tit-wrap {position: relative; max-width: 1600px; margin: 0 auto; padding: 80px 0; height: 100%; display: flex; flex-direction: column; gap: 12px; z-index: 1;}
.depart-main-color .tit-wrap::after {content: ''; width: 200px; height: 87px; position: absolute; bottom: 53px; right: 18%; background: url('../../images/sub/banner-DMU-logo.png') no-repeat center / contain;}

.depart-main-color.depart_7 .tit-wrap {color: var(--white);}
.depart-main-color.depart_7 .tit-wrap::after {background: url('../../images/sub/banner-DMU-logo-white.png') no-repeat center / contain;}
.depart-main-color.depart_7 .sub_navi > ul > li > button {color: var(--white);}
.depart-main-color.depart_7 .sub_navi > ul > li::after {background: url('../../images/common/loactionNav_arrow_white.png') no-repeat center;}
.depart-main-color.depart_7 .sub_navi > ul > li:last-child::after {background: url('../../images/common/loactionNav_arrow_on_white.png') no-repeat center;}

.depart-main-color.depart_1 {background-color: var(--color-1a);}
.depart-main-color.depart_2 {background-color: var(--color-2a);}
.depart-main-color.depart_3 {background-color: var(--color-3a);}
.depart-main-color.depart_4 {background-color: var(--color-4a);}
.depart-main-color.depart_5 {background-color: var(--color-5a);}
.depart-main-color.depart_6 {background-color: var(--color-6a);}
.depart-main-color.depart_7 {background-color: var(--color-7a);}
.depart-main-color.depart_8 {background-color: var(--color-8a);}
.depart-main-color.depart_1::after {background: url('../../images/sub/banner-pattern-01.png') no-repeat right center / contain;}
.depart-main-color.depart_2::after {background: url('../../images/sub/banner-pattern-02.png') no-repeat right center / contain;}
.depart-main-color.depart_3::after {background: url('../../images/sub/banner-pattern-03.png') no-repeat right center / contain;}
.depart-main-color.depart_4::after {background: url('../../images/sub/banner-pattern-04.png') no-repeat right center / contain;}
.depart-main-color.depart_5::after {background: url('../../images/sub/banner-pattern-05.png') no-repeat right center / contain;}
.depart-main-color.depart_6::after {background: url('../../images/sub/banner-pattern-06.png') no-repeat right center / contain;}
.depart-main-color.depart_7::after {background: url('../../images/sub/banner-pattern-07.png') no-repeat right center / contain;}
.depart-main-color.depart_8::after {background: url('../../images/sub/banner-pattern-08.png') no-repeat right center / contain;}

/* header / banner 반응형 */
@media (max-width: 1920px) {
  .depart-main-color::after {width: 387px; left: auto; right: 0; transform: translateX(0);}
}
@media (max-width: 1804px) {
  .depart-header .inner {padding: 0 15px;}
  .depart-main-image .tit-wrap {padding: 60px 15px 40px;}
  .depart-main-color .tit-wrap {padding: 80px 15px;}
  .depart-main-color .tit-wrap::after {right: 380px;}
}
@media (max-width: 1600px) {
  .depart-main-image .con-tit .P_6 {width: 70%;}
  .depart-main-image .con-tit .P_6 br {display: none;}
}
@media (max-width: 1280px) {
  /* 【 GatePage > 학부 】 banner */
  .depart-banner {height: 280px;}
  .banner-img, .banner-tit {flex-basis: 50%;}
  .banner-tit .wrap {padding: 32px 36px;}
  .banner-tit .wrap .page_title {font-size: 44px; line-height: 1;}
  .banner-tit .wrap .locationNav {margin-top: 18px;}

  /* 【 GatePage > 학부 > 학과 】 4depth link tab */
  .depart-link-tab {height: 74px;}
  .depart-link-tab ul.menu2 li {flex-basis: 33%;}
  .depart-link-tab ul.menu3 li {flex-basis: 30%;}
  .depart-link-tab ul.menu4 li {flex-basis: 25%;}
  .depart-link-tab ul.menu5 li,
  .depart-link-tab ul.menu6 li,
  .depart-link-tab ul.menu7 li,
  .depart-link-tab ul.menu8 li {flex-basis: auto; padding: 0 30px;}
  .depart-link-tab ul li a {white-space: nowrap;}
}
@media (min-width: 1024px) {
  .depart-navi ul li:hover {background: rgba(0,0,0,.2);}
}
@media (max-width: 1023px) {
  /* 【 GatePage > 학부 】 banner */
  .depart-banner.depart_1,
  .depart-banner.depart_2,
  .depart-banner.depart_3,
  .depart-banner.depart_4,
  .depart-banner.depart_5,
  .depart-banner.depart_6,
  .depart-banner.depart_7,
  .depart-banner.depart_8 {background-position: right -140px center;}
  .banner-img {flex-basis: 30%;}
  .banner-tit {flex-basis: 70%;}
  .banner-tit .wrap .page_title {font-size: 36px;}

  /* 【 GatePage > 학부 > 학과 】 header */
  .depart-header {height: auto;}
  .depart-header .inner {display: block; padding: 0;}
  .depart-header .inner .depart-subtit {display: none;}

  /* 【 GatePage > 학부 > 학과 】 banner ver.1_image */
  .depart-main-image {height: auto;}
  .depart-main-image .tit-wrap {padding: 40px 20px;}
  .depart-main-image .tit-wrap::after {width: 220px;}
  .depart-main-image .con-tit > div {display: inline-block;}
  .depart-main-image .sub_navi {display: none;}

  /* 【 GatePage > 학부 > 학과 】 banner ver.2_color */
  .depart-main-color {height: 250px; overflow-x: hidden;}
  .depart-main-color::after {right: -60px;}
  .depart-main-color .sub_navi {display: none;}
  .depart-main-color .tit-wrap {display: block; padding: 40px 20px;}
  .depart-main-color .tit-wrap::after {width: 150px; right: 220px; bottom: 20px;}
}
@media (max-width: 767px) {
  /* 【 GatePage > 학부 > 학과 】 banner ver.1_image */
  .depart-main-image {background-position: right 20% center;}
  .depart-main-image::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.45);}
  .depart-main-image .tit-wrap::after {width: 175px; right: 0; bottom: 0;}

  /* 【 GatePage > 학부 】 banner */
  .depart-banner {height: 160px;}
  .depart-banner.depart_1,
  .depart-banner.depart_2,
  .depart-banner.depart_3,
  .depart-banner.depart_4,
  .depart-banner.depart_5,
  .depart-banner.depart_6,
  .depart-banner.depart_7,
  .depart-banner.depart_8 {background-position: right -100px center;}
  .banner-tit .wrap {padding: 23px 15px;}
  .banner-tit .wrap .page_title {font-size: 30px;}
  .banner-tit .wrap .locationNav {display: none;}

  /* 【 GatePage > 학부 > 학과 】 header */
  .depart-navi ul {justify-content: start; white-space: nowrap; flex-wrap: nowrap;}
  .depart-navi ul li a {font-family: 'Pre Medium'; width: auto; height: 56px; padding: 0 25px; white-space: nowrap;}
  .depart-navi ul.left-blur::before {content: ''; width: 15%; height: 100%; position: absolute; top: 0; pointer-events: none; left: 0; background: linear-gradient(90deg, rgba(40,34,233,1) 0%, rgba(40,34,233,0) 100%);}
  .depart-navi ul.right-blur::after {content: ''; width: 15%; height: 100%; position: absolute; top: 0; pointer-events: none; right: 0; background: linear-gradient(-90deg, rgba(40,34,233,1) 0%, rgba(40,34,233,0) 100%);}

  /* 【 GatePage > 학부 > 학과 】 4depth link tab */
  .depart-link-tab {height: 50px;}
  .depart-link-tab ul li {font-size: 14px;}
  .depart-link-tab ul li:not(.active) {font-family: 'Pre Medium';}
  .depart-link-tab ul li.active::after {height: 3px;}
  .depart-link-tab ul.menu2 li,
  .depart-link-tab ul.menu3 li {flex-basis: 30%;}
  .depart-link-tab ul.menu4 li {flex-basis: auto; padding: 0 25px;}
  .depart-link-tab ul.menu5 li,
  .depart-link-tab ul.menu6 li,
  .depart-link-tab ul.menu7 li,
  .depart-link-tab ul.menu8 li {flex-basis: auto; padding: 0 15px;}

  /* 【 GatePage > 학부 > 학과 】 banner */
  .depart-main-image .tit-wrap::after {width: 185px; display: none;}
  .depart-main-image .con-tit {gap: 16px;}
  .depart-main-image .con-tit .H_4 {font-size: 28px;}
  .depart-main-image .con-tit .H_4 br {display: none;}
  .depart-main-image .con-tit .P_6 {font-family: 'Pre Regular'; width: 65%;}
  .depart-main-color .tit-wrap .H_1 {font-size: 38px;}
  .depart-main-color .tit-wrap::after {width: 110px; right: 200px; bottom: 10px;}
}
@media (max-width: 500px) {
  /* 【 GatePage > 학부 】 banner */
  .banner-tit .wrap .page_title {font-size: 24px;}

  /* 【 GatePage > 학부 > 학과 】 banner */
  .depart-main-image .tit-wrap {padding: 32px 20px;}
  .depart-main-image .con-tit .P_6 {width: 100%;}
  .depart-main-image .tit-wrap::after {width: 160px; right: 10px;}    
  .depart-main-color {height: 220px;}
  .depart-main-color .tit-wrap {padding: 20px;}
  .depart-main-color .tit-wrap .H_1 {font-size: 20px;}
}
/*******************************************************
* [E] header / banner
*******************************************************/










/*******************************************************
* [S] 2depth_학부페이지
*******************************************************/
/* 학부페이지 */
.depart-page {display: flex; justify-content: space-between;}
.depart-page .inner {padding: 140px 0;}

/* 학부페이지: .depart-page-LNB */
.depart-page-LNB {position: relative; width: 16.875%; max-width: 270px; border-right: 1px solid var(--gray04);}
.depart-page-LNB > div {position: sticky; top: 0;}
.depart-page-LNB ul {display: flex; flex-direction: column; gap: 16px;}
.depart-page-LNB ul li {padding: 12px 0;}
.depart-page-LNB ul li a {position: relative; display: block;}
.depart-page-LNB ul li.active a::after {content: ''; display: block; width: 6px; height: 100%; position: absolute; top: 0; right: -1px; background: var(--blue);}
.depart-page-LNB ul li.active a {font-family: 'Pre Bold'; color: var(--blue);}

/* 학부페이지: .depart-page-contents */
.depart-page-contents {width: 83.125%; max-width: 1280px;}
.depart-page-contents .inner > div:not(:last-child)::after {content: ''; display: block; width: 100%; height: 1px; margin: 80px 0; background: var(--gray04);}
.depart-page-contents .con-tit {margin-bottom: 32px;}
.depart-page-contents .con-txt {word-break: keep-all;}
.depart-page-contents .flex-wrap {display: flex; justify-content: space-between;}
.depart-page-contents .flex-wrap .left {width: 36.71875%; max-width: 470px;}
.depart-page-contents .flex-wrap .right {width: 61.71875%; max-width: 790px;}

/* 학부페이지: section1 학부소개 */
.depart-page .btn-wrap {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 48px;}
.depart-page .btn-wrap a {flex: 0 0 calc(50% - 10px); padding: 25px 24px; border-radius: 4px; background: var(--gray03); display: flex; justify-content: space-between; align-items: center;}
.depart-page .btn-wrap a .icon-arrow-solid {fill: var(--solidBlack);}
.depart-page .btn-wrap a:hover {background: var(--solidBlack); color: var(--white); }
.depart-page .btn-wrap a:hover .icon-arrow-solid {fill: var(--white);}

/* 학부페이지: section2 학부장 인사말 */
.prof-info {display: flex; flex-direction: column; gap: 34px;}
.prof-thumb img {border-radius: 4px;}
.prof-info-txt {display: flex; align-items: center; gap: 40px; padding-left: 12px;}
.prof-info-txt p {position: relative;}
.prof-info-txt p::after {content: ''; width: 118px; height: 72px; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); z-index: -1;}
.prof-info-txt.sign01 p::after {background: url('../../images/sub/prof-sign-01.png') no-repeat center / contain;}
.prof-info-txt.sign02 p::after {background: url('../../images/sub/prof-sign-02.png') no-repeat center / contain;}
.prof-info-txt.sign03 p::after {background: url('../../images/sub/prof-sign-03.png') no-repeat center / contain;}
.prof-info-txt.sign04 p::after {background: url('../../images/sub/prof-sign-04.png') no-repeat center / contain;}
.prof-info-txt.sign05 p::after {background: url('../../images/sub/prof-sign-05.png') no-repeat center / contain;}
.prof-info-txt.sign06 p::after {background: url('../../images/sub/prof-sign-06.png') no-repeat center / contain;}
.prof-greetings {display: flex; flex-direction: column; justify-content: flex-end; gap: 32px;}
.two-column-text {column-count: 2; column-gap: 20px; color: var(--gray07);}

/* 학부페이지: section3 학과소개 table */
.depart-table table {width: 100%; position: relative;  word-break: break-all;}
.depart-table table th:first-child, .depart-table table td:first-child {width: 26.5625%;}
.depart-table thead th {background: #898989; color: var(--white); padding: 20px;}
.depart-table thead th:first-child {border-right: 1px solid var(--gray06);}
.depart-table tbody th {background: var(--gray03); border-bottom: 1px solid var(--gray04); border-right: 1px solid var(--gray06); padding: 18px;}
.depart-table tbody th a {display: flex; justify-content: center; align-items: center; gap: 12px; text-decoration: underline;}
.depart-table tbody th a svg {fill: var(--solidBlack);}
.depart-table tbody th a:hover {color: var(--blue);}
.depart-table tbody th a:hover svg {fill: var(--blue);}
.depart-table tbody td {border-bottom: 1px solid var(--gray04); padding: 18px 36px;}
.depart-table tbody tr:last-child th, .depart-table tbody tr:last-child td {border-color: var(--gray06);}
.depart-table ul {display: flex; margin: 0 -16px;}
.depart-table ul li {padding: 0 16px;}
.depart-table ul li.fb16 {flex-basis: 16.66%;}
.depart-table ul li.fb25 {flex-basis: 25%;}
.depart-table ul li.fb33 {flex-basis: 33.33%;}
.depart-table ul li.fb50 {flex-basis: 50%;}
.depart-table ul li.fb75 {flex-basis: 75%;}
.depart-table .box {position: relative; height: 100%; padding: 15px 8px; display: flex; justify-content: center; align-items: center; border: 1px solid; border-radius: 4px;}
.depart-table .box::after {content: ''; width: 32px; height: 32px; background: url(../../images/common/icon-chevron-right.svg) no-repeat center; position: absolute; left: 100%; top: calc(50% - 16px);}
.depart-table ul li:nth-child(1) .box {border-color: #BECDFF; background: #F0F8FF;}
.depart-table ul li:nth-child(2) .box {border-color: #2BB66D; background: rgba(186,228,211,.5);}
.depart-table ul li:nth-child(3) .box {border-color: #B39CFD; background: #EEE9FF;}
.depart-table ul li:last-child .box::after {display: none;}

/* 학부페이지: section4 행정담당 연락처 */
.contact-info > div {display: flex; gap: 24px; align-items: center;}
.contact-info > div > span {background: var(--gray01) url('../../images/common/icon-location-gray.svg') 30px center no-repeat; padding: 12px 30px 12px 66px; border-radius: 4px; color: var(--gray07);}
.contact-info .con-subtit {margin-bottom: 24px;}
.contact-info ul {display: flex; flex-wrap: wrap; gap: 20px;}
.contact-info ul li {flex-basis: calc(33.33% - 13.33px); background: #F1EEE9; border-radius: 4px; padding: 24px;}
.info-box {height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 40px;}
.info-box-head {display: flex; justify-content: space-between; align-items: center;}
.info-box-head p:first-child br {display: none;}
.info-box-head p:last-child {color: var(--gray07);}
.info-box-table tr {vertical-align: top;}
.info-box-table th {width: 64px; text-align: left; color: var(--gray07);}
.info-box-table td {text-align: left;}

/* 학부페이지 반응형 */
@media (max-width: 1600px) {
  .depart-page-LNB {width: 14%;}
  .prof-info-txt.sign02,
  .prof-info-txt.sign03,
  .prof-info-txt.sign05 {gap: 20px;}
}
@media (max-width: 1500px) {
  .depart-page-contents .con-subtit br {display: none;}
  .info-box-head {align-items: flex-start;}
  .info-box-head p:first-child br {display: block;}
}
@media (max-width: 1400px) {
  .prof-info-txt.sign02,
  .prof-info-txt.sign03 {padding-left: 0;}
  .prof-info-txt.sign02 p::after,
  .prof-info-txt.sign03 p::after {width: 100px; height: 61px;}
}
@media (max-width: 1280px) {
  .depart-page .inner {padding: 100px 0;}
  .depart-page-LNB {display: none;}
  .depart-page-contents {width: 100%;}
  .depart-page .btn-wrap {margin-top: 40px;}
  /* 학부페이지: section4 행정담당 연락처 */
  .contact-info ul {gap: 12px;}
  .contact-info ul li {flex-basis: calc(50% - 6px);}
  .info-box {gap: 20px;}
  .info-box-head {align-items: center;}
  .info-box-head p:first-child br {display: none;}
}
@media (max-width: 1023px) {
  /* 학부페이지: .depart-page-contents */
  .depart-page-contents .con-tit {margin-bottom: 24px;}
  .depart-page-contents .flex-wrap {display: flex; flex-direction: column; gap: 16px;}
  .depart-page-contents .flex-wrap .left, .depart-page-contents .flex-wrap .right {width: 100%; max-width: 100%;}
  .depart-page .btn-wrap {margin-top: 32px;}
  /* 학부페이지: section2 학부장 인사말 */
  .depart-page-contents .flex-wrap {gap: 28px;}
  .prof-info {flex-direction: row; gap: 24px;}
  .prof-info-txt {padding: 0 0 20px 10px; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 14px;}
  .prof-info-txt p::after {width: 100px; height: 61px; transform: translateY(-40%);}
  .prof-greetings {gap: 16px;}
  .prof-greetings > div:first-child br {display: none;}
  .two-column-text {font-size: 18px !important;}
  /* 학부페이지: section3 학과소개 table */
  .depart-table .scrollbar {padding-bottom: 34px;}
  .depart-table table {min-width: 1280px;}
  .depart-table tbody td {padding: 18px;}
}
@media (max-width: 767px) {
  .depart-page .inner {padding: 60px 0 140px;}
  .depart-page-contents .inner > div:not(:last-child)::after {margin: 60px 0;}
  .depart-page-contents .con-tit {justify-content: space-between; gap: 0;}
  .depart-page .btn-wrap {gap: 12px;}
  .depart-page .btn-wrap a {padding: 16px 20px;}
  .depart-page .btn-wrap a .icon-arrow-solid {transform: scale(.75);}
  .prof-thumb {flex-basis: 60%;}
  .prof-info-txt {padding: 0 0 10px 0;}
  .two-column-text {column-count: 1; font-size: 16px !important;; line-height: 24px;}
  .contact-info ul {flex-direction: column;}
  .contact-info ul li {padding: 20px;}
  .info-box-head {align-items: flex-start;}
  .info-box-head p:first-child {flex-basis: calc(70% - 6px);}
  .info-box-head p:last-child {flex-basis: calc(30% - 6px); text-align: right; font-size: 18px;}
  .depart-page-contents .flex-wrap .right .H_5{font-size: 16px; line-height: 24px;}
  .prof-greetings .H_5 {font-size: 20px;}
  .depart-page-contents .flex-wrap .right .H_5 {font-size: 20px;}
  .prof-info-txt.sign02,
  .prof-info-txt.sign03,
  .prof-info-txt.sign05 {gap: 10px;}
  .depart-link-tab ul li {font-size: 16px;}
  .contact-info .con-subtit {justify-content:space-between;}
}
@media (max-width: 500px) {
  .depart-page-contents .con-subtit br {display: block;}
  .depart-page .btn-wrap a {padding: 14px 16px; font-size: 16px;}
  .depart-page .btn-wrap a .icon-arrow-solid {transform: scale(.65);}
  .prof-info {gap: 18px;}
  .prof-info-txt {gap: 4px;}
  .prof-info-txt p::after {width: 72px; height: 44px; transform: translateY(-30%);}
  .prof-greetings > div:first-child br {display: block;}
  .contact-info > div > span {background-position: left 20px center; padding: 12px 30px 12px 56px;}

}
/*******************************************************
* [E] 2depth_학부페이지
*******************************************************/












/*******************************************************
* [S] 3depth_학과 메인
*******************************************************/
/* 자바스크립트로 요소 감싸서 클래스 추가 */
.flexColumns1 {margin: 58px auto 20px; display: flex; gap: 1%; justify-content: space-between;}
.flexColumns1.oneColumn{margin-bottom: 200px;}
.flexColumns2 {margin: 0 auto 200px; display: flex; gap: 1%; justify-content: space-between;}

@media all and (max-width: 1023px) {
  .wrapService.oneColumn{margin-bottom: 140px;}
}

/* 학과 메인 배너 */
.wrapMain {height: 480px; padding: 52px 40px 32px 40px; border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.wrapMain .tit-wrap > div {color: var(--white);}
.wrapMain .tit-wrap .subtit {margin-top: 8px;}
.wrapMain .info-wrap .eng {font-family: 'Pop Regular'; font-size: 48px; line-height: 1.25; color: var(--white); margin-bottom: 25px;}
.info-color-box {width: calc(100% + 16px); height: 68px; border-radius: 4px; margin: 0 -8px; display: flex; gap: 35px; align-items: center; padding: 0 40px;}
.info-color-box p {position: relative; padding-left: 36px; line-height: 30px;}
.info-color-box p::before {content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; margin-top: -12px;}
.info-color-box p.location::before {background: url('../../images/common/icon-location.svg') no-repeat center / contain;}
.info-color-box p.contact::before {background: url('../../images/common/icon-contact.svg') no-repeat center / contain;}
.info-color-box p.mail::before {background: url('../../images/common/icon-mail.svg') no-repeat center / contain;}
.wrapMain.depart_01-1 {background: url('../../images/sub/banner/main-01-1.jpg') no-repeat center / cover;}
.wrapMain.depart_01-2 {background: url('../../images/sub/banner/main-01-2.jpg') no-repeat center / cover;}
.wrapMain.depart_02-1 {background: url('../../images/sub/banner/main-02-1.jpg') no-repeat center / cover;}
.wrapMain.depart_02-2 {background: url('../../images/sub/banner/main-02-2.jpg') no-repeat center / cover;}
.wrapMain.depart_03-1 {background: url('../../images/sub/banner/main-03-1.jpg') no-repeat center / cover;}
.wrapMain.depart_03-2 {background: url('../../images/sub/banner/main-03-2.jpg') no-repeat center / cover;}
.wrapMain.depart_03-3 {background: url('../../images/sub/banner/main-03-3.jpg') no-repeat center / cover;}
.wrapMain.depart_03-4 {background: url('../../images/sub/banner/main-03-4.jpg') no-repeat center / cover;}
.wrapMain.depart_04-1 {background: url('../../images/sub/banner/main-04-1.jpg') no-repeat center / cover;}
.wrapMain.depart_04-2 {background: url('../../images/sub/banner/main-04-2.jpg') no-repeat center / cover;}
.wrapMain.depart_04-3 {background: url('../../images/sub/banner/main-04-3.jpg') no-repeat center / cover;}
.wrapMain.depart_05-1 {background: url('../../images/sub/banner/main-05-1.jpg') no-repeat center / cover;}
.wrapMain.depart_05-2 {background: url('../../images/sub/banner/main-05-2.jpg') no-repeat center / cover;}
.wrapMain.depart_05-3 {background: url('../../images/sub/banner/main-05-3.jpg') no-repeat center / cover;}
.wrapMain.depart_05-4 {background: url('../../images/sub/banner/main-05-4.jpg') no-repeat center / cover;}
.wrapMain.depart_05-5 {background: url('../../images/sub/banner/main-05-5.jpg') no-repeat center / cover;}
.wrapMain.depart_05-6 {background: url('../../images/sub/banner/main-05-6.jpg') no-repeat center / cover;}
.wrapMain.depart_06-1 {background: url('../../images/sub/banner/main-06-1.jpg') no-repeat center / cover;}
.wrapMain.depart_06-2 {background: url('../../images/sub/banner/main-06-2.jpg') no-repeat center / cover;}
.wrapMain.depart_06-3 {background: url('../../images/sub/banner/main-06-3.jpg') no-repeat center / cover;}
.wrapMain.depart_06-4 {background: url('../../images/sub/banner/main-06-4.jpg') no-repeat center / cover;}
.wrapMain.depart_06-5 {background: url('../../images/sub/banner/main-06-5.jpg') no-repeat center / cover;}
.wrapMain.depart_06-6 {background: url('../../images/sub/banner/main-06-6.jpg') no-repeat center / cover;}
.wrapMain.depart_07-1 {background: url('../../images/sub/banner/main-07.jpg') no-repeat center / cover;}
.wrapMain.depart_08-1 {background: url('../../images/sub/banner/main-08.jpg') no-repeat center / cover;}

.wrapMain.depart_1 .info-color-box {background: var(--color-1a);}
.wrapMain.depart_2 .info-color-box {background: var(--color-2a);}
.wrapMain.depart_3 .info-color-box {background: var(--color-3a);}
.wrapMain.depart_4 .info-color-box {background: var(--color-4a);}
.wrapMain.depart_5 .info-color-box {background: var(--color-5a);}
.wrapMain.depart_6 .info-color-box {background: var(--color-6a);}
.wrapMain.depart_7 .info-color-box {background: var(--color-7a);}
.wrapMain.depart_8 .info-color-box {background: var(--color-8a);}

/* 자유전공학과 font color white */
.depart_7 .info-color-box p.location::before {background: url('../../images/common/icon-location-white.svg') no-repeat center / contain;}
.depart_7 .info-color-box p.contact::before {background: url('../../images/common/icon-contact-white.svg') no-repeat center / contain;}
.depart_7 .info-color-box p.mail::before {background: url('../../images/common/icon-mail-white.svg') no-repeat center / contain;}
.wrapMain.depart_7 .info-color-box p{color: var(--white);}

.wrapMain::after {content: ''; width: 248px; height: 248px; position: absolute; bottom: 35px; right: -4px;}
.wrapMain.depart_01-1::after,
.wrapMain.depart_01-2::after {background: url('../../images/sub/character/depart-character-01.png') no-repeat center bottom / contain;}
.wrapMain.depart_02-1::after,
.wrapMain.depart_02-2::after {background: url('../../images/sub/character/depart-character-02.png') no-repeat center bottom / contain;}
.wrapMain.depart_03-1::after,
.wrapMain.depart_03-2::after,
.wrapMain.depart_03-3::after {background: url('../../images/sub/character/depart-character-03.png') no-repeat center bottom / contain;}
.wrapMain.depart_03-4::after {background: url('../../images/sub/character/depart-character-03-4.png') no-repeat center bottom / contain;}
.wrapMain.depart_04-1::after,
.wrapMain.depart_04-2::after,
.wrapMain.depart_04-3::after {background: url('../../images/sub/character/depart-character-04.png') no-repeat center bottom / contain;}
.wrapMain.depart_05-1::after,
.wrapMain.depart_05-2::after {background: url('../../images/sub/character/depart-character-05.png') no-repeat center bottom / contain;}
.wrapMain.depart_05-3::after {background: url('../../images/sub/character/depart-character-05-3.png') no-repeat center bottom / contain; height: 268px;}
.wrapMain.depart_05-4::after,
.wrapMain.depart_05-5::after,
.wrapMain.depart_05-6::after {background: url('../../images/sub/character/depart-character-05-4.png') no-repeat center bottom / contain;}
.wrapMain.depart_06-1::after,
.wrapMain.depart_06-2::after,
.wrapMain.depart_06-3::after {background: url('../../images/sub/character/depart-character-06.png') no-repeat center bottom / contain;}
.wrapMain.depart_06-4::after {background: url('../../images/sub/character/depart-character-06-4.png') no-repeat center bottom / contain;}
.wrapMain.depart_06-5::after,
.wrapMain.depart_06-6::after {background: url('../../images/sub/character/depart-character-06.png') no-repeat center bottom / contain;}
.wrapMain.depart_07-1::after {background: url('../../images/sub/character/depart-character-07.png') no-repeat center bottom / contain;}
.wrapMain.depart_08-1::after {background: url('../../images/sub/character/depart-character-08.png') no-repeat center bottom / contain;}


/* 전공동아리 */
/* w_sub2.css */

/* 학과 메인 반응형 */
@media (max-width: 1700px) {
  .wrapMain .info-wrap .eng {font-size: 44px;}
  .wrapMain::after {width: 27.8%; min-width: 200px;}
  .wrapMain .info-color-box {padding: 0 20px;}
}
@media (max-width: 1600px) {
  .wrapMain::after {bottom: 75px;}
}
@media (max-width: 1400px) {
  .wrapMain .info-wrap .eng {font-size: 38px;}
  .wrapMain .info-color-box {gap: 0; justify-content: space-between;}
}
@media (max-width: 1280px) {
  .wrapMain {margin: 24px 0 12px;}
  .wrapMain .info-color-box {gap: 35px; justify-content: flex-start;}
  .wrap_photo {margin-bottom: 140px;}
}
@media (max-width: 1023px) {
  .wrapMain .info-wrap .eng {font-size: 40px;}
}
@media (max-width: 767px) {
  .wrapMain {height: 264px; padding: 24px 24px 16px;}
  .wrapMain::after {bottom: 52px; right: 0; width: 150px; height: 150px; min-width: auto;}
  .wrapMain .info-wrap .eng {font-size: 16px; margin-bottom: 12px;}
  .wrapMain .info-color-box {height: 54px; gap: 0; padding: 0 16px;}
  .wrapMain .info-color-box p {padding-left: 0; font-size: 14px; line-height: 18px;}
  .wrapMain .info-color-box p::before {display: none;}
  .wrapMain .info-color-box p:not(:last-child) {padding-right: 19px;}
  .wrapMain .info-color-box p:not(:last-child)::after {content: ''; width: 1px; height: 80%; background: rgba(0,0,0,.5); margin: 0 8px; position: absolute; top: 10%;}
  .wrapMain.depart_7 .info-color-box p:not(:last-child)::after {background: rgba(255,255,255,.5);}
}
@media (max-width: 500px) {
  .wrapMain::after {bottom: 30px; width: 130px; height: 130px;}
  .wrapMain .info-color-box {display: block; height: auto; padding: 10px 20px;}
  .wrapMain .info-color-box p:not(:last-child) {display: inline-block;}
  .wrapMain .info-color-box p:not(:first-child)::after {display: none;}
}
/*******************************************************
* [E] 3depth_학과 메인
*******************************************************/










/*******************************************************
* [S] 4depth_1 학과소개
*******************************************************/
/* 학과소개 */
.wrap-depart-info .info-color-box {width: auto; height: auto; border-radius: 0; padding: 0; margin: 32px 0 140px 0; justify-content: flex-end;}
.wrap-depart-info .contents {margin-top: 40px; display: flex; justify-content: space-between;}
.wrap-depart-info .con-tit {display: flex; flex-direction: column; gap: 6px; width: calc(25% - 15px);}
.wrap-depart-info .con-box {width: calc(75% - 5px);}
.underline::after {content: ''; display: block; width: 100%; height: 1px; background: #707070; margin: 24px 0 10px;}

/* 학과소개: Info1 */
.info1 {margin-bottom: 30px; padding-bottom: 30px; display: flex; gap: 70px; justify-content: center; overflow: hidden;}
.info1 {margin-bottom: 30px; padding-bottom: 30px; display: flex; gap: 70px; justify-content: center; overflow: hidden;}
.info1 .first {position: relative; width: 294px; min-width: 294px; height: 294px; flex-direction: column; gap: 16px; border: 2px solid;}
.info1 .first span {width: 64px; height: 28px; border-radius: 14px; display: flex; justify-content: center; align-items: center;}
.info1 .first .icon-arrow-dotted {position: absolute; top: 50%; right: -62px; transform: translateY(-50%); z-index: -1;}
.info1 ul {display: flex; justify-content: center; align-items: center;}
.info1 li, .info1 .first {border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-family: "Pre Medium";}
.info1 li {width: 272px; aspect-ratio: 1/1; padding: 30px; background: var(--gray01); mix-blend-mode: multiply;}
.info1 li:nth-child(2) {margin: 0 -30px;}
.info1 ul > img {min-width: 832px;}
.info1.wideimg {gap: 50px;}
.info1.wideimg .first .icon-arrow-dotted {right: -40px;}
.info1 .moreText li {flex-direction: column; gap: 24px;}
.info1 .moreText li span {font-family: 'Pop SemiBold'; font-size: 16px; color: var(--gray05);}
.info1 .li2 {width: 374px; height: 294px; border-radius: 200px;}
.info1 .li2:nth-child(1) {margin: 0 -15px 0 0;}
.info1 .li2:nth-child(2) {margin: 0 0 0 -15px;}

/* 학과소개: Info2 */
.info2 {display: flex; flex-direction: column; gap: 16px;}
.info2 .info2-tit {width: 100%; height: 62px; display: flex; justify-content: center; align-items: center; border-radius: 4px;}
.info2 ul {display: flex; gap: 16px;}
.info2 li {flex: 1; border-radius: 4px; padding: 28px 20px; color: #515151; font-family: "Pre Medium";}
.info2 li span {width: 44px; height: 28px; border-radius: 14px; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; border: 2px solid;}
.info2 li strong {font-family: 'Pre Bold'; color: var(--solidBlack);}
.info2 .col2 {flex-wrap: wrap;}
.info2 .col2 li {flex: none; flex-basis: calc((100% - 3 * 16px) / 4);}
.info2 .col2 li p:last-child {margin-top: 8px;}

/* 학과소개: 졸업 후 진로 */
.boxwrap {display: flex; gap: 16px; flex-wrap: wrap;}
.boxwrap li {flex-basis: calc(25% - 12px); padding: 29px 0; border-radius: 4px; display: flex; justify-content: center; align-items: center; text-align: center; font-family: "Pre Medium";}
.boxwrap li.moreText {flex-direction: column; justify-content: flex-start; padding: 0;}
.boxwrap li.moreText div {padding: 27px 0; position: relative; width: 100%;}
.boxwrap li.moreText div::after {content: ''; width: 100%; height: 1px; background: var(--gray04); position: absolute; left: 0; bottom: 0;}
.boxwrap li.moreText p {padding: 24px 20px; color: var(--gray07);}
.boxwrap.gray03 li {background: var(--gray03);}
.boxwrap.gray02 li {background: var(--gray02);}
.boxwrap.gray01 li {background: var(--gray01);}

/* 학과소개 반응형 */
@media (max-width: 1600px) {
  .wrap-depart-info .con-tit {width: calc(20% - 15px);}
  .wrap-depart-info .con-tit br {display: none;}
  .wrap-depart-info .con-box {width: calc(80% - 5px);}
  .info1.wideimg {justify-content: flex-start; overflow-x: auto;}
}
@media (max-width: 1500px) {
  .info1 {gap: 45px;}
  .info1 .first {width: 275px; min-width: 275px; height: 275px;}
  .info1 .first .icon-arrow-dotted {right: -35px;}
  .info1 li {width: 255px;}
  .info1 .li2 {height: 275px;}
  .info1 .moreText li {gap: 12px;}
}
@media (max-width: 1400px) {
  .info1 .first {width: 260px; min-width: 260px; height: 260px; gap: 8px;}
  .info1 li {width: 245px;}
  .info1 .li2 {height: 260px;}
  .info1 .moreText li {height: 260px;}
  .info1 .moreText li:not(.li2) {width: 260px;}
  .info1.wide {justify-content: flex-start; overflow-x: auto;}
}
@media (max-width: 1280px) {
  .wrap-depart-info .contents {flex-direction: column; gap: 20px;}
  .wrap-depart-info .con-tit {width: 100%; flex-direction: row; align-items: flex-end; gap: 12px;}
  .wrap-depart-info .con-tit span {line-height: 32px;}
  .wrap-depart-info .con-box {width: 100%;}
  .info1.wide {justify-content: center;}
}
@media (max-width: 1100px) {
  .info1.wide {justify-content: flex-start;}
}
@media (max-width: 1023px) {
  .wrap-depart-info .contents {margin-top: 30px;}
  .wrap-depart-info .con-box {width: 100%;}
  .wrap-depart-info .info-color-box {margin: 24px 0 105px 0;}
  .info1 {justify-content: flex-start; overflow-x: auto;}
  .info2 ul {flex-wrap: wrap;}
  .info2 li {flex: 0; flex-basis: calc(50% - 8px);}
  .info2 .col2 li {flex-basis: calc((100% - 16px) / 2);}
  .boxwrap {gap: 8px;}
  .boxwrap li {flex-basis: calc(50% - 8px); padding: 20px 0;}
}
@media (max-width: 767px) {
  .underline::after {margin: 16px 0 8px;}
  .info2, .info2 ul {gap: 12px;}
  .info2 .info2-tit {height: auto; display: block; padding: 12px 16px;}
  .info2 li {flex-basis: 100%; padding: 20px 16px;}
  .info2 .col2 li {flex-basis: 100%;}
  .wrap-depart-info .info-color-box {justify-content: flex-start; gap: 0; flex-wrap: wrap; margin: 12px 0 60px 0; gap: 12px;}
  .wrap-depart-info .info-color-box p {padding-left: 30px; white-space: nowrap; font-size: 14px; line-height: 18px; margin-bottom: 8px; margin-right: 10px;}
  .wrap-depart-info .contents {gap: 15px;}
  .info-color-box p::before {width: 18px; height: 18px; top: 0; margin-top: 0;}
}


/* 학과소개: 학부별 컬러 */
/* Color1 */
.color1 .info1 .first {background: var(--color-1b); border-color: var(--color-1a);}
.color1 .info1 .first span {background: var(--color-1a);}
.color1 .info1 .first .icon-arrow-dotted {fill: var(--color-1a);}
.color1 .info2 .info2-tit {background: var(--color-1a);}
.color1 .info2 li {background: var(--color-1b);}
.color1 .info2 li span {color: var(--color-1a); border-color: var(--color-1a);}
/* Color2 */
.color2 .info1 .first {background: var(--color-2b); border-color: var(--color-2a);}
.color2 .info1 .first span {background: var(--color-2a);}
.color2 .info1 .first .icon-arrow-dotted {fill: var(--color-2a);}
.color2 .info2 .info2-tit {background: var(--color-2a);}
.color2 .info2 li {background: var(--color-2b);}
.color2 .info2 li span {color: var(--color-2a); border-color: var(--color-2a);}
/* Color3 */
.color3 .info1 .first {background: var(--color-3b); border-color: var(--color-3a);}
.color3 .info1 .first span {background: var(--color-3a);}
.color3 .info1 .first .icon-arrow-dotted {fill: var(--color-3a);}
.color3 .info2 .info2-tit {background: var(--color-3a);}
.color3 .info2 li {background: var(--color-3b);}
.color3 .info2 li span {color: var(--color-3a); border-color: var(--color-3a);}
/* Color4 */
.color4 .info1 .first {background: var(--color-4b); border-color: var(--color-4a);}
.color4 .info1 .first span {background: var(--color-4a);}
.color4 .info1 .first .icon-arrow-dotted {fill: var(--color-4a);}
.color4 .info2 .info2-tit {background: var(--color-4a);}
.color4 .info2 li {background: var(--color-4b);}
.color4 .info2 li span {color: var(--color-4a); border-color: var(--color-4a);}
/* Color5 */
.color5 .info1 .first {background: var(--color-5b); border-color: var(--color-5a);}
.color5 .info1 .first span {background: var(--color-5a);}
.color5 .info1 .first .icon-arrow-dotted {fill: var(--color-5a);}
.color5 .info2 .info2-tit {background: var(--color-5a);}
.color5 .info2 li {background: var(--color-5b);}
.color5 .info2 li span {color: var(--color-5a); border-color: var(--color-5a);}
/* Color6 */
.color6 .info1 .first {background: var(--color-6b); border-color: var(--color-6a);}
.color6 .info1 .first span {background: var(--color-6a);}
.color6 .info1 .first .icon-arrow-dotted {fill: var(--color-6a);}
.color6 .info2 .info2-tit {background: var(--color-6a);}
.color6 .info2 li {background: var(--color-6b);}
.color6 .info2 li span {color: var(--color-6a); border-color: var(--color-6a);}
/* Color7 */
.color7 .info1 .first {background: var(--color-7b); border-color: var(--color-7a);}
.color7 .info1 .first span {background: var(--color-7a);}
.color7 .info1 .first .icon-arrow-dotted {fill: var(--color-7a);}
.color7 .info2 .info2-tit {background: var(--color-7a); color: var(--white);}
.color7 .info2 li {background: var(--color-7b);}
.color7 .info2 li span {color: var(--color-7a); border-color: var(--color-7a);}
/* Color8 */
.color8 .info1 .first {background: var(--color-8b); border-color: var(--color-8a);}
.color8 .info1 .first span {background: var(--color-8a);}
.color8 .info1 .first .icon-arrow-dotted {fill: var(--color-8a);}
.color8 .info2 .info2-tit {background: var(--color-8a);}
.color8 .info2 li {background: var(--color-8b);}
.color8 .info2 li span {color: var(--color-8a); border-color: var(--color-8a);}
/*******************************************************
* [E] 4depth_1 학과소개
*******************************************************/










/*******************************************************
* [S] 4depth_2 교육과정(학사로드맵)
*******************************************************/
/* 학사로드맵 */
.roadmap {margin: 140px 0 200px;}
.roadmap .wrap_btn {margin-bottom: 80px;}
.roadmap .con h2 {margin-bottom: 24px;}

/* 학사로드맵 반응형 */
@media (max-width: 1280px) {
  .roadmap {margin: 140px 0 200px;}
  .roadmap .scrollbar {padding-bottom: 28px;}
  .roadmap .scrollbar img {max-width: 1280px;}
}
@media (max-width: 767px) {
  .roadmap {margin: 60px 0 140px;}
  .roadmap .wrap_btn {margin-bottom: 40px;}
}
/*******************************************************
* [E] 4depth_2 교육과정(학사로드맵)
*******************************************************/










/*******************************************************
* [S] 4depth_2 교육과정(교과목)
*******************************************************/
/* con-table2 테이블 */
.con-table2 {overflow: hidden; border-top: 1px solid var(--solidBlack); position: relative;}
.con-table2 table {width: 100%; position: relative; margin-left: 1px; word-break: break-all;}
.con-table2 caption {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);}
.con-table2 thead th {border-bottom: 1px solid var(--gray06); border-right: 1px solid var(--gray03); background: var(--gray01); padding: 20px 20px;}
.con-table2 tbody th,
.con-table2 tbody td {border-right: 1px solid var(--gray03); border-bottom: 1px solid var(--gray03); color: var(--gray07); padding: 25px 20px;}

/* con-table2 테이블 반응형 */
@media (max-width: 1023px) {
  .con-table2 {overflow-y: hidden; overflow-x: scroll; position: relative;}
  .con-table2::after {
	content: '좌우로 스크롤 하시면 내용이 보입니다. 안내문은 클릭시 닫힙니다!'; 
	display: flex; align-items: center; justify-content: center; color: #FFF; 
	position: absolute; left: 0; top: 0; width: 200%; height: 100%; background: rgba(43, 106, 189, 0.5);
  }
  .con-table2 table {min-width: 200%;}
  .con-table2.on::after {display: none;}
}
/*******************************************************
* [E] 4depth_2 교육과정(교과목)
*******************************************************/










/*******************************************************
* [S] 4depth_6 전공동아리
*******************************************************/
.depart-club {display: flex; justify-content: space-between;}
.club-info {display: flex; flex-direction: column; gap: 40px; width: calc(25% - 15px);}
.club-info .badge {margin-top: 12px; display: flex; gap: 8px;}
.club-info .badge div {font-size: 16px; line-height: 2.5; padding: 0 10px; border-radius: 4px;}
.club-info .badge .keyword {font-family: 'Pre Bold'; color: var(--lightBlue); background: #F0F8FF;}
.club-info .badge .since {font-family: 'Pop Medium'; color: var(--gray05); background: var(--gray01);}
.club-info .club-info-table {max-width: 300px; padding: 24px; border-top: 1px solid var(--gray04); border-bottom: 1px solid var(--gray04);}
.club-info .club-info-table td {text-align: left; line-height: 26px;}
.club-info .club-info-table td:first-child {color: var(--gray06);}

.club-content {width: calc(75% - 5px);}
.club-content > ul {display: flex; gap: 20px; justify-content: space-between; margin-top: 20px;}
.club-content > ul > li {flex: 0 0 calc(50% - 10px); border-radius: 4px; padding: 28px 32px; background: #F1EEE9;}
.club-content-txt > ul {margin-top: 16px;}
.club-content-txt > ul > li {position: relative; color: var(--gray07); line-height: 26px; padding-left: 14px;}
.club-content-txt > ul > li::before {content: ''; width: 4px; height: 4px; background: var(--gray07); position: absolute; left: 0; top: 11px;}
.club-content-txt > ul > li:not(last-child) {margin-bottom: 6px;}

#clubSlide {margin-top: 48px;}
/*#clubSlide ul {display: flex;} */
#clubSlide ul li {width: 100%; overflow: hidden; position: relative; }
#clubSlide ul li img {transform: scale(1.02);}
#clubSlide button.slick-prev, #clubSlide button.slick-next {position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; text-indent: -9999px; z-index: 10;}
#clubSlide button.slick-prev {left: 24px; background: var(--white) url('../../images/common/icon-chevron-left.svg') no-repeat center;} 
#clubSlide button.slick-next {right: 24px; background: var(--white) url('../../images/common/icon-chevron-right.svg') no-repeat center;} 
#clubSlide ul.slick-dots {text-indent: -9999px;}

/* 전공동아리 반응형 */
@media (max-width: 1280px) {
  .depart-club {flex-direction: column;}
  .club-info {width: 100%; gap: 24px;}
  .club-info > div {display: flex; justify-content: space-between; align-items: center;}
  .club-info .badge {height: 100%;}
  .club-info .club-info-table {max-width: 100%; padding: 0 0 40px 0; border-top: 0;}
  .club-info .club-info-table td:last-child {text-align: right;}

  .club-content {width: 100%;}
  .club-content > p {margin-top: 40px;}
  .club-content > ul {margin-top: 32px;}

  #clubSlide {margin-top: 60px;}
}
@media (max-width: 767px) {
  .depart-club .H_2 {font-size: 30px;}
  .club-info > div {align-items: center;}
  .club-info .badge {margin: 0;}
  .club-info .club-info-table {padding: 0 0 30px 0;}
  .club-content > p {line-height:24px;}
  .club-content > ul {flex-direction: column; gap: 20px;}
  .club-content > ul > li {padding: 22px 18px 15px;}

  #clubSlide button.slick-arrow {width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);}
  #clubSlide ul.slick-dots {display: flex !important; gap: 12px; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
  #clubSlide ul.slick-dots li {width: 8px; height: 8px; background: var(--solidBlack); border-radius: 50%; opacity: 0.3; cursor: pointer;}
  #clubSlide ul.slick-dots li button {position: relative;margin: 0;top: auto;width: 100%;height: 100%;}
  #clubSlide ul.slick-dots li.slick-active {opacity: 1;}
}
/*******************************************************
* [E] 4depth_6 전공동아리
*******************************************************/