@charset "utf-8";
/* popup-open-btn */
.popup-open-btn{width: 100%;display: flex;align-items: center;justify-content: center;gap: 20px;}
.popup-open-btn > button{width: 200px;height: 50px;border: 1px solid #111;border-radius: 30px;font-size: 15px;background-color: rgba(255, 255, 255, 0.7);}
.popup-fixed{display: none; width: 100%;height: 100vh;z-index: 1000000;align-items: center;justify-content: center;position: fixed;top: 0; }
.popup-fixed.on{display: flex;}
.popup-fixed::after{display: none; position: absolute;content: "";width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.4);top: 0;left: 0;}
.popup-fixed.on::after{display: block;}
body.on{overflow: hidden;}

/* scroll-custom */
.popup-body::-webkit-scrollbar{
  width: 10px;

}
.popup-body::-webkit-scrollbar-thumb{
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.popup-body::-webkit-scrollbar-track{
  background-color: #eee;
}
/* .popup-fixed.scrollbar-margin {
  padding-right: 24px;
} */


/* ------------------------------------------공통---------------------------------------------- */
/* popup-container */
.popup-fixed .popup-container{width: 100%; height: auto;border-radius: 8px;background-color: #fff;z-index: 1000;overflow: hidden;}

/* popup-head */
.popup-fixed .popup-head{position: relative; width: 100%;height: 36px;background : linear-gradient(to right, #60D1BD, #FF9559);color: #fff;font-size: 14px;padding: 0px 16px;line-height: 36px;font-weight: 600;border-radius: 8px 8px 0 0 ;}
.popup-close-btn{display: flex;align-items: center;justify-content: center;position: absolute;right: 16px;top: 50%;transform: translateY(-50%);z-index: 11;}
.popup-close-btn img{width: 24px;height: 24px;display: flex;align-items:center ;justify-content: center;}

/* popup-body */
.popup-fixed .popup-body{background-color: #fff; padding: 48px;display: flex;flex-direction: column;border-radius: 0px 0px 8px 8px;}
/* popup-bar */
.popup-fixed .popup-bar{width: 100%;position: relative;display: flex;flex-direction: column;gap: 8px;}

/* ------------------------------------------------------------------------------------------- */
/* chatting-popup */
.chat-popup-body{padding: 0!important;}
.chat-popup-body .mych-chat{margin-top: 0;}

/* changepw-popup */
.change-pw-body{gap: 48px!important;}
.change-pw-body .popup-bar p{font-size: 15px;line-height: 15px;color: #222;}

/* move to mypage popup */
.move-popup-body{gap: 24px;}
.move-popup-body p{text-align: center;font-size: 20px;line-height: 35px;clip-path: #222;}
.mov-btn{width: fit-content!important;}

/* change-profile-popup */
.pro-popup-body{gap: 48px!important;overflow-y: scroll;overflow-x: hidden;}

/* company-search-popup */
.search-line{width: 100%;}
.search-line span{width: 100%;height: 1px;background-color: #ccc;margin-top: 24px;display: block;margin-bottom: 24px;}
.no-pd-pagi{padding: 0px!important;}
.popup-cont{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;}
.popup-cont2{width: 100%;display: flex;flex-direction: column;gap: 48px;}
.search-img{width: 48px;height: 48px;background: url(../images/menu-search-line.svg);display: flex;align-items: center;justify-content: center;}
.popup-default-p{font-size: 16px;color: #525252;}
.company-list{padding: 0px 24px;}
.company-list{width: 100%;height: 100%;}
.company-list li{padding-bottom: 8px; border-bottom: 1px solid #eee; cursor: pointer; display: flex;flex-direction: column;justify-content: start;margin-bottom: 24px;max-height: 52px;}
.list-b{font-weight: normal;font-size: 16px;color: #525252;font-weight: 500;word-break: break-all;}
.list-p{font-size: 16px;color: #999;font-weight: normal;}
.spopup-cont-search{display: flex;flex-direction: column; gap: 0px!important;}
.none-p{padding-bottom: 24px;font-size: 16px;color: #525252;font-weight: 500;}
.alert-circle-icon {width: 48px;height: 48px;}
.alert-circle-icon i{font-size: 48px;color: #60D1BD;}
.popup-bar .search-txt{margin-bottom: 0!important;}
.company-list .action-btn{margin-bottom: 24px;}
.regist-btn{width: fit-content!important;}
.spopup-cont-none b{font-size: 20px;line-height: 30px;font-weight: 500;color: #525252;word-break: keep-all;text-align: center;}
.spopup-cont-default, .spopup-cont-none{position: relative;}
.spopup-cont-default::after, .spopup-cont-none::after{position: absolute;content: "";width: 100%;height: 1px;background-color: #ccc;top: 24px;left: 0;}
.spopup-cont-search .total-ch{margin-top: 24px;border-bottom: 1px solid #ccc;margin-bottom: 24px;padding-bottom: 8px;}
.regist-btn{position: absolute;bottom:0px;}

/* 기업-컴퍼니 검색 팝업(3줄) */
.startup-search{height: auto!important;}
.startup-search .company-list li{max-height: none;}
.startup-search .company-list li a{display: flex;flex-direction: column;gap: 8px;line-height: 100%;}
.startup-search .company-list li p{color: #999;}
.startup-search .flex-info{display: flex;flex-direction: row;justify-content: space-between;}
.startup-search .flex-name{display: flex;flex-direction: row;gap: 4px;flex-wrap: wrap;}
.se-popup-body:has(.startup-search){overflow-y: auto;}

/* delete-popup */
.delete-popup-body p{text-align: center; word-break: break-all; font-size: 20px;margin-bottom: 32px;font-weight: 400;color: #222;line-height: 35px;}

/* detail-popup */
/* detail-popup */
.de-popup-body{gap: 48px;height: 80vh!important;overflow-y: scroll;overflow-x: hidden;}
.de-cont{display: flex;flex-direction: row;gap: 24px;border-bottom: 1px solid #ccc;padding-bottom: 48px;}
.de-left-body{min-width: 200px; height: 100%;display: flex;flex-direction: column;gap: 8px;}
.de-right-body{width: calc(100% - 198px); height: 100%;}
.de-left-body ul{display: flex;}
.de-left-body ul li{margin-left: -8px;}
.de-left-body ul li:first-child{margin-left: 0;}
.detail-logo{width: 198px;height: 148px;border: 1px solid #eee;border-radius: 4px;background-color: #fff;display: flex; align-items: center;justify-content: center;}
.detail-logo img{object-fit: contain;padding: 20px;max-width: 200px;max-height: 150px;}
.de-popup-body .detail-list > ul > li:last-child{margin-bottom: 0;}
.de-cont strong{font-size: 20px;font-weight: 600;}
.list-100{width: 100%!important;}
.list-3{width: 33.3%!important;}
.list-6{width: 66.6%!important;}
.deck-btn, .video-btn{width: 48px!important;height: 48px;display: flex;align-items: center;justify-content: center;}
.del-btn{width: fit-content!important;}
/* deatil popup added */
.em-box, .em-box-new{width: 100%!important;padding: 16px;height: auto;background-color: #F7FAF9;border-radius: 4px;}
.em-box em, .em-box-new em{flex: none!important; font-size: 15px;font-weight: 500;color: #fff!important;display: inline-block;background-color: #525252;border-radius: 999px;padding: 2px 12px;margin-bottom: 8px;line-height: 22.5px;}
.em-box strong{ font-size: 15px;font-weight: 600;line-height: 22.5px;word-break: break-all;color: #222;margin-bottom: 8px;}
.em-ul, .em-ul-new{ display: flex;flex-direction: column;gap: 8px;margin-left: 12px;}
.em-ul-new:first-child{margin-top: 8px;}
.column-bar-16 {width: 100%; display: flex;flex-direction: column;gap: 16px;}
.em-ul-new{gap: 2px!important;}
.em-ul li, .em-ul-new li{word-break: break-all;white-space: normal; width: 100%; font-size: 15px;color: #525252;position: relative;}
.em-ul li::after{position: absolute;content: "";width: 4px;height: 4px;background-color: #525252;left: -12px;top: 11px;border-radius: 50%;}
.em-ul li p{font-size: 12px;line-height: 12px;color: #525252;}
.em-ul-new p{font-size: 12px!important;line-height: 12px!important;color: #999!important;font-weight: normal!important;}
.em-ul-new b{font-size: 15px;line-height: 22.5px;color: #525252;font-weight: normal;display: flex;align-items: center;grid-gap: 8px;}
.em-ul-new{margin-left: 0!important;}

/* ok-popup */
.con-popup-body{padding: 48px;height: auto;}
.ok-popup-body p{text-align: center; word-break: break-all; font-size: 20px;margin-bottom: 24px;font-weight:400;color: #222;}
.ok-btn{width: fit-content!important;}

/* sns-popup */
.sns-fixed{border-radius: 4px; box-sizing: border-box; border: 1px solid #f5f5f5; position: absolute;display: none!important;width: 100%;height: 242px;z-index: 1000;width: 204px; top:70px;right: 0px;background-color: #fff;}
.sns-fixed.show{display: flex!important;}
.sns-fixed .popup-container{width: 100%; height: auto;position: relative;border-radius: 4px; overflow: hidden; background-color: #fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 2.5%), 0px 8px 8px rgba(0, 0, 0, 5%),0px 12px 12px rgba(0, 0, 0, 6.75%),0px 24px 24px rgba(0, 0, 0, 8%)}
.sns-fixed .popup-head{position: relative;height: 36px;border-radius: 0px!important; display: flex;align-items: center;font-size: 14px;font-weight: 700;color: #525252;line-height: 36px;padding-left: 16px;}
.sns-fixed .popup-body{border-radius: 0!important;}
.sns-popup-body{padding: 24px;display: flex;flex-direction: column;gap: 24px;}
.sns-popup-body ul{display: flex;flex-wrap: wrap;gap: 17px;}
.sns-popup-body ul li, .sns-popup-body ul li img{width: 40px;height: 40px;}
.url-btn i{vertical-align: middle;font-size: 16px;}
.sns-fixed.mobile{display: flex!important;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.inno-layout{position: relative;}

/* confirm-account-popup */
.cf-popup-body strong{font-size: 20px;font-weight: 600;color: #222;margin-bottom: 70px;display: block;}
.cf-cont{display: flex;flex-direction: column;gap: 48px;}
.cf-mail{width: 100%;}
.cf-add-mail{margin-top: -22px;}
.cf-mail > div{width: 50%;}
.cf-mail{display: flex;flex-direction: row;width: 100%;}
.cf-mail b{font-size: 16px;color: #222;font-weight: 600;padding-bottom: 22px;border-bottom: 1px solid #ccc;display: block;margin-bottom: 22px;}
.cf-mail i{font-size: 20px;color: #222;vertical-align: middle;margin-right: 5px;font-weight: normal;}
.cf-mail p{font-size: 16px;color: #525252;display: block;padding-bottom: 22px;border-bottom: 1px solid #ccc;}
.cf-ms p{font-size: 15px;color: #222;margin-bottom: 12px;}

/* industry popup */
.in-popup-body{height: 80vh!important;overflow-y: scroll;display: flex;flex-direction: column;gap: 48px;overflow-x: hidden;}
.select-field-p{font-size: 16px;color: #222;font-weight: 600;line-height: 16px;}
.reset-btn{font-size: 15px;color: #525252;display: flex;flex-direction: row;align-items: center;}
.reset-btn img{margin-right: 4px;}
.industry-class{border: 1px solid #ccc;display: flex;flex-direction: row;border-radius: 8px;overflow: hidden;}
.industry-list i{display: inline-block;color: #222;font-size: 20px;margin-right: 8px;}
.industry-list > li{width: 100%;height: 48px;padding-left: 27px;cursor: pointer;display: flex;align-items: center;}
.industry-list > li:first-child{margin-top: 10px;}
.industry-list > li:last-child{margin-bottom: 10px;}
.industry-list > li > a{display: flex;flex-direction: row;align-items: center;gap: 8px;}
.industry-list > li:hover{background-color: #55B6A4;}
.industry-list > li:hover i{color: #fff;}
.industry-list > li:hover span{color: #fff;}
.industry-list > li.on{background-color: #55B6A4;color: #fff;}
.industry-list > li.on span{color: #fff;}
.industry-list > li.on i{color: #fff;}
.industry-class > div{width: 50%;}
.industry-l{border-right: 1px solid #ccc;background-color: #F7FAF9;}
.search-main-list{gap: 4px;display: flex;flex-direction: row;}
.industry-list span, .search-main-list span{font-size: 16px;color: #222;font-weight: 500;line-height: 100%;}
.industry-r{width: 100%; display: flex;align-items: center;justify-content: center;}
.select-industry{width: 100%;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;flex-direction: column;gap: 8px;}
.select-industry p{white-space: nowrap;font-size: 16px;color: #525252;}
.industry-select-r{padding: 24px;display: flex;flex-direction: column;gap: 8px;}
.select-btn{display: flex;align-items: center;justify-content: center;}
.select-list{display: flex;flex-direction: column;gap: 8px;}
.select-list li{display: flex;padding: 8px 0;}
.select-interest-box ul{display: flex;flex-direction: row;flex-wrap: wrap;}
.select-interest-box ul li{display: flex;flex-direction: row;margin: 16px 16px 0 0;}
.select-interest-box ul li button{display: flex;flex-direction: row;gap: 8px;align-items: center;justify-content: center;}
.select-interest-box ul li img{width: 20px;height: 20px;vertical-align: middle;}
.select-interest-box ul li span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.select-interest{display: flex;flex-direction: column;gap: 16px;}
.select-list .check-txt{white-space: wrap; font-weight: normal; word-break: keep-all!important;display: flex;align-items: center;text-align: left;color: #656565;font-size: 15px;}
.select-interest .search-txt{margin-bottom: 0px;}
.in-popup-body .check-terms-last{margin-bottom: 0;}
.loop-btn{display: none;}
.in-popup-cont .check-terms-last{border-radius: 4px;}

/* industry 추가 팝업 */
.search-list-all{display: flex;flex-direction: row;gap: 26px;}
.search-result2{width: 100%;height: auto;border: 1px solid #ccc;border-radius: 4px;padding: 26px;display: flex;flex-direction: column;gap: 26px;}
.search-result-l{width: 240px;}
.search-sub-list{display: flex;flex-direction: column;gap: 8px;}

/* interest-industry popup */
.interest-top{display: flex;flex-direction: column;gap: 12px;}
.interest-top strong{font-size: 20px;line-height: 20px;color: #222;font-weight: 600;}
.interest-top p{font-size: 15px;line-height: 22.4px;color: #222;}
.in-popup-body .check-list-border{margin: 0;}

/* terms-popup */
.terms-popup-body{height: 80vh!important;overflow-y: scroll;overflow-x: hidden;}
.terms-popup-body .action-btn{margin-top: auto;}
.terms-popup-body b{font-weight: 600;font-size: 28px;line-height: 100%;color: #222;display: block;border-bottom: 1px solid #ccc;padding-bottom: 16px;margin-bottom: 48px;}
.popup-term-content{margin-bottom: 48px;}

/* pw-email-popup */
.pwemail-popup-body{display: flex;flex-direction: column;align-items: center;}
.pwemail-popup-body b{font-weight: normal;color: #222;font-size: 20px;line-height: 150%;margin-bottom: 8px;text-align: center;}
.pwemail-popup-body p{font-size: 15px;line-height: 15px;color: #999;margin-bottom: 24px;}
.pwemail-btn{width: fit-content!important;}

/* chart-popup */
.chart-body{display: flex;flex-direction: column;padding: 20px!important;position: relative;overflow-y: auto;max-height: 80vh;}
.chart-body strong{font-size: 24px;line-height: 100%;font-weight: 600;color: #000;}
.chart-body .bar-canvas-box{display: flex;flex-direction: row;position: relative;margin-top: 24px; height: 100%!important;margin-left: 0!important;margin-right: 0!important;margin-bottom: 0!important;}
.chart-body .bar-canvas-box .chart-ticks{display: flex;flex-direction: column;position: absolute;top: -26px;width: 100%;}
.chart-body .bar-canvas-box > *{width: 100%!important;}
.chart-body .canvas-inner-box{width: 100%;aspect-ratio: 1;position: relative;z-index: 11;}
.chart-body .bar-canvas-box .tick-item .line-item{display: none;}

/* chart-popup2 */
.chart-popup2{max-height: 80vh;overflow-y: auto;}
.chart-popup2 .mySwiper{overflow: hidden;}
.chart-popup2 .mySwiper .swiper-slide{height: auto;}
.chart-popup2 .chart-item{border-radius: 4px;}
.chart-popup2 .btn-box{display: flex;gap: 8px;margin-top: 8px;}
.chart-popup2 .btn-box > div{display: flex;align-items: center;justify-content: center;border: 1px solid #f5f5f5;}
.chart-popup2 .bar-canvas-box{height: auto;}
.chart-nav{margin-top: 0!important;margin-bottom: 24px!important;}
.chart-content .chart-item{box-shadow: none;}
.chart-content .canvas-box{flex-direction: row;align-items: center;gap: 40px;}
.chart-content .canvas-box .canvas-inner-box{min-width: 200px;}
.chart-content .doughnut-list-container{max-height: 200px;display: flex; flex-wrap: wrap;flex-direction: column;gap: 8px;}
.chart-content .doughnut-list-container .list-item{margin-bottom: 0;height: 20px;display: flex;align-items: center;}
.chart-content .doughnut-list-container .list-item > div{align-items: center;}
.chart-content .item-color-box{margin:0;}
.koreaSwiper{overflow: hidden;}

/* reason-for-download-popup */
.reason-popup-body strong{font-size: 20px;line-height: 100%;color: #222;font-weight: 600;margin-bottom: 48px;}
.rs-cont{display: flex;flex-direction: column;gap: 48px;}
.rs-cont .rs-ms{display: flex;flex-direction: column;gap: 8px;}
.rs-cont .rs-ms p{font-size: 15px;line-height: 100%;}

/* add-evaluator-popup */
.evaluator-popup-body{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.evaluator-popup-body .text{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.evaluator-popup-body .text strong{
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}
.evaluator-popup-body .text p{
  font-size: 15px;
  line-height: 150%;
  color: #222;
}
.evaluator-container{
  max-height: 392px;
  overflow-y: auto;
}

/* complete-popup */
.complete-popup-body{
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.complete-popup-body .notice{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.complete-popup-body .notice .notice-tit{
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  color: #222;
}
.complete-popup-body .notice .notice-desc{
  font-size: 15px;
  line-height: 150%;
  color: #222;
}
.complete-popup-body .pass-company-list{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.complete-popup-body .pass-company-list .list-tit b{
  font-size: 16px;
  line-height: 150%;
  color: #222;
  font-weight: 600;
}
.complete-popup-body .pass-company-list .container{
  display: flex;
  justify-content: center;
  gap: 8px;
  overflow-y: auto;
  max-height: 416px;
}

.container::-webkit-scrollbar{
  width: 10px;

}
.container::-webkit-scrollbar-thumb{
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.container::-webkit-scrollbar-track{
  /* background-color: #eee; */
}

.complete-popup-body .pass-company-list .container .column {
  flex: 1;
  max-width: 500px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.complete-popup-body .pass-company-list .container .column .item{
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  color: #525252;
}

.complete-popup-body .fixed-btn{
  width: 100%;
  position: sticky;
  bottom: 0px;
  padding-top: 32px;
}
.complete-popup-body .pass-company-list .container .column .item p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
/* main-popup */
.popup-container:has(.main-popup-head){width: auto;}
.main-popup-container{min-width: 244px;max-width: 968px;display: flex;flex-direction: column;gap: 24px;}
.main-popup-head h2{font-weight: 600;color: #222;font-size: 24px;line-height: 100%;}
.main-body-scroll{display: flex;flex-direction: column;gap: 24px;max-height: 88vh;overflow-y: auto;}
.main-body-img{padding: 0px;display: flex;align-items: center;justify-content: center;}
.main-body-txt{padding: 0px 48px;display: flex;flex-direction: column;gap: 16px;}
.main-body-img img{max-width: 100%;min-width: 100%;}
.main-popup-foot button:first-child{width: fit-content;white-space: nowrap;}
.main-popup-foot{padding: 24px 48px;padding-top: 0;}


.main-body-scroll::-webkit-scrollbar{
  width: 10px;

}
.main-body-scroll::-webkit-scrollbar-thumb{
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.main-body-scroll::-webkit-scrollbar-track{
  background-color: #eee;
}

#sns-container{width: 100%;display: flex;flex-direction: column;}


/*메인 팝업 사이즈 조절*/
/* ✅ main popup custom override */
.main-popup-container {
  max-width: 550px !important; /* 팝업 가로폭 줄이기 */
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

/* 팝업 안쪽 여백 줄이기 (필요 시 조절) */
.main-body-txt {
  padding: 0 32px !important;
}

.main-popup-foot .action-btn {
  display: flex;
  justify-content: center;
  gap: 12px; /* 버튼 간격 */
}

.main-popup-foot .action-btn button {
  flex: 1;
  height: 48px;
  font-size: 16px;
  border-radius: 50px;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}

.primaryM-greenline-btn {
  border: 2px solid #60D1BD;
  color: #60D1BD;
  background: #fff;
}

.primaryM-green-btn {
  background: #60D1BD;
  color: #fff;
  border: none;
}