@charset "utf-8";



/* 콘텐츠 레이아웃공통 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.txt {font-size:1.6rem; word-break:keep-all;}

/* 소개영역 공통 */
.introBox {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:4rem; margin-bottom:5rem; border-radius:0 0 5rem 0; border:1px solid #ddd; border-top:3px solid #95030b; background:#fff;}
.introBox > div {width:10rem; margin-right:5rem;}
.introBox > dl * {word-break:keep-all;}
.introBox > dl {width:calc(100% - 15rem);}
.introBox > dl dt {font-size:2.2rem; font-weight:bold; color:#333; margin-bottom:1.5rem;}
.introBox > dl dt span {color:#95030b;}
.introBox > dl dd > ul li {position:relative; font-size:1.5rem; padding:0.5rem 0 0.5rem 1.2rem;}
.introBox > dl dd > ul li:after {content:""; display:block; position:absolute; left:0; top:1.2rem; width:0.3rem; height:0.3rem; border-radius:50%; background:#95030b;}
.introBox > dl dd > ul li > p {font-size:1.6rem; font-weight:500; color:#333; margin-bottom:0.5rem;}

@media screen and (max-width: 769px){
	.introBox {flex-direction:column; padding:3rem;}
	.introBox > div {display:none;}
	.introBox > dl {width:100%;}
}


/* 문의 공통 */
.inquiry * {word-break:keep-all;}
.inquiry {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border:1px solid #ddd; background:#fff;}
.inquiry > div {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:16rem; height:16rem; color:#fff; background:linear-gradient(45deg, #2d97be, #3d5394);}
.inquiry > div i {font-size:3.6rem;}
.inquiry > div p {font-size:1.8rem; margin-top:1rem;}
.inquiry > dl {width:calc(100% - 16rem); padding:2rem; color:#222;}
.inquiry > dl dt {font-size:1.8rem; color:#3d5394;}
.inquiry > dl dd {margin-top:1rem;}
.inquiry > dl dd > div {padding:0.3rem 0; font-size:1.6rem;}
.inquiry > dl dd > div:last-child {padding-bottom:0;}
.inquiry > dl dd > div dfn {margin-right:1rem;}

@media screen and (max-width: 769px){
	.inquiry {flex-direction:column;}
	.inquiry > div {width:100%; height:auto; flex-direction:row; padding:2rem;}
	.inquiry > div p {margin:0 0 0 1rem;}
	.inquiry > dl {width:100%;}
}


/* 이미지박스 공통 */
.imgbox {width:100%; text-align:center; padding:4rem 3rem; border-radius:1rem; border:1px solid #ddd; background:#fff;}

@media screen and (max-width: 769px){
	.imgbox img {width:100% !important;}
}


/* 지원절차_ver1_num 공통 */
.cont-flow * {word-break:keep-all;}
.cont-flow {display:flex; flex-wrap:wrap; margin-top:2rem;}
.cont-flow > li.flow {
	display:grid; grid-template-rows:0.5fr 1fr; position:relative; width:calc((100% - 12rem) / 5); margin:3rem 0 1rem 0; 
	border-radius:1rem; border:1px solid #eee; background:#fff; box-shadow:1px 1px 8px rgba(0,0,0,0.1);
}
.cont-flow > li.arrow {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:2rem; padding:0; margin:3rem 0.5rem 1rem 0.5rem; border:none; box-shadow:none;}
.cont-flow > li.arrow i {font-size:1.8rem; color:#222;}
.cont-flow > li > span {
	position:absolute; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; top:-2rem; left:50%; transform:translateX(-50%);
	width:4rem; height:4rem; font-size:1.6rem; font-weight:bold; color:#fff; border-radius:50%; background:#0b3162;
}
.cont-flow > li > h4 {width:100%; font-size:1.6rem; font-weight:bold; color:#333; text-align:center; padding:3rem 1.5rem 1.5rem 1.5rem; border-radius:1rem 1rem 0 0; background:#f7f8fc;}
.cont-flow > li > h4 span {display:block; font-size:1.4rem; font-weight:normal; margin-top:0.5rem;}
.cont-flow > li > h4 dfn {width:100%; padding-top:1rem; margin-top:1rem; border-top:2px solid #e5e5e5;}
.cont-flow > li > h4 dfn:first-child {padding-top:0; margin-top:0; border-top:none;}
.cont-flow > li > div {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; width:100%; padding:1.5rem; border-radius:0 0 1rem 1rem; border-top:1px dashed #ccc;}
.cont-flow > li > div * {font-size:1.5rem;}
.cont-flow > li > div > dl {margin-top:1rem;}
.cont-flow > li > div > dl:first-child {margin:0;}
.cont-flow > li > div > dl dt {color:#333; font-weight:500;}
.cont-flow > li > div > dl dd {margin-top:0.5rem;}
.cont-flow > li > div > ul > li {position:relative; line-height:1.3; color:#555; padding:0.2rem 0 0.2rem 2rem;}
.cont-flow > li > div > ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.2rem; width:6px; height:1px; background:#999;}
.cont-flow > li > div > p {width:100%; text-align:center;}

.cont-flow > li.flow.rownone {grid-template-rows:1fr;}
.cont-flow > li.flow.rownone > div {padding-top:3.5rem; border-top:none;}

.cont-flow.startup-flow > li.flow {width:calc((100% - 6rem) / 3);} /* 창업취업 */

.cont-flow.cap-flow > li.flow {width:calc((100% - 9rem) / 3);} /* 캡스톤디자인 */

.cont-flow.cap-sub-flow > li.flow {width:calc((100% - 9rem) / 3);} /* 캡스톤디자인 주제 */

.cont-flow.comp-apply-flow > li.flow {grid-template-rows:125px 1fr; width:calc((100% - 16rem)/ 4);} /* 교수지원 */
.cont-flow.comp-apply-flow > li.flow > h4 {display: flex; flex-direction:column; justify-content: center;}

.cont-flow.ex-flow > li.flow {width:calc((100% - 15rem) / 5); grid-template-rows:1.5fr 1fr;} /* 현장실습 */
.cont-flow.ex-flow > li.flow > h4 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.cont-flow.ex-flow > li > div > p { display: flex; align-items: center; gap: 0.7rem; text-align:left;}
.cont-flow.ex-flow > li > div > p > dfn { display: inline-block; padding: 0.4em 0.5em; border-radius: 0.2rem; background: #f3f3f3; color: #787878; font-size: 1.3rem; }

.cont-flow.equip-flow > li.flow {width:calc((100% - 6rem) / 2);} /* 온라인 기기 신청절차 */

@media screen and (max-width: 1420px){
	.cont-flow.ex-flow > li.flow {width:calc((100% - 12rem) / 4);} /* 현장실습 */
}

@media screen and (max-width: 1025px){
	.cont-flow {margin-top:4rem;}
	.cont-flow > li.flow {grid-template-rows:repeat(2, auto) !important; width:100% !important; margin:0;}
	.cont-flow > li.arrow {width:100%; margin:1rem 0 3rem 0;}
	.cont-flow > li.arrow i {transform:rotate(90deg);}
	.cont-flow > li > h4 br {display:none;}
	
	.cont-flow.equip-flow > li.flow > div > p br {display:none;}
}


/* 지원절차_ver2_box */
.flow-box * {word-break:keep-all;}
.flow-box {display:grid; grid-template-columns:repeat(3, 1fr 20px) 1fr; gap:0 1rem;}
.flow-box li {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center;}
.flow-box li.flow {font-size:1.8rem; font-weight:500; color:#222; text-align:center; padding:2rem 1rem; border-radius:0.3rem; border:3px solid; background:#fff;}
.flow-box li.flow.flow1 {border-color:#c4996c;}
.flow-box li.flow.flow2 {border-color:#648f7b;}
.flow-box li.flow.flow3 {border-color:#67a2b4;}
.flow-box li.flow.flow4 {border-color:#5c7299;}
.flow-box li.flow.flow5 {border-color:#0f315c;}
.flow-box li.flow.flow6 {border-color:#4f1013;}
.flow-box li.arrow {font-size:1.6rem; color:#222;}
.flow-box li.flow > p {font-size:1.5rem; font-weight:normal; margin-top:1rem;}

.flow-box.flowAllSet {grid-template-columns:repeat(3, 1fr 20px); gap:2rem 1rem;}
.flow-box.flowError {grid-template-columns:repeat(3, 1fr 20px); gap:2rem 1rem;}
.flow-box.flowEdu {grid-template-columns:repeat(3, 1fr 20px); gap:2rem 1rem;}
.flow-box.flowSanhak {grid-template-columns:repeat(3, 1fr 20px); gap:2rem 1rem;}

@media screen and (max-width: 769px){
	.flow-box {grid-template-columns:1fr !important; gap:1rem 0 !important;}
	.flow-box li.arrow {transform:rotate(90deg);}
}



/* 소개정의 */
.intro_define * {word-break:keep-all;}
.intro_define > dl {display:grid; grid-template-columns:12rem 1fr; gap:0 4rem; padding:2.5rem 2rem; border-bottom:1px solid #ddd;}
.intro_define > dl dt {font-size:1.8rem; font-weight:bold; color:#333;}
.intro_define > dl dd {font-size:1.6rem;}
.intro_define .highlight {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; min-width:10rem; color:#222; font-weight:bold; padding:1rem 2rem; border-radius:5rem; background:rgba(164,30,68,0.05);}

@media screen and (max-width: 1025px){
	.intro_define {border-top:2px solid #333;}
	.intro_define > dl {grid-template-columns:1fr; gap:1.5rem 0;}
}


/* 캡스톤디자인-취창업 신청 */
.support_apply {display:flex; flex-wrap:wrap;}
.support_apply > li {display:flex; justify-content:center; align-items:center; margin:20px 20px 50px 20px;}
.support_apply > li > div {position:relative; width:270px; text-align:center; padding:3rem 1.5rem 1.5rem 1.5rem; border-radius:0.5rem; border:1px solid #e5e5e5; box-shadow:5px 5px 0 rgba(0,0,0,.1);}
.support_apply > li > div > span {height:5px; position:absolute; top:-0.5rem; right:2rem;}
.support_apply > li > div > span i {font-size:4.2rem; color:#bebebe;}
.support_apply > li > div > p {position:relative; display:block; margin-top:2rem;}
.support_apply > li > div > p:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:5px; background:#f2f3f8; z-index:-1;}
.support_apply > li > div > p em {font-size:2.4rem; font-weight:bold; padding:0 1.2rem; background:#fff;}
.support_apply > li > div > div {position:relative; margin:4rem 0 5rem 0;}
.support_apply > li > div > div:after {content:""; display:block; position:absolute; left:50%; bottom:-8px; z-index:-1; width:150px; height:20px; border-radius:50%; background:radial-gradient(#f2f3f8 30%, #f7f8fc 60%, #fff 10%); transform:translateX(-50%);}
.support_apply > li > div > dl dt {font-size:1.8rem; font-weight:bold; padding:1rem; border:1px solid #eee; background:#f8fafd;}
.support_apply > li > div > dl dd {font-size:1.5rem; margin:1.5rem 0; word-break:keep-all;}
.support_apply > li:hover > div > span i {color:#75171c;}
.support_apply > li:hover > div > dl dt {background:rgba(243,246,249,0.6);}

.capstone_apply > li {width:calc((100% - 120px) / 3);} /* 캡스톤디자인 */
.venture_apply > li {width:calc((100% - 80px) / 2);} /* 취창업 */

@media screen and (max-width: 900px) {
	.support_apply > li {width:calc((100% - 80px) / 2);}
}
@media screen and (max-width: 580px) {
	.support_apply > li {width:100%; margin:20px;}
}

/* 캡스톤디자인 기업멘토 */
#compInfo {text-align:right;}
#compInfo h3 {text-align:left;}
#compInfo > div {margin-top:2rem; padding-top:2rem; border-top:2px dashed #ddd;}
#compInfo > div#comp {margin:0; padding:0; border:none;}
#compInfo .bbsInput, #compInfo .bbsView {text-align:left;}


/* 법인카드관리 */
.tableCardCalendar {width:100%; border-top:1px solid #222; overflow-x:scroll;}
.tableCardCalendar .card-date-slide {width:100%; min-width:600px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:2rem; border-bottom:3px solid #ddd;}
.tableCardCalendar .card-date-slide > a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:2rem;}
.tableCardCalendar .card-date-slide > a i {font-size:2rem; color:#999;}
.tableCardCalendar .card-date-slide > div {width:calc(100% - 4rem); font-size:2rem; font-weight:bold; color:#222; text-align:center;}
.tableCardCalendar table {width:100%; table-layout:fixed;}
.tableCardCalendar table thead th {padding:1.5rem 0.8rem; font-weight:bold; font-size:1.5rem; color:#333; text-align:center; border-bottom:#838383 1px solid; border-left:#e4e4e4 1px solid; background:rgba(247,248,252,0.5);}
.tableCardCalendar table thead th:first-child {border-left:none;}
.tableCardCalendar table tbody td {padding:0.8rem; text-align:center; font-size:1.5rem; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableCardCalendar table tbody td:first-child {border-left:none;}
.tableCardCalendar table tbody td.card-time {font-weight:bold; background:rgba(247,248,252,0.5);}
.tableCardCalendar table tbody td a {min-width:8rem; text-decoration:none; padding:0.5rem 0.8rem; color:#333; border-radius:0.2rem; border:1px solid #eee; background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.05);}
.tableCardCalendar table tbody td a:hover {text-decoration:none;}
/* 회의실예약 색상 */
.colorState {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.colorState li {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-right:1.5rem;}
.colorState li:last-child {margin:0;}
.colorState li span {display:inline-flex; flex-wrap:wrap; width:3rem; height:3rem; border:1px solid #ddd; margin-right:0.5rem;}
.mrColor1 {background:rgba(233,244,245,0.5) !important;}
.mrColor1 a {color:#309798 !important;}
.mrColor2 {background:#fffbf1 !important;}
.mrColor2 a {color:#f19149 !important;}
.mrColor3 {background:rgba(249,243,245,0.7) !important;}
.mrColor3 a {color:#294cb5 !important;}

@media screen and (max-width: 768px){
	.colorState {justify-content:center; margin-bottom:2rem;}
	.select-card {width:100% !important;}
	
	.tableCardCalendar table * {font-size:1.4rem !important;}
}





/* 사업단소개 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 인사말 */
.greeting_con_wrap{display: flex; align-items:flex-start;}
.greeting_img_box{ width: 35%; min-width: 34rem; height: auto; border: 10px solid #f3f3f3; overflow: hidden; }
.greeting_img_box span{position: relative; display: block; width:100%; height:0; padding-top:100%; /* background:#f2f2f2; */}
.greeting_img_box span:before{position: absolute; content:''; width: 200%; height: 33.66%; bottom: 0; right: -70%; z-index: -1; background: linear-gradient(45deg, #cc9ea0, transparent); transform: rotate(-45deg); }
.greeting_img_box span img{position: absolute; top:0; left:0; bottom:0; right:0; max-width:100%; max-height:100%; margin:auto auto 0 auto;}
.greeting_txt_box{position: relative; width:65%; margin-left:6rem; box-sizing:border-box; padding-top:7.5rem; word-break: keep-all;}
.greeting_txt_box:before{position: absolute; content:''; width:7.7rem; height:3px; background:#000; top:calc(0px + 2rem); left:0;}
.greeting_txt_box h4 { font-size:3.2rem; line-height:1.4; letter-spacing:-0.065em; color:#333; font-weight:400; }
.greeting_txt_box h4 b { color: #75171c; }
.greeting_txt_box li{ margin-top:3rem; font-size:1.6rem; line-height:2.06; letter-spacing:-0.065em; color:#666; }
@media all and (max-width:800px){
	.greeting_con_wrap{display: block;}
	.greeting_img_box{width:50%; margin:auto;}
	.greeting_txt_box{width:100%; margin-left:0; padding-top: 3.5rem; text-align: center; }
	.greeting_txt_box:before{display: none;}
	.greeting_txt_box h4 { font-size: 2.2rem; }
}

/* 사업소개 */
.biz_intro {border-radius:0.5rem; border:1px solid #ddd; background:#fff;}
.biz_intro > dt {font-size:2.2rem; font-weight:500; color:#fff; text-align:center; padding:1.5rem 2rem; border-radius:0.5rem 0.5rem 0 0; border-bottom:1px solid #ddd; background:#6c191d;}
.biz_intro > dd {padding:2rem;}
.biz_intro > dd > dl {display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #ddd; background:#fff;}
.biz_intro > dd > dl ~ dl { margin-top: 1.5rem; }
.biz_intro > dd > dl dt {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:12rem; font-size:1.6rem; color:#333; text-align:center; border-right:1px solid #e5e5e5; background:#f7f8fc;}
.biz_intro > dd > dl dd {width:calc(100% - 12rem); padding:1.5rem;}
.biz_intro > dd > dl.type1 > dd > div p.part { font-size: 1.6rem; color: #000; }

.biz_intro > dd > dl.type3 > dd > ul {display:flex; flex-wrap:wrap; gap: 1rem; }
.biz_intro > dd > dl.type3 > dd > ul > li { flex: 1 0 calc(33.333% - 1rem); font-size:1.5rem; color:#333; text-align:center; word-break:keep-all; border: 1px solid #e5e5e5; border-radius: 0.3rem; overflow: hidden; }
.biz_intro > dd > dl.type3 > dd > ul > li > h5 { padding: 1rem; background: #8e7f93; color: #fff; }
.biz_intro > dd > dl.type3 > dd > ul > li > h5 > span { display: block; margin-top: 0.5rem; font-size: 1.2rem; color: rgba(255, 255, 255, 0.8); }
.biz_intro > dd > dl.type3 > dd > ul > li > p { padding: 1.2rem; font-size: 1.6rem; color: #333; text-align: center; border-radius: 0.3rem 0.3rem 0 0; word-break: keep-all; }
.biz_intro > dd > dl.type3 > dd > ul > li > div { border-top: 2px dotted #ddd; }
.biz_intro > dd > dl.type3 > dd > ul > li > div > p { height: 100%; font-size: 1.5rem; padding: 1rem 1.2rem; color: #333; text-align: center; word-break: keep-all; background: #f9f3f5; }
.biz_intro > dd > dl.type3 > dd > ul > li > div > p > dfn { display: inline-block; margin-right: 0.5rem; padding: 0.3em 1em; border-radius: 50rem; background: #c8aab6; color: #fff; text-align: center; font-size: 1.3rem; }

.biz_intro > dd > dl.type2 > dd > ul {display:flex; flex-wrap:wrap; gap: 1rem;}
.biz_intro > dd > dl.type2 > dd > ul > li.box { flex: 1 0 calc(16.666% - 1rem); display: flex; flex-direction: column; flex-wrap: wrap; }
.biz_intro > dd > dl.type2 > dd > ul > li.box > div { display: flex; flex: 1; width:100%; border-radius:0.3rem; border:1px solid #e5e5e5; background:#fff; flex-direction: column; flex-wrap: wrap;}
.biz_intro > dd > dl.type2 > dd > ul > li.box > div > h5 {font-size:1.8rem; color:#fff; text-align:center; padding:0.8rem 1rem 1rem 1rem; border-radius:0.3rem 0.3rem 0 0; background:#333;}
.biz_intro > dd > dl.type2 > dd > ul > li.box > div > div { display: flex; padding: 0 1.6rem; height: 5rem; justify-content: center; align-items: center; border-bottom:2px dotted #ddd; }
.biz_intro > dd > dl.type2 > dd > ul > li.box > div > div > p { font-size:1.2rem; color:#333; text-align:center; word-break: keep-all;}
.biz_intro > dd > dl.type2 > dd > ul > li.box > div > div > p span { color: #de1234; font-weight: 600; text-transform: uppercase; }
.biz_intro > dd > dl.type2 > dd > ul > li.box > div > h6 {flex: 1; display: flex; font-size:1.6rem; color: #333; text-align:center; padding:1rem 1.2rem; border-radius:0.3rem 0.3rem 0 0; align-items: center; word-break: keep-all; justify-content: center;}
.biz_intro > dd > dl.type2 > dd > ul > li.box > p {width:100%; font-size:1.5rem; color:#333; text-align:center; margin-top:1rem; padding:1rem; border-radius:0.3rem; background:#f2f3f8;}

@media screen and (max-width: 1400px){
	.biz_intro > dd > dl.type2 > dd > ul > li.box { flex: 1 0 calc(33.333% - 1rem); }
}
@media screen and (max-width: 880px){
	.biz_intro > dd > dl.type2 > dd > ul > li.box { flex: 1 0 calc(50% - 1rem); }
	.biz_intro > dd > dl.type3 > dd > ul > li { flex: 1 0 100%; }
}
@media screen and (max-width: 480px){
	.biz_intro > dd > dl {flex-direction:column; margin:1.5rem 0; border:1px solid #ddd; background:#fff;}
	.biz_intro > dd > dl dt {width:100%; padding:1.5rem; border-right:none; border-bottom:1px solid #e5e5e5;}
	.biz_intro > dd > dl dd {width:100%;}
	.biz_intro > dd > dl.type2 > dd > ul > li.box { flex: 1 0 100%; }
	.biz_intro > dd > dl.type1 > dd > div p.part { text-align: center; }
}

/* 찾아오시는 길*/
.map_location .layout_map {width:100%; overflow:hidden;}
.map_location .layout_map .root_daum_roughmap {width:100% !important; height:600px !important;}
.map_location .layout_map .wrap_map {width:100% !important; height:600px !important;}
.map_location .location {position:relative; z-index:2; color:#1f1f1f; margin:0; padding:4rem; background:#f8fafb; border: 2px solid #dfdfdf;}
.map_location .location > h3 {font-size:2.4rem; font-weight:bold; word-break:keep-all;}
.map_location .location > p {font-size:1.6rem; padding-bottom:2rem; margin:1rem 0 2rem 0; border-bottom:1px solid rgba(0,0,0,0.15); word-break:keep-all; opacity:0.6;}
.map_location .location > div > dl {display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1.5rem; padding-bottom:1rem;}
.map_location .location > div > dl:last-child {padding:0;}
.map_location .location > div > dl dt {width:6rem; font-weight:500;}
.map_location .location > div > dl dd {width:calc(100% - 6rem); opacity: 0.7; word-break:keep-all;}

.location_way {margin-top:5rem;}
.location_way .wayTab {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.location_way .wayTab > li {width:calc((100% - 1rem) / 2);}

.location_way .wayTab > li > a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:2rem; font-weight:bold; text-align:center; color:#bebebe; word-break:keep-all; padding:1.5rem 1rem; border:3px solid #dfdfdf;}
.location_way .wayTab > li > a:hover, .location_way .wayTab > li > a.on { color: #ffffff; border-color: #75171c; background: #75171c;}
.location_way .wayTab > li > a br {display:none;}
.location_way .wayInfo {margin-top:4rem; border-top: 2px solid;}

.way_box { display: flex; padding: 4rem; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ddd; gap: 2rem; }
.way_box:first-child { margin-top:0; }
.way_box .location-tit { flex: 0 0 30rem; font-size: 2.8rem; color: #1f1f1f; }
.way_box .location-tit span { display: inline-flex; width: 2.5em; height: 2.5em; margin-right: 2rem; background: #f5f5f5; align-items: center; justify-content: center; border-radius: 100em; }
.way_box ul { flex: 1 0; }
.way_box ul li { position: relative; padding: 2rem; font-size: 1.8rem; border-bottom: 1px solid #e5e5e5; }
.way_box ul li:last-child { border: none; }
.way_box ul li::before { content: ""; position: absolute; left: 0; width: 5px; height: 5px; background: #ccc; transform: translateY(0.5em); }

@media screen and (max-width: 1025px){
}

@media screen and (max-width: 769px){
	.map_location .location { padding: 2rem; }
	.location_way .wayInfo { margin-top: 2rem; }
	.location_way .wayTab > li > a { font-size: 1.8rem; }
	.way_box {flex-direction:column; padding: 2rem 1rem; gap: 1rem; }
	.way_box .location-tit { flex: 0 0 auto; font-size: 2.4rem; }
	.way_box .location-tit span { margin-right: 1rem; }
	.way_box ul li { padding: 1.5rem; }
}

@media screen and (max-width: 481px){
	.map_location .location > h3 {font-size:2.2rem; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid rgba(0,0,0,0.15);}
	.map_location .location > p {display:none;}
}



/* 산학연공유협업센터 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.sanhak_vision * {word-break:keep-all;}
.sanhak_vision dl {display:grid; grid-template-columns:150px 1fr; padding:1rem 0;}
.sanhak_vision dl dt {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; min-height:8rem; margin-right:3rem;
	font-size:1.6rem; font-weight:500; color:#222; padding:0 1rem; border-radius:0.5rem; background:#f2f3f8;
}
.sanhak_vision dl dd.vision p {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; padding:0 2rem;
	font-size:1.8rem; font-weight:500; text-align:center; color:#fff; border-radius:0.5rem; background:#75171c;
}
.sanhak_vision dl dd.goal {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 2rem;}
.sanhak_vision dl dd.goal div {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:10rem;
	font-size:1.6rem; text-align:center; color:#fff; padding:2rem; border-radius:0.5rem; background:#972a2b;
}
.sanhak_vision dl dd.strategy {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem;}
.sanhak_vision dl dd.strategy:before {content:""; display:block; position:absolute; left:50%; top:-85px; z-index:-1; width:82px; height:85px; background:url('../images/content/cnt_arr.png') no-repeat; transform:translate(-50%);}
.sanhak_vision dl dd.strategy div {padding:3rem; border-radius:0.5rem; background:#33416b;}
.sanhak_vision dl dd.strategy div > strong {font-size:2rem; font-weight:bold; color:#fff;}
.sanhak_vision dl dd.strategy div > p {font-size:1.6rem; color:rgba(255,255,255,0.8); margin-top:1rem;}
.sanhak_vision dl dd.detail {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 1rem; padding:1rem; background:#e2e3e7;}
.sanhak_vision dl dd.detail ul {padding:2rem; border-radius:0.5rem; background:#fff;}
.sanhak_vision dl dd.detail ul > li {position:relative; font-size:1.6rem; line-height:1.3; color:#555; padding:0.3rem 0 0.3rem 2rem;}
.sanhak_vision dl dd.detail ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.5rem; width:6px; height:1px; background:#999;}

.sanhak_vision dl.arr-dl {padding-top:85px;}

@media screen and (max-width: 1025px){
	.sanhak_vision dl dd.goal {grid-template-columns:1fr; gap:2rem 0;}
	.sanhak_vision dl dd.detail {grid-template-columns:1fr; gap:1rem 0;}
}

@media screen and (max-width: 769px){
	.sanhak_vision dl {grid-template-columns:1fr; padding:2rem 0; border-bottom:2px solid #ddd;}
	.sanhak_vision dl dt {width:100%; min-height:auto; font-size:2rem; font-weight:bold; padding:0; margin:0 0 2rem 0; color:#333; background:transparent;}
	.sanhak_vision dl dd.vision p {padding:2rem;}
	.sanhak_vision dl dd.strategy {grid-template-columns:1fr; gap:1rem 0;}
	
	.sanhak_vision dl.arr-dl {padding-top:60px;}
}


/* 산학공동기술개발 소개 */
.sanhak_tech_flow > div {display:grid; grid-template-columns:150px 1fr; margin-bottom:2rem; border-radius:0.5rem;}

.sanhak_tech_flow > div.title {border:1px solid #ddd; background:#f7f8fc;}
.sanhak_tech_flow > div.title > p {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:1.6rem; color:#333; font-weight:bold; padding:1.5rem;}
.sanhak_tech_flow > div.title > p:first-child {border-right:1px solid #ddd;}

.sanhak_tech_flow > div.arrow {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:2rem; color:#333;}

.sanhak_tech_flow > div.flow {border:1px solid #ddd;}
.sanhak_tech_flow > div.flow > h5 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:1.6rem; color:#fff; font-weight:500; padding:1.5rem; border-radius:0.5rem 0 0 0.5rem; background:#33416b;}
.sanhak_tech_flow > div.flow > ul {font-size:1.5rem; padding:1.5rem; border-radius:0 0.5rem 0.5rem 0; background:#fff;}
.sanhak_tech_flow > div.flow > ul > li {position:relative; line-height:1.3; color:#555; padding:0.3rem 0 0.3rem 2rem; word-break:keep-all;}
.sanhak_tech_flow > div.flow > ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.3rem; width:6px; height:1px; background:#999;}

@media screen and (max-width: 481px){
	.sanhak_tech_flow > div {grid-template-columns:1fr; margin-bottom:1rem;}
	
	.sanhak_tech_flow > div.title {display:none;}
	.sanhak_tech_flow > div.flow > h5 {border-radius:0.5rem 0.5rem 0 0;}
	.sanhak_tech_flow > div.flow > ul {border-radius:0 0 0.5rem 0.5rem;}
}



/* 가족회사 지원 프로그램이란? */
.family_comp_flow {display:grid; grid-template-columns:repeat(3, 1fr 20px) 1fr; margin-top:2rem;}
.family_comp_flow > li.flow {border-radius:3rem;}
.family_comp_flow > li.flow > * {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.family_comp_flow > li.flow > div {font-size:1.6rem; font-weight:500; color:#fff; text-align:center; padding:2rem 1rem; border-radius:3rem 3rem 0 0; border-bottom:1px solid #ddd;}
.family_comp_flow > li.flow.flow1 > div {background:#c4996c;}
.family_comp_flow > li.flow.flow2 > div {background:#648f7b;}
.family_comp_flow > li.flow.flow3 > div {background:#67a2b4;}
.family_comp_flow > li.flow.flow4 > div {background:#5c7299;}
.family_comp_flow > li.flow > p {font-size:1.6rem; text-align:center; padding:1.5rem; border-radius:0 0 3rem 3rem; background:#fff; border:1px solid #ddd;}
.family_comp_flow > li.arrow {margin-top:2rem;}

@media screen and (max-width: 769px){
	.family_comp_flow {grid-template-columns:1fr;}
	.family_comp_flow li.arrow {width:20px; height:100%; position:relative; transform:rotate(90deg) translateY(20%); top:-5px; left:50%; margin:0;}
}


/* 가족회사 지원프로그램 */
.family_comp_img * {word-break:keep-all;}
.family_comp_img {display:grid; grid-template-columns:180px 1fr 180px;}
.family_comp_img > div {padding:2rem; border:2px solid #75171c;}
.family_comp_img > div.place {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 1rem; background:#75171c;}
.family_comp_img > div.place.comp {border-radius:0.5rem 0 0 0.5rem;}
.family_comp_img > div.place.univ {border-radius:0 0.5rem 0.5rem 0;}
.family_comp_img > div.place dfn {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:10rem; height:10rem; font-size:2rem; font-weight:bold; border-radius:50%; background:#fff;}
.family_comp_img > div.place.comp dfn {color:#75171c;}
.family_comp_img > div.place.univ dfn {color:#333;}
.family_comp_img > div.place i {font-size:1.4rem; color:#fff;}
.family_comp_img > div.info {display:grid; grid-template-columns:repeat(6, 1fr); gap:2rem; background:#fff;}
.family_comp_img > div.info > dl.info1 {grid-column:span 3;}
.family_comp_img > div.info > dl.info2 {grid-column:span 3;}
.family_comp_img > div.info > dl.info3 {grid-column:span 2;}
.family_comp_img > div.info > dl.info4 {grid-column:span 2;}
.family_comp_img > div.info > dl.info5 {grid-column:span 2;}
.family_comp_img > div.info > dl {border-radius:0.5rem; border:2px solid #c64e4e;}
.family_comp_img > div.info > dl dt {font-size:1.6rem; font-weight:500; color:#fff; padding:1.5rem; background:#c64e4e;}
.family_comp_img > div.info > dl dd {text-align:center; font-size:1.6rem; padding:2rem;}

@media screen and (max-width: 1025px){
	.family_comp_img {grid-template-columns:1fr;}
	.family_comp_img > div.place {flex-direction:column; gap:1rem 0;}
	.family_comp_img > div.place p {transform:rotate(90deg);}
	.family_comp_img > div.place.comp {border-radius:0.5rem 0.5rem 0 0;}
	.family_comp_img > div.place.univ {border-radius:0 0 0.5rem 0.5rem;}
}
@media screen and (max-width: 769px){
	.family_comp_img > div.info {grid-template-columns:1fr;}
	.family_comp_img > div.info > dl {grid-column:1 !important;}
}



/* All-Set 소개 */
.all-set-apply {display:grid; grid-template-columns:repeat(2, 1fr); gap:4rem;}
.all-set-apply > div {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; padding:3rem; border-radius:0.5rem; border:1px solid #ddd; background:#fff;}
.all-set-apply > div > div > h4 {font-size:1.8rem; font-weight:bold; color:#222; margin-bottom:1.5rem;}
.all-set-apply > div > div > ul > li {position:relative; font-size:1.5rem; line-height:1.3; color:#555; padding:0.3rem 0 0.3rem 2rem; word-break:keep-all;}
.all-set-apply > div > div > ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.5rem; width:6px; height:1px; background:#999;}
.all-set-apply > div > p {font-size:3rem; align-self:flex-end; margin-top:2rem;}
.all-set-apply > div > p i {color:#75171c;}

@media screen and (max-width: 769px){
	.all-set-apply {grid-template-columns:1fr; gap:2rem 0;}
}



/* 공동활용장비 */
.equipment {display:grid; grid-template-columns:repeat(2, 1fr); gap:4rem; margin-top:2rem;}
.equipment > div {padding:3rem; border-radius:0.5rem; border:1px solid #ddd; border-top:2px solid #75171c; background:#fff;}
.equipment > div > h4 {font-size:1.8rem; font-weight:bold; color:#222; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px dashed #aaa;}
.equipment > div > p {width:100%; height:300px; overflow:hidden;}
.equipment > div > p img {width:100%; height:100%;}
.equipment > div > ul {min-height:8rem; margin-top:2rem;}
.equipment > div > ul > li {position:relative; font-size:1.6rem; line-height:1.3; color:#555; padding:0.3rem 0 0.3rem 2rem; word-break:keep-all;}
.equipment > div > ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.3rem; width:6px; height:1px; background:#999;}
.equipment > div > dl {display:grid; grid-template-columns:6rem 1fr; font-size:1.6rem; font-weight:500; color:#222; margin:2rem 0 3rem 0; padding:2rem; border-radius:0.5rem; background:#f2f3f8;}
.equipment > div > dl dd {letter-spacing:0;}
.equipment > div > div {display:flex; flex-wrap:wrap; /* justify-content:space-between; */ justify-content:flex-end; align-items:center;}
.equipment > div > div a {display:flex; flex-wrap:wrap; align-items:center; gap:0 1rem; font-size:1.6rem; font-weight:500; color:#222;}
.equipment > div > div a:hover {color:#75171c;}
.equipment > div > div a span {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:1rem; color:#fff; width:2rem; height:2rem; border-radius:50%; background:#75171c;}

@media screen and (max-width: 769px){
	.equipment {grid-template-columns:1fr;}
}

/* 공동활용장비 이미지 */
.equip-info { position: relative; text-align: center; }
.equip-info .tit { display: inline-flex; width: 6.4em; height: 6.4em; align-items: center; justify-content: center; border-radius: 50em; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3); font-size: 2rem; color: #fff; }
.equip-info > *[class*=depth_01] { position: relative; margin-bottom: 8rem; z-index: 1; }
.equip-info > *[class*=depth_01]:last-child { margin-bottom: 0; }
.equip-info .depth_01_01 { margin-bottom: 14rem; }
.equip-info .depth_01_01::before { content: ""; display: inline-block; position: absolute; width: 1px; height: calc(100% + 4rem); right: 50%; z-index: -1; background: #cccccc;}
.equip-info .depth_01_01::after { content: ""; display: inline-block; position: absolute; width: calc(100% - 30rem); height: 1px; top: calc(100% + 4rem); left: 50%; z-index: -1; background: #cccccc;transform: translateX(-50%);}
.equip-info .depth_01_02 .L::before,.equip-info .depth_01_02 .R::before { content: ""; display: inline-block; position: absolute; width: 1px; height: calc(100% + 4rem); right: 50%; top: 0; z-index: -1;  background: #ccc; }
.equip-info .depth_01_02 .L::after,.equip-info .depth_01_02 .R::after { content: ""; display: inline-block; position: absolute; width: 1px; height: calc(100% + 10rem); right: 50%; bottom: 0; z-index: -1;  background: #ccc;}
.equip-info .depth_01_03::before { content: ""; display: inline-block; position: absolute; width: 1px; height: calc(100% + 4rem); right: 50%; bottom: 0; background: #cccccc; z-index: -1; }
.equip-info .depth_01_03::after { content: "";display: inline-block; position: absolute; width: calc(100% - 30rem); height: 1px; bottom: calc(100% + 4rem); z-index: -1; left: 50%; background: #cccccc; transform: translateX(-50%);}
.equip-info .depth_01_01 .tit {  background: linear-gradient(45deg, #193261, #1747a0); }
.equip-info .depth_01_02 { display: flex; justify-content: space-between; }
.equip-info .depth_01_02 .R, .equip-info .depth_01_02 .L { position: relative; }
.equip-info .depth_01_02 ul {display: flex; flex-direction: column;}
.equip-info .depth_01_02 ul li {gap: 0.8rem;position: relative;width: 30rem;padding: 2rem;font-size: 1.6rem;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;flex: 1 0 10rem;line-height: 1.4;}
.equip-info .depth_01_02 ul li::after {content: "";position: absolute;top: 100%;z-index: 1;border: 15px solid #000;transform: translateY(-60%) rotate(45deg);border-radius: 0.3em;}
.equip-info .depth_01_02 ul li > * { z-index: 2; }
.equip-info .depth_01_02 ul li:first-child { border-radius: 0.3rem 0.3rem 0 0; }
.equip-info .depth_01_02 ul li:last-child { border-radius: 0 0 0.3rem 0.3rem; }
.equip-info .depth_01_02 ul li:nth-child(1n) {background: #75171c;color: #fff;}
.equip-info .depth_01_02 ul li:nth-child(1n)::after { border-color: #75171c; }
.equip-info .depth_01_02 ul li:nth-child(2n) {background: #9d2c32;}
.equip-info .depth_01_02 ul li:nth-child(2n)::after { border-color: #9d2c32; }
.equip-info .depth_01_02 ul li:nth-child(3n) {background: #bc4f55;}
.equip-info .depth_01_02 ul li:nth-child(3n)::after { border-color: #bc4f55; }
.equip-info .depth_01_02 ul li span {display: block;padding: 0.4em 1em;border-radius: 50em;background: rgb(0 0 0 / 30%);width: 100%;/* color: #444444; */}
.equip-info .depth_01_03 .tit {  background: linear-gradient(45deg, #196143, #17a04d); }
.equip-info *[class*=depth_02] {position: absolute;left: 50%;transform: translateX(-50%);font-size: 1.6rem;padding: 0.7em 1.6em;border-radius: 50em;background: white;border: 1px solid #ddd;box-shadow: 0 0 20px rgb(0 0 0 / 10%);font-weight: 500;color: #222;}
.equip-info *[class*=depth_02] span { display: block; margin-top: 0.2rem; font-weight: 400; font-size: 1.4rem; color: #888; }
.equip-info .depth_02_01 { top: calc(100% + 2rem); background: #333333; color: #fff;}
.equip-info .depth_02_02 { bottom: calc(100% + 2rem); }
.equip-info .depth_02_03 { bottom: calc(100% + 2rem); background: #333333; color: #fff;}
@media screen and (max-width: 1025px){
	.equip-info { margin-top: 3rem; }
}
@media screen and (max-width: 769px){
	.equip-info::before {
		content: "※ 사용자는 예약시스템 접속 후 분석의뢰 또는 직접사용할 수 있습니다."; display: inline-block; position:absolute; left:2rem; top:2rem; 
		width:calc(100% - 4rem); overflow:hidden; font-size:1.4rem; color:red; word-break:keep-all;
	}
	.equip-info > *[class*=depth_01] { margin-bottom: 10rem; }
	.equip-info .depth_01_01 { margin-top: 3rem; margin-bottom: 16rem; }
	.equip-info .depth_01_01::after { content: none; }
	.equip-info .depth_01_02 { flex-direction: column; flex-wrap: wrap; gap: 11rem; }
	.equip-info .depth_01_02 ul { align-items: center; }
	.equip-info .depth_01_02 ul li { width: 75%; }
	.equip-info .depth_01_03::after { content: none; }
}
@media screen and (max-width: 769px){
	.equip-info .depth_01_02 ul li { width: 100%; }
	.equip-info *[class*=depth_02]{ width: 100%; }
}


/* 교수 지원 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* LINC3.0 전담PD교수제 안내 */
.prof_apply_part {display:grid; grid-template-columns:repeat(3, 1fr);}
.prof_apply_part > li {padding:4rem 3rem; text-align:center;}
.prof_apply_part > li:nth-child(2) {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.prof_apply_part > li > div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:12rem; height:12rem; margin:0 auto; border-radius:50%; background:rgba(243,246,249,0.6);}
.prof_apply_part > li:nth-child(1) > div {background:#e8dddc;}
.prof_apply_part > li:nth-child(2) > div {background:#f2f2e6;}
.prof_apply_part > li:nth-child(3) > div {background:#f2f9fc;}
.prof_apply_part > li > h4 {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:6rem; font-size:1.6rem; font-weight:500; color:#fff; text-align:center; 
	padding:1rem; margin:2rem 0; border-radius:0.3rem; background:#102a45;
}
.prof_apply_part > li > p {font-size:1.6rem; word-break:keep-all;}

@media screen and (max-width: 769px){
	.prof_apply_part {grid-template-columns:1fr;}
	.prof_apply_part > li:nth-child(2) {border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
}
@media screen and (max-width: 480px){
	.prof_apply_part > li {width:100%;}
}


/* 전담PD교수의 업무 및 역할 */
.prof_apply_work * {word-break:keep-all;}
.prof_apply_work {padding:3rem; border-radius:1rem; border:1px solid #ddd; background:#fff;}
.prof_apply_work > p {font-size:1.6rem; font-weight:bold; color:#222; padding-bottom:2rem; border-bottom:1px solid #ddd;}
.prof_apply_work > ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:4rem; margin-top:2rem;}
.prof_apply_work > ul > li {padding:3rem; background:#f7f7f9;}
.prof_apply_work > ul > li > p {font-size:1.6rem; font-weight:500; color:#222;}
.prof_apply_work > ul > li > ul {margin-top:1rem;}
.prof_apply_work > ul > li > ul > li {position:relative; font-size:1.5rem; line-height:1.3; color:#555; padding:0.3rem 0 0.3rem 2rem; word-break:keep-all;}
.prof_apply_work > ul > li > ul > li:after {content:""; display:block; position:absolute; left:5px; top:1.5rem; width:6px; height:1px; background:#999;}

@media screen and (max-width: 1025px){
	.prof_apply_work > ul {grid-template-columns:1fr; gap:2rem 0;}
}





/* 캡스톤디자인 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* 현장실습 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* 창업‧취업 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 창업프로그램 소개 */
.progStart * {word-break:keep-all;}
.progStart {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 4rem;}
.progStart > li {padding:4rem 3rem; background:#f7f7f9;}
.progStart > li > p {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; text-align:center; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #ddd;}
.progStart > li > p dfn {font-size:2rem; font-weight:bold; color:#333; margin-bottom:0.8rem;}
.progStart > li > p span {font-size:1.5rem; font-weight:500; color:#75171c;}
.progStart > li > ul li {font-size:1.5rem; text-align:center;}

@media screen and (max-width: 769px){
	.progStart {grid-template-columns:1fr; gap:2rem 0;}
}

/* 창업동아리 소개 */
.startup-date * {font-size:1.6rem; word-break:keep-all;}
.startup-date {display:grid; grid-template-columns:1fr 1fr; gap:0 2rem;}
.startup-date > li {position:relative; display:flex; flex-wrap:wrap; align-items:center; padding:3rem; border-radius:0.3rem; border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
.startup-date > li:after {
	content:""; display:block; position:absolute; top:0; right:0; width:120px; height:120px; 
	background:url('../images/common/favicon.png') right -20px top 10px no-repeat; background-size:120px 120px; opacity:0.05;
}
.startup-date > li > dfn {font-weight:bold; color:#222; margin-right:2rem;}
.startup-date > li > span {font-size:2rem; color:#222;}

@media screen and (max-width: 481px){
	.startup-date {grid-template-columns:1fr; gap:2rem 0;}
}



/* 멘토정보 */
.mento-info {display:flex; /* flex-wrap:wrap; */ justify-content:space-between; padding:4rem; margin-bottom:5rem; border-radius:1rem; border:1px solid #ddd; background:#fff;}
.mento-info > li.photo {text-align:center; padding-right:4rem; border-right:1px solid #ddd;}
.mento-info > li.info {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; width:calc(100% - 121px - 4rem); padding-left:4rem;}
.mento-info > li.info > p {display:flex; flex-wrap:wrap; align-items:center; font-size:2.4rem; font-weight:500; color:#222; margin-bottom:2rem;}
.mento-info > li.info > p a {margin-left:2rem;}
.mento-info > li.info > ul {display:inline-grid; font-size:1.6rem;}
.mento-info > li.info > ul li {display:grid; grid-template-columns:70px 1fr; gap:0 2rem; margin:0.5rem 0;}
.mento-info > li.info > ul li dfn {font-weight:500; color:#222;}
.mento-info > li.info > ul li input {width:calc(100% - 10rem) !important;}

@media screen and (max-width: 768px){
	.mento-info {flex-direction:column; padding:2.5rem;}
	.mento-info > li.photo {padding:0 0 2.5rem 0; border-right:none; border-bottom:1px solid #ddd;}
	.mento-info > li.info {width:100%; padding:2.5rem 0 0 0;}
	.mento-info > li.info > p {display:none;}
}
@media screen and (max-width: 481px){
	.mento-info > li.info > ul li {grid-template-columns:1fr; gap:1.5rem 0; margin:1rem 0;}
	.mento-info > li.info > ul li dfn {text-align:center; padding:0.5rem; border-radius:0.3rem; border:1px solid #eee; background:#f7f8fc;}
}