@charset "utf-8";
.main {height:calc(100vh - 100px); position:relative; background:url(/images/main/main_bg.jpg) no-repeat left top / cover; }
.main.off {height:calc(100vh - 100px);}
.main .inner {display: flex; flex-direction:column; justify-content:center; height:calc(100% + 30px);}
.main .inner .tit h2 {font-size:60px; color:#003257; font-weight:400; color:#fff;}
.main .inner .tit p {font-size:26px; padding-left:7px;}
.main .slide_notice {position:relative; overflow:hidden; margin-top:30px; padding-top:30px; max-width:450px}
.main .slide_notice .slide_list {display:flex; width:200%;}
.main .slide_notice .notice-page {position:absolute; bottom:auto; top:0px; left:0; width:auto; margin:4px;}
.main .slide_notice li {overflow: hidden; white-space:normal; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:keep-all; width:100%;}
.main .slide_notice li a {color:#000;}
.main .slide_notice li a:hover {color:#666;}
.main .slide_notice .notice-page button {background:#000; height:10px; width:10px; text-indent:-9999px; border-radius:50%; padding:0; cursor:pointer; }
.main .slide_notice .notice-page button.on {opacity:1; width:40px; border-radius:10px; background:#fff;}
.main .slide_notice .notice-page button+button {margin-left:5px;}
.main .slide_notice .swiper-pagination-bullet {background:#fff; height:10px; width:10px; opacity:0.5;}
.main .slide_notice .swiper-pagination-bullet-active {background:#fff; width:40px; opacity:1; border-radius:10px;}
.main .bigBtnWrap {display:grid; grid-template-columns:repeat(3,1fr); margin-top:60px; gap:25px;}
.main .bigBtnWrap > div {position:relative; background:#fff; border-radius:20px; background-color:rgba(255, 255, 255, 0.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:all 0.3s; }
.main .bigBtnWrap > div a {display:block; padding:50px 43px;}
.main .bigBtnWrap .tit {display:flex; justify-content:space-between; align-items:center; color:#000; gap:10px;} 
.main .bigBtnWrap .tit img {width:50px;}
.main .bigBtnWrap .tit h3 {font-size:30px; transition:all 0.3s;}
.main .bigBtnWrap > div:hover {background-color:rgba(255,255,255,1);}
.main .bigBtnWrap > div:hover h3 {color:#1165BA;}
.main .bigBtnWrap > div p {position:relative; color:#000; font-size:15px; line-height:1.5; margin-top:20px; padding-bottom:30px; transition:all 0.3s;}
/*.main .bigBtnWrap > div:hover p:before {content:""; display:block; height:2px; width:0px; background:#DC3000; position:absolute; bottom:0; transition: width 250ms ease-out; opacity:0;}
.main .bigBtnWrap > div p:after {content: ""; position:absolute;left:30px;bottom:-1px;
width:15px;border-top:2px solid #DC3000;transform:rotate(45deg) translateY(-9px);opacity:0;transition: 0.3s;}
.main .bigBtnWrap > div:hover p:before {width:70px; opacity:1;}
.main .bigBtnWrap > div:hover p:after {}*/

.main .bigBtnWrap >div .hover_arrow {height:2px; width:0px; background:#1165BA; position:absolute; bottom:50px; transition: width 150ms ease-out; opacity:0;}
.main .bigBtnWrap >div:hover .hover_arrow {width:70px; opacity:1;}
.main .bigBtnWrap >div .hover_arrow:after {content: ""; position:absolute;left:30px;bottom:-1px; width:15px;border-top:2px solid #1165BA;transform:rotate(45deg) translateY(-9px);opacity:0;transition: 0.2s;}
.main .bigBtnWrap >div:hover .hover_arrow:after {left:50px;opacity:1;}

/* ************************ (~1199) ************************ */
@media (max-width: 1199px) {
.main .inner {padding:0 30px;}
.main .inner .tit h2 {font-size:50px;}
.main .inner .tit p {font-size:22px;}
.main .bigBtnWrap .tit h3 {font-size:24px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 991px) {
.main {height:auto; min-height:70vh;}
.main .inner {padding: 130px 30px 60px;}
.main .bigBtnWrap {grid-template-columns:repeat(1, 1fr); margin-top:40px; gap:15px;}
.main .inner .tit h2 {font-size:40px;}
.main .inner .tit p {font-size:18px;}
.main .bigBtnWrap > div a {padding:30px;}
.main .bigBtnWrap .tit h3 {font-size:20px;}
.main .bigBtnWrap > div p {margin-top:10px; padding-bottom:20px;}
.main .bigBtnWrap >div .hover_arrow {bottom:30px;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
.main .inner {padding:100px 30px 60px;}
.main .inner .tit h2 {font-size:35px;}
.main .bigBtnWrap .tit img {width:35px;}
.main .inner .tit p {line-height: 1.4;margin-top:10px;word-break:keep-all; padding-left:3px;}
.main .slide_notice {margin-top:20px;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {

}