@charset "utf-8";


body {line-height: 1.5; overflow: hidden;}
.wrap{max-width: 144rem;}
#container{padding-bottom: 0;}

@keyframes fadeUp{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10rem, 0);
        transform: translate3d(0, 10rem, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeUp{opacity: 0;}
.fp-completely .fadeUp{animation-name: fadeUp;animation-duration: 0.7s;animation-play-state: running;animation-fill-mode: forwards;}
[data-aos]{opacity: 1;}
[data-aos=fade-up] {transform: translate3d(0, 0, 0); opacity:1;}

.main_content .section .con_tit{font-size: 5.6rem; color: #fff; line-height: 130%; text-align: center;}
.fp-overflow{overflow-y: visible !important; display: flex; align-items: center; height: 100%;}

/* main_con1 */
@keyframes bganimation{
    0% {transform:scale(1.05)}
    100% {transform:scale(1)}
}
.main_con1{position: relative;}
.main_con1 .wrap{position: relative;  overflow: visible;}
.main_con1 .visual_slider{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.main_con1 .visual_slider .swiper-slide{height: 100%; height: 100%;}
.main_con1 .visual_slider .swiper-slide::before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.05);}
.main_con1 .visual_slider .bg1::before{background: url(../images/main/bg_sec01_01.png) no-repeat center / cover;}
.main_con1 .visual_slider .bg2::before{background: url(../images/main/bg_sec01_02.png) no-repeat center / cover;}
.main_con1 .visual_slider .swiper-slide.bganimation::before{animation: bganimation 5s;}
.main_con1 .wrap{position: relative;z-index: 99;height: 58rem;}
.main_con1 .con_tit{font-size: 5.6rem !important; color: #fff; font-weight: 700; text-transform: uppercase; line-height: normal; text-align: left !important; transition: padding 0.4s; padding-top: 22.5rem; overflow: hidden; transition-delay: 0.2s; height: 22rem;}
.main_con1 .con_tit + p{font-size: 3.2rem; color: #fff; font-weight: 500; margin-top: 2rem; height: 4.64rem; padding-top: 4.63rem; overflow: hidden; transition: padding 0.4s;  transition-delay: 0.4s;}
.main_con1.fp-completely .con_tit,
.main_con1.fp-completely .con_tit + p{padding-top: 0;}

.main_con1 .utils{margin-top: 5.3rem;animation-delay: 0.4s;margin-bottom: 2rem;}
.main_con1 .utils .btns {display: flex; gap: .8rem; align-items: center;}
.main_con1 .utils .btn_visual_prev {width: 2.4rem; height: 2.4rem; background: url(../images/icon/i_arrow_left.svg) no-repeat center;}
.main_con1 .utils .btn_visual_next {width: 2.4rem; height: 2.4rem; background: url(../images/icon/i_arrow_right.svg) no-repeat center;}
.main_con1 .utils .btn_control{display: inline-block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/i_pause.svg) no-repeat center;}
.visual_pagination{display: inline-block; width: auto !important;}
.main_con1 .utils .btn_control.play{background: url(../images/icon/ico_play.svg) no-repeat center; background-size: 90%;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {color: #fff; font-size: 1.7rem;}
.pagination_fraction{display:flex; align-items:center; gap:.8rem; color:#fff; font-weight:400; width: inherit;}
.pagination_fraction .gauge{position:relative; width:3.4rem; height:.1rem; background:rgba(255,255,255,.3); border-radius:2px; overflow:hidden;}
.pagination_fraction .gauge .bar{position:absolute; left:0; top:0; height:100%; background:#fff; width:0%; transition: width 0.1s linear;}

.main_con1 .guide_box{width: 51.2rem;border-radius: 2rem;background: #fff;padding: 3.2rem; position: absolute;right: 0;top: 0;animation-delay: 0.4s; height: 58rem;}

.main_con1 .guide_box .tit_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.4rem;}
.main_con1 .guide_box .tit_wrap strong{font-size: 3.2rem; color: #000; display: block; line-height: 1.2;}
.main_con1 .guide_box .tab .tab_menu {gap: 1.2rem;}
.main_con1 .guide_box .tab li {min-width: 11rem; height: 4rem; background: #F5F5F5; border-radius: 5rem; overflow: hidden; font-weight: 500; color: #2C2C2C;}
.main_con1 .guide_box .tab li button.on {background: #1F3AAE; color: #fff; font-weight: 700;}
.main_con1 .guide_box .guide {display: flex; flex-direction: column; gap: 1.6rem;}
.main_con1 .guide_box .guide li {width: 100%; height: 12.7rem; border: .1rem solid #DBDBDB; border-radius: 1.6rem;}
.main_con1 .guide_box .guide li a {width: 100%; height: 100%; padding: 1.85rem 2.4rem; display: flex; align-items: center; gap: 1.6rem;}
.main_con1 .guide_box .guide li a .thumb_img {width: 9rem; height: 9rem; background: #ccc; border-radius: .8rem; overflow: hidden;}
.main_con1 .guide_box .guide li a .thumb_img img {width: 100%; height: 100%; object-fit: cover;}
.main_con1 .guide_box .no_data{width: 100%;height: 12.7rem;border: .1rem solid #DBDBDB;border-radius: 1.6rem;padding: 1.85rem 2.4rem;display: flex;align-items: center;font-size:1.6rem;min-height: 0 !important;justify-content: center;}

.main_con1 .guide_box .guide li a .thumb_cont {width: calc(100% - 10.6rem);}
.main_con1 .guide_box .guide li a .thumb_cont .d_day {font-size: 1.5rem; color: #fff; font-weight: 700; background: #0072F9; padding: .3rem 1.05rem; border-radius: 5rem;}
.main_con1 .guide_box .guide li a .thumb_cont .d_end {font-size: 1.5rem; color: #fff; font-weight: 700; background: #77808B; padding: .3rem 1.05rem; border-radius: 5rem;}
.main_con1 .guide_box .guide li a .thumb_cont .cont {font-size: 1.9rem; font-weight: 700; color: #000; line-height: 1.5; margin: .8rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.main_con1 .guide_box .guide li a .thumb_cont .period {font-size: 1.7rem; color: #757575; font-weight: 400; position: relative; padding-left: 2.4rem;}
.main_con1 .guide_box .guide li a .thumb_cont .period::before {content: ''; display: block; width: 2rem; height: 2rem; background: url(../images/icon/ico_calendar.svg) no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont {width: 100%;}
.main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .thumb_tit {font-size: 1.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}
.main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .cont {font-size: 1.7rem; font-weight: 400; margin-top: .4rem; margin-bottom: .8rem; text-indent: 0;}
.main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .writer {font-size: 1.7rem;}
.main_con1 .guide_box .guide_util {display: flex; align-items: center; margin-top: 1.6rem; justify-content: center; gap: 1.6rem;}
.main_con1 .guide_box .guide_util .btn_guide_prev,
.main_con1 .guide_box .guide_util .btn_guide_next {width: 3.2rem; height: 3.2rem;}
.main_con1 .guide_box .guide_util .btn_guide_prev {background: url(../images/icon/i_arrow_left_gray.svg) no-repeat center;}
.main_con1 .guide_box .guide_util .btn_guide_next {background: url(../images/icon/i_arrow_right_gray.svg) no-repeat center;}
.main_con1 .guide_box .swiper-slide {min-height: 41.3rem;}
.main_con1 .guide_box .swiper-pagination {gap: 1rem; display: flex; align-items: center; justify-content: center; position: inherit; width: auto;}
.main_con1 .guide_box .swiper-pagination-bullet {margin: 0; transition: all .4s ease; transform-origin: center; background: #A6B4CC; opacity: 1;}
.main_con1 .guide_box .swiper-pagination-bullet-active {width: 4rem; border-radius: 5rem; background: #192E8B;}

/* main_con2 */
.main_con2 {background: url("../images/main/bg_sec02_01.png") left top no-repeat, url("../images/main/bg_sec02_02.svg") left calc(100% - 4rem) no-repeat; background-color: #fff;}
.main_con2 .flexbox{display: flex;justify-content: space-between;margin-bottom: 2.3rem;}
.main_con2 .sm_con_tit{text-align: left !important; color: #193EC4 !important;}
.main_con2 .con_tit{color: #000 !important; text-align: left !important; font-size: 4.8rem !important; margin-bottom: 2.4rem;}
.main_con2 .right{display: flex;align-items: flex-end;gap: 0 1.2rem;margin-right: 6.8rem;animation-delay: 0.4s;}
.main_con2 .right button,
.main_con2 .btn_more{display: inline-block; width: 5.6rem; height: 5.6rem; border-radius: 100rem; border: 1px solid #313131; background-color: #fff; transition: all 0.1s; animation-delay: 0.2s;}
.main_con2 .right .btn_recent_prev{background:#fff url(../images/icon/i_arrow_left_bk.svg) no-repeat center;}
.main_con2 .right .btn_recent_next{background:#fff url(../images/icon/i_arrow_right_bk.svg) no-repeat center;}
.main_con2 .right button:hover{background-color: #f1f1f1;}
.main_con2 .btn_more:hover{background-color: #d4d4d4;}
.main_con2:has(.tab_cont.on .no_data) .btn_recent_prev,
.main_con2:has(.tab_cont.on .no_data) .btn_recent_next{display: none;}

.main_con2 .tab_menu{display: flex;background: #F3F5FF; border-radius: 7rem; padding: .8rem;}
.main_con2 .tab_menu li button{line-height: 1.3; font-size: 2.4rem; color: #242841; font-weight: 600; border-radius: 100rem; background: transparent; padding: 1.042rem 2.2rem; min-width: 27rem;}
.main_con2 .tab_menu li button.on{background-color: #1F3AAE; color: #fff !important;}
.main_con2 .tab_menu li button:hover{color: #1F3AAE;}
.main_con2 .tab{position: relative;}
.main_con2 .btn_more{position: absolute;right: 0;top: -6.4rem;background: #E3E3E3 url(../images/icon/ico_more.svg) no-repeat center;border-color: #E2E2E2;}

.main_con2 .tab_contWrap{animation-delay: 0.4s;}
.main_con2 .recent_slider{ width: calc(100dvw - (100dvw - 160rem) / 2); overflow: hidden; padding: 1.6rem; margin: -1.6rem;}
.main_con2 .recent_slider .swiper-slide{width: 42.2rem; background: #fff; border-radius: 2rem; box-shadow: 0 5px 15px 0 rgba(11, 23, 59, 0.1);}
.main_con2 .recent_slider .swiper-slide a{display: block; padding: 3.2rem;}
.main_con2 .recent_slider .no_data{height: 36.2rem; font-size:1.6rem; display: flex; align-items: center; justify-content: center;}
.main_con2 .txt_area .cate{font-size: 1.7rem; color: #fff; font-weight: 700; display: inline-block; margin-bottom: 2.4rem; border-radius: .4rem; padding: .725rem 1.6rem;}
.main_con2 .txt_area .cate.nt {background: #2892E9;}
.main_con2 .txt_area .cate.mv {background: #14B5C0;}
.main_con2 .txt_area strong{font-size:2.4rem; font-weight:500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 2rem; height: 7.2rem; word-break: normal;}
.main_con2 .txt_area pre {font-size: 1.7rem; font-weight: 400; color: #2F2F2F; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 4rem; height: 7.65rem; word-wrap: break-word;}
.main_con2 .txt_area .date{font-size: 1.7rem; color: #2F2F2F; line-height: 1.5;}
.main_con2 .recent_slider .swiper-slide a:hover .img_area img{transform: scale(1.1);}
.main_con2 .recent_slider .swiper-slide a:hover strong{text-decoration: underline;}
.main_con2 .recent_slider .swiper-pagination {display: none;}
body.fp-viewing-2 .main_con2 .fadeUp,
.main_con2.noanimation .fadeUp{ opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important;}
.main_con2 [data-aos]{opacity: 1;}
.main_con2 [data-aos].fadeUp{opacity: 0;}
.main_con2 [data-aos=fade-up] {transform: translate3d(0, 0, 0); opacity:1;}
.fp-watermark{display: none;}

/* pc 작은화면 */
@media all and (max-width:1600px){
    #fp-nav{left: 2rem;}
    .main_con1 .con_tit{font-size: 6rem !important;}
}
@media all and (max-width:1400px){
    .main_con2 .org_list ul li .txt_area{padding-left: 2rem; padding-right: 2rem;}
    .main_con2 .org_list ul li .txt_area strong{font-size: 2.8rem;}
}
@media all and (max-width:1280px){
    .main_content .section{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100dvh;  padding-top: 0;}
}
@media all and (max-height:700px){
    .main_content .section{min-height: 75rem;}
    .main_content .main_con1{min-height: 70rem; padding-top: 10rem;}
    .main_content .main_con3{overflow: hidden;}
}

/** 반응형 **/
@media screen and (max-width: 1024px) {
    .fadeUp{opacity: 1;}
    [data-aos]{opacity: 0;}
    [data-aos=fade-up] {transform: translate3d(0, 100px, 0);}
    #container{padding-bottom: 0;}

    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */
    .main_content .section{height: auto; min-height: 0; padding: 5.2rem 0;}
    .main_content .section .sm_con_tit{font-size: 1.7rem; margin-bottom: 1rem;}
    .main_content .section .con_tit{font-size: 3.2rem !important;}

    .main_content .main_con1{min-height: 0;padding-bottom: 0;position: relative;padding-top: 11.2rem;}
    .main_con1 .wrap{display: block; position: static; height: auto;}
    .main_con1 .con_tit{font-size: 2.8rem !important; font-weight: 600; height: auto; padding-top: 0;}
    .main_con1 .con_tit + p{font-size: 2rem; height: auto; padding-top: 0; margin-top: 1.2rem;}
    .main_con1 .intro_box{width: 100%; padding: 1.6rem; display: flex; align-items: center; justify-content: space-between; margin-top: 2.4rem; position: static;}
    .main_con1 .intro_box .img_area{display: none;}
    .main_con1 .intro_box p{display: none;}
    .main_con1 .intro_box strong{font-size: 2rem; margin: 0;}
    .main_con1 .intro_box .btn_more{padding: 0.8rem 1.2rem;}
    .main_con1 .utils{width: calc(100% - 3.6rem); margin-top: 2.4rem;}
    .visual_pagination{width: calc(100% - 2.4rem) !important; display: flex; gap: 0 0.6rem;}
    .pagination_fraction {font-size: 1.5rem;}
    .main_con1 .visual_pagination .swiper-pagination-bullet{flex: 1; width: auto; margin: 0; height: 0.3rem;}
    .main_con1 .utils button {width: 2rem !important; height: 2rem !important; background-size: 2rem !important;}
    .main_con1 .visual_slider {height: 64rem;}
    .main_con1 .visual_slider .bg1::before{background: url(../images/main/bg_sec01_01_mo.png) no-repeat center / cover;}
    .main_con1 .visual_slider .bg2::before{background: url(../images/main/bg_sec01_02_mo.png) no-repeat center / cover;}
    .main_con1 .visual_slider .bg3::before{background: url(../images/main/bg_sec01_03_mo.png) no-repeat center / cover;}
    .main_con1 .visual_slider .bg4::before{background: url(../images/main/bg_sec01_04_mo.png) no-repeat center / cover;}
    .main_con1 .visual_slider .bg5::before{background: url(../images/main/bg_sec01_05_mo.png) no-repeat center / cover;}

    .main_con1 .guide_box {width: 100%;height: auto;border-radius: 0;padding: 0;position: static;margin-top: 39rem;}
    .main_con1 .guide_box .tit_wrap {display: block; margin-bottom: 1.6rem;}
    .main_con1 .guide_box .tit_wrap strong {text-align: center; margin-bottom: 2.4rem;}
    .main_con1 .guide_box .tab .tab_menu {gap: .8rem;}
    .main_con1 .guide_box .tab .tab_menu li {min-width: calc((100% - (.8rem / 1)) / 2);}
    .main_con1 .guide_box .guide {gap: 1.2rem;}
    .main_con1 .guide_box .guide li {height: 14.5rem;}
    .main_con1 .guide_box .guide li a {padding: 1.6rem 2.4rem;}
    .main_con1 .guide_box .guide li a .thumb_img {width: 8rem; height: 8rem; border-radius: .7rem;}
    .main_con1 .guide_box .guide li a .thumb_cont {width: calc(100% - 9.6rem);}
    .main_con1 .guide_box .guide li a .thumb_cont .d_day,
    .main_con1 .guide_box .guide li a .thumb_cont .d_end {font-size: 1.3rem; padding: .35rem .9rem;}
    .main_con1 .guide_box .guide li a .thumb_cont .cont {font-size: 1.7rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit;}
    .main_con1 .guide_box .guide li a .thumb_cont .period {font-size: 1.5rem; padding-left: 2rem;}
    .main_con1 .guide_box .guide li a .thumb_cont .period::before {width: 1.6rem; height: 1.6rem; background-size: 1.6rem;}
    .main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .thumb_tit {font-size: 1.7rem;}
    .main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .cont {font-size: 1.5rem; min-height: 4.5rem;}
    .main_con1 .guide_box .guide li a:not(:has(.thumb_img)) .thumb_cont .writer {font-size: 1.5rem;}
    .main_con1 .guide_box .guide_util {margin-top: 2.4rem;}
    .main_con1 .guide_box .swiper-slide{min-height: 0;}
    .main_con1 .guide_box .no_data{height: 14.3rem;}


    .main_con2 {margin-top: 0;background: url("../images/main/bg_sec02_02.svg") left bottom no-repeat;background-size: 100%;padding-bottom: 15.5rem !important;}
    .main_con2 .left {width: 100%;}
    .main_con2 .right {position: absolute;top: .4rem;right: 0;gap: 0 .6rem;margin-right: 0;}
    .main_con2 .tab_menu {padding: .2rem;}
    .main_con2 .tab_menu li {width: 100%;}
    .main_con2 .tab_menu li button {min-width: 100%; font-size: 1.7rem; padding: .7rem;}
    .main_con2 .right button, .main_con2 .btn_more {width: 3.2rem; height: 3.2rem; background-size: 1.83rem !important;}
    .main_con2 .btn_more {top: -11.2rem;}
    .main_con2:has(.tab_cont.on .btn_more) .right{right:4rem}

    .main_con2 .recent_slider .swiper-slide a {padding: 2.4rem;}
    .main_con2 .recent_slider .swiper-pagination {display: block; position: inherit; width: calc(100vw - 3.2rem); margin-top: 3.2rem; height: .6rem; border-radius: 5rem; overflow: hidden; background: #F8F8F8;}
    .main_con2 .recent_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius: 5rem; height: .6rem; background: #1F3AAE;}
    .main_con2 .txt_area .cate {font-size: 1.5rem; padding: .45rem 1.2rem; margin-bottom: 1.6rem;}
    .main_con2 .txt_area strong {font-size: 1.9rem; margin-bottom: .8rem; height: 5.7rem;}
    .main_con2 .txt_area pre {font-size: 1.5rem; margin-bottom: 3.45rem; height: 6.75rem;}
    .main_con2 .txt_area .date {font-size: 1.5rem;}
    .main_con2 .recent_slider .no_data{height: 28.5rem; width:100%; margin-right:0 !important;}

    .main_con2:has(.tab_cont.on .swiper-slide:first-child:last-child) .swiper-pagination{display: none;}


    .section [data-aos^=fade][data-aos^=fade].aos-animate{opacity: 1;}
    .section [data-aos=fade-up] {transform: translate3d(0, 100px, 0); opacity:0;}
}
@media screen and (max-width: 767px) {
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */

}
@media screen and (max-width: 480px) {
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    .main_con2 .recent_slider {width: calc(100% + 3.2rem); padding-right: 3.2rem; margin-right: -3.2rem;}
    .main_con2 .recent_slider .swiper-slide{width: calc(100% + 1.6rem);}

}