@charset "UTF-8";

/* 로그인 */
.login{
  flex: 1;
  padding: 40px 35px;
  text-align: center;
}
.login-wrap{
  margin-top: 40px;
}
.login-wrap .symbol{
  width: 50px;
}
.login-wrap .text-login{
  margin: 5px 0 30px;
  font-size: var(--bs-font-size-xxl);
  word-break: keep-all;
}
.login-form .input-wrap + .input-wrap{
  margin-top: 10px;
}
.login-form .input-wrap .input{
  background-color: var(--bs-gray-100);
}
.login-footer{
  padding: 20px 16px;
  border-top: 1px solid var(--bs-gray-200);
  background: #EEE;
}
.info-container{
  margin-top: 14px;
}
.info-title{
  margin-bottom: 6px;
  padding-left: 17px;
  background: url(../image/icon_info-circle.png) no-repeat top 2px left / 14px;
}
.info-title.info-small{
  font-size: var(--bs-font-size-xxs);
  color: var(--bs-gray-700);
  background-position-y: 0;
}
.login .btn-link{
  margin-top: 20px;
}
.login .checkbox-list{
  display: flex;
  justify-content: space-around;
  margin: 18px 20px 40px;
}


/* Main */
/* 사용자 정보 */
.main-info-container{
  position: relative;
  border-radius: 0px 0px 20px 20px;
}
.main-info-wrap{
  display: flex;
  justify-content: space-between;
  padding: 20px 16px 10px;
}
.main-info-wrap::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 115px;
  border-radius: 0px 0px 20px 20px;
  background: var(--bs-gradient);
  z-index: -1;
}
.main-info-wrap.logout{
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
  padding-bottom: 20px;
}
.main-info-wrap.logout::after{
  content: '';
  position: absolute;
  bottom: -2px;
  right: 0px;
  width: 99px;
  height: 97px;
  background: url(../image/bg_main-info-logout.png) no-repeat center right / 99px;
}
.main-info{
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-info_user-name{
  font-size: var(--bs-font-size-xxxl);
  font-weight: 600;
  color: var(--bs-white);
}
.main-info_user-info{
  line-height: 14px;
  color: #A0F4FF;
}
.refresh-wrap{
  display: flex;
  align-items: center;
  color: #EBEBEB;
  text-align: right;
}

/* 퀵 메뉴 */
.quick-menu-wrap{
  display: flex;
  gap: 10px;
  margin: 0 16px;
}
.quick-menu_left{
  display: flex;
  width: 66.66666667%;
}
.quick-menu_right{
  width: 33.33333333%;
}
.quick-menu_left .list-style_bullet li{
  display: flex;
  justify-content: space-between;
}
.quick-menu_left .list-style_bullet li::before{
  background-color: var(--bs-gray-600);
}
.quick-menu_right .header-wrap{
  justify-content: center;
}
.quick-menu{
  width: 100%;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 16px;
  background: var(--bs-white);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);
}
.quick-menu:last-child{
  margin-bottom: 0;
}
.quick-menu .header-wrap{
  margin-bottom: 12px;
}
.quick-menu-title{
  font-size: var(--bs-font-size-lg);
  font-weight: 400;
  color: var(--bs-gray-700)
}
.quick-menu .list-style_bullet li .sub{
  display: inline-block;
  min-width: 56px; 
}
.quick-menu .day-off{
  display: flex;
  align-items: center;
  height: 74px;
  font-size: var(--bs-font-size-xs);
  line-height: normal;
  color: var(--bs-gray-600);
  background: url(../image/bg_main-dayoff.png) no-repeat bottom right / 110px;
}
.quick-menu .day-off-professor {
  display: flex;
  align-items: center;
  height: 74px;
  font-size: var(--bs-font-size-xs);
  line-height: normal;
  color: var(--bs-gray-600);
  background: url(../image/bg_main-dayoff-professor.png) no-repeat bottom right /
    110px;
}
.main-notice-wrap .list-style_bullet li{
  margin-bottom: 0;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-notice-wrap .list-style_bullet li::before{
  top: 14px;
}

/* 모바일 신분증 */
.btn_id-popup{
  position: relative;
  margin: 10px 16px 0;
  padding: 15px 20px;
  border-radius: 16px;
  font-size: var(--bs-font-size-xl);
  color: var(--bs-white);
  background: linear-gradient(93deg, #00C7C7 -0.04%, #0C8BFF 100.31%, #0C8AFF 100.32%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}
.btn_id-popup::after{
  content: '';
  position: absolute;
  top: 4px;
  right: 20px;
  width: 40px;
  height: 55px;
  background: url(../image/bg_id-popup.png) no-repeat center / 40px;
}
.btn_id-popup_title{
  font-size: var(--bs-font-size-xl);
  font-weight: 700;
}
.btn_id-popup_link{
  font-weight: 300;
}
.btn_id-popup_link::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background: url(../image/icon_arrow-right_white_48.png) no-repeat center / 12px;
}

/* 메인 */
.main-wrap{
  margin-top: 40px;
  padding: 0 16px;
}
.main-wrap:last-child{
  margin-bottom: 40px;
}
.main-wrap .header-wrap{
  margin-bottom: 12px;
}
.main-wrap-title{
  margin-bottom: 0;
  font-size: var(--bs-font-size-xxl);
  font-weight: 600;
}

/* 메인 메뉴 */
.main-menu-wrap{
  margin: 0 -10px;
}
.main-menu-wrap > *{
  padding: 5px;
}
.btn_main-menu-wrap{
  position: relative;
  height: 85px;
}
.btn_main-menu-wrap.add{
  border: 1px dashed var(--bs-gray-400);
  border-radius: var(--bs-border-radius-xl);
  background: #EAF7FF url(../image/icon_plus_blue_64.png) no-repeat center / 16px;
}
.btn_main-menu{
  display: flex;
  position: relative;
  width: 100%;
  height: 85px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  padding: 14px 0 0;
  border-radius: 16px;
  background-color: #FFF;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10);
}
.btn_main-menu:disabled{
  box-shadow: none;
  background-color: var(--bs-gray-200);
}
.btn_main-menu:disabled .btn_main-menu_icon{
  opacity: .3;
}
.btn_main-menu:disabled .btn_main-menu_text{
  color: var(--bs-gray-600);
}
.btn_main-menu .badge{
  position: absolute;
  top: 6px;
  right: 6px;
}
.btn_main-menu_icon{
  width: 32px;
}
.btn_main-menu_text{
  display: block;
  font-size: var(--bs-font-size-xs);
  color: #484848;
  line-height: normal;
  white-space: normal;
  /* word-break: break-all;
  overflow-wrap: break-word; */
}

.main-carousel{
  width: calc(100% + 32px);
  margin-top: -16px;
  margin-left: -16px;
}
.main-carousel .carousel-item{
  padding: 16px;
}
.main-carousel .carousel-indicators{
  position: static;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
}
.main-carousel .carousel-indicators [data-bs-target]{
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 4px;
  height: 4px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #e3e3e3;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 4px;
  opacity: 1;
  transition: background-color .6s ease;
  
}
.main-carousel .carousel-indicators .active{
  width: 120px;
  background-color: #9f9f9f;
}
.main-wrap .nav-underline{
  /* --bs-nav-underline-gap: 16px; */
  --bs-nav-underline-border-width: 1px;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  /* gap: 16px; */
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 8px;
}
.main-wrap .nav-underline .nav-link{
  margin-bottom: -1px;
  padding: 2px;
  color: #8B8B8B;
}
.main-wrap .nav-underline .nav-link.active, 
.main-wrap .nav-underline .show>.nav-link{
  color: var(--bs-secondary);
}
.main-menu-horizon-wrap .btn_main-menu{
  height: auto;
  padding: 12px;
  flex-direction: row;
  justify-content: flex-start;
}
.main-menu-horizon-wrap .btn_main-menu_icon{
  width: 24px;
}

/* 마이 페이지 */
.mypage-title{
  margin: 30px 0 24px;
  text-align: center;
  font-size: var(--bs-font-size-xl);
  font-weight: 400;
}
.id-card-container{
  display: flex;
  gap: 12px;
}
.language-container{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mypage-card-wrap{
  display: flex;
  flex: 1;
  text-align: center;
  color: var(--bs-gray-600);
  background-color: var(--bs-white);
  border: 1px solid transparent;
  border-radius: var(--bs-border-radius-xl);
}
.mypage-card-wrap.selected{
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}
.mypage-card-title{
  font-weight: 600;
}
.mypage-card-text{
  margin-left: -4px;
  font-weight: 600;
}
.mypage-card-img{
  width: 80px;
}
.id-card-container .mypage-card-wrap{
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 24px;
}
.language-container .mypage-card-wrap{
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 20px;
}
.language-img{
  width: 27px;
  opacity: .5;
}
.mypage-card-wrap.selected .language-img{
  opacity: 1;
}
.new{
  position: relative;
  padding-right: 10px;
}
.new::after{
  content: '';
  position: absolute;
  top: -3px;
  left: -6px;
  width: 5px;
  height: 5px;
  background-color: var(--bs-red);
  border-radius: 5px;
}
.acadmic-title + .info-date-num{
  margin-top: 8px;
}
.notice-link{
  color: var(--bs-gray-500);
}

/* 학사 일정 */
/*  */
.year-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  background-color: var(--bs-gray-100);
}
.year{
  flex: 1;
  font-size: var(--bs-font-size-lg);
  font-weight: 400;
  text-align: center;
}

/*  */
.month-wrap{
  border-bottom: 1px solid #f0f0f0;
}
.month-wrap .swiper {
  width: 100%;
  height: 40px;
}
.month-wrap .swiper-slide{
  width: auto;
}
.month-wrap .nav-link{
  font-size: var(--bs-font-size-lg);
  color: var(--bs-gray-600);
}
.month-wrap .nav-link .active{
  font-weight: 600;
  color: var(--bs-primary);
  border-bottom: 2px solid var(--bs-primary);
}
.month{
  height: 40px;
  padding: 12px 20px;
  font-size: var(--bs-font-size-lg);
  color: var(--bs-gray-600);
  background-color: var(--bs-white);
  text-align: center;
}
.month.selected{
  font-weight: 600;
  color: var(--bs-primary);
  border-bottom: 2px solid var(--bs-primary);
}

.calendar-info{
  margin-top: 12px;
  padding-left: 18px;
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-700);
  background: url(../image/icon_calendar-add_gray.png) no-repeat top left / 14px;
}


.subway-line-wrap{
  display: flex;
  padding: 4px 8px;
  justify-content: space-between;
  align-items: center;
  /* gap: 24px; */
}
.subway-line-wrap::before, 
.subway-line-wrap::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/icon_chevron-left-duo-white_64.png) no-repeat center / 16px;
}
.subway-line-wrap::after{
  transform: rotate(180deg);
}
.subway-line-wrap.line-4{
  color: var(--bs-white);
  background: #2C9EDE;
}
.subway-line-wrap.line-sb{
  color: var(--bs-white);
  background: #F6C425;
}
.station-wrap{
  display: flex;
  padding: 5px 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  min-width: 76px;
  font-size: var(--bs-font-size-sm);
  border-radius: 999px;
  background: var(--bs-white);
}
.station-line{
  min-width: 18px;
  padding: 0 4px;
  height: 18px;
  font-size: var(--bs-font-size-xxs);
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 18px;  
}
.station-name{
  flex: 1;
  font-size: var(--bs-font-size-sm);
  font-weight: 600;
  text-align: center;
}
.line-4 .station-wrap{
  color: #2C9EDE;
  border-color: #2C9EDE;
}
.line-sb .station-wrap{
  color: #F6C425;
  border-color: #F6C425;
}



