@charset "UTF-8";

/* --------------------------------------my page common 시작--------------------------------------- */
/* 마이페이지-공통 네비게이션 */
.mypage-nav{width: 100%;margin-top:48px;margin-bottom: 48px;display: flex;}
.mypage-nav .mypage-nav-btn{display: flex;flex: 1!important;}
.mypage-nav .mypage-nav-btn > div{cursor: pointer;position: relative;border-bottom: 1px solid #ccc;width: 100%;}
.mypage-nav .mypage-nav-btn > div:has(.nav-btn-p.active),  .mypage-nav .mypage-nav-btn > div.active{border-image : linear-gradient(to right,  #60D1BD, #FF9559) 1;border-bottom: 3px solid;}
.mypage-nav .mypage-nav-btn .nav-btn-p{text-align: center;position: relative;font-size: 16px;font-weight: 600;color: #ccc;height: 58px;display: flex;align-items: center;justify-content: center;}
.mypage-nav .mypage-nav-btn .nav-btn-p a{color: #ccc;}
.mypage-nav .mypage-nav-btn .nav-btn-p.active a, .mypage-nav .mypage-nav-btn > div.active a{font-weight: 600;color: #222;width: 100%;height: 100%;display: block;line-height: 58px;}
.mypage-nav .mypage-nav-btn .nav-btn-p a{width: 100%;height: 100%;display: block;line-height: 58px;}
.mypage-sub-nav{display: none!important; display: flex;flex-direction: row;position: absolute;height: 58px;align-items: center;width: 100%;justify-content: space-around;left: 0;}
.mypage-sub-nav > div {white-space: nowrap;}
.mypage-sub-nav .active-btn{color: #525252;font-weight: 600;}
.mypage-sub-nav .non-active-btn a{color: #999!important;}

.dev-contents:has(#form-register-challenge) .mypage-nav{margin-bottom: 0;}

/* 마이페이지 폼-공통 인포메이션 */
.mem-info-box{padding: 40px; border-bottom: 0px!important; width: 100%;height: 156px;border-radius: 8px;margin-top: 48px;border: 1px solid #f5f5f5;
  box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%); align-items: center;}
.mem-info-box .register-txt{line-height: 16px;font-weight: 600;font-size: 16px;color: #222;}
.mem-info-box .register-txt-light{ font-size: 15px;color: #525252;font-weight: normal;line-height: 22.5px;text-align: left;
  display: flex;flex-direction: column;gap: 12px;}
.mem-info-box .register-txt-light p{word-break: break-all;white-space: normal;}
.mem-info-box .register-txt-light b{font-size: 24px;line-height: 100%;font-weight: 600;color: #222;}
.register-text b, .register-text em{ position: relative;white-space: nowrap; color: #525252; font-size: 14px;line-height: 100%;font-weight: 600;}
.register-txt b{display: flex;gap: 4px;font-size: 14px;line-height: 14px;color: #525252;font-weight: 600;}
.mem-info-box .register-txt b.right-line::after{display: none;}
.mem-info-box .register-txt .company-box p{font-weight: 500;color: #525252;word-break: break-all;font-size: 20px; line-height: 100%;}
.mem-info-box .register-txt .name-box p{font-weight: 600;color: #222;word-break: break-all;font-size: 24px; line-height: 100%;}
.mem-info-box .register-text b em{color: #525252;margin-right: 5px; font-size: 14px;}
.mem-info-box .register-text{display: flex;align-items: center;}
.mem-info-box .register-last, .register-last p{font-size: 12px;line-height: 12px;color: #ccc;font-weight: normal;display: flex;align-items: center;}.mem-info-box .register-last{font-size: 12px;line-height: 12px;color: #ccc;font-weight: normal;display: flex;align-items: center;}
.mem-info-box .left-width-428{width: 428px!important;}
.register-company{color: #525252; font-size: 20px; line-height: 100%; font-weight: 500;
  display: flex;gap: 4px;position: relative;align-items: center;}
.register-company::after{display: none;}
.bar-span{display: block;position: relative;width: 1px;height: 20px;}
.bar-span::after{position: absolute;content: "";width: 1px;height: 50%;background-color: #ccc;top: 50%;transform: translateY(-50%);}
.register-company ul{display: flex;flex-direction: row;}
.register-company .certified-list li{margin-left: -12px;width: 24px;height: 24px;}
.register-company .certified-list li:first-child{margin-left: 0;}
.mem-info-box  .representative-txt{border-radius: 4px;border: 1px solid transparent;border-radius: 4px;
  background-image: linear-gradient(#fff, #fff),linear-gradient(to right, #6AEAD3 0%,#FFB986 100%);
  background-origin: border-box;background-clip: content-box, border-box;font-weight: 600;height: 64px;}
.mem-info-box  .representative-txt img{margin-right: 4px;width: 20px;height: 20px;}
.mem-info-box  .representative-txt p{width: 196px;height: 64px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.logo-img, .card-img{width: 100%;border: 1px solid #ccc;border-radius: 4px;display: flex;align-items: center;justify-content: center;padding: 20px;height: 240px;}
.logo-img img, .card-img img{max-height: 100%;max-width: 72%; object-fit: contain;border: none;}
.logo-img img.checked {border: 2px solid #2768FF; /* 체크되었을 때 보더 추가 */}
.other-ch-btn button img{margin-right: 8px;vertical-align: middle;}
.chpw-btn img{vertical-align: middle; width: 20px;height: 20px;margin-right: 8px;}
.com-and-mem{display: flex; flex-direction: row; align-items: center;}
.member-box{text-align: left;display: flex;flex-direction: column;}

#logo-preview, #card-preview{height: 240px!important;}

/* 컴퍼니 로고 부분, 추가 버튼 작업 */
.filebox .btn-cmm{display: flex;flex-direction: row;gap: 8px;align-items: center;align-items: center;justify-content: center;white-space: nowrap;}
.filebox .btn-cmm .delete-btn{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.filebox .btn-cmm .delete-btn i{font-size: 20px;}
.filebox .btn-cmm .file-btn{width: fit-content;white-space: nowrap;}
.size-check{position: absolute;right: 12px;top: 12px;display: flex;flex-direction: column;align-items: flex-end;gap: 4px;}
.size-check p{font-size: 15px;line-height: 22.5px;color: #656565;}

/* 마이페이지 - 아더 등록중 */
.mem-info-box-short{height: 104px;}
.registering{width: 100%;height: auto;margin-top: 32px;margin-bottom: 48px;
display: flex;flex-direction: column;align-items: center;gap: 24px;}
.registering .registering-list{position: relative; width: fit-content; display: flex;align-items: center;justify-content: center;gap: 8px;flex-direction: column;}
.registering .registering-list img{width: 64px;height: 64px;}
.registering .registering-list b{font-size: 24px;line-height: 100%;font-weight: 600;color: #222;}
.registering .registering-list p{font-size: 15px;line-height: 150%;color: #525252;text-align: center;}
.registering .email-name-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 15px;
  line-height: 150%;
}
.registering .email-name-list p{
  color: #525252;
}
.registering .email-name-box{
  color: #222;
}
.registering-list::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  bottom: -12px;
}
/* --------------------------------------my page common 끝--------------------------------------- */

/* --------------------------------------마이홈 시작---------------------------------------------- */
/* 마이홈-기업*/
.interest-st{width: 100%;background-color: #fff;border-radius: 8px;display: flex;flex-direction: row; gap: 24px; 
  border: 1px solid #F7FAF9;height: 232px;margin-bottom: 8px;padding: 40px;}
.interest-st .welcome-l {position: relative;display: flex;flex-direction: column;width: 100%; gap: 12px;}
.interest-st .welcome-l > div:first-child {font-size: 24px; line-height: 24px;display: flex;flex-direction: row;gap: 8px;}
.interest-st .welcome-l > div:first-child > strong + * {color: #60D1BD;}
.interest-st .welcome-l strong, .interest-r strong{font-size: 24px; line-height: 1!important; color: #222;font-weight: 600;}
.interest-st .welcome-l b{font-weight: 600;}
.interest-st .welcome-l .three-btn{display: flex;gap: 8px;margin-top: auto;position: relative;}
.interest-st .welcome-l .three-btn > a{display: flex;align-items: center;justify-content: center;}
.interest-st .welcome-l .three-btn i{margin-left: 4px;font-size: 20px;}
.evaluate-btn{white-space: nowrap;}
/* .three-btn::after{position: absolute;content: "";width: 20px;height: 20px;background: url(../images/notification-fill-icon.svg) no-repeat center center;top: 10px;right: -10px;z-index: 100000;} */
.interest-st .welcome-l .register-last{margin-top: 4px;}
.interest-st .welcome-l .certified-list li{width: 24px!important;border-radius: 50%;margin-left: -8px!important;}
.interest-st .welcome-l .certified-list li:first-child{margin-left: 0!important;}
.interest-st .welcome-l .certified-list li img{width: 24px!important;height: 24px!important;}
.interest-st .interest-r strong{margin-bottom: 0!important;align-items:top!important;}
.interest-r{min-width: 456px;max-width: 456px; overflow: hidden; display: flex; flex-direction: column;gap: 24px;}
.interest-r .see-more-btn{font-size: 24px;color: #222;height: 24px;display: flex;align-items: center;justify-content: center;}
.interest-r .see-more-btn:hover{color: #60D1BD;}
.interest-r .interested .interested-list{display: flex;flex-direction: row;gap: 8px;flex-wrap: wrap;height: 100%;}
.interest-r .interested .interested-list li{cursor: pointer; display: flex;flex-direction: row;align-items: center;gap: 5px;
  height: 48px;background-color: #F7FAF9;border-radius: 999px; padding-left: 4px; padding-right: 16px;}
.interest-r .interested .interested-list img{max-width: 40px;height: 40px;object-fit: contain;border-radius: 50%;background-color: #fff;}
.interest-r .interested .interested-list li p{font-size: 15px;color: #222;}
.interest-r .interested .interested-list li i{font-size: 20px;color: #FF9559;}
.interest-button{display: flex; align-items: center;}
.dash-num{width: 100%;background-color: #fff;border-radius: 8px;display: flex;flex-direction: row;gap: 24px;height: 104px;
  padding: 40px;margin-bottom: 96px;display: flex;flex-direction: row;gap: 40px; background-color: #F7FAF9}
.dash-num > div{display: flex;flex-direction: row;width: 33%;align-items: center;justify-content: space-between;}
.dash-num p{font-size: 16px;color: #222;white-space: nowrap;}
.dash-num span{width: 100%;display: block;height: 1px;background-color: #e0e0e0;margin: 0 8px;}
.dash-num em{font-size: 24px;font-weight: 600;color: #222;}
.member-tabmenu{margin-bottom: 12px;margin-top: 96px;}
.member-tabcont{border-top: 1px solid #525252;border-bottom: 1px solid #525252;}
.member-tabmenu .inno-pagination{padding-bottom: 132px;}
.member-tabmenu .m-tab-btn{display: flex;align-items: center;gap: 20px;font-size: 20px;color: #ccc;}
.member-tabmenu .m-tab-btn > div{cursor: pointer;width: 268px;height: 58px;display: flex;align-items: center;justify-content: center;
  font-size: 16px;}
.member-tabmenu .m-tab-btn div.active{color: #222;position: relative; font-weight: 600;}
.member-tabmenu .m-tab-btn div.active::after{position: absolute;content: "";width: 100%;height: 2px;
  background: linear-gradient(to right, #60D1BD, #FF9559);bottom: 0px;left: 0;}
.member-tabmenu .mem-btns{display: flex;gap: 8px;}
.member-tabmenu .mem-btns button{white-space: nowrap;width: fit-content;}
.member-tabcont .all-cont li{height: 80px;display: flex;align-items: center;}
.member-tabcont .all-cont .four-info-list{background-color: #F7FAF9;border-bottom: 1px solid #ccc;display: flex;align-items: center;}
.member-tabcont .all-cont .four-info-list > li{display: flex;align-items: center;justify-content: flex-start;flex: 1;}
.member-tabcont .all-cont .four-info-list > li img{width: 20px;height: 20px;}
.member-tabcont .all-cont .four-info-list span{color: #222;font-size: 16px;margin-left: 8px;font-weight: 600;color: #222;}
.member-tabcont .all-cont .four-info-list .check-areas{min-width:88px; width:auto ; flex: none;height: 80px;}
.member-tabcont .all-cont .four-info-list, .member-list{display: flex;flex-direction: row;align-items: center;width: 100%;gap: 16px;
  box-sizing: border-box;}
.member-tabcont .all-cont .member-list{border-bottom: 1px solid #eee;box-sizing: border-box;height: 80px;}
.member-tabcont .all-cont .member-list li:first-child{flex: none!important;}
.member-tabcont .all-cont .member-list.active .check-icon{width: 24px;height: 24px;
  background: url(../images/verified-badge-fill.svg)center center no-repeat;}
.member-tabcont .all-cont .member-list.active .check-cmm{display: flex;flex-direction: column;width: 88px!important;}
.member-tabcont .all-cont .member-list li .check-txt{font-size: 10px;line-height: 150%;word-wrap: break-word; text-align: center; 
  color: #525252;display: block;white-space: normal;word-break: keep-all;}
.member-tabcont .all-cont .member-list label{min-width: 88px!important;height: 80px;display: flex;align-items: center;justify-content: center;}
.member-tabcont .all-cont .member-list p{font-size: 15px;color: #222;}
.member-tabcont .all-cont .member-list li{align-items: center;justify-content: flex-start;display: flex;flex: 1;}
.member-tabcont .all-cont .member-list li p{word-break: break-all;}
.member-tabcont .all-cont .member-list .check-icon{margin-right: 0px!important;}
.member-tabcont .all-cont .member-list .li-right{display: none;}
.member-tabcont .all-cont .member-list .li-left address, .member-tabcont .all-cont .member-list .li-left em{display: none;}
#challenge-interest-box, #recomend-challenge-box, #apply-challenge-box{margin-top: 96px;}

/* 마이홈-스타트업 */
.core-challenge .bar2{display: flex;flex-direction: column;gap: 8px;}
.core-challenge .challenge-top .bar2-tit{margin-bottom: 24px;}
.core-challenge-box{display: flex;flex-direction: column;gap: 96px;}
.inno-step3 .check-terms-last{border-radius: 4px;}

/* 마이홈-chart.js */
.doughnut-list-container > .list-item{margin-bottom: 8px;}
.doughnut-list-container > .list-item:last-child{margin-bottom: 0;}
.list-item{display: flex;justify-content: space-between;font-size: 16px;}
.list-item > div {display: flex;gap: 5px;}
.item-color-box{display: inline-block;width: 17px;height: 17px;border-radius: 50%;margin-top: 4px;margin-right: 9px;}
.last-item{grid-column: 1/4;display: flex;gap: 24px;width: 100%;}
.my-charts{width: 100%;display: flex;gap: 24px;flex-wrap: wrap;}
.mySwiper3 .swiper-wrapper{box-sizing: border-box!important; width: 100%;display: grid;justify-content: space-between;gap: 24px;grid-template-columns: repeat(6,192px);background-color: #F7FAF9; padding: 24px;border-radius: 4px;}
.mySwiper3 .swiper-wrapper .swiper-slide{box-sizing: border-box;}
.swiper-wrapper .grid2-item{grid-column: span 2;}
.swiper-wrapper .grid3-item{grid-column: span 3;}
.mySwiper3 .swiper-wrapper .swiper-slide .chart-item{height: 524px!important;}

.mySwiper4 .swiper-wrapper{padding: 24px; background-color: #f5f5f5;border-radius: 8px;box-sizing: border-box!important;width: 100%;display: flex;gap: 24px;min-width: 408px;}
.mySwiper4 .swiper-wrapper .chart-item{background-color: #fff;box-shadow: none;flex-grow: 1;}

.industry-chart{width: 424px; height: 100%;}
.my-charts .flex{display: flex;gap: 10px;flex-direction: column;justify-content: space-between; width: 424px;}
.my-charts-title{display: flex; align-items: flex-end; justify-content: space-between; width: 100%; margin-bottom: 16px;}
.my-charts-title p{font-size: 24px; line-height: 24px; font-weight: 600;}
.my-charts-title .btn-box{display: flex; align-items: center; gap: 12px;}
.my-charts-title .btn-box > a{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 24px; 
  cursor: pointer;}
.my-charts-title .btn-box i{font-size: 24px;vertical-align: bottom;cursor: pointer;}
.my-charts-title .btn-box a:hover i{color: #60D1BD;}
.my-charts .mySwiper{width: 872px; padding-bottom: 5px; overflow:hidden; box-sizing:border-box}
.my-charts .swiper-slide{gap: 24px; justify-content: space-between;display: flex;box-sizing: border-box;}
.my-charts .swiper-wrapper{display: flex;width: 100%;}
.my-charts .chart-item{width: 424px;}
.my-charts .chart-item.industry-chart{height: 528px!important;}
.mySwiper .chart-item{box-shadow: none;}
.chart-item{box-sizing: border-box;display: flex;flex-direction: column;border-radius: 8px;  border: 1px solid #f5f5f5;
  box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 
              0px 2px 2px rgba(85, 182, 165, 5%),
              0px 4px 4px rgba(85, 182, 165, 6.75%),
              0px 8px 8px rgba(85, 182, 165, 8%);
}

.my-charts2 .chart-item{box-shadow: none; border: none; background-color: #fff;}
.chart-tit{display: flex;align-items: center;margin: 40px;margin-bottom: 0;font-size: 24px;height: 24px;font-weight: 600;
  justify-content: space-between;gap: 8px;}
.chart-tit p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.chart-tit div{font-size: 14px; font-weight: 500; line-height: 14px;display: flex;align-items: center; justify-content: center; gap: 2px; 
  cursor: pointer;}
.canvas-box{box-sizing: border-box;padding: 40px;display: flex;flex-direction: column;gap: 40px; height: 100%;}
.canvas-box .chart-legend{width: 100%;}
.canvas-box .canvas-inner-box{height: 200px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.bar-canvas-box{display: flex;gap: 8px;margin: 40px;margin-top: 20px;height: 128px;}
.bar-canvas-box > *{width: 50%;}
.tick-item{display: flex;gap: 8px;justify-content: space-between;align-items: center;}
.tick-item p{font-size: 15px;width: fit-content;white-space: nowrap;text-overflow: ellipsis!important;overflow: hidden;}
.list-item p{color: #222!important;}
.list-item > p{width: fit-content;}
.line-item{flex-grow: 1;height: 1px;background-color: #eee;}
.item-label{width: inherit; white-space: nowrap;text-overflow: ellipsis;max-width: 230px;overflow: hidden;}
/* .item-label:hover{word-break: break-all;background-color: #fff; overflow: visible;border-radius: 4px;max-width: 230px;white-space: normal;} */
.four-list-li{display: flex;flex-direction: row;width: 100%;gap: 16px;}
.blind-btn-box{display: none;}
.sw-button-prev i, .sw-button-next i,.sw-button-prev2 i, .sw-button-next2 i, .sw-button-next3 i, .sw-button-prev3 i{font-size: 20px;color: #525252;}
.sw-button-prev, .sw-button-next, .sw-button-prev2, .sw-button-next2, .sw-button-next3, .sw-button-prev3{cursor: pointer;}
.sw-button-prev i, .sw-button-next i,.sw-button-prev2 i, .sw-button-next2 i, .sw-button-next3 i, .sw-button-prev3 i{font-size: 20px;color: #525252;}

/* --------------------------------------마이홈 끝---------------------------------------------- */

/* --------------------------------------마이챌린지 시작---------------------------------------------- */
/* 마이챌린지-등록 */
.mych-boxs{display: flex;flex-direction: column;gap: 12px;margin-top: 12px;}
.mych-box{width: 100%;padding: 24px 40px; display: flex;height: auto;gap: 24px;border: 1px solid #f5f5f5;
  box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 
              0px 2px 2px rgba(85, 182, 165, 5%),
              0px 4px 4px rgba(85, 182, 165, 6.75%),
              0px 8px 8px rgba(85, 182, 165, 8%);
              border-radius: 8px;position: relative;}
.mych-box .mych-left{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.mych-box .mych-left .mych-pic{width: 268px;height:134px;border: 1px solid #f5f5f5;overflow: hidden;
  display: flex; align-items: center; justify-content: center;border-radius: 4px;position: relative;}
.mych-box .mych-left .mych-pic a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.mych-box .mych-left .mych-pic img{max-width: 268px;object-fit: cover;position: relative;}
.mych-box.wait, .mych-box.refused{box-shadow: none;position: relative;}
.mych-box.wait::after, .mych-box.refused::after{position: absolute;content: "";width: 100%;height: 100%;background-color: rgba(34, 34, 34, 0.48);left: 0;top: 0;border-radius: 8px;}
.mych-box .pending, .mych-box .refused{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
.mych-box .close{position: absolute;z-index: 101;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.mych-box .pending p, .mych-box .close p, .mych-box .refused p{font-size: 40px;color: #fff;font-weight: 600;line-height: 150%;text-align: center;}
.mych-box .mych-left .mych-pic::after{display: none; width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;z-index: 100; background-color: rgba(34, 34, 34, 0.48);}
.mych-box .mych-right{display: flex;flex-direction: column;flex: 1;gap: 12px;}
.mych-right-right{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;min-width: 266px;flex: none;gap: 4px;}
.mych-brand{color: #222;;word-break: break-all;font-size: 14px;font-weight: normal;}
.mych-brand p{overflow: hidden;text-overflow: ellipsis;max-width: 600px; white-space: nowrap;display: block;line-height: 150%;color: #999;}
.mych-right .mych-tit a{font-size: 16px;line-height: 150%;overflow: hidden;text-overflow: ellipsis;max-width: 600px; 
  white-space: nowrap;display: block;font-weight: 600;}
.mych-right .mych-tit strong{display: block;font-size: 14px!important;}
.mych-right .last-info-list{display: flex;flex-direction: row;width: 100%;align-items: end;margin-top: auto;}
.mych-right .last-info-list2 a{display: flex;flex-direction: row;width: 100%;align-items: center;gap: 8px;}
.mych-right .last-info-list{justify-content: flex-start;gap: 13px;align-items :end;}
.mych-right .last-info-list li p{display: flex;flex-direction: row;gap: 4px;}
.mych-right .last-info-list li p, ul.last-info-list2 li p{color: #999;font-size: 12px;word-break: break-all;line-height: 120%;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mych-right .last-info-list li b, ul.last-info-list2 li b{font-weight: normal;font-size: 12px;word-break: break-all;color: #222;}
.mych-right .last-info-list li strong, ul.last-info-list2 li strong{font-weight: bold;color: #222;}
.mych-box.close .mych-right .last-info-list li strong{color: red;}
.mych-right-right .mych-info-list{width: 100%;font-size: 12px;}
.mych-right-right .last-info-list2{justify-content: flex-end;gap: 8px;}
.mych-right-right .last-info-list2 > div{display: flex;align-items: center;gap: 8px;}
.mych-right-right .last-info-list2 li i{vertical-align: middle;font-size: 16px;}
.mych-right-right .last-info-list2 li button{width: 36px!important;display: flex;align-items: center;justify-content: center;}
.regist-challenge .create-btn button i{font-size: 20px;vertical-align: middle;margin-right: 8px;}
.last-info-list li .create-b{max-width: 250px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.regist-challenge .mych-total{padding-top: 0;}
.action-btn-160 > button{width: 160px;white-space: nowrap;}
.action-btn-160 > button i{vertical-align: middle;margin-right: 8px;}

/* 마이챌린지-등록-지원자(applicants) */
.mych-box-short{margin-top: 0px!important;height: 182px!important;}
.mych-box-short .mych-right{justify-content: flex-start;gap: 16px;}
.box-tit{font-size: 24px;color: #222;padding-top: 48px;padding-bottom: 24px;font-weight: 600;}
.download-btns{display: flex;flex-direction: row;width: 100%;gap: 8px;justify-content: flex-end;}
.download-btns button{white-space: nowrap;}
.mych-list .flex-row-left .flex-div:last-child:has(.certified-list li){position: relative;margin-left: 24px;}
.mych-list .flex-row-left .flex-div:last-child:has(.certified-list li)::after{position: absolute;content: "";width: 1px;height: 16px;left: -15px;top: 50%;
  transform: translateY(-50%); background-color: #525252;}
.mych-list .flex-row-left .check-cmm{color: #525252;font-size: 16px!important;}
.mych-list ul{display: flex;flex-direction: row;}
.mych-list ul::after{display: none;}
.mych-list .certified-list li{margin-left: -8px;height: 24px;}
.mych-application .mych-list .certified-list li{height: 32px;}
.mych-list .certified-list li:first-child{margin-left: 0;}
.mych-application .mych-four-list{display: flex;align-items: center;}
.mych-application2 .mych-four-list{display: flex;align-items: center;}
.mych-application .mych-four-list > div{display: flex;gap: 8px;width: 25%;align-items: center;}
.mych-application .mych-four-list > div.none{opacity: 0.3;}
.mych-application .mych-four-list p{font-size: 14px;color: #222;}
.mych-application .mych-four-list b{line-height: 100%; font-size: 14px;font-weight: 600;color: #222;white-space: nowrap;max-width: 72%;}
.pitchdeck-pbox{width: 100%;display: flex;flex-direction: row;gap: 8px;}
.pitchdeck-pbox > p{width: 100%;}
.pitchdeck-pbox-short > p{width: fit-content;}
.down-btn{height: 36px;display: flex;align-items: center;justify-content: space-between!important;gap: 4px!important;}
.chat-btn{display: flex;flex-direction: row;align-items: center;}
.chat-btn i{position: relative;}
.chat-btn i::after{display: none; position: absolute;content: "";width: 20px;height: 20px;
  background: url(../images/Notification-fill.svg);top: -10px;left: -10px;}
.chat-btn.active i::after{display: block;}
.chat-btn, .detail-btn{padding: 0!important;display: flex;align-items: center;justify-content: center;}
.first-btn{margin-left: auto;padding: 20px 40px;}
.selection-btn{display: flex;align-items: center;justify-content: center;margin-top: 12px;}
.list-btn{margin-top: 0;display: flex;align-items: center;justify-content: center;gap: 8px;}
/* #meetup_selection_btn, #selection_complate_btn{width: fit-content;white-space: nowrap;} */
.mych-apply-box{gap: 20px; background-color: #fff; margin-top: 8px;padding: 40px; width: 100%;display: flex;flex-direction: column;height: auto;justify-content: space-between;
  border: 1px solid #f5f5f5;box-shadow: 0px 1px 1px rgba(0 , 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%);border-radius: 8px;}
.mych-apply-box > div.tit-btn-box{display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}
.regist-challenge:has(.mych-application2){display: flex;flex-direction: column;gap: 8px;}
.mych-application{width: 100%;background-color: #f5f5f5;border-radius: 8px;}
.mych-application2{padding: 40px;background-color: #fff;border: 1px solid #f5f5f5;box-shadow: 0px 1px 1px rgba(0 , 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%);}
.mych-application .mych-list strong{font-size: 20px;font-weight: 600;color: #222;white-space: nowrap;}
.mych-application .mych-list p{font-size: 16px;color: #444;}
.mych-application .mych-list2 p{font-size: 16px;color: #444;line-height: 150%;}
.mych-application .mych-three-list{display: flex;align-items: center;}
.mych-application .mych-three-list > div{width: 33.3%;}
.mych-application .mych-three-list b{font-size: 14px;color: #222;margin-right: 8px;font-weight: 600;}
.mych-application .mych-three-list p{display: inline-block;font-size: 14px;color: #222;font-weight: normal;}
.mych-application .action-btn i{vertical-align: middle;font-size: 20px;margin-right: 8px;}
.mych-application .mych-2btns{display: flex;flex-direction: row;gap: 8px;}
.mych-application .mych-2btns button{width: fit-content;display: flex;align-items: center;justify-content: center;gap: 4px;}
.mych-application .mych-2btns button i{font-size: 16px;}
.action-btn .chat-btn i{color: #525252;}
.action-btn .detail-btn i{color: #fff;}
.detail-btn{display: flex;align-items: center;justify-content: center;}
.mych-chat{margin-top: 8px;padding: 40px;width: 100%;display: flex;flex-direction: column;}
.chat-box{max-height: 400px; overflow-y: scroll;padding-right: 10px;display: flex;flex-direction: column;gap: 24px;}
.chat-box::-webkit-scrollbar{width: 10px;}
.chat-box::-webkit-scrollbar-thumb{background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.chat-box::-webkit-scrollbar-track{background-color: #eee;}
.mych-chat .send-txt{display: flex;flex-direction: column;justify-content: center;align-items: end;gap: 4px;}
.mych-chat .reply-txt{display: flex;flex-direction: column;justify-content: center;align-items: start;gap: 4px;}
.mych-chat p{padding: 16px 24px; color: #222;font-size: 15px;word-break: break-all;line-height: 22.5px;}
.mych-chat .send-txt p{background-color: #fff0d3;border-radius: 4px;}
.mych-chat .reply-txt p{background-color: #fff;border-radius: 4px;}
.mych-chat .send-time img{vertical-align: middle;width: 16px;height: 16px;}
.mych-chat .send-time em, .reply-time em{font-size: 12px;color: #999;}
.mych-chat .re-btn{width: 48px!important;height: 48px;display: flex;align-items: center;justify-content: center;}
.blind-check-cmm{display: none!important;}
.flex-div{display: flex;flex-direction: row;flex-wrap: nowrap;}
.mych-flex{display: flex;flex-direction: column;gap: 4px;}
.flex-div span.span-line{width: 100%;height: 1px;background-color: #f5f5f5;}

.mych-application .mych-four-list .selected{display: flex;flex-direction: row;align-items: center;}
.mych-application .mych-four-list .selected b{background-color: #6AEAD3;padding: 6px 8px;border-radius: 999px;}

.send-btns{display: flex;align-items: center;gap: 8px;justify-content: center;}

/* 마이챌린지-등록 및 수정 */
.number-box2 .underline-o{border-bottom: 1px solid #FFF0D3;padding-bottom: 24px;margin-bottom: 24px;}
.form-container.active .form-box{display: none;}
.number-count{width: 100%;}
.number-box{display: flex;flex-direction: column;gap: 24px; border-radius: 4px; width: 100%;height: auto;padding: 32px;
  border: 1px solid #FFF0D3;box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%);}
.number-box2{margin-bottom: 8px!important; display: flex;flex-direction: column;gap: 12px; border-radius: 4px; width: 100%;height: auto;padding: 32px;
  border: 1px solid #FFF0D3;box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%);}
.mb12{margin-bottom: 12px;font-size: 15px;font-weight: 600;line-height: 15px;}
.radio-input-box{gap: 14px!important;} 
.radio-input-box > label{font-size: 16px;line-height: 16px;color: #656565;font-weight: normal;}
.blind-flex{display: flex;flex-direction: row;gap: 8px;}
.blind-flex .minus-btn{display: none;}
.blind-flex .plus-btn{flex-grow: 1;}
.blind-preview-btn{display: none;}
.blind-square{width: 50px!important;height: 50px!important;}
.flex-bar:has(.blind-square) .plus-btn{width: 100%;}
.additional-option-item .flex-bar, .attached-file-container .flex-bar, .additional-question-item .flex-bar, .option-container .flex-bar{margin-bottom: 8px!important;}
.option-container > div:first-child, .attached-file-container .flex-bar:last-child{margin-bottom: 0!important;}
.additional-question-container > div:first-child .blind-square{display: none;}
/* --------------------------------------마이챌린지 끝---------------------------------------------- */

/* --------------------------------------회원탈퇴 시작---------------------------------------------- */
/* 마이페이지-회원 탈퇴 */
.remove-box{padding-top: 144px; padding-bottom: 144px;}
.remove-box .remove p{text-align: center;font-size: 28px;font-weight: 600;color: #222;line-height: 42px;}
.remove-btn{width: fit-content!important;margin-top: 48px;}
/* --------------------------------------회원탈퇴 끝---------------------------------------------- */

.form-box.no-mt-box .check-cmm{align-items: flex-start!important;}

.chip-heart-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* ----------------OI process----------------- */
/* choose-form-type */
.choose-form-type{
  width: 872px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.choose-form-type strong{
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  color: #222;
}
.choose-form-type .belong-div a{
  height: 212px;
}

/* custom-form */
.section-oi .custom-form-box,
.section-oi .inno-form-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section-oi .custom-form-box .title,
.section-oi .inno-form-box .title{
  font-size: 24px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}

.custom-form{}
.section-oi .custom-form .form-header,
.section-oi .inno-form .form-header{
  width: 100%;
  height: 80px;
  background-color: #F7FAF9;
  border-bottom: 1px solid #ccc;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
.select-number{
  flex: 1;
}
.select-number .num{
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 100%;
  color: #525252;
  font-weight: 500;
}

.square-48{
  min-width: 48px;
  max-width: 48px;
  height: 48px;
}

.section-oi .custom-form .form-header > div,
.section-oi .custom-form .form-contents > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-oi .custom-form .form-header > div p{
  font-size: 16px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}
.section-oi .custom-form .form-header > div:not(.select-number),
.section-oi .custom-form .form-contents > div:not(.select-number){
  width: 144px;
}
.section-oi .custom-form .form-contents{
  width: 100%;
  height: 80px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  padding: 0 16px;
}
.section-oi .form-contents.final-contents{
  border-bottom: 1px solid #525252;
}
.check-edit-box{
  display: flex;
  gap: 12px;
}
.check-edit-box .edit-btn{
  width: 48px;
  height: 48px;
  display: flex;
  align-items:center ;
  justify-content: center;
}
.check-edit-box .edit-btn i{
  font-size: 20px;
}
.form-more-btn{
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #525252;
  padding: 0 16px;
}
.form-more-btn button{
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-oi .custom-form-box .action-btn,
.section-oi .inno-form-box .action-btn{margin-top: 32px;}
.section-oi .custom-form-box .action-btn .btn-oi-next,
.section-oi .inno-form-box .action-btn .btn-oi-next{width: 232px;}


/* challenge-evaluate-list */
.evaluate-list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.download-lines{
  width: 100%;
  display: flex;
  gap: 8px;
}
.download-lines > div, .download-lines > button{
  flex: 1;
}
.download-lines > button{padding: 0;}
.download-lines button{
  width: fit-content;
  white-space: nowrap;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.application-st-list{
  width: 100%;
  display: flex;
  gap: 24px;
  position: relative;
  justify-content: space-between;
}
.application-st-list .right-bar-box{

  display: flex;


}
.application-st-list .right-bar{
  min-width: 312px;
  max-width: 312px;
  height: fit-content;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;

}

.application-st-list .right-bar.relative{
  position: relative;
  top: 0;
  right: 0;
  transition: all 0.01s;
}

.application-st-list .right-bar.fixed{
  position: fixed;
  top: 24px;
}

.application-st-list .right-bar-box:has(.right-bar.bottom){
  align-items: flex-end;
}

.application-st-list .right-bar.bottom{
  position: relative;

}

.application-st-list .right-bar .title{
  font-size: 15px;
  line-height: 100%;
  font-weight: 600;
  color: #999;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.application-st-list .right-bar .st-list{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.application-st-list .right-bar .st-list > a{
  display: flex;
  align-items: center;
  gap: 8px;
  height: 80px;
  padding: 16px;
  border-radius: 4px;
}
.application-st-list .right-bar .st-list > a.active{
  border: 1px solid #f5f5f5;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%)
}
.application-st-list .right-bar .st-list > a img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #f5f5f5;
  object-fit: contain;
}
.application-st-list .right-bar .st-list > a p{
  font-size: 15px;
  line-height: 100%;
  color: #222;
}
.application-st-list .right-bar .st-list > a label{margin-left: auto;}
.application-st-list .right-bar .inno-pagination{
  margin-top: auto;
}

.application-st-list .left-contents{
  width: 984px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pitch-deck-box{
  display: flex;
  align-items: center;
  gap: 8px;
}
.pitch-deck-box b{white-space: nowrap;}

.score-comment-box{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.score-comment-box .top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.score-comment-box .top .title{
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  color: #222;
}
.score-comment-box .top .score-select{
  width: 184px;
}
.score-comment-box .list-header{
  width: 100%;
  display: flex;
  gap: 16px;
  background-color: #F7FAF9;
  height: 80px;
  border-bottom: 1px solid #ccc;
}
.score-comment-box .list-header > div,
.score-comment-box .list-contents > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.score-comment-box .list-header > div p{
  font-size: 16px;
  line-height: 100%;
  color: #222;
  font-weight: 600;
}
.score-comment-box .evaluator{
  min-width: 240px;
  max-width: 240px;
}
.score-comment-box .score{
  min-width: 160px;
  max-width: 160px;
}
.score-comment-box .comment{
  flex-grow: 1;
}
.score-comment-box .list-contents{
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}
.score-comment-box .list-contents p, .score-comment-box .list-contents span{
  font-size: 15px;
  line-height: 150%;
}

.score-comment-box .list-contents .evaluator{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* challenge-evaluate-list2 */
.download-lines.flex1-lines > div{
  flex: 1;
}
.download-lines.flex1-lines > button{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.application-st-list2{
  width: 100%;
  position: relative;
  margin-bottom: 114px;
}
.scrollable-content{
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: 770px;
}
.scrollable-content::-webkit-scrollbar {
  display: none;
}
.application-st-list2 .list-header{
  width: 100%;
  height: 80px;
  background-color: #F7FAF9;
  border-bottom: 1px solid #ccc;
  display: flex;
  gap: 16px;
  margin-top: 0;
  padding-bottom: 0;
  align-items: center;
}
.application-st-list2 .st-name{
  min-width: 200px;
  max-width: 200px;
}
.application-st-list2 .funding-rounds,
.application-st-list2 .head-count,
.application-st-list2 .year-founded,
.application-st-list2 .score{
  min-width: 144px;
  max-width: 144px;
}
.application-st-list2 .comment{
  flex-grow: 1;
}
.application-st-list2 .list-header > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.application-st-list2 .list-header p{
  font-size: 16px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}
.application-st-list2 .list-contents{
  width: 100%;
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
}
.application-st-list2 .list-contents:last-child{
  border-bottom: 0px;
}
.application-st-list2 .list-contents > div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.application-st-list2 .list-contents .st-name{
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.application-st-list2 .list-contents .st-name p{
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  color: #222;
}
.application-st-list2 .list-contents .st-name .certified-list li{margin-left: -12px;}
.application-st-list2 .list-contents .st-name .certified-list li img{
  width: 24px;
  height: 24px;
}
.application-st-list2 .list-contents .funding-rounds p,
.application-st-list2 .list-contents .head-count p,
.application-st-list2 .list-contents .year-founded p,
.application-st-list2 .list-contents .score p{
  font-size: 14px;
  line-height: 100%;
  color: #222;
}
.application-st-list2 .list-contents .score{
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.application-st-list2 .list-contents .comment{
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.application-st-list2 .list-contents .score input,
.application-st-list2 .list-contents .comment textarea{
  height: 78px;
}
.application-st-list2 .list-contents .score-radio{
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.application-st-list2 .list-contents .score-radio label{
  width: 68px;
  font-size: 14px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}
.application-st-list2 .list-contents .score-radio label.radio-cmm{
  flex-direction: column-reverse;
}

.save-fixed-btn{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 16px;
  z-index: 11;
  border: 1px solid #eee;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%);
}
.save-fixed-btn button{
  width: 1320px;
}
/* 마이페이지 - 마이 챌린지 등록 - applicants */
.list-application-top > div > button{
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.list-application-top > div > *{
  flex: 1;
}
.flex-row-24{
  width: 100%;
  display: flex;
  gap: 24px!important;
  align-items: center;
}

.flex-row-24 > div{
  flex: 1;
}

.flex-row-24 .after-span{
  display: block;
  width: 1px;
  height: 24px;
  background-color: #999;
}

.inno-pagination{position: relative;}

.go-back-btn{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  line-height: 100%;
  color: #525252;
  padding-bottom: 4px;
  border-bottom: 1px solid #525252;
}
.go-back-btn i{
  font-size: 14px;
}