@charset "utf-8";

/* contents.css 수정 */
.cont_tit span {color: #005BAA;}
.cont_sub_tit {color: #005BAA; margin-top:30px;}
.menu_tabs ul li.active{border: 1px solid #005BAA !important;  box-shadow: 0 0 15px rgba(20, 95, 234, 0.1);}
.menu_tabs ul li.active a {color: #005BAA;}
.greeting.type_02 .greeting_heading .tit_box {position: relative;}
.greeting.type_02 .greeting_heading .tit_box small {display: block; padding-bottom: 20px; font-size: 1.25rem; letter-spacing: .25rem; color: #b7b7b7;}
.greeting.type_02 .greeting_heading .tit_box .sign {padding-top: 30px;}
.greeting.type_02 .greeting_heading .tit_box .sign span {font-weight: 800; letter-spacing: .5rem;  font-size: 1.2rem; display: inline-block; margin-left: 10px;}
.greeting.type_02 .greeting_txt .tit {position: relative; display: block; line-height: 1.5; color: #555; padding-bottom: 40px; font-size: 2rem;font-weight: 600; }
.greeting.type_02 .greeting_txt .tit span {color: #005BAA;}
.greeting.type_02 .greeting_heading .tit::after{content: ""; position: absolute; width: 30px; height: 5px; background: #005BAA; left: 0; bottom: 0;}
.greeting.type_02 .greeting_txt .tit span{color: #005BAA;}

.homepage_btn a { background:#003774;}


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

.intro .img {position: relative;margin-bottom: 20px;border-radius: 1000px;width:100%;height: 280px;background: url("/resources/site/hass/resource/images/contents/department_bg.jpg") right 90% 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-image: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/hass/resource/images/contents/icon_share.svg") no-repeat;}
.intro .img .txt a:hover {transform:translateY(-5px); box-shadow: rgb(255, 255, 255, .3) 0 0 15px;}


/* 인사말 */
.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 {border-radius: 10px; height:auto;}
    .intro .img .txt p {font-size: 1.5rem;}
    .intro .img .txt a {padding: 10px 30px;}

}