@charset "utf-8";

.mcontent-group1{width:1320px; margin:0 auto}

/* mfocus */
.menu-area{height: 72px;}
.mfocus{height:402px; background: linear-gradient(180deg, #fff, transparent), linear-gradient(to right, #DAF8F3, #FFF0D3);}
.mfocus-container{display: flex;flex-direction: row;gap: 24px;width: 1320px;}
.mfocus-l{width: calc(100% - 784px);display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.mfocus-l p{width: 536px;font-size: 40px;line-height: 56px;color: #222;font-weight: 300; z-index: 10;display: block;position: relative;}
.mfocus-area{display: flex; justify-content: center; align-items: center;height: calc(100% - 72px);}
.mfocus-swiper{height: 100%;}
.mfocus-swiper .fade-item{height: 100%; position: absolute; display: flex;flex-direction: column;justify-content: space-between;gap: 34px; width: none;}
.mfocus-swiper .fade-item a, .mfocus-swiper .fade-item button{width: fit-content;height: 70px;}
.mfocus-l p::after{display:none; position: absolute;content: "";width: 62px;height: 50px;background: url(../images/arrow-up-main.svg) center center no-repeat;top: -25px;right: 30px;z-index: 0;z-index: -1;}
.mfocus-swiper .fade-item a, .mfocus-swiper .fade-item button{display: flex;align-items: center;justify-content: center;height: 70px!important; border: 2px solid; width: fit-content;box-shadow:0px 8px 8px rgba(85, 182, 165, 2.5%), 0px 16px 16px rgba(85, 182, 165, 5%),0px 32px 32px rgba(85, 182, 165, 6.75%),0px 64px 64px rgba(85, 182, 165, 8%);}
.mfocus-swiper .fade-item a:hover, .mfocus-swiper .fade-item button:hover{border: 2px solid!important;}
.mfocus-l i{vertical-align: middle;margin-left: 8px;font-size: 24px;}
.mfocus-r{height: 100%;}
.link-btn-list{width: 760px!important;display: flex;flex-direction: row;gap: 8px;flex-wrap: wrap!important;}
.link-btn-list li{
	background-color: rgba(255,255,255,64%);border: 2px solid #f5f5f5;border-radius: 4px;cursor: pointer;width: 376px;transition: all 0.3s;
	opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.5s;
}
.link-btn-list li.visible {
	opacity: 1;
	transform: translateY(0);
}
.link-btn-list li:hover{border: 2px solid transparent!important;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;}
.link-btn-list li a{display: flex;gap: 16px;display: flex;padding: 32px; transition:all .15s ease}
.link-btn-list li a img{height: 40px;}
.main-tit-num strong{white-space: nowrap;}
.main-tit-num strong, .main-tit-num b{font-size: 20px;line-height: 20px;font-weight: 600;color: #222;}
.link-btn-list li a p{font-size: 12px;line-height: 12px;color: #808080;white-space: nowrap;margin-top: 4px;}
.main-tit-num .span-x{position: relative;width: 100%;height: 1px;}
.main-tit-num .span-x::after{position: absolute;content: ""; width: 100%;height: 1px;background-color: #eee;bottom: -10px;left: 0;}
.main-tit-num{display: flex;flex-direction: row;gap: 8px;}

.mfocus-swiper .fade-item p{display: flex;flex-direction: column;}
/* **************************************** *
* msection-cor
* **************************************** */
.msection-core .core-inner{display:flex; width:1320px; margin:0 auto; gap:24px; box-sizing:border-box}

/* Open Challenge */
.core-challenge{flex:1;}
.core-challenge .challenge-top{display:flex; align-items:center}
.core-challenge .challenge-top .tit{line-height:1em; color:#222; font-size:24px; font-weight:900}
.core-challenge .challenge-top .more{display:flex; align-items:center; margin-left:auto}
.core-challenge .challenge-top .more span{line-height:1em; color:#525252; font-size:14px; font-weight:500}
.core-challenge .challenge-top .more:after{content:'\ea6c'; margin-left:4px; color:#525252; font-family:remixicon; font-size:26px;margin-right: -4px;}
.core-challenge .challenge-top .more:hover span, .core-challenge .challenge-top .more:hover:after{color: #60D1BD;}
.core-challenge .bar{margin-top: 24px;}

/* Open Your Challenge, State, 1:1 Inquiry */
.core-inside{display:flex; flex-direction:column; min-width:424px; max-width:424px; margin-top: 50px; box-sizing:border-box;gap: 24px; justify-content: space-between;}
.core-inside .inside-oyc,
.core-inside .inside-stt,
.core-inside .inside-iqi{padding:40px; background-color:#F7FAF9; border-radius:8px; box-sizing:border-box}
.core-inside .inside-oyc{height: 100%;}
.core-inside .inside-oyc .oyc-top .oyc-tit{line-height:1em; color:#222; font-size:20px; font-weight:600}
.core-inside .inside-oyc .oyc-top .oyc-stit{margin-top:12px; line-height:1em; color:#525252; font-size:16px; font-weight:normal}
.core-inside .inside-oyc .oyc-cont{margin-top:24px;width: 100%;}
.core-inside .inside-oyc .oyc-cont .oyc-img{width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;}
.core-inside .inside-oyc .oyc-cont .oyc-img img{width:100%;min-height: 100%;}
.core-inside .inside-oyc .oyc-cont .oyc-info{margin-top:24px; line-height:1.9em; color:#525252; font-size:16px; font-weight:normal}

.core-inside .inside-stt .stt-wrap{display:flex; flex-direction:column; gap:40px}
.core-inside .inside-stt .stt-box{display:flex; align-items:center;gap: 8px;}
.core-inside .inside-stt .stt-box .stt-r{display:flex; align-items:center; justify-content:flex-end; flex:1 auto; position:relative}
.core-inside .inside-stt .stt-box .stt-r:before{content:''; position:absolute; top:50%; width:100%; height:1px; background-color:#eee}
.core-inside .inside-stt .stt-box .stt-num{line-height:1em; color:#222; font-size:28px; font-weight:600}
.core-inside .inside-stt .stt-box .stt-tit{display:flex; align-items:center; position:relative; padding-left:8px; line-height:1.2em; color:#525252; font-size:15px; font-weight:normal; background-color:#F7FAF9; z-index:1}
.core-inside .inside-stt .stt-box .stt-tit:after{margin-left:10px; color:#55B6A4; font-family:remixicon; font-size:36px;width: 36px;height: 36px;display: flex;align-items: center;}
.core-inside .inside-stt .stt-box.inc .stt-tit:after{content:'\f22f'}
.core-inside .inside-stt .stt-box.sfs .stt-tit:after{content:'\f094'; transform:rotate(40deg)}
.core-inside .inside-stt .stt-box.gcp .stt-tit:after{content:'\eb09'}
.core-inside .inside-stt .stt-info{margin-top:40px; line-height:1em; color:#999; font-size:12px; font-weight:normal;white-space: nowrap;}

.core-inside .inside-iqi .information-more-box{display: flex; gap: 8px; justify-content: space-between; align-items: center;}
.core-inside .inside-iqi{height: 182px;}
.core-inside .inside-iqi .iqi-top{display:flex; align-items:flex-start;height: 60px;gap: 24px;}
.core-inside .inside-iqi .iqi-top:before{content:''; position:relative; top:5px; min-width:86px; max-width:86px; height:54px; background-image:url(../images/main/iqi-info.png); background-repeat:no-repeat; background-position:center left;background-size: cover;}
.core-inside .inside-iqi .iqi-top .iqi-info{flex:1; line-height:1.5em; color:#525252; font-size:13px; font-weight:normal}
.core-inside .inside-iqi .iqi-more{display:flex; align-items:center; flex-grow: 1; justify-content:center; position:relative; height:36px; margin-top:16px; padding:0 8px; background-color:#60D1BD; border-radius:4px; transition: all .20s ease; box-sizing:border-box; min-width: 101px;}
.core-inside .inside-iqi .iqi-more:hover{background-color:#55B6A4}
.core-inside .inside-iqi .iqi-more span{display:flex; align-items:center; color:#fff; font-size:14px; font-weight:500}
.core-inside .inside-iqi .iqi-kakaotalk{background-color: #FEE500;}
.core-inside .inside-iqi .iqi-kakaotalk:hover{background-color: rgb(255, 221, 0);}
.core-inside .inside-iqi .iqi-kakaotalk img{margin-right: 4px;}
.core-inside .inside-iqi .iqi-kakaotalk span{color: #191919;font-weight: 500;}

/* **************************************** *
* msection-partner
* **************************************** */
.msection-partner{margin-top:95px}
.msection-partner .partner-top{display:flex; align-items:center; width:1320px; margin:0 auto}
.msection-partner .partner-top .tit{line-height:1em; color:#222; font-size:24px; font-weight:900}
.msection-partner .partner-top .more{display:flex; align-items:center; margin-left:auto}
.msection-partner .partner-top .more span{line-height:1em; color:#525252; font-size:14px; font-weight:500}
.msection-partner .partner-top .more:after{content:'\ea6c'; margin-left:4px; color:#222; font-family:remixicon; font-size:26px;margin-right: -4px;}
.msection-partner .partner-top .more:hover span, .msection-partner .partner-top .more:hover:after{color: #60D1BD;}

.msection-partner .partner-swiper-container{position:relative; margin-top:20px; overflow:hidden}
.msection-partner .partner-swiper-container:before,
.msection-partner .partner-swiper-container:after
{
	content:''; position:absolute; top:0; width:150px; height:100%; z-index:2;
}
.msection-partner .partner-swiper-container:before{left:0; background:linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,.2) 100%);}
.msection-partner .partner-swiper-container:after{right:0; background:linear-gradient(270deg, rgba(255,255,255,1) 0%,rgba(255,255,255,.2) 100%);}
.msection-partner .partner-swiper{height:80px}
.msection-partner .partner-swiper .swiper-wrapper{transition-timing-function:linear !important}
.msection-partner .partner-swiper .swiper-box{display:flex; align-items:center; height:80px; font-size:0}
.msection-partner .partner-swiper .swiper-box img{max-width:100%;filter:grayscale(100%);max-height:26px; transition: all .20s ease}
.msection-partner .partner-swiper .swiper-box:hover img{filter:grayscale(0%)}
.msection-partner .partner-swiper.swiper-more{display:none}
.msection-partner .partner-swiper .swiper-slide{width:fit-content}
/* **************************************** *
* msection-startup
* **************************************** */
.msection-startup{margin-top:95px}
.msection-startup .startup-inner{position:relative; width:1320px; margin:0 auto; box-sizing:border-box}
.msection-startup .startup-top{display:flex; align-items:flex-start}
.msection-startup .startup-top .top-l,
.msection-startup .startup-top .top-r{display:flex; flex-direction:column}
.msection-startup .startup-top .top-r{margin-left:auto}
.msection-startup .startup-top .tit{line-height:1em; color:#222; font-size:24px; font-weight:900}
.msection-startup .startup-top .info{margin-top:6px; line-height:1.2em; color:#999; font-size:16px; font-weight:normal}
.msection-startup .startup-top .more{display:flex; align-items:center; margin-left:auto}
.msection-startup .startup-top .more span{line-height:1em; color:#525252; font-size:14px; font-weight:500}
.msection-startup .startup-top .more:after{content:'\ea6c'; margin-left:4px; color:#222; font-family:remixicon; font-size:26px;margin-right: -4px;}
.msection-startup .startup-top .more:hover span, .msection-startup .startup-top .more:hover:after{color: #60D1BD;}

.startup-card{position:relative; margin-top:20px;width: 100%;}
.startup-card .card-wrap{display:flex; flex-wrap:wrap;gap: 24px;}
.startup-card .card-align{width:calc((100% - 72px)/4)}
.startup-card .card-box{position:relative; height:312px;box-sizing:border-box}
.startup-card .card-normal
{
	display:flex; flex-direction:column; height:100%; background-color:#fff; border: 1px solid #f5f5f5; border-radius:8px;
	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%);
	box-sizing:border-box
}
.startup-card .card-normal .card-logo{display:flex; flex:1; align-items:center; justify-content:center; padding:72px;height: 248px;}
.startup-card .card-normal .card-logo img{max-width:100%; max-height:100%;}
.startup-card .card-normal .card-foot{display:flex; align-items:center; margin-top:auto; padding:0 24px 24px; box-sizing:border-box;gap: 8px;}
.startup-card .card-normal .card-foot .company-name{display:flex; align-items:center; justify-content:center;flex-grow: 1; height:38px; padding:0 10px; padding-right:5px; border:1px solid #999; border-radius:200px; box-sizing:border-box}
.startup-card .card-normal .card-foot .company-name span{display:block; max-width:84%; line-height:1.2em; color:#525252; font-size:14px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.startup-card .card-normal .card-foot .company-name i{margin-left:2px; color:#222; font-size:18px}
.startup-card .card-normal .card-foot .heart-btn{width:24px; height:24px; margin-left:auto; padding:0;}
.startup-card .card-normal .card-foot .company-name:hover{border-color: #222;}
.startup-card .card-normal .card-foot .company-name:hover span, .startup-card .card-normal .card-foot:hover .company-name i{color: #222;}

.startup-card .card-detail
{
	display:none; flex-direction:column; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; border-radius:8px;
	box-shadow:0px 8px 8px rgba(85, 182, 165, 2.5%), 0px 16px 16px rgba(85, 182, 165, 5%),0px 32px 32px rgba(85, 182, 165, 6.75%),0px 64px 64px rgba(85, 182, 165, 8%);
	box-sizing:border-box; z-index:1;justify-content: space-between;display: flex;
}
/* .startup-card .card-detail.active{display:flex} */
.startup-card .detail-head{display:flex; align-items:center; min-height:36px; padding:0 16px; background:linear-gradient(to right, #60D1BD, #FF9559); border-radius:8px 8px 0 0}
.startup-card .detail-head .detail-tit{line-height:1.2em; color:#fff; font-size:14px; font-weight:700}
.startup-card .detail-head .detail-close{display:flex; align-items:center; justify-content:center; margin-left:auto; padding:0; border:0}
.startup-card .detail-head .detail-close img{width:24px; height:24px}
.startup-card .detail-body{flex:1; padding:18px 24px 0;display: flex;flex-direction: column;justify-content: space-between;}
.startup-card .detail-body .company-name{display:flex; align-items:center; justify-content:center; text-align:center;flex: 1;}
.startup-card .detail-body .company-name .tit{line-height:1.2em; color:#222; font-size:20px; font-weight:600;}
.startup-card .detail-body .company-info{margin-top:24px;}
.startup-card .detail-body .company-info .info-list{display:flex; flex-direction:column; gap:24px}
.startup-card .detail-body .company-info .info-list li{display:flex; align-items:center}
.startup-card .detail-body .company-info .tit{min-width:80px; line-height:1.2em; color:#525252; font-size:15px; font-weight:600; border-right:1px solid #eee}
.startup-card .detail-body .company-info .info{display:flex; align-items:center; padding-left:12px}
.startup-card .detail-body .company-info .info-txt{line-height:1.2em; color:#525252; font-size:15px; font-weight:400}
.startup-card .detail-body .company-info .info-ico{display:flex; align-items:center; margin-left:8px; color:#525252; font-size:18px}
.startup-card .detail-body .company-info .info-ico:first-child{margin-left:0}
.startup-card .detail-foot{display:flex; align-items:center; padding:24px; gap:10px; box-sizing:border-box;}
.startup-card .detail-foot .more-btn{display:flex; align-items:center; justify-content:center; flex:1; height:38px; text-align:center; border:1px solid #525252; border-radius:4px; box-sizing:border-box}
.startup-card .detail-foot .more-btn span,
.startup-card .detail-foot .more-btn i{line-height:1.2em; color:#525252; font-size:14px; font-weight:500}
.startup-card .detail-foot .more-btn i{margin-left:2px}
.startup-card .detail-foot .more-btn.active{background-color:#525252}
.startup-card .detail-foot .more-btn.active span,
.startup-card .detail-foot .more-btn.active i{color:#fff}
.startup-card .not-link{opacity:.3}

/* **************************************** *
* msection-channel
* **************************************** */
.msection-channel{width: 100%;padding: 24px 0;margin-top: 96px;margin-bottom: -192px;border-top: 1px solid #f5f5f5;}
.msection-channel .channel-inner{position: relative; width: 1320px;margin: 0 auto; padding:0 112px;height: 100px; box-sizing:border-box;}
.msection-channel .channel-inner .channel-swiper{overflow:hidden;}
.channel-swiper .swiper-slide{aspect-ratio: 2; border: 1px solid #f5f5f5!important;border-radius: 4px;width: 200px;height: 100px;}
.channel-swiper .swiper-slide a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.channel-swiper .swiper-slide img{object-fit: cover;max-width: 100%!important;padding: 24px;}
.channel-swiper .ch-button-next, .channel-swiper .ch-button-prev{background-color: #fff; cursor: pointer; display: flex;align-items: center;justify-content: center; position: absolute;top: 50%;transform: translateY(-50%);z-index: 10; width: 88px;height: 100px;}
.channel-swiper .ch-button-next, .channel-swiper .ch-button-prev i{font-size: 24px;color: #222;}
.ch-button-next {right: 0px;}
.ch-button-prev {left: 0px;}