- 입학상담
<section class="consult-section">
<div class="consult-inner"><!-- 상단 안내 -->
<div class="consult-intro">
<div class="consult-intro-text">
<h3>입학상담 안내</h3>
<p>입학, 면접/실기, 학과 전공 및 진로 등 입학과 관련된 모든 것을 상담해드립니다.<br />
원하시는 방법으로 편리하게 상담받으세요.</p>
<p class="consult-intro-sub">관심학과 정보받기를 신청하시면 학과의 다양한 정보와 함께 추첨을 통해 다양한 선물도 받으실 수 있습니다.</p>
</div>
<div class="consult-intro-action"><button class="interest-btn" onclick="alert('지금은 서비스 기간이 아닙니다.');" type="button">관심학과<br />
정보받기</button></div>
</div>
<!-- 상담 방법 -->
<div class="consult-grid"><!-- AI 상담 -->
<div class="consult-card consult-card-ai">
<div class="consult-icon"><img alt="AI 상담" src="/ipsi/img/susi/ai_consult.png" /></div>
<h4 class="consult-title">AI 상담</h4>
<p class="consult-description">입학에 대해 궁금한 내용을<br />
AI에게 바로 물어보세요.</p>
<a class="consult-link-btn kakao-btn" href="https://unimates.io/yeonsung" target="_blank">24시간 AI 상담하러 가기 </a></div>
<!-- 카카오톡 상담 -->
<div class="consult-card">
<div class="consult-icon"><img alt="카카오톡 상담" src="/ipsi/img/susi/kakao_logo.png" /></div>
<h4 class="consult-title">카카오톡 상담</h4>
<p class="consult-description">입학홍보처 직원과 카카오톡으로 편리하게 입학상담을 받아보세요<br />
(이용시간 : 월~금요일 09:00~18:00)</p>
<a class="consult-link-btn kakao-btn" href="https://pf.kakao.com/_IWclxl" target="_blank">카카오톡 상담하러 가기 </a></div>
<!-- 전화 상담 -->
<div class="consult-card consult-card-phone">
<div class="consult-icon"><img alt="전화상담" src="/ipsi/img/susi/phone.png" /></div>
<h4 class="consult-title">전화상담</h4>
<div class="phone-list">
<div><span>수시·정시</span> <strong>031-441-5994~5</strong></div>
<div><span>편입</span> <strong>031-441-5995</strong></div>
<div><span>산업체위탁</span> <strong>031-441-5995</strong></div>
<div><span>고숙련일학습병행(P-TECH)</span> <strong>031-441-1055</strong></div>
<div><span>학사학위전공심화</span> <strong>031-441-5995</strong></div>
<div><span>전문기술석사과정</span> <strong>031-441-1420</strong></div>
<div><span>외국인(Foreigners)</span> <strong>031-441-1157</strong></div>
</div>
</div>
<!-- 방문 상담 -->
<div class="consult-card">
<div class="consult-icon"><img alt="방문상담" src="/ipsi/img/susi/meeting.png" /></div>
<h4 class="consult-title">방문상담</h4>
<p class="consult-description">직접 방문하시면<br />
입학 관련 상담을 받으실 수 있습니다.</p>
<div class="visit-address"><strong>연성대학교 입학홍보처</strong> <span> 경기도 안양시 만안구<br />
양화로 37번길 34<br />
본관 1층 </span></div>
</div>
</div>
</div>
</section>
<style type="text/css">.consult-section {
padding: 50px 20px;
background: #f6f7f9;
box-sizing: border-box;
}
.consult-inner {
max-width: 1200px;
margin: 0 auto;
}
/* 상단 안내 */
.consult-intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 32px 36px;
margin-bottom: 28px;
background: #fff;
border-radius: 16px;
border-left: 5px solid #E2368A;
box-shadow: 0 5px 20px rgba(0,0,0,.05);
}
.consult-intro-text {
flex: 1;
}
.consult-intro-text h3 {
margin: 0 0 14px;
font-size: 25px;
color: #222;
font-weight: 700;
}
.consult-intro-text p {
margin: 0;
color: #555;
font-size: 16px;
line-height: 1.75;
word-break: keep-all;
}
.consult-intro-text .consult-intro-sub {
margin-top: 8px;
color: #777;
font-size: 14px;
}
.consult-intro-action {
flex: 0 0 auto;
}
.interest-btn {
width: 150px;
min-height: 86px;
border: 0;
border-radius: 12px;
background: #E2368A;
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 1.45;
cursor: pointer;
transition:
transform .2s ease,
box-shadow .2s ease,
background-color .2s ease;
}
.interest-btn:hover {
background: #ca2477;
transform: translateY(-2px);
box-shadow: 0 7px 18px rgba(226,54,138,.25);
}
/* 4개 상담 카드 */
.consult-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
align-items: stretch;
}
.consult-card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 34px 28px;
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(0,0,0,.04);
text-align: center;
transition:
transform .2s ease,
box-shadow .2s ease;
}
.consult-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
/* 아이콘 */
.consult-icon {
height: 85px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.consult-icon img {
display: block;
max-width: 82px;
max-height: 82px;
width: auto;
height: auto;
}
/* 제목 */
.consult-title {
display: inline-block;
min-width: 180px;
margin: 0 0 22px;
padding: 11px 20px;
background: #548335;
color: #fff;
border-radius: 8px;
font-size: 18px;
font-weight: 700;
}
/* 설명 */
.consult-description {
min-height: 58px;
margin: 0 0 26px;
color: #666;
font-size: 15px;
line-height: 1.7;
word-break: keep-all;
}
/* 카카오 버튼 */
.consult-link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
min-height: 48px;
padding: 0 20px;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition:
transform .2s ease,
box-shadow .2s ease;
}
.kakao-btn {
margin-top: auto;
background: #FEE500;
color: #191919 !important;
}
.kakao-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,.12);
}
/* 전화번호 */
.phone-list {
width: 100%;
margin-top: 2px;
}
.phone-list > div {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
padding: 10px 5px;
border-bottom: 1px solid #eee;
text-align: left;
}
.phone-list > div:last-child {
border-bottom: 0;
}
.phone-list span {
flex: 1;
color: #555;
font-size: 14px;
line-height: 1.4;
word-break: keep-all;
}
.phone-list strong {
flex: 0 0 auto;
color: #222;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
}
/* 방문주소 */
.visit-address {
width: 100%;
margin-top: auto;
padding: 20px;
background: #f7f8f6;
border-radius: 10px;
box-sizing: border-box;
}
.visit-address strong {
display: block;
margin-bottom: 10px;
color: #548335;
font-size: 16px;
}
.visit-address span {
color: #555;
font-size: 14px;
line-height: 1.7;
}
/* AI 상담 */
.ai-title {
background: #6b55c5;
}
.ai-btn {
margin-top: auto;
background: #6b55c5;
color: #fff !important;
}
.ai-btn:hover {
background: #5844b0;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(107,85,197,.25);
}
/* 태블릿 */
@media (max-width: 1000px) {
.consult-grid {
grid-template-columns: 1fr;
}
.consult-card {
max-width: none;
}
.consult-card-phone {
order: 3;
}
}
/* 모바일 */
@media (max-width: 640px) {
.consult-section {
padding: 25px 15px;
}
.consult-intro {
display: block;
padding: 24px 20px;
border-radius: 12px;
}
.consult-intro-text h3 {
font-size: 21px;
}
.consult-intro-text p {
font-size: 14px;
line-height: 1.7;
}
.consult-intro-action {
margin-top: 20px;
}
.interest-btn {
width: 100%;
min-height: 54px;
font-size: 16px;
}
.interest-btn br {
display: none;
}
.consult-grid {
gap: 16px;
}
.consult-card {
padding: 28px 20px;
border-radius: 12px;
}
.consult-title {
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.phone-list > div {
align-items: flex-start;
gap: 10px;
}
.phone-list span {
font-size: 13px;
}
.phone-list strong {
font-size: 13px;
}
}
/* 아주 작은 모바일 */
@media (max-width: 420px) {
.phone-list > div {
display: block;
}
.phone-list strong {
display: block;
margin-top: 4px;
color: #548335;
}
}
</style>
.
24시간 AI 입시상담하러 가기