.subway-day{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 35px;
  padding: 4px 16px;
  background: var(--bs-gray-100);
  border-bottom: 1px solid #f2f2f2;
}
.btn_day{
  padding: 2px 7px;
  height: auto;
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-500);
}
.btn_day.active{
  font-weight: 600;
  color: var(--bs-gray-700);
  background-color: inherit;
}
.btn_day::before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 6px 3px 0 0;
  border-radius: 50%;
  background-color: var(--bs-gray-500);
  vertical-align: top;
}
.btn_day.active::before{
  background-color: #2C9EDE;
}



.subway-timetable{
  margin-bottom: 0;
  border-top: 0;
}
.subway-timetable td{
  padding: 8px 10px;
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-700);
}
.subway-timetable td:nth-child(2){
  font-size: var(--bs-font-size-sm);
  font-weight: 600;
  text-align: center;
  background: #EAF7FF;
}
.subway-timetable .express::after{
  content: '(급)';
  color: #F55
}

/* 전화번호 */
.main-tel-wrap{
  display: flex;
  justify-content: space-between;
}
.main-tel-wrap .section-title{
  margin-bottom: 0;
}
.main-tel{
  text-decoration: underline;
  padding-left: 20px;
  background: url(../image/icon_phone.png) no-repeat center left / 16px;
  font-weight: 600;
}
.contact-wrap{
  margin-bottom: 12px;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.avatar{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
  background: url(../image/bg_avatar-default.png) no-repeat center / 100%;
}
.avatar.avatar-large{
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-profile-wrap{
  display: flex;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.contact-profile{
  flex: 1;
}
.contact-profile-name{
  display: inline-block;
  font-size: var(--bs-font-size-lg);
}
.contact-profile-staff{
  margin-left: 3px;
  font-size: var(--bs-font-size-xs);
  font-weight: 600;
  color: var(--bs-gray-500);
}
.contact-profile-department{
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-700);
}
.contact-info-wrap{
  padding-top: 10px;
}
.contact-info{
  display: flex;
  margin-bottom: 4px;
  font-size: var(--bs-font-size-sm);
}
.contact-info:last-child{
  margin-bottom: 0;
}
.contact-info dt{
  width: 60px;
  padding-left: 15px;
  font-weight: 400;
  color: var(--bs-gray-700);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 10px;
}
.contact-info .contact-info-01{
  background-image: url(../image/icon_contact-info-01.png);
}
.contact-info .contact-info-02{
  background-image: url(../image/icon_contact-info-02.png);
}
.contact-info .contact-info-03{
  background-image: url(../image/icon_contact-info-03.png);
}
.contact-info .contact-info-04{
  background-image: url(../image/icon_contact-info-04.png);
}
.contact-info .contact-info-05{
  background-image: url(../image/icon_contact-info-05.png);
}


/* 강의계획서 */
/* .acadmic-list{
  margin-bottom: 30px;
} */
.acadmic-wrap{
  position: relative;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  background-color: var(--bs-white);
}
.acadmic-wrap + .acadmic-wrap{
  margin-top: 12px;
}
.acadmic-title{
  margin-bottom: 3px;
  font-size: var(--bs-font-size-xl);
  font-weight: 400;
}
.acadmic-title .sub{
  margin-left: 3px;
  font-size: var(--bs-font-size-xs);
  font-weight: 600;
  color: var(--bs-gray-600);
}
.acadmic-text{
  color: var(--bs-gray-700);
}
.acadmic-info{
  font-size: var(--bs-font-size-xs);
  font-weight: 600;
  color: var(--bs-primary);
}
.acadmic-info .yes{
  padding-right: 14px;
  background: url(../image/icon_circle_black_48.png.png) no-repeat center right / 12px;
}
.acadmic-info .no{
  padding-right: 14px;
  background: url(../image/icon_close_black_48.png) no-repeat center right / 12px;
}
.acadmic-wrap .tag{
  margin-bottom: 8px;
}
.acadmic-wrap .list-style_bullet{
  margin-top: 12px;
}
.acadmic-wrap .list-style_bullet:first-child{
  margin-top: 0;
}
.acadmic-wrap .list-style_bullet li{
  font-size: var(--bs-font-size-md);
  color: var(--bs-gray-700);
}
.acadmic-wrap .list-style_bullet li::before{
  background-color: var(--bs-gray-500);
}

.attach-container{
  /* margin-top: 16px; */
  /* padding: 0 16px; */
}
.attach-container .section-title{
  font-size: var(--bs-font-size-sm);
  font-weight: 400;
  color: var(--bs-gray-700);
}
.attach-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.attach-wrap{
  position: relative;
}
.attach-img-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}
.attach-img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn_attach-delete{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 15px;
  height: 15px;
  background: url(../image/icon_close_round_54.png) no-repeat center / 14px;
}
.attach-add{
  width: 60px;
  height: 60px;
  border-radius: var(--bs-border-radius);
  background: url(../image/bg_attach.png) no-repeat center / 24px;
  background-color: var(--bs-gray-100);
}
.attach-icon .attach-img-wrap{
  background: #EAF7FF url(../image/icon_file-search.png) no-repeat center / 24px;
}
.attach-icon .attach-img-wrap > * {
  display: none;
}
.attach-text .attach-img-wrap{
  background: #EAF7FF;
}
.attach-text .attach-extension{
  font-weight: 700;
  color: var(--bs-primary);
}
.attach-wrap.disabled .btn_attach-delete{
  display: none;
}
.table-acadmicinfo-1L td{
  color: var(--bs-gray-700);
}


/* 내 시간표 */
.timetable-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 16px 12px;
}
.timetable-date{
  font-size: var(--bs-font-size-xxxl);
  font-weight: 600;
}
.btn_timetable{
  padding: 4px 10px 4px 30px;
  height: auto;
  background: url(../image/icon_clock.png) no-repeat center left 10px / 16px;
}
.acadmicinfo-table{
  border-top-color: #f7f7f7;
  --bs-table-border-color: #f7f7f7;
}
.acadmicinfo-table th{
  padding: 9px 4px;
  font-size: 10px;
  color: var(--bs-gray-400);
}
.acadmicinfo-table tr td:first-child{
  font-size: 11px;
  color: var(--bs-gray-600);
  text-align: center;
}
.acadmicinfo-table td{
  height: 72px;
  padding: 0;
}
/* 2023.01.15 young */
.time-element.purple{
  color: #AD5CF4;
  border-left: 2px solid #CD94FF;
  background: #F8F0FF;
}
.time-element.green{
  color: #16AC26;
  border-left: 2px solid #4DBE59;
  background: #EAFCEC;
}
.time-element.cyan{
  color: #1DBFBF;
  border-left: 2px solid #50D8D8;
  background: #EBFAFF;
}
.time-element.blue{
  color: #26A0E3;
  border-left: 2px solid #2AADF6;
  background: #ECF8FF;
}
.time-element.red{
  color: #FF532E;
  border-left: 2px solid #FF8267;
  background: #FFF5F2;
}
.time-element.yellow{
  color: #EBBA0F;
  border-left: 2px solid #F9C920;
  background: #FFFCE1;
}
.time-element.orange{
  color: #FF6511;
  border-left: 2px solid #FF7629;
  background: #FFE9DC;
}
.time-element.olive{
  color: #99A701;
  border-left: 2px solid #A1AF03;
  background: #F5F9CA;
}
.time-element.pink{
  color: #FF457B;
  border-left: 2px solid #FF3671;
  background: #FFECF6;
}
.time-element.mint{
  color: #27B17E;
  border-left: 2px solid #42CE9A;
  background: #E3FBF2;
}
.time-element.gold{
  color: #D4A602;
  border-left: 2px solid #CFBE26;
  background: #FFFCF1;
}
.time-element.magenta{
  color: #F634FA;
  border-left: 2px solid #F22CF6;
  background: #FFECF6;
}
.time-element-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px 4px;
  height: 100%;
}
.time-element-title{
  margin-bottom: 10px;
  font-size: var(--bs-font-size-xxs);
  font-weight: 700;
}
.time-element-professor{
  margin-bottom: 3px;
  font-size: 10px;
}
.time-element-room{
  font-size: 9px;
}
.timetable-modal-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0 8px;
}
.timetable-modal-info .info-title{
  margin-bottom: 0;
}
.timetable-modal-info + .list-style_bullet{
  margin-bottom: -12px;
}

