/* main */
/* title_box */
.title_box { text-align: center; padding: 100px 20px;}
.title_box .p_desc1 { font-family: 'Paperlogy-8ExtraBold'; font-weight: 800; line-height: 1.3em; font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}
.title_box .p_desc2 { font-size: 46px; font-weight: 700; line-height: 1.3em;}

.main .title_box .p_desc1 { font-family: "Pretendard"; font-size: 30px; font-weight: 700;}
.main .title_box .p_desc2 { font-family: 'Paperlogy-8ExtraBold'; font-size: 60px;}
.main .title_box .p_desc2 span { display: inline-block; background: #17AEB7; background: linear-gradient(to right, #17AEB7 0%, #724596 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.swiper-button-next, .swiper-button-prev { color:#fff !important;}

.main .swiper { position:relative;}
.main .swiper .swiper-slide { box-sizing:border-box; display: flex; align-items: center; justify-content: center;}
.main .swiper .swiper-slide img { width: 100%;}

.plat_box { position: relative;}
.plat_box::before { z-index: 90; content: ""; position: absolute; width: 1920px; height: 510px; left: 50%; top: 0; transform: translate(-50%, 0); background: #F5EEFB; border-radius: 0 0 240px 240px;}
.plat_box::after { z-index: 90; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("/repository/images/main/bg_logo.svg") no-repeat center 50px ;}
.plat_box .title_box {position: relative; z-index: 100;}
.plat_box .title_box .p_desc1 { color: #724597;}
.plat_box .title_box .p_desc2 br { display: none; }
.plat_box .item_box { position: relative; display: flex; gap: 24px; z-index: 100;}
.plat_box .item_box .item { flex: 1; height: 320px; border-radius: 24px; padding: 50px 60px; box-sizing: border-box; color: #fff;}
.plat_box .item_box .item:nth-child(1) { background: #5289D9 url("/repository/images/main/icon_plat1_off.svg") no-repeat 85% 85%;}
.plat_box .item_box .item:nth-child(2) { background: #18AEB8 url("/repository/images/main/icon_plat2_off.svg") no-repeat 85% 85%;}
.plat_box .item_box .item:nth-child(3) { background: #9B60CC url("/repository/images/main/icon_plat3_off.svg") no-repeat 85% 85%;}
.plat_box .item_box .item:nth-child(4) { background: #1E4AA1 url("/repository/images/main/icon_plat4_off.svg") no-repeat 85% 85%;}
.plat_box .item_box .item h2 { width: 90%; display: inline-block; position: relative; font-size: 30px; line-height: 1.2em; font-weight: 700; margin-bottom: 15px;}
.plat_box .item_box .item h2::before { opacity: 1; position: absolute; right: -20px; top: 15px; content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: #fff;transition: all .3s ease;}
.plat_box .item_box .item h2::after { opacity: 0; position: absolute; right: -20px; top: 0; transform: translate(120%, 0); content: ""; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background-color: #000; content: "\EA6C"; font-family: "remixicon"; font-weight: 400; color: #fff; font-size: 24px; font-weight: 300;transition: all .3s ease;}
.plat_box .item_box .item p { font-size: 20px; line-height: 1.4em;}

.plat_box .item_box .item:hover { border-radius: 24px 24px 100px 24px; color: #000; box-shadow: 28px 28px 18px rgba(0,0,0,0.05);}
.plat_box .item_box .item:nth-child(1):hover {background: #fff url("/repository/images/main/icon_plat1_on.svg") no-repeat 80% 80%;}
.plat_box .item_box .item:nth-child(2):hover {background: #fff url("/repository/images/main/icon_plat2_on.svg") no-repeat 80% 80%;}
.plat_box .item_box .item:nth-child(3):hover {background: #fff url("/repository/images/main/icon_plat3_on.svg") no-repeat 80% 80%;}
.plat_box .item_box .item:nth-child(4):hover {background: #fff url("/repository/images/main/icon_plat4_on.svg") no-repeat 80% 80%;}
.plat_box .item_box .item:hover h2::before { opacity: 0; right: -30px;}
.plat_box .item_box .item:hover h2::after { opacity: 1; right: 0;}

.univ_box .title_box .p_desc1 { color: #18AEB8;}
.univ_box .tab_box { width: 80%; margin: 0 auto; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;}
.univ_box .tab_box a { background-color: #F4F4F4; height: 56px; display: flex; align-items: center; justify-content: center; text-align:center; padding: 0 40px; font-size: 19px; line-height: 1.2em; font-weight: 700; color: #8C8C8C; border: 2px solid #F4F4F4; border-radius: 40px;}
.univ_box .tab_box a:hover { color: #000;}
.univ_box .tab_box a.on { color: #000; background-color: #fff; border:2px solid #000}
.univ_box .item_box { box-sizing: border-box;  display: flex; gap: 24px; justify-content: center; margin: 80px 0 130px 0;}

.univ_box .item_box .item { border-radius: 24px; overflow: hidden; width: 400px;border: 1px solid #ddd; box-sizing: border-box}
.univ_box .item_box .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.univ_box .item_box .item .desc_box { position: relative; border-radius: 0 0 24px 24px; padding: 50px; box-sizing: border-box;}
.univ_box .item_box .item .desc_box .local { color: #fff; font-size: 18px; line-height: 1.2em; font-weight: 700; position: absolute; top: -18px; display: inline-flex; align-items: center; justify-content: center; height: 36px; min-width: 100px; padding: 0 20px; border-radius: 18px;}
.univ_box .item_box .item .desc_box .local.co1 { background-color: #18AEB8;}
.univ_box .item_box .item .desc_box .local.co2 { background-color: #724596;}
.univ_box .item_box .item .desc_box .local.co3 { background-color: #2F499C;}

.univ_box .item_box .item .desc_box .sort_box1 { display: flex; gap: 4px; flex-wrap: wrap;}
.univ_box .item_box .item .desc_box .sort_box1 span { line-height: 1em; padding: 4px 10px; border-radius: 4px; background-color: #EBEBEB; font-size: 14px; color: #1F3A82;}
.univ_box .item_box .item .desc_box h3 { font-size: 30px; line-height: 1.2em; font-weight: 800; color: #000; padding: 15px 0;}
.univ_box .item_box .item .desc_box .sort_box2 { display: flex; gap: 16px; align-items: center;}
.univ_box .item_box .item .desc_box .sort_box2 + .sort_box2 { margin-top: 12px;}
.univ_box .item_box .item .desc_box .sort_box2 i { flex-shrink: 0; font-size: 18px; width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.univ_box .item_box .item .desc_box .sort_box2 p { color: #666; font-size: 16px; line-height: 1.2em; display: flex; align-items: center; flex-wrap: wrap; gap:5px 30px;}
.univ_box .item_box .item .desc_box .sort_box2 p span { position: relative;}
.univ_box .item_box .item .desc_box .sort_box2 p span + span::before { position: absolute; top: 50%; left: 0; transform: translate(-15px, -50%); display: block; content: ""; width: 1px; height: 12px; background-color: #BABABA;}
.univ_box .item_box .item .desc_box .sort_box2.co1 i { color: #22418B; background-color: #D6DFF4;}
.univ_box .item_box .item .desc_box .sort_box2.co2 i { color: #BE7E53; background-color: #EFDFD4;}

/* comm_box */
.comm_box { background-color: #F6F8FF; padding-bottom: 130px;}
.comm_box .title_box .p_desc1 { color: #1F4AA1;}

.comm_box .notice_box { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;}
.comm_box .notice_box .item { border-radius: 24px; padding:40px 55px; background-color: #fff;}
.comm_box .notice_box .item:hover { box-shadow: 28px 28px 18px rgba(0,0,0,0.05);}
.comm_box .notice_box .item h3 { font-size: 24px; font-weight: 700; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 50px;}
.comm_box .notice_box .item .p_desc { display: flex; justify-content: space-between; align-items: center;}
.comm_box .notice_box .item .p_desc .date { font-size: 15px; font-weight: 500; color: #858585;}
.comm_box .notice_box .item .p_desc .more { font-size: 15px; font-weight: 800; color: #000; display: flex; align-items: center; gap: 20px; transition: all .3s ease;}
.comm_box .notice_box .item .p_desc .more i { font-weight: 400; font-size: 20px; transition: all .3s ease;}
.comm_box .notice_box .item:hover .p_desc .more { transform: translateX(10px);}

.comm_box .bottom_box { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.comm_box .bottom_box .item { border-radius: 24px; padding: 55px; display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}
.comm_box .bottom_box .item:hover { box-shadow: 28px 28px 18px rgba(0,0,0,0.05);}
.comm_box .bottom_box .item:first-child { background:url("/repository/images/main/comm_img1.jpg") no-repeat center / cover;}
.comm_box .bottom_box .item:last-child { background:url("/repository/images/main/comm_img2.jpg") no-repeat center / cover;}

.comm_box .bottom_box .item span { font-size: 20px; font-weight: 600; color: #fff;}
.comm_box .bottom_box .item h3 {font-size: 43px; font-weight: 700; color: #fff; line-height: 1.2em; position: relative; display: inline-block;}
.comm_box .bottom_box .item h3::after { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #fff; display: inline-block; content: ""; transition: all .3s ease;}
.comm_box .bottom_box .item:hover h3::after { width: 100%;}


@media all and (max-width:1460px) {
    .title_box { padding: 80px 20px;}
    .title_box .p_desc1 { margin-bottom: 10px;}
    .title_box .p_desc2 { font-size: 40px;}
    .main .title_box .p_desc2 { font-size: 50px;}
    .plat_box .item_box .item { padding: 40px 50px; height: 280px; }
    .plat_box .item_box .item:nth-child(1),
    .plat_box .item_box .item:nth-child(2),
    .plat_box .item_box .item:nth-child(3),
    .plat_box .item_box .item:nth-child(4) { background-size:60px auto;}
    .plat_box .item_box .item h2 { font-size: 28px;}
    .plat_box .item_box .item p { font-size: 18px;}
    .univ_box .tab_box { width: 94%;}
    .univ_box .tab_box a { padding: 0 25px;}
    .univ_box .item_box { width: 94%; margin: 60px auto 100px auto;}
    .univ_box .item_box .item img { width: 100%;}
    .univ_box .item_box .item .desc_box { padding: 40px;}
    .univ_box .item_box .item:nth-child(4) { display: none;}
    .comm_box { padding-bottom: 100px;}
    .comm_box .notice_box .item { padding: 30px 45px;}
    .comm_box .notice_box .item h3 { font-size: 20px; margin-bottom: 30px;}
    .comm_box .bottom_box .item { padding: 45px; gap: 30px}
    .comm_box .bottom_box .item h3 { font-size: 36px;}
}
@media all and (max-width:1260px) {
}
@media all and (max-width:1024px) {
    .title_box { padding: 60px 15px;}
    .title_box .p_desc1 { font-size: 18px;}
    .title_box .p_desc2 { font-size: 32px;}
    .main .title_box .p_desc1 { font-size: 24px;}
    .main .title_box .p_desc2 { font-size: 40px;}
    .plat_box .item_box { display: grid; grid-template-columns: repeat(2,1fr);}
    .plat_box .item_box .item { height: 200px;}
    .univ_box .tab_box a { font-size: 16px; height: 44px;}
    .univ_box .item_box { margin: 40px auto 70px auto;}
    .univ_box .item_box .item:nth-child(3) { display: none;}
    .comm_box .notice_box { grid-template-columns: 1fr 1fr;}
    .comm_box .notice_box .item:nth-child(3) { display: none;}
    .comm_box .bottom_box .item h3 { font-size: 28px;}
}
@media all and (max-width:600px) {
    .title_box { padding: 40px 20px;}
    .title_box .p_desc1 { font-size: 15px;}
    .title_box .p_desc2 { font-size: 22px;}
    .main { position: relative;}
    .main .title_box .p_desc1 { font-size: 18px;}
    .main .title_box .p_desc2 { font-size: 26px;}
    .main .swiper .swiper-slide { height:220px;}
    .main .swiper .swiper-slide img { position: absolute; left: 50%; bottom: 0;  width: auto; height: 220px; transform: translate(-50%, 0) !important;}
    .plat_box .title_box .p_desc2 br { display: block; }
    .plat_box .item_box { gap: 12px;}
    .plat_box .item_box .item { padding: 25px; border-radius: 12px;}
    .plat_box .item_box .item:nth-child(1),
    .plat_box .item_box .item:nth-child(2),
    .plat_box .item_box .item:nth-child(3),
    .plat_box .item_box .item:nth-child(4) { background-size:40px auto;}
    .plat_box .item_box .item h2 { font-size: 18px;}
    .plat_box .item_box .item p { font-size: 14px; line-height:1.2em;}
    .univ_box .tab_box a { font-size: 14px; height: auto; padding:10px 15px;}
    .univ_box .item_box { gap: 12px;}
    .univ_box .item_box .item { border-radius: 12px;}
    .univ_box .item_box .item:nth-child(2) { display: none;}
    .univ_box .item_box .item .desc_box { padding: pxpx;}
    .univ_box .item_box .item .desc_box h3 { font-size: 20px;}
    .comm_box { padding-bottom:60px;}
    .comm_box .notice_box { grid-template-columns: 1fr;}
    .comm_box .notice_box .item { padding: 25px; border-radius: 12px;}
    .comm_box .notice_box .item:nth-child(2) { display: none;}
    .comm_box .notice_box .item h3 { font-size:18px;}
    .comm_box .bottom_box { grid-template-columns: 1fr; gap: 12px}
    .comm_box .bottom_box .item { border-radius: 16px; padding: 35px; gap: 20px;}
    .comm_box .bottom_box .item span { font-size: 16px;}
    .comm_box .bottom_box .item h3 { font-size: 22px;}
}