@charset "utf-8";
/* CSS Document */


/* 메인 컨텐츠 */
.img_main_contents {width: 100%; height: calc(100vh - 320px); position: relative;}

@media all and (max-width:1000px){
    .img_main_contents {height: auto;}
}


/* 슬라이드 */
.slide_main_box {width: 100%; height: 100%;}
.slide_main_box .slide_main_ul {width: 100%; height: 100%;}
.slide_main_box .slide_main_ul > li {width: 100%; height: calc(100vh - 320px);}
.slide_main_box .slide_main_ul > li .img_box {width: 100%; height: 100%;}
.slide_main_box .slide_main_ul > li .img_box .img_s {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.slide_main_box .slide_main_ul > li .txt_box {position: absolute; top: 30%; left: calc(50% - 600px); width: 570px; z-index: 10;}
.slide_main_box .slide_main_ul > li .txt_box h2 {font-family: 'InkLipquid'; color: #fff; font-size: 60px; font-weight: 400; line-height: 1.1; margin-bottom: 15px;}
.slide_main_box .slide_main_ul > li .txt_box h3 {font-size: 20px; font-weight: 400; color: #fff;}

/* 버튼 */
.main_slide_btn_box {padding-left: 50px; margin-top: 250px; display: flex; align-items: center;}
.main_slide_btn_box .btn_maSl {color: #fff; font-size: 16px;}

.main_slide_btn_box .nav {margin-right: 10px;}
.main_slide_btn_box .nav .swiper-pagination-bullet {width: 14px; height: 14px; background-color: #b9b9b9; opacity: 1; margin-left: 38px; position:relative; transition: all .25s ease;}
.main_slide_btn_box .nav .swiper-pagination-bullet::before {content: ""; width: 6px; height: 6px; background-color: #b9b9b9; border-radius: 50%; position: absolute; left: -20px; top: 30%;}
.main_slide_btn_box .nav .swiper-pagination-bullet:first-of-type {margin-left: 0;}
.main_slide_btn_box .nav .swiper-pagination-bullet:first-of-type::before {width: 0; height: 0;}
.main_slide_btn_box .nav .swiper-pagination-bullet-active {background-color: #ffee8a;}

@media all and (max-width:1300px){
    .main_slide_btn_box {padding-left: 0; margin-top: 250px;}
    .slide_main_box .slide_main_ul > li .txt_box {left: 10px; width: 400px;}
    .slide_main_box .slide_main_ul > li .txt_box h2 {font-size: 50px; margin-bottom: 5px; word-spacing: -10px; letter-spacing: -0.07em;}
    .slide_main_box .slide_main_ul > li .txt_box h3 {font-size: 16px;}
}

@media all and (max-width:1000px){
    /* 슬라이드 */
    .slide_main_box {}
    .slide_main_box .slide_main_ul {}
    .slide_main_box .slide_main_ul > li {width: 100%; height: auto; min-height: 100vh; padding: 400px 0 650px;}
    .slide_main_box .slide_main_ul > li .img_box {position: absolute; left: 0; top: 0; z-index: 5;}
    .slide_main_box .slide_main_ul > li .txt_box {position: absolute; top: 30px; left: 0; width: 100%; padding: 20px;}
    .slide_main_box .slide_main_ul > li .txt_box h2 {font-size: 30px; margin-bottom: 10px; letter-spacing: 0; word-spacing: 0;}
    .slide_main_box .slide_main_ul > li .txt_box h2 br {display: none;}
    .slide_main_box .slide_main_ul > li .txt_box h3 {font-size: 15px;}
    .slide_main_box .slide_main_ul > li .txt_box h3 br {display: none;}

    /* 버튼 */
    .main_slide_btn_box {padding-left: 10px; margin-top: 200px; z-index: 10;}
    .main_slide_btn_box .btn_maSl {color: #fff; font-size: 16px;}

    .main_slide_btn_box .nav {margin-right: 10px;}
    .main_slide_btn_box .nav .swiper-pagination-bullet {width: 14px; height: 14px; background-color: #b9b9b9; opacity: 1; margin-left: 38px; position:relative; transition: all .25s ease;}
    .main_slide_btn_box .nav .swiper-pagination-bullet::before {content: ""; width: 6px; height: 6px; background-color: #b9b9b9; border-radius: 50%; position: absolute; left: -20px; top: 30%;}
    .main_slide_btn_box .nav .swiper-pagination-bullet:first-of-type {margin-left: 0;}
    .main_slide_btn_box .nav .swiper-pagination-bullet:first-of-type::before {width: 0; height: 0;}
    .main_slide_btn_box .nav .swiper-pagination-bullet-active {background-color: #ffee8a;}

}






/* 메인 컨텐츠 */
.main_con_w {width: 1300px; height: 100%; position: absolute; left: calc(50% - 650px); top: 0; z-index: 11; display: flex; align-items: center;}

.main_con_w .main_info_b {margin-left: auto; width: 590px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_con_w .main_info_b .one {width: 49.3%; background-color: #fff; margin-bottom: 7px; min-height: 222px; border-radius: 10px; padding:28px 23px;}
.main_con_w .main_info_b .one h2 {text-align: center; margin-bottom: 19px; font-size: 20px; font-weight: 400; line-height: 1;}

/* 시설안내 */
.main_con_w .main_info_b .one.facility {background-color: #00b3ba;}
.main_con_w .main_info_b .one.facility h2 {color: #fff;}
.ma_ul_facility {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} 
.ma_ul_facility > li {width: 49%; margin-top: 5px;} 
.ma_ul_facility > li:nth-child(1) {margin-top: 0;} 
.ma_ul_facility > li:nth-child(2) {margin-top: 0;} 
.ma_ul_facility > li > a {display: block; background-color: rgba(255,255,255,0.4); color: #fff; text-align: center; padding: 7px 3px; font-size: 15px; transition: all .25s ease; min-height: 38px;}
.ma_ul_facility > li > a:hover,
.ma_ul_facility > li > a:focus {background-color: #006d7d; border: 1px solid #0a494b;}

/* 공지사항 */
.main_con_w .main_info_b .one.notice {}
.main_top_notice {display: flex; align-items: center; margin-bottom: 20px;}
.main_top_notice h2 {margin-right: auto; width: auto; margin-bottom: 0 !important; color: #004554;}
.main_top_notice .btn_ham_01 {font-size: 22px; color: #004554; line-height: 1; margin-top: -3px;}
.main_notice_ul {width: 100%;}
.main_notice_ul > li {border-bottom: 1px solid #ddd;}
.main_notice_ul > li:last-child {border-bottom: none;}
.main_notice_ul > li > a {display: block; padding: 10px 5px; font-size: 14px; color: #666; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_notice_ul > li > a:hover,
.main_notice_ul > li > a:focus {text-decoration: underline;}
.main_notice_ul > li > a:focus {text-decoration: underline;}

/* 생활관 선발지침 */
.main_con_w .main_info_b .one.dormitory {background-color: #ffee8a;}
.main_con_w .main_info_b .one.dormitory h2 {color: #004554;}
.ma_ul_lifeInfo {width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
.ma_ul_lifeInfo > li {text-align: center; width: 32%;}
.ma_ul_lifeInfo > li > a {display:block; width: 100%;}
.ma_ul_lifeInfo > li > a .icon_b {margin-bottom: 10px;}
.ma_ul_lifeInfo > li > a .txt_b {font-size: 15px; font-weight: 400; color: #004554; word-break: keep-all;}
.ma_ul_lifeInfo > li > a:hover .txt_b,
.ma_ul_lifeInfo > li > a:focus .txt_b {text-decoration: underline;}

/* 모집안내 */
.main_con_w .main_info_b .one.recruit {background-color: #313062;}
.main_con_w .main_info_b .one.recruit h2 {color: #fff;}
.ma_ul_recruit {width: 100%;}
.ma_ul_recruit > li {margin-top: 5px;}
.ma_ul_recruit > li:first-child {margin-top: 0;}
.ma_ul_recruit > li > a {display: block; text-align: center; font-size: 15px; font-weight: 300; color: #fff; border: 1px solid #fff; padding: 8px 5px; transition: all .25s ease;}
.ma_ul_recruit > li > a:hover,
.ma_ul_recruit > li > a:focus {background-color: #fff; color: #313062; font-weight: 500;}



@media all and (max-width:1300px){
    .main_con_w {width: 100%; left: 0; padding: 0 10px;}
    .main_con_w .main_info_b {width: 500px;}
}


@media all and (max-width:1000px){
    /* 메인 컨텐츠 */
    .main_con_w {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 11; display: block;}

    .main_con_w .main_info_b {margin-left: 0; width: 100%; margin-top: 20px;}
    .main_con_w .main_info_b .one {width: 100%; margin-bottom: 7px; min-height: auto; padding:20px 20px;}
    .main_con_w .main_info_b .one h2 {margin-bottom: 15px; font-size: 17px;}

    /* 시설안내 */
    .ma_ul_facility > li > a {padding: 5px 3px; font-size: 14px; min-height: auto;}

    /* 공지사항 */
    .main_top_notice {margin-bottom: 10px;}
    .main_top_notice h2 {}
    .main_top_notice .btn_ham_01 {font-size: 18px;}
    .main_notice_ul > li > a {padding: 8px 5px; font-size: 13px;}

    /* 생활관 선발지침 */
    .ma_ul_lifeInfo {margin-top: 20px;}
    .ma_ul_lifeInfo > li > a .txt_b {font-size: 14px;}

    /* 모집안내 */
    .ma_ul_recruit > li > a {font-size: 14px;}

}