/* 연구행정 */
.list-style_bullet.research li .sub{
  display: inline-block;
  width: 72px;
}

/* VOC */
.voc-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.voc-info .tag{
  margin-bottom: 0;
}
.voc-info .date{
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-600);
}

/* 내 학적정보 */
.profile-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  margin-bottom: 16px;
}
.profile-wrap .avatar{
  margin-right: 7px;
}
.profile-name{
  font-size: var(--bs-font-size-xxl);
  font-weight: 600;
}
.profile-name-sub{
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-500);
}
.profile-info-wrap{
  display: flex;
  padding: 16px 0;
  background: var(--bs-white);
}
.profile-info{
  border-right: 1px solid var(--bs-gray-200);
  text-align: center;
  flex: 1;
}
.profile-info:last-child{
  border-right: 0;
}
.proflie-title{
  margin-bottom: 5px;
  font-size: var(--bs-font-size-lg);
  font-weight: 600;
}
.proflie-label{
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-600);
}

/* 차량등록신청 */
/* 금액 */
.amount-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding: 14px 16px;
  color: var(--bs-primary);
  border-radius: var(--bs-border-radius);
}
.amount{
  font-size: var(--bs-font-size-xl);
}
.amount strong{
  font-weight: 600;
}
.amount .sub{
  color: var(--bs-gray-500);
}
/* 개인정보 수집∙이용 동의 */
.agree-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.agree-wrap .btn-link{
  font-size: var(--bs-font-size-xs);
}
.agree-wrap + .btn-wrap{
  margin-top: 30px;

}

