/* 큰 데스크탑 */

/* 메인비쥬얼 */
.mainVisual{position: relative;width: 100%;height: 540px;}
.mainVisual .main-slide{position: relative;width:100%;height:540px;}
.main-slide .swiper-slide{width:100%;height:540px;background:center no-repeat;background-size:cover;}
.main-slide .swiper-slide div{position: relative;text-align: center; max-width: 1200px;height: 100%;margin: 0 auto;color: #fff;padding: 0 10px;display: flex;align-items: center;justify-content: center;}
.main-slide .swiper-slide div>h1{font-weight: 500;font-size: 2rem;line-height: 1.4;color: #fff;}

.main-slide .mainImg01{background-image: url('../images/mainImg01.jpg');}
.main-slide .mainImg02{background-image: url('../images/mainImg02.jpg');} 
.main-slide .mainImg03{background-image: url('../images/mainImg03.jpg');} 

.main-slide .main-pager{position: relative;top: -30%;z-index: 1;margin: auto;width: 100%;max-width: 1200px;padding: 0 10px;display: flex;justify-content: center;align-items: center;}
.swiper .pager{position: relative;display: contents;}
.swiper .pager span{position:relative;width:10px;height:10px;margin:0 5px;background-color: rgba(255, 255, 255, 0);transition:all .3s;box-shadow: 0 0 0 1px #fff inset;opacity: 1;}
.swiper .pager span.on{opacity:1;background-color: rgba(255, 255, 255, 1);}
.swiper .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;}
.main-slide .main-pager .play-pause-icon{margin: 0 10px;}

.main-slide .page-control{position: relative;max-width: 1200px;top: -50%;display: flex;margin: auto;}
.main-slide .page-control .swiper-button-next, .main-slide .page-control .swiper-button-prev{top: auto;bottom: 0;}
.main-slide .page-control .swiper-button-next{background: url(../images/ico_next.png) no-repeat;background-size: 100% auto;background-position: center;width: 44px !important;height: 44px !important;opacity: 0.6;right: -44px;}
.main-slide .page-control .swiper-button-prev{background: url(../images/ico_prev.png) no-repeat;background-size: 100% auto;background-position: center;width: 44px !important;height: 44px !important;opacity: 0.6;left: -44px;}
.main-slide .page-control .swiper-button-next:hover, .main-slide .page-control .swiper-button-next:active, .main-slide .page-control .swiper-button-prev:hover, .main-slide .page-control .swiper-button-prev:active{opacity: 1;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}

/* 메인컨텐츠 */
.mainCon-wrap{position: relative;width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 10px;display: flex;justify-content: space-between;padding-bottom: 20px;}
.mainCon-wrap .main-tit h2{font-size: 28px;}
.mainCon-wrap .main-tit p{font-weight: 500;font-size: 12px;letter-spacing: 5px;color: #ababab;}

/* 메인컨텐츠 - 좌측영역 */
.mainLeft{position: relative;z-index: 999;width: 280px;display: flex;flex-direction: column;gap: 20px;margin-top: -60px;}
.mainLeft>div{width: 100%;border-radius: 10px;padding: 48px 30px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}
.mainLeft .main-tit{text-align: center;padding-top: 32px;background-size: 26px auto;}
.mainLeft .main-tit h2{color: #fff;}
.mainLeft ul{margin-top: 28px;}
.mainLeft ul li{margin-top: 8px;}
.mainLeft ul li a{position: relative;display: block;width: 100%;border: solid 1px #fff;color: #fff;padding: 16px 18px;}
.mainLeft ul li a:hover{background-color: #fff;color: #333;}
.mainLeft ul li a::after{content: '';background: url('../images/ico_arrow.svg') no-repeat;background-size: cover;width: 16px;height: 16px;position: absolute;right: 0;top: 18px;margin-right: 18px;}
.mainLeft ul li a:hover::after{filter: brightness(0) saturate(100%) invert(33%) sepia(8%) saturate(6%) hue-rotate(10deg);}

.leftCon01{background-color: #0e207f;}
.leftCon01 .main-tit{background: url('../images/ico_info.png') no-repeat center 0;}
.leftCon01 .main-tit p{color: #586faf;}

.leftCon02{background-color: #8d6e26;}
.leftCon02 .main-tit{background: url('../images/ico_academic.png') no-repeat center 0;}
.leftCon02 .main-tit p{color: #d5bb84;}

.leftCon03{background-color: #857c7a;}
.leftCon03 .main-tit{background: url('../images/ico_video.png') no-repeat center 0;}
.leftCon03 .main-tit p{color: #c8c8c8;}

/* 메인컨텐츠 - 우측영역 */
.mainRight{width: 880px;margin-top: 24px;}
.mainRight .main-tit{border-bottom: solid 1px #ddd;display: flex;justify-content: space-between;padding-bottom: 20px;margin-bottom: 30px;}
.mainRight .main-tit p{letter-spacing: 10px;}
.mainRight .main-tit button img{filter: brightness(0) saturate(100%) invert(33%) sepia(8%) saturate(6%) hue-rotate(10deg);}

.rightCon01, .rightCon02 .main-news{width: 100%;border:solid 1px #eee;background-color: #fff;padding: 36px 34px;}
.rightCon01 .main-notice{display: flex;}
.rightCon01 .main-notice .mainnotice-head{position: relative;border-right: solid 1px #ddd;font-weight: 500;flex: 1;margin-right: 30px;padding-right: 30px;min-height: 300px;}
.mainnotice-head div{position: relative;top: 0;font-size: 24px;color: #222;margin-bottom: 24px;}
.mainnotice-head p{color: #555;line-height: 1.7;}
.mainnotice-head span{position: absolute;bottom: 0;color: #999;}

.main-boardWrap{font-weight: 500;}
.main-boardWrap li{border-bottom: solid 1px #ddd;padding-bottom: 24px;margin-bottom: 24px;}
.main-boardWrap li:last-child{border: none;padding-bottom: 0;margin-bottom: 0;}
.main-boardWrap div{font-size: 18px;color: #222;margin-bottom: 12px;}
.main-boardWrap span{color: #999;}

.rightCon02{display: flex;justify-content: space-between;margin-top: 20px;}
.rightCon02 .main-news{width: 460px;}
.rightCon02 .main-banner{width: 400px;display: flex;flex-direction: column;justify-content: space-between;gap: 12px;}
.rightCon02 .main-banner a{width: 100%;border: solid 1px #eee;background-color: #fff;display: flex;justify-content: center;padding: 13px 0;}



@media screen and (max-width:1200px) {
    /* 메인비쥬얼 */
    .main-slide .swiper-slide div{padding: 0 2.5rem;}

}

@media screen and (max-width:900px) {
    /* 메인비쥬얼 */
    .main-slide .main-pager{padding: 0 2.5rem;}


} 


/* mobile */
@media screen and (max-width:768px) {
    /* 메인비쥬얼 */
    .mainVisual{height: 400px;}
    .mainVisual .main-slide{height:400px;}
    .main-slide .swiper-slide{height:400px;}
    .main-slide .swiper-slide div{padding: 0 1.25rem;align-items: normal;top: 35%;}
    .main-slide .swiper-slide div>h1{font-size: 1.5rem;line-height: 1.3;}
    .main-slide .swiper-slide div>p{font-size: 1.125rem;margin-top: 16px;}
    
    .main-slide .main-pager{top: -40%;}
    .swiper .pager span:after{width:7px;height:7px;}
    .main-slide .page-control .swiper-button-next{display: none;}
    .main-slide .page-control .swiper-button-prev{display: none;}
    
    /* 메인컨텐츠 */
    .mainCon-wrap{justify-content: flex-start;flex-direction: column;}
    .mainCon-wrap .main-tit h2{font-size: 1.5rem;}

    /* 메인컨텐츠 - 좌측영역 */
    .mainLeft{width: 100%;}
    .mainLeft>div{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}

    /* 메인컨텐츠 - 우측영역 */
    .mainRight{width: 100%;}

    .rightCon01 .main-notice{flex-direction: column;}
    .rightCon01 .main-notice .mainnotice-head{border-right: none;flex: 1;margin-right: 0;padding-right: 0;border-bottom: solid 1px #ddd;padding-bottom: 16px;margin-bottom: 16px;min-height: auto;}
    .mainnotice-head div{font-size: 20px;margin-bottom: 8px;}
    .mainnotice-head p{margin-bottom: 8px;}
    .mainnotice-head span{position: relative;bottom: 0;}

    .main-boardWrap li{border-bottom: solid 1px #ddd;padding-bottom: 16px;margin-bottom: 16px;}
    .main-boardWrap div{font-size: 18px;color: #222;margin-bottom: 8px;}

    .rightCon02{flex-direction: column;justify-content: normal;}
    .rightCon02 .main-news{width: 100%;}
    .rightCon02 .main-banner{width: 100%;justify-content: space-between;margin-top: 6px;}
    .rightCon02 .main-banner a{padding: 8px 0;margin: 4px 0;}
    .rightCon02 .main-banner a img{width: 50%;height: auto;}
}

@media screen and (max-width:575.98px) {
    /* 스마트폰 세로 */
}