﻿@charset "utf-8";



/* 명지대 반도체특성화대학사업단 콘텐츠 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ================= 공통 ================= */
.cont-wrapper + .cont-wrapper { margin-top:7rem; }
.cont-wrapper table th, .cont-wrapper table td {word-break:keep-all;}
.cont-text {font-size:1.6rem; line-height:1.4;}

@media screen and (max-width: 769px){
.cont-wrapper + .cont-wrapper { margin-top: 5rem; }
}

/* 사이트이동버튼 */
.siteMove {display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-bottom:3rem;}
.siteMove.end {justify-content:flex-end;}
.siteMove a {
	display:inline-flex; flex-wrap:wrap; flex-direction:column; justify-content:center; gap:0.5rem; height:4.5rem; font-size:1.5rem; font-weight:500; text-align:center; color:#fff;
	padding:0 3rem; border-radius:3rem; background:linear-gradient(45deg, #3785e2, #1a9fa1); box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

@media screen and (max-width: 769px){
	.siteMove {justify-content:center !important;}
}

/* 비회원 로그인 */
.nonMember-login .login-infor {padding:2rem; background:#f8fafd; border-radius:0.5rem; word-break:keep-all;}
.nonMember-login .apply-login {display:block; padding:2rem; margin-top:20px; border:1px solid #e4e4e4; border-radius:5px;}
.nonMember-login .apply-login fieldset {display:flex; flex-wrap:wrap; gap:1rem; align-items:center;}
.nonMember-login .apply-login label {font-weight:600;}
.nonMember-login .apply-login select:focus,
.nonMember-login .apply-login input:focus {border-color:transparent; outline:2px solid #008fd5;}
.nonMember-login .apply-login .nonMember-btns {display:flex; gap:1rem;}

@media screen and (max-width: 1025px){
	.nonMember-login .apply-login {padding:0; margin-top:10px; border:none;}
	.nonMember-login .apply-login * {width:100%; margin:0;}
	.nonMember-login .apply-login label {display:none;}
	.nonMember-login .apply-login .nonMember-btns a {height:40px; line-height:38px;}
}

/* 문의처 */
.inquiry * {word-break:keep-all;}
.inquiry {display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem 5rem; padding:2.5rem; background:#eaf3ff;}
.inquiry dl {display:grid; grid-template-columns:auto 1fr; gap:1rem 2rem; align-items:center;}
.inquiry dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:1.6rem; font-weight:600; color:#333;}
.inquiry dl dt span {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:22px; height:22px; font-size:1rem; color:#fff; margin-right:1rem; border-radius:50%; background:#005b9c;}
.inquiry dl dd {font-size:1.5rem; letter-spacing:0;}

@media screen and (max-width: 1199px){
}
@media screen and (max-width: 1025px){
}
@media screen and (max-width: 769px){
	.inquiry {flex-direction:column; align-items:flex-start;}
	.inquiry.fuse dl {grid-template-columns:1fr;}
}
@media screen and (max-width: 481px){
	.inquiry dl {grid-template-columns:1fr;}
	.inquiry.fuse dl dt {flex-direction:column; align-items:flex-start; gap:1rem;}
}


/* ====== 카드형 리스트 공통 (참여기업-비교과 프로그램) ====== */
.list-card-wrap {display:grid; grid-template-columns:repeat(4, minmax(50px, 1fr)); gap:2rem;}
.list-card {position:relative; border-radius:0.5rem; background:#fff; overflow:hidden; transition:all 0.3s;}
.list-card:hover {box-shadow:0 0 1rem #ddd;}
.list-card .card-prop {padding:1.5rem;}
.list-card .card-prop .card-detail {display:flex; flex-direction:column; justify-content:space-between; gap:0.8rem; font-size:1.4rem;}
.list-card .card-prop .card-detail li {display:flex; flex-wrap:wrap; gap:1px 5px; color:#555;}
.list-card .card-prop .card-detail li b {font-weight:600; color:#232323;}
.list-card .card-prop .card-detail li span {font-weight:400; width:16rem; white-space:nowrap;}

.list-card-wrap .card-none {grid-column:span 4; padding:5rem 0; border:1px solid #ddd; border-radius:0.5rem; text-align:center; font-size:1.6rem;}

@media screen and (max-width: 1025px){
	.list-card-wrap {grid-template-columns:repeat(3, minmax(50px, 1fr));}	
}
@media screen and (max-width: 769px){
	.list-card-wrap {grid-template-columns:repeat(2, minmax(50px, 1fr));}
}
@media screen and (max-width: 481px){
	.list-card-wrap {grid-template-columns:minmax(50px, 1fr);}
}


/* ================= 사업단소개 ================= */
/* 인사말 */
.greeting-wrap {position:relative; padding:7rem 35rem 8rem 3rem; overflow: hidden; z-index:0;}
.greeting-wrap:before {
	background:url("/static_root/images/content/greeting_img.gif") no-repeat right top, linear-gradient(to left, #ffffff00, #ffffff 95%) no-repeat right top;
	content:""; position:absolute; right:0; top:25px; width:100%; height:100%; background-size:45rem; background-blend-mode:overlay; opacity:0.12; z-index:-1;
}
.greeting-wrap * {word-break:keep-all;}
.greeting-wrap .greeting-top {padding-bottom:3rem; margin-bottom:3rem; border-bottom:3px solid #eee;}
.greeting-wrap .greeting-top h4 {font-size:2.8rem; font-weight:700; line-height:1.4;}
.greeting-wrap .greeting-top h4 b {color:#002e66; text-decoration:underline; text-decoration-thickness:40%; text-decoration-color:#cfe8f7; text-underline-offset:-35%; word-wrap:break-word;}
.greeting-wrap .greeting-bottom p {margin-bottom:2.5rem; font-size:1.7rem; line-height:1.5; font-weight:500;}
.greeting-wrap .greeting-bottom p b {color:#002e66; font-size:1.9rem;}
.greeting-wrap .greeting-bottom .greeting-sign {margin-bottom:0; text-align:right; font-size:1.9rem; font-weight:700; font-style:italic;}

@media screen and (max-width: 1025px){
	.greeting-wrap {padding-right:25rem;} 
	.greeting-wrap .greeting-top h4 {font-size:2.4rem;}
}
@media screen and (max-width: 769px){
	.greeting-wrap {padding:2rem;} 
	.greeting-wrap:before {background-size:25rem;}
}

/* 조직도 */
.cont-organiz {position:relative; z-index:1; --title_width:330px;}
.cont-organiz * {position:relative; z-index:1; word-break:keep-all;}
.cont-organiz *:before, .cont-organiz *:after {position:absolute; z-index:-1; background:#ccc;}
.cont-organiz:before {content:""; position:absolute; top:0; left:50%; width:1px; height:calc(100% - 135px); transform:translateX(-50%); background:#ccc; z-index:-1;}
.cont-organiz .org-line {margin-bottom:3rem; text-align:center;}
.cont-organiz .org-titM {display:inline-flex; justify-content:center; width:var(--title_width); padding:1.5rem; background:#002e66; border-radius:3px; color:#fff; font-size:2.1rem; font-weight:700;}
.cont-organiz .org-titS {display:flex; justify-content:center; width:var(--title_width); padding:1.3rem; background:#3166b8; color:#fff; border-radius:3px; font-size:1.6rem; font-weight:600;}
.cont-organiz .org-group {display:flex; flex-direction:column; gap:1rem; padding:1rem; width:var(--title_width); background:#fff; border:1px solid #abaabc; border-radius:3px;}
.cont-organiz .org-group .org-titS {width:100%; background:#f6f6f6; border:1px solid #c6c6c6; color:#484848;}
.cont-organiz .org-box {width:var(--title_width);}
.cont-organiz .org-box .org-titS {width:100%; border-radius:3px 3px 0 0;}
.cont-organiz .org-box ul {display:flex; flex-direction:column; gap:1rem; padding:1.5rem; background:#fff; border:1px solid #abaabc; border-top:none; border-radius:0 0 3px 3px;}
.cont-organiz .org-box ul li {padding-left:5px; text-align:left;}
.cont-organiz .org-box ul li:after {content:""; position:absolute; top:8px; left:-1px; width:2px; height:2px; background:#484848; border-radius:50%;}
.cont-organiz .org-box p {display:flex; justify-content:center; align-items:center; padding:0 1.6rem; max-height:6rem; height:6rem; background:#fff; border:1px solid #abaabc; border-top:none; border-radius:0 0 3px 3px;}
.cont-organiz .line2 {display:flex; justify-content:space-between; align-items:center; gap:3rem;}
.cont-organiz .line2:before {content:""; top:50%; left:0; width:100%; height:1px; transform:translateY(-50%);}
.cont-organiz .line2 br {display:none;}
.cont-organiz .line3 {margin-bottom:140.4px;}
.cont-organiz .line3 .org-titM {background:#00a2ff; font-size:1.8rem;}
.cont-organiz .line3 .org-right {position:absolute; top:0; right:0; display:flex; flex-direction:column; gap:1rem; z-index:0;}
.cont-organiz .line3 .org-right:before {content:""; top:2.4rem; left:-40px; width:1px; height:calc(100% - 8.5rem);}
.cont-organiz .line3 .org-right:after {content:""; top:2.4rem; right:calc(100% + 40px); width:40px; height:1px;}
.cont-organiz .line3 .org-group:before,
.cont-organiz .line3 .org-box:before {content:""; top:50%; right:100%; width:40px; height:1px; transform:translateY(-50%);}
.cont-organiz .line4 {display:grid; grid-template-columns:repeat(3, var(--title_width)); justify-content:space-between; margin-bottom:94px;}
.cont-organiz .line4:before {content:""; top:-63px; left:calc(var(--title_width) / 2); width:410px; height:1px;}
.cont-organiz .line4 .org-box:nth-child(1):before {content:""; bottom:100%; left:50%; width:1px; height:63px; transform:translateX(-50%);}
.cont-organiz .line5 {display:grid; grid-template-columns:repeat(6, 1fr); gap:3rem;}
.cont-organiz .line5:before {content:""; top:-3rem; left:calc((100% / 6 - 2.5rem) / 2); width:calc(100% - (100% / 6 - 2.5rem)); height:1px;}
.cont-organiz .line5 .org-box {width:100%;}
.cont-organiz .line5 .org-box:before {content:""; bottom:100%; left:50%; width:1px; height:3rem; transform:translateX(-50%);}
.cont-organiz .line5 .org-box .org-titS {background:#ecf1f7; color:#002e66; border:1px solid #abaabc;}

@media screen and (max-width: 1500px){
	.cont-organiz {--title_width:250px;}
	.cont-organiz .line3 .org-right:before {left:calc((100vw - 35rem - 750px) / -4);}
	.cont-organiz .line3 .org-right:after {right:calc(100% + (100vw - 35rem - 750px) / 4); width:calc((100vw - 35rem - 750px) / 4);}
	.cont-organiz .line3 .org-group:before,
	.cont-organiz .line3 .org-box:before {width:calc((100vw - 35rem - 750px) / 4);}
	.cont-organiz .line4:before {width:calc(250px + (100% - 750px) / 2);}
}
@media screen and (max-width: 1199px){
	.cont-organiz .line3 .org-right:before {left:calc((100vw - 10rem - 750px) / -4);}
	.cont-organiz .line3 .org-right:after {right:calc(100% + (100vw - 10rem - 750px) / 4); width:calc((100vw - 10rem - 750px) / 4);}
	.cont-organiz .line3 .org-group:before,
	.cont-organiz .line3 .org-box:before {width:calc((100vw - 10rem - 750px) / 4);}
}
@media screen and (max-width: 1025px){
	.cont-organiz .line3 {margin-bottom:1.5rem;}
	.cont-organiz .line3 .org-right {position:relative; align-items:center; gap:1.5rem; margin-top:3rem; }
	.cont-organiz .line3 .org-right:before,
	.cont-organiz .line3 .org-group:before,
	.cont-organiz .line3 .org-box:before,
	.cont-organiz .line3 .org-right:after {content:none;}
	.cont-organiz .line4 {grid-template-columns:1fr; gap:1.5rem; justify-items:center; margin-bottom:3rem;}
	.cont-organiz .line4:before,
	.cont-organiz .line4 .org-box:nth-child(1):before {content:none;}
	.cont-organiz .line5 {grid-template-columns:repeat(3, 1fr); gap:1.5rem;}
	.cont-organiz .line5:before {top:-1.5rem; left:calc((100% / 3 - 0.9rem) / 2); width:calc(100% - (100% / 3 - 1rem));}
	.cont-organiz .line5 .org-box:nth-child(n+4) {z-index:0;}
	.cont-organiz .line5 .org-box:before {height:1.5rem;}
}
@media screen and (max-width: 769px){
	.cont-organiz:before {height:calc(100% - 135px - 22.5rem);}
	.cont-organiz .line3 .org-right {flex-direction:column; gap:1.5rem;}
	.cont-organiz .line5 {grid-template-columns:repeat(2, 1fr); gap:1.5rem;}
	.cont-organiz .line5:before {left:calc((100% / 2 - 0.8rem) / 2); width:calc(100% - (100% / 2 - 0.8rem));}
}
@media screen and (max-width: 481px){
	.cont-organiz {--title_width:80vw;}
	.cont-organiz:before {height:calc(100% - 128.5px - 22.5rem);}
	.cont-organiz .line2 br {display:block;}
}

/* 찾아오시는 길 */
.cont-map {width:100%; overflow:hidden;}
.cont-map * {word-break:keep-all;}
.cont-map .map {width:100%;}
.cont-map .map .root_daum_roughmap {width:100%; height:400px;}
.cont-map .location {position:relative; padding:4rem; margin:0; background:#f9f9f9; border:2px solid #e5e5e5; z-index:2;}
.cont-map .location h3 {padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #ccc; font-size:2.4rem; font-weight:800;}
.cont-map .location dl {display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1.5rem;}
.cont-map .location dl:first-child {padding-bottom:1rem;}
.cont-map .location dt {width:6rem; font-weight:600;}
.cont-map .location dd {width:calc(100% - 6rem); opacity:0.7; line-height:1.4;}

@media screen and (max-width: 769px){
	.cont-map .location {padding:2rem;}
	.cont-map .location dl{flex-direction:column; gap:0.5rem;}
	.cont-map .location dl:first-child {padding-bottom:1.5rem;}
	.cont-map .location dl * {width:100%;}
}

/* ================= 학과소개 ================= */
/* 반도체공학부 ##### */
/* 학부소개 및 특성 */
.semi_major_intro {position:relative; padding:6rem; border-radius:5rem 0; background:url('../images/content/semi_major_photo.jpg') center center no-repeat; background-size:cover;}
.semi_major_intro::after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5rem 0; background:rgba(0,0,0,0.7);}
.semi_major_intro .intro_head {position:relative; z-index:2; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1.5rem 3rem; padding-bottom:2rem;}
.semi_major_intro .intro_head::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,0.5);}
.semi_major_intro .intro_head h3 {position:relative; font-size:2.8rem; font-weight:800; color:#fff;}
.semi_major_intro .intro_head h3::after {content:""; display:block; position:absolute; right:-1.5rem; top:-5px; width:7px; height:7px; border-radius:50%; background:#008fd5;}
.semi_major_intro .intro_cont {position:relative; z-index:2; display:flex; flex-direction:column; gap:2rem; margin-top:3rem;}
.semi_major_intro .intro_cont * {font-size:1.6rem; line-height:1.4; color:rgba(255,255,255,0.8); word-break:keep-all;}
.semi_major_intro .intro_cont > ul {display:flex; flex-direction:column; gap:1.5rem;}
.semi_major_intro .intro_cont > ul li strong {color:#fff;}

/* 교육목표 */
.edu_goal * {line-height:1.4; word-break:keep-all;}
.edu_goal {display:flex; flex-direction:column; gap:1rem;}
.edu_goal > div {display:flex; flex-direction:column; gap:1.5rem; padding:2.5rem; border-radius:1rem; border:1px solid #ccc; background:#fff;}
.edu_goal > div > ul {display:flex; flex-direction:column; gap:6px;}
.edu_goal > div > ul li {font-size:1.5rem;}
.edu_goal .goal_head {display:flex; flex-direction:column; gap:1.5rem; padding-bottom:1.5rem; border-bottom:2px dotted #ccc;}
.edu_goal .goal_head dt {display:flex; align-items:center; gap:1rem 1.5rem;}
.edu_goal .goal_head dt span {display:flex; justify-content:center; align-items:center; font-size:1.4rem; font-weight:600; text-align:center; color:#fff; padding:5px 1.5rem; border-radius:50em; background:#ddd;}
.edu_goal .goal_head dt strong {flex:1; font-size:1.8rem; font-weight:bold; color:#222;}
.edu_goal .goal_head dd {font-size:1.5rem; font-weight:500; color:#333;}

.edu_goal > div:nth-child(1) .goal_head dt span {background:#008fd5;}
.edu_goal > div:nth-child(2) .goal_head dt span {background:#007dd8;}
.edu_goal > div:nth-child(3) .goal_head dt span {background:#005b9c;}
.edu_goal > div:nth-child(4) .goal_head dt span {background:#002e66;}

@media screen and (max-width: 1199px){
}
@media screen and (max-width: 1025px){
}
@media screen and (max-width: 769px){
	.semi_major_intro {padding:4rem;}
	.semi_major_intro .intro_head h3 {font-size:2.4rem;}
	.semi_major_intro .intro_cont * {font-size:1.5rem;}
	
	.edu_goal .goal_head {gap:1rem;}
	.edu_goal .goal_head dt {flex-direction:column; justify-content:center; text-align:center;}
	.edu_goal .goal_head dd {text-align:center;}
}
@media screen and (max-width: 481px){
	.semi_major_intro .intro_head {flex-direction:column;}
}


/* 융합전공 및 트랙 */
.fuse_major_track * {word-break:keep-all;}
.fuse_major_track {margin-top:3rem;}
.fuse_major {display:flex; flex-direction:column; gap:3rem;}
.fuse_major .fuse_title {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1.5rem 3rem; padding-bottom:2rem; border-bottom:1px solid #ccc;}
.fuse_major .fuse_title h3 {font-size:2.4rem; font-weight:bold; color:#222;}
.fuse_major .fuse_info {display:flex; flex-direction:column; gap:4rem;}
.fuse_major .fuse_info p {position:relative; font-size:1.5rem; line-height:1.4;}
.fuse_major .fuse_info .goal {display:grid; grid-template-columns:repeat(auto-fit, minmax(25%, 1fr)); gap:1rem 2rem; margin-top:2rem;}
.fuse_major .fuse_info .goal > li {display:flex; flex-direction:column; gap:2rem; padding:2.5rem; border:1px solid #ccc; background:#fff;}
.fuse_major .fuse_info .goal > li strong {position:relative; font-size:1.7rem; color:#002e66;}
.fuse_major .fuse_info .goal > li strong::after {content:""; display:block; position:absolute; left:-2.5rem; top:50%; transform:translateY(-50%); width:1.5rem; height:2px; background:#002e66;}
.fuse_major .fuse_info h4 {margin-bottom:2rem;}
.fuse_major .fuse_info .fuse_list {display:flex; flex-direction:column; gap:8px;}
.fuse_major .fuse_info .fuse_list > li {position:relative; padding-left:1.2rem;}
.fuse_major .fuse_info .fuse_list > li::after {content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#002e66;}

@media screen and (max-width: 1199px){
}
@media screen and (max-width: 1025px){
}
@media screen and (max-width: 769px){
	.fuse_major .fuse_title {flex-direction:column; justify-content:centerr; text-align:center;}
	.fuse_major .fuse_title h3 {font-size:2.2rem;}
	.fuse_major .fuse_info .goal {grid-template-columns:1fr;}
}
@media screen and (max-width: 481px){
}



/* ================= 참여기업  ================= */
.comp-card {border:1px solid #c8c9cc; border-top-color:#abcee1; border-top-width:4px;}
.comp-card:hover {border-top-color:#0186d1;}
.comp-card .card-body {padding-bottom:4rem;}
.comp-card:has(.comp-page) .card-body {padding-bottom:0;} 
.comp-card .card-top {display:flex; justify-content:center; align-items:center; height:70px; padding:1.5rem 2rem; border-bottom:1px dashed #c8c9cc;}
.comp-card .card-top img {width:140px; height:40px; object-fit:contain;}
.comp-card .card-top h4 {font-size:1.7rem; font-weight:800; text-align:center; word-wrap:break-word; color:#777;} 
.comp-card .card-prop .card-title {height:44px; margin-bottom:2rem; color:#1f1f1f; font-size:1.6rem; font-weight:700; line-height:22px;}
.comp-card .card-prop .card-infor {height:calc((1.5rem * 1.4) * 4); margin-bottom:2rem; -webkit-line-clamp:4; color:#1f1f1f; font-size:1.5rem; font-weight:500; line-height:1.4;}
.comp-card .card-prop .card-detail li h4 {height:revert; margin-bottom:0;}
.comp-card .card-prop .card-detail li a {font-size:1.3rem;}
.comp-card .card-prop .card-detail li.comp-name {display:grid; grid-template-columns:1fr auto; align-items:center;}
.comp-card .card-prop .card-detail li.comp-name strong {width:auto; font-size:1.5rem; font-weight:600;} 
.comp-card .card-prop .card-detail li.comp-name .comp-type {display:flex; align-items:center; width:auto; padding:0.3rem 0.8rem; background:#777; border-radius:5rem; color:#fff; font-size:1.3rem; font-weight:500; line-height:normal;}
.comp-card .card-prop .card-detail li.comp-date {height:3.8rem; align-content:flex-end; align-items:flex-end;}
.comp-card .comp-page {display:flex; justify-content:center; align-items:center; gap:0.5rem; width:100%; height:4rem; background:#0186d1; color:#fff; font-size:1.5rem; font-weight:600;}
.comp-card .comp-page i {font-size:1rem;}


/* ================= 비교과 프로그램 ================= */
.prog-card {position:relative; border:1px solid #ddd;}
.prog-card .card-top {display:flex; flex-direction:column; justify-content:center; height:6.5rem; padding-left:1.5rem; color:#fff; font-size:1.8rem; font-weight:900;} 
.prog-card .card-top .prog-year {font-size:1.4rem; font-weight:600;}
.prog-card .card-prop {display:flex; flex-direction:column; gap:2rem;}
.prog-card .card-prop .prog-intro {display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:center; font-size:1.3rem;}
.prog-card .card-prop .prog-intro .prog-stat {display:flex; align-items:center; padding:0.3rem 0.8rem; color:#fff; border-radius:5rem; font-weight:500; line-height:normal;}
.prog-card .card-prop .prog-intro .prog-stat.prog-end-stat {background:#777;}
.prog-card .card-prop .card-title {color:#222; font-size:1.7rem; font-weight:800;}
.prog-card .card-prop .card-detail li:last-child span {width:auto;}
.prog-card .prog-hover {
	position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2rem;
	width:100%; height:100%; padding:2rem; background:rgba(0,0,0,0.7); opacity:0; color:#fff;
}
.prog-card .prog-hover .prog-hover-stat {font-size:1.5rem;}
.prog-card .prog-hover .prog-hover-title {font-size:1.6rem; font-weight:700; margin-bottom:4rem;}
.prog-card .prog-hover .prog-hover-more {position:absolute; bottom:0; left:0; width:100%; padding:8px; border-radius:0 0 5px 5px; font-weight:700; text-align:center;}
.prog-card:hover {border-color:#ddd !important;}
.prog-card:hover .prog-hover {opacity:1; transition:all 0.2s;}

/* 프로그램 카테고리 별 레이아웃 */
.prog-card.field-card .card-top {background:#6492de url('/static_root/images/common/prog_bg1.jpg') right center no-repeat; background-size:contain;}
.prog-card.field-card .card-prop .prog-stat,
.prog-card.field-card .prog-hover .prog-hover-more {background:#3f73bc;}
.prog-card.semina-card .card-top {background:#ffb400 url('/static_root/images/common/prog_bg2.jpg') right center no-repeat; background-size:contain;}
.prog-card.semina-card .card-prop .prog-stat,
.prog-card.semina-card .prog-hover .prog-hover-more {background:#ce8b00;}
.prog-card.academy-card .card-top {background:#a3cb6d url('/static_root/images/common/prog_bg3.jpg') right center no-repeat; background-size:contain;}
.prog-card.academy-card .card-prop .prog-stat,
.prog-card.academy-card .prog-hover .prog-hover-more {background:#79a146;}
.prog-card.etc-card .card-top {background:#9d87de url('/static_root/images/common/prog_bg4.jpg') right center no-repeat; background-size:contain;}
.prog-card.etc-card .card-prop .prog-stat,
.prog-card.etc-card .prog-hover .prog-hover-more {background:#7c68bb;}

/* 사업단 소개 */
.sub_organize {  padding: 2rem; border-radius: 0.5rem; border: 1px solid #ddd; text-align: center; }
.sub_organize img { display: inline-block; width: 100%; max-width: 80rem; }

.sub_organize_info {border-top:2px solid #222;}
.sub_organize_info > li {display:flex; flex-wrap:wrap; justify-content:space-between; padding: 3rem; border-bottom:1px solid #ddd; align-items: center; }
.sub_organize_info > li > div {display:flex; flex-wrap:wrap; align-items:center; width:30rem; margin-right:3rem;}
.sub_organize_info > li > div > span {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:7rem; height:7rem; border-radius:50%; background:#EBF5F8;}
.sub_organize_info > li > div > span img {height:3rem;}
.sub_organize_info > li > div > div {display:flex; flex-wrap:wrap; flex-direction:column; margin-left:2rem;}
.sub_organize_info > li > div > div strong {font-size:2.2rem; color:#222;}
.sub_organize_info > li > ul {flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; color: #1f1f1f;}
.sub_organize_info > li > ul > li { display:flex; position: relative; padding-left: 1rem; flex-wrap:wrap; align-items: center; font-size: 1.6rem; }
.sub_organize_info > li > ul > li::before { content: ""; display: inline-block; position: absolute; width: 4px; height: 4px; left: 0; border-radius: 50%; background: #c6c6c6; }

@media screen and (max-width: 1199px){
}

@media screen and (max-width: 1025px){
	.sub_organize_info > li > div { width: 14rem; margin-right: 5rem; flex-direction: column; }
	.sub_organize_info > li > div > div { margin: 0; margin-top: 1rem; }
	.sub_organize_info > li > div > div strong { font-size: 1.8rem; }
}

@media screen and (max-width: 769px){
	.sub_organize_info > li { padding: 3rem 0; flex-direction: column; }
	.sub_organize_info > li > div { width: 100%; margin: 0; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd; }
	.sub_organize_info > li > ul { gap: 1.4rem 3rem; }
}

@media screen and (max-width: 560px){
	.sub_organize_info > li > ul { width: 100%; grid-template-columns: 1fr; }
}


/* ================= start-up members ================= */
/* start-up members 대상자 */
.startup_group * {word-break:keep-all;}
.startup_group > div {display:grid; grid-template-columns:repeat(2, 1fr); gap:3rem; margin-top:3rem;}
.startup_group > div > dl {border-radius:1rem;}
.startup_group > div > dl dt {height:6rem; font-size:1.8rem; letter-spacing:0; font-weight:bold; color:#fff; text-align:center; padding:2rem; border-radius:1rem 1rem 0 0; background:linear-gradient(45deg, #3785e2, #1a9fa1);}
.startup_group > div > dl dd {height:calc(100% - 6rem); padding:3rem; font-size:1.6rem; text-align:center; border-radius:0 0 1rem 1rem; border:1px solid #ccc;}
.startup_group > dl {display:grid; grid-template-columns:10rem 1fr; gap:1rem 3rem; margin-top:3rem;}
.startup_group > dl dt {display:inline-flex; justify-content:center; align-items:center; width:10rem; height:3rem; font-size:1.4rem; color:#3785e2; margin-top:0.3rem; border-radius:50em; background:#e6eff8;}
.startup_group > dl dd {width:100%; font-size:1.6rem; color:#333; word-break:keep-all;}
.startup_group > dl dd span {font-weight:500; color:#222;}

@media screen and (max-width: 769px){
	.startup_group > div {grid-template-columns:1fr;}
	.startup_group > dl {grid-template-columns:1fr;}
}