/* 졸업 자가진단 결과 */
.info-date-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
}
.info-date-label{
  margin-bottom: 8px;
}
.info-date-num{
  font-size: var(--bs-font-size-xs);
  font-weight: 600;
  color: var(--bs-gray-600);
}

/* 비교과 */
/* 프로그램 */
.academic-info-wrap{
  display: flex;
  margin-bottom: 8px;
}
.academic-info-wrap .acadmic-info::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 7px;
  background: var(--bs-gray-400);
  margin: 0 5px;
}
.academic-info-wrap .acadmic-info:last-child:after,
.academic-info-wrap-02 .acadmic-info:last-child:after{
  display: none;
}
.academic-info-wrap-02{
  display: flex;
  margin-top: 2px;
}
.academic-info-wrap-02 .acadmic-info{
  font-size: var(--bs-font-size-md);
  font-weight: 400;
  color: var(--bs-gray-700);
}
.academic-info-wrap-02 .acadmic-info::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 7px;
  background: var(--bs-gray-400);
  margin: 0 5px;
}

/* 학사정보 */
/* 수강확인 */
.grade-wrap{
  margin-top: 12px;
  padding: 14px 16px;
  color: var(--bs-gray-900);
  background: #FFF url(../image/bg_grade.png) no-repeat top 19px right 14px / 34px;
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.amount + .progress-wrap{
  margin-top: 12px;
}
/* 설문참여 */
.survey-info-wrap{
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.survey-info-wrap .list-style_bullet, 
.survey-info-wrap .info-wrap{
  margin-top: 12px;
}
.survey-info-wrap .section-title{
  margin-bottom: -10px;
}
.survey-info-text{
  margin-top: 6px;
  color: var(--bs-gray-700);
}
.info-wrap{
  padding: 10px;
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-700);
  background-color: #eee;
  border-radius: var(--bs-border-radius);
}
.info-wrap .info-title{
  margin-bottom: 0;
}
.survey-info-sub{
  display: flex;
  gap: 14px;
  margin-top: 20px;
}
.survey-num, .survey-time{
  padding-left: 28px;
  font-weight: 600;
  color: var(--bs-primary);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 22px;
}
.survey-num{
  background-image: url(../image/icon_survey-info_01.png);
}
.survey-time{
  background-image: url(../image/icon_survey-info_02.png);
}
.survey-question-wrap{
  margin-bottom: 20px;
}
.acadmic-title + .survey-question-wrap{
  margin-top: 16px;
}
.survey-question-title{
  margin-bottom: 16px;
  padding-left: 23px;
  font-size: var(--bs-font-size-xl);
  background: url(../image/icon_survey_question.png) no-repeat top 2px left / 18px;
}
.survey-answer-list li{
  margin-bottom: 10px;
}
.survey-answer-wrap{
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-600);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-gray-100);
}
.survey-answer-wrap.checked{
  font-weight: 600;
  color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  background-color: var(--bs-white);
}
.survey-answer-wrap .radio-wrap input[type="radio"]{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  margin-top: 0;
  border: 0;
  background: url('../image/icon_check.png') no-repeat center / 10px;
  background-color: var(--bs-gray-600);
  border-radius: 20px;
  vertical-align:middle;
}
.survey-answer-wrap .radio-wrap input[type="radio"]:checked{
  content:"";
  border-color:var(--bs-primary);
  background: url('../image/icon_check.png') no-repeat center / 10px;
  background-color:var(--bs-primary);
}
.survey-answer-wrap .radio-wrap input[type="radio"]:checked::after{
  display: none;
}


