@charset "utf-8";


/* 공통 */
.txt_box {background: #f7f8f9; padding: 2rem; border-radius: 10px; font-weight: 500;}


/* 인사말 */
.greeting {display: flex; flex-direction: column; gap: 3rem;}
.greeting .greeting_header {padding: 5rem 0; position: relative;}
.greeting .greeting_header::before {content: ""; width: 150%; height: 100%; background: #f7f8f9; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -2;}
.greeting .greeting_header::after {content: ""; background: url(/resources/site/arts/resource/images/layout/main/introduce_bg.png) center no-repeat; width: 500px; height: 500px; background-size: cover; mix-blend-mode: difference; opacity: .3; position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); z-index: -1;}
.greeting .greeting_header .greeting_tit {display: flex; flex-direction: column; align-items: center; gap: 2rem; text-align: center;}
.greeting .greeting_header .greeting_tit .tit {font-size: 1.8125rem; font-weight: 500;}
.greeting .greeting_header .greeting_tit .tit span {color: #005BAA; font-weight: 700;}
.greeting .greeting_body {display: flex; flex-direction: column; gap: 2rem;}
.greeting .greeting_body .greeting_txt {font-size: 1.125rem; line-height: 1.75;}
.greeting .greeting_body .sign {text-align: right; font-size: 1.0625rem; line-height: 2;}
.greeting .greeting_body .sign span {font-size: 1.25rem; font-weight: 700; letter-spacing: 1rem; margin: 0 -1rem 0 1rem;}

@media (max-width: 540px) {
    .greeting .greeting_header::after {width: 350px; height: 350px;}
    .greeting .greeting_header .greeting_tit .logo img {width: 120px;}
    .greeting .greeting_header .greeting_tit .tit {font-size: 1.5rem;}
    .greeting .greeting_header .greeting_tit br {display: none;}
}


/* 학부(과) 안내 */
.intro .img {position: relative;margin-bottom: 20px;border-radius: 1000px;width:100%;height: 280px;background: url(/resources/site/arts/resource/images/contents/intro.jpg) center no-repeat;overflow: hidden;padding: 30px;display: flex;justify-content: center;align-items: center;}
.intro .img .txt {color:#fff; text-align: center;}
.intro .img .txt p {font-size: 1.8rem; font-weight: 500;}
.intro .img .txt a {position: relative; display: inline-block; margin-top:20px; background: linear-gradient(50deg, #0089ff, #ff0057, #fcaf17); color: #fff; font-size: 1rem; padding: 13px 40px; border-radius: 50px; font-weight: 500; cursor: pointer; transition: transform 150ms, box-shadow 150ms;}
.intro .img .txt a::after {content: ""; display: inline-block; transform: translateY(4px); margin-left: 8px; width: 16px;height: 16px; background: url(/resources/site/arts/resource/images/contents/icon_share.svg) no-repeat;}
.intro .img .txt a:hover {transform: translateY(-5px); box-shadow: rgba(255, 255, 255, .3) 0 0 15px;}

@media (max-width: 540px) {
    .intro .img {border-radius: 10px; height:auto;}
    .intro .img .txt p {font-size: 1.5rem;}
    .intro .img .txt a {padding: 10px 30px;}
}