/* 금학기 성적 */
/* 전체 성적 조회 */
.grade-warning{
  margin-top: 10px;
  padding: 2px 34px;
  font-size: var(--bs-font-size-xl);
  font-weight: 600;
  color: var(--bs-red);
  background: #FFEDBF url(../image/icon_alert-hexagon.png) no-repeat center left 10px / 18px;
  border-radius: var(--bs-border-radius);
}
.grade-property{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 0;
}
.grade-property-graph{
  flex: 1;
}
.grade-property-title{
  width: 60px;
  font-size: var(--bs-font-size-xs);
  color: #353535;
}
.grade-property-num{
  width: 60px;
  font-weight: 700;
  text-align: right;
}
.section-title-wrap .form-select{
  height: auto;
  padding: 0 16px 0 0;
  font-size: var(--bs-font-size-md);
  background-position: center right;
  border-color: transparent;
}



/* 이수내역 조회 */
.complete-history-wrap{
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.complete-history{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  padding: 12px;
  border-radius: 14px;
  background-color: var(--bs-history-bg-color);
}
.complete-history.green{
  --bs-history-color: #45B745;
  --bs-history-bg-color: #DFFFDF;
}
.complete-history.purple{
  --bs-history-color: #7E6CDF;
  --bs-history-bg-color: #EFECFF;
}
.complete-history.orange{
  --bs-history-color: #F6765A;
  --bs-history-bg-color: #FFF0DB;
}
.complete-history-label{
  font-size: var(--bs-font-size-xxs);
  color: var(--bs-history-color);
  font-weight: 600;
}
.complete-history-num{
  font-size: var(--bs-font-size-xxxl);
  font-weight: 800;
}
.complete-info-wrap{
  /* display: flex;
  justify-content: space-between; */
  margin-bottom: 16px;
}
.complete-info{
  display: inline-block;
}
.complete-semester{
  font-size: var(--bs-font-size-xs);
  margin-bottom: 2px;
}
.complete-period{
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-600);
}
.complete-info-wrap .tag,
.student-info-wrap .tag{
  float: right;
}
.point-wrap{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f5f5f5;
}
.point-label{
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-600);
}
.point-num{
  color: var(--bs-primary);
}

/* 나의 핵심 역량 지수 */
.donut-graph-wrap{
  padding: 16px 14px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-white);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.donut-graph-title{
  text-align: center;
  font-size: var(--bs-font-size-xl);
  color: var(--bs-gray-600);
}
.donut-graph-title strong{
  font-weight: 600;
  color: var(--bs-primary);
}
.donut-graph-info-wrap{
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 6px;
  margin-top: 20px;
}
.donut-graph-info{
  display: flex;
  justify-content: space-between;
  color: var(--bs-gray-700);
}
.donut-graph-info-wrap .donut-graph-info{
  width: calc(50% - 7px);
}
.donut-color{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  border-radius: 14px;
  vertical-align: middle;
}
.donut-graph-info-title{
  font-weight: 400;
}
.capability-title{
  margin-bottom: 16px;
  font-size: var(--bs-font-size-xxl);
}
.capability-student{
  color: var(--bs-gray-600);
}
.capability-student strong{
  font-weight: 600;
  color: var(--bs-gray-900);
}
.capability-summary strong{
  font-weight: 600;
  color: var(--bs-primary);
}
.capability-text{
  font-size: var(--bs-font-size-lg);
  color: var(--bs-gray-700);
  line-height: 1.2;
}

/* TIP Point */
.tip-point-wrap{
  padding-bottom: 12px;
  background: url(../image/bg_point.png) no-repeat top right / 95px;
}
.tip-point-label{
  margin-bottom: 10px;
  font-size: var(--bs-font-size-sm);
  font-weight: 600;
  color: var(--bs-gray-600);
}
.tip-point-num{
  font-size: var(--bs-font-size-xxxl);
  font-weight: 800;
  color: var(--bs-primary);
}
.tip-point-info-wrap{
  display: flex;
  column-gap: 18px;
  margin-bottom: 14px;
  padding: 12px 16px;
  background: var(--bs-white);
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.tip-point-info{
  border-right: 1px solid var(--bs-gray-200);
  flex: 1;
}
.tip-point-info:last-child{
  border-right: 0;
}
.tip-point-label{
  margin-bottom: 2px;
  font-size: var(--bs-font-size-sm);
  color: var(--bs-gray-600);
}
.tip-point-title{
  font-size: var(--bs-font-size-lg);
  font-weight: 600;
}
.tip-point-info-wrap + .info-title{
  margin-bottom: 0;
  font-size: var(--bs-font-size-xxs);
  color: var(--bs-gray-700);
}

/* 수강신청 내역 */
.table-course-history{
  width: auto;
}
.table-course-history td{
  white-space: nowrap;
}
.table-course-history th{
  /* border-right-width: var(--bs-border-width); */
}

.table-course-history .text-gray-02{
  font-size: var(--bs-font-size-xxs);
}
.table-course-history .form-select{
  width: 80px;
}


/* 등록/장학 */
.scholarship-wrap{
  padding: 14px 16px;
  color: var(--bs-gray-900);
  background: #FFF url(../image/bg_scholarship.png) no-repeat top 19px right 14px / 34px;
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.bill-wrap{
  padding: 14px 16px;
  background: var(--bs-white);
  border-radius: var(--bs-border-radius);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}
.bill-info{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.bill-info:last-child{
  margin-bottom: 0;
}
.bill-info.total{
  border-top: 1px solid #e8e8e8;
  padding-top: 5px;
}
.bill-info dt{
  font-size: var(--bs-font-size-sm);
  font-weight: 400;
}
.bill-info dd{
  font-size: var(--bs-font-size-xl);
}

/* 학사행정 */
/* 학적 통합 승인 */

/* 학생조회 */
.student-profile-wrap{
  display: flex;
  align-items: center;
  gap: 8px;
}
.student-info-wrap{
  margin-bottom: 4px;
}
.student-profile-name{
  display: inline-block;
  font-size: var(--bs-font-size-xxl);
}
.student-profile{
  flex: 1;
}

/* 학적 변동 이력 */
.table .td-sub-collapse{
  padding: 0;
  border-bottom: 0;
}
.table .td-sub-collapse-container{
  border-bottom: 1px solid var(--bs-gray-200);
  background: var(--bs-gray-100);
}
.td-sub-collapse-container .list-style_bullet{
  padding: 12px 8px;
}
.td-sub-collapse-container .list-style_bullet li{
  font-size: var(--bs-font-size-xs);
}
.td-sub-collapse-container .list-style_bullet li::before{
  top: 1px;
  background: var(--bs-gray-500);
}
.td-sub-collapse-container .list-style_bullet li .sub{
  width: 100px;
}

/* 성적 이의신청 목록 */
.status-wrap{
  padding-top: 20px;
}
.status-wrap .swiper{
  padding: 0 16px;
}
.status-wrap .swiper-slide{
  width: auto;
  padding: 0 5px;
}
.btn_status{
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--bs-gray-200);
  font-size: var(--bs-font-size-xs);
  font-weight: 700;
  color: var(--bs-gray-600);
}
.btn_status.selected{
  background: var(--bs-primary);
  color: var(--bs-white);
}
/* 생활관 */
.faq-list li{
  border-bottom: 1px solid var(--bs-gray-100);
}
.faq-list li .question-title{
  display: block;
  padding: 8px 16px 8px 40px;
  font-size: var(--bs-font-size-lg);
  background: url(../image/icon_survey_question_blue.png) no-repeat top 10px left 16px / 18px;
}
.faq-list li .question-answer{
  padding: 8px 16px;
  font-size: var(--bs-font-size-xs);
  color: var(--bs-gray-700);
  background-color: var(--bs-gray-100);
  border-top: 1px solid var(--bs-gray-100);
}
.dropdown-select-wrap .dropdown-select{
  width: 100%;
  height: 30px;
  padding: 0 10px;
  text-align: left;
  background: url(../image/icon_chevron-down_gray_64.png) no-repeat right .75rem center / 16px;
  border: 1px solid var(--bs-gray-200);
}
.dropdown-select-wrap .dropdown-menu{
  border-radius: 14px;
}
.dropdown-select-wrap .dropdown-menu li{
  padding: 8px 0;
  text-align: left;
  font-size: var(--bs-font-size-xs);
}

/* 역량진단 */
.line-color-info{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
}
.line-color{
  width: 14px;
  height: 3px;
  border-radius: 3px;
}
.line-color-text{
  font-weight: 600;
  color: var(--bs-gray-600);
}

/* 일반행정 */
.breadcrumb{
  margin-bottom: 0;
}
.breadcrumb-item{
  color: var(--bs-gray-600);
  text-decoration: underline;
}
.breadcrumb-item.active{
  font-weight: 600;
  color: var(--bs-primary);
}
.breadcrumb-item+.breadcrumb-item::before{
  content: '>';
  font-weight: 400;
}
.table-generaladmin.table>:not(caption)>*>*{
  padding: 8px;
  height: 48px;
}
.col-20{
	flex: 0 0 auto;
    width: 20%;
}