@charset "utf-8";

html{font-family:"Paperlogy";}
.dv_wrap{width:1600px; margin: 0 auto;}
h3{font-size:4.5rem; font-family:"YeogiOttaeJalnan";}
h3 span{color:#095bcc;}
h4{font-size: 3.5rem; font-family:"YeogiOttaeJalnan"; position:relative;}
h4::after{content:"";display:block;background: url(../images/main/quot.png) no-repeat 100% / contain; width:3.8rem;height:2.8rem;position:absolute;top:0;}
a:hover{color:#111;}

@media screen and (max-width:1600px){
    .dv_wrap{width:calc(100% - 4rem);}
}
@media screen and (max-width:768px){
    h3{font-size:3.5rem;}
}

/* sec01 */
.main{position:relative;}
.sec01{position:relative; margin-bottom:10rem;}
.main::after{content:"";display:block;position:absolute;width:100%;height:108.8rem;background:#f2f3f9;background:linear-gradient(180deg, rgba(255, 255, 25, 0) 0%, rgba(242, 243, 249, 0.8) 30%, rgba(242, 243, 249, 0.8) 100%);top:0;z-index:-1;border-radius: 0 0 25rem 25rem;}
.sec01::before{content:"";display:block;position:absolute;width:100%;height:42.2rem;background: url(../images/main/gijang_bg.png) right bottom / auto no-repeat;left: 0;bottom: -20rem;z-index: -1;}
.sec01::after{content:"";display:block;position:absolute;width:100%;height:42.2rem;background: url(../images/main/sec01_bg.png) left top / auto no-repeat; left: 0;bottom: -20rem;z-index: 0;}
.sec01 .dv_wrap{display: flex; gap: 2.6rem;}
.slide_wrap{height: 62rem;width: calc(100% - 46.4rem);overflow:hidden;position:relative;border-radius:2.5rem 7rem 2.5rem 7rem;}
.slide_wrap .controll{position:absolute; left:6rem; bottom:6.5rem; z-index:2;}
.slide_wrap .controll .slide-btn{display:flex;font-size:0rem;align-items: center;color: #fff;}
.slide-prev, .slide-next{width:6rem; height:6rem; border: 1px solid #fff; border-radius:3rem; background-repeat:no-repeat; background-position: center;}
.slide-prev{ background-image:url(../images/main/btn_prev.png);}
.slide-next{transform:translate(-1.2rem, 0);  background-image:url(../images/main/btn_next.png);}
.slide-prev:hover{background:#fff url(../images/main/btn_prev_hover.png) no-repeat center;}
.slide-next:hover{background:#fff url(../images/main/btn_next_hover.png) no-repeat center;}
.slide-pagination{font-size:1.8rem;display:flex;align-items: center;gap: 2rem;margin: 0 1.6rem;}
.swiper-pagination-total{color:rgba(255, 255, 255, 0.4);}
.slide-progress{width:7.4rem; height:0.1rem;}
.slide-stop, .slide-start{width:1.4rem; height:1.5rem; background-repeat:no-repeat; background-size:contain;}
.slide-stop{background-image:url(../images/main/btn_stop.png);}
.slide-start{background-image:url(../images/main/btn_play.png);}
.swiper-slide{width: 100%;height: 100%;YeogiOttaeJalnanbackground-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.swiper-slide a{display: block;width: 100%;height: 100%;text-decoration: none;}
.swiper-slide img{display:block;}

.guide_wrap{width: 438px;color: #fff;margin-top: 4rem;padding: 7rem 5.8rem 11.6rem;border-radius: 7rem 2.5rem 7rem 2.5rem;background: #0347A5;background: linear-gradient(-42deg, rgba(3, 71, 165, 1) 0%, rgba(9, 91, 204, 1) 100%);position:relative;z-index: 1;}
.guide_wrap div:nth-child(2){padding-bottom:4rem; margin-bottom:4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.guide_wrap::before{content:"";display:block;position:absolute;background: url(../images/main/guide_bg.png) no-repeat center / cover;top:0;right:0;width: 19.3rem;height: 20.8rem;}
.guide_wrap::after{content:"";display:block;position:absolute;background: url(../images/main/mascot.png) no-repeat center / cover;width: 27.7rem;height:14.4rem;right: -2.7rem;bottom: -5.5rem;}
.guide_wrap h4{color:rgba(255, 255, 255, 0.66); margin-bottom: 4rem;}
.guide_wrap h4::after{left:6.5em;}
.guide_wrap h5{color:#f6ff00; font-size:2.5rem; font-weight:600; margin-bottom:3rem;}
.guide_wrap dl{font-size:1.6rem;display: flex;flex-wrap: wrap;gap: 1rem 0;}
.guide_wrap dl dt{width: 37%; padding-left:3rem;}
.guide_wrap dl dt.time{background:url(../images/main/time_run.png) no-repeat left top;font-weight: 500;}
.guide_wrap dl dt.rest{background:url(../images/main/time_rest.png) no-repeat left top;}
.guide_wrap dl dd{width: 63%;font-weight: 600;}

@media screen and (max-width:1200px){
    .main::after{height:150rem;}
    .sec01 .dv_wrap{flex-wrap:wrap;justify-content: center;}
    .sec01::before{display:none;}
    .sec01::after{display:none;}
    .slide_wrap{width:100%; max-width:1137px;}
    .guide_wrap{display:flex;width:100%;flex-wrap:wrap;justify-content: space-between;}
    .guide_wrap div{width: calc(50% - 2rem);}
    .guide_wrap div:nth-child(2){border-right: 1px solid rgba(255, 255, 255, 0.12);border-bottom:none;margin: 0 3rem 0 0;padding: 0 1rem 0 0;}
    .guide_wrap h4{width:100%;}
}
@media screen and (max-width:960px){
    .slide_wrap{height: 58rem;}
    .slide_wrap img{height: 100%;}
    .slide_wrap .v2-wrap{height:100%;}
    .slide_wrap .v2-Slide{height:100%;}
    .guide_wrap{padding: 5rem 4.5rem 10rem;}
}
@media screen and (max-width:680px){
    .slide_wrap{height: 46rem;}
    .guide_wrap div{width: calc(50% - 2rem);}
    .guide_wrap div:nth-child(2){margin: 0px 3rem 0 0;padding: 0 3rem 0 0;}
    .guide_wrap dl dt{width:100%; margin:1.5rem 0;}
    .guide_wrap dl dd{width:100%;}
}
@media screen and (max-width:480px){
    .slide_wrap{height: 31rem;}
    .guide_wrap div{width:100%;}
    .guide_wrap div:nth-child(2){margin: 0 0rem 3rem 0;padding: 0 0rem 3rem 0; border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.12)}
    .slide_wrap .controll{bottom:3rem;left: 3rem;}
    .slide-prev, .slide-next{width:4rem; height:4rem; border: 1px solid #fff;}
    .slide-next{transform:translate(-0.8rem, 0);}
    .slide-pagination{font-size:1.6rem;}
    .guide_wrap dl dt{width:13rem;margin: 0;}
    .guide_wrap dl dd{width: 20rem;}
}

/* sec02 */
.sec02{margin-bottom:14rem;}
.sec02 .dv_wrap{display: flex;}
.cul_tab{padding: 8rem 8rem 4.5rem;background:#0549c8;background:linear-gradient(-42deg, rgba(5, 73, 200, 1) 0%, rgba(0, 135, 108, 1) 100%);border-radius:5rem 10rem 5rem 5rem;color:#ffff;width:623px;margin-bottom:5.7rem;}
.cul_cont::after {content: "";display: block;position: absolute;background: url(../images/main/mascot02.png) no-repeat center / contain;left: -3rem;bottom: -5.5rem;width: 16.1rem;height: 17.1rem;}
.cul_tab h4{color:#fff;margin-bottom: 2rem;}
.cul_tab h4::after{left:9em;}
.cul_tab h4 span{color:#f6ff00;}
.cul_tab h5{font-size:2rem;}
.tab_wrap{margin-top: 3rem;}
.tab_wrap ul li:first-child{margin-bottom:1rem;}
.tab_wrap a{width: 100%;display: block;padding: 1.5rem 4.0rem;position:relative;z-index:3;}
.tab_wrap a.on, .tab_wrap a:hover{border-radius: 2.75rem 2.75rem 1rem 2.75rem;color:#f6ff00;background: #032351 url(../images/main/hashtag.png) no-repeat left 4rem center / auto;box-shadow: 5px 5px 0px 1px rgba(206, 206, 220, 0.41);padding: 1.5rem 6.5rem 1.5rem 6.5rem;font-weight: 700;}
.cul_cont{width: 1126px;padding:6rem 17.5rem 6rem 21.5rem;border:0.6rem solid #095bcc;border-radius:5rem 10rem 5rem 5rem;background:#fff;margin:8.7rem 0 0 -15.5rem;position:relative;}
.cul_cont .cont_wrap .tabcont{display:none;}
.cul_cont .cont_wrap .tabcont.active{display:block;}
.cont_wrap{text-align:center;}
.cont_wrap p{font-size:1.2rem; font-weight:700; text-transform:uppercase; color:#95a7bc; letter-spacing:0.5rem;}
.cont_wrap h3{color:#333;position:relative;display:inline-block;margin-bottom: 4rem;}
.cont_wrap h3::after{content:"";display:block;position:absolute;background: url(../images/main/ico_tit.png) no-repeat center / cover;width: 3.5rem;height: 4.4rem;top: -0.5rem;left: -5.6rem;}
.quick_wrap ul{display:flex;justify-content: space-between;gap: 3.4rem;}
.quick_wrap ul li{width: calc((100% - 10.2rem) / 4); border:3px solid transparent; border-radius:2rem; transition: all 0.3s}
.quick_wrap ul li a{display: block;width:100%;padding:7.7rem 0 2.8rem;border-radius:2rem;}
.quick_wrap ul li:hover{border:3px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(-32deg, #095bcc 0%, #00876c 100%);background-origin: border-box;background-clip: content-box, border-box; transform:translateY(-1rem); border-radius:4rem 4rem 1.5rem 4rem; }
.quick_wrap ul li:hover a{border-radius:4rem 4rem 1.5rem 4rem; }
.quick_wrap ul li:nth-child(1) a{background: #f9faff url(../images/main/ico_quick_01.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(2) a{background: #f9faff url(../images/main/ico_quick_03.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(3) a{background: #f9faff url(../images/main/ico_quick_02.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(4) a{background: #f9faff url(../images/main/ico_quick_04.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(1):hover a{background: #fff url(../images/main/ico_quick_01.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(2):hover a{background: #fff url(../images/main/ico_quick_03.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(3):hover a{background: #fff url(../images/main/ico_quick_02.png) no-repeat center 2.7rem / auto;}
.quick_wrap ul li:nth-child(4):hover a{background: #fff url(../images/main/ico_quick_04.png) no-repeat center 2.7rem / auto;}

@media screen and (max-width:1600px){
    .cul_tab{padding: 7rem 7rem 4.5rem;width: 60rem;}
    .cul_cont{padding:6rem 10rem 6rem 14rem; width:calc(100% - 60rem + 18rem); margin:8.7rem 0 0 -18.0rem;}
}
@media screen and (max-width:1400px){
    .cul_tab{padding: 7rem 15rem 4.5rem 5rem; width: 60rem;}
    .cul_cont{padding:6rem 6rem 6rem; width:calc(100% - 60rem + 20rem);  margin:8.7rem 0 0 -20.0rem;}
    .cul_cont::after{left:-10rem;}
}
@media screen and (max-width:1200px){
    .sec02 .dv_wrap{flex-wrap:wrap;}
    .cul_tab{width:100%;margin:0;padding: 6rem;}
    .tab_wrap a.on, .tab_wrap a:hover{background: #032351 url(../images/main/hashtag.png) no-repeat left 2rem center / auto;padding: 1.5rem 1.5rem 1.5rem 5.5rem;}
    .cul_cont{width:100%; margin:-3rem 0 0 0 ;}
    .quick_wrap ul{gap:2rem;}
    .quick_wrap ul li{width:calc(100% - 6rem / 4);}
    .cul_cont::after{left: 0rem;bottom: -11.5rem;z-index:3;}
    .cul_tab .tab{display:flex;}
    .cul_tab .tab li{width:50%;}
}
@media screen and (max-width:768px){
    .sec02 .dv_wrap{flex-wrap:wrap;}
    .cul_tab{width:100%;margin:0;padding: 6rem 4rem;}
    .cul_tab .tab{flex-wrap:wrap;}
    .cul_tab .tab li{width:100%;}
    .cul_cont{width:100%;margin:-3rem 0 0 0;padding: 6rem 3.5rem;}
    .quick_wrap ul{flex-wrap:wrap;}
    .quick_wrap ul li{width:calc(50% - 2rem / 2);}
    .cul_cont::after{width:12rem;}
    .cont_wrap h3::after{left:-4rem; display:none;}
}
@media screen and (max-width:480px){
    .cul_tab{padding: 4rem 3rem;}
    .cul_tab h4{font-size:3rem;}
    .cul_tab h4::after{width:3rem;}
    .cont_wrap h3::after{left:0rem;}
    .tab_wrap a{font-size:1.8rem;}
}

/* sec03 */
.sec03{margin-bottom:11rem; position:relative;}
.sec03::after{position:absolute;content:"";display:block;width:35.5rem;height:32.7rem;background: url(../images/main/sec03_tit_bg.png) no-repeat 100% / contain;top:-15rem;left:0; z-index: -1;}
.sec03 .news{display:flex;flex-wrap:wrap;gap: 5rem; position:relative;}
.sec03 .news .list{display:none;}
.sec03 .news .list.active{display:block;}
.sec03 .news .list ul{display:flex;gap: 2rem;}
.sec03 .tab_wrap{margin: 0 6rem 0 0rem;}
.sec03 .tab_wrap .list_tab{display:flex; gap:1rem;}
.sec03 .tab_wrap a.on, .sec03 .tab_wrap a:hover{background: #0a3771 url(../images/main/hashtag.png) no-repeat left 3rem center / auto; padding: 1.5rem 4rem 1.5rem 6rem;font-weight: 700;}
.sec03 .tab_wrap .list_tab a{font-size:2rem;}
.sec03 .tab_wrap .list_tab a:not(.on), .sec03 .tab_wrap .list_tab a:not:hover{font-size:2rem; border-radius:2.75rem; background:#f7f7f7;}
.sec03 .list_wrap{width:100%;}
.sec03 .list_wrap .list .more{position:absolute; top:0; right:0; width:5.5rem; height:5.5rem; background:#095bcc url(../images/main/btn_more.png) no-repeat center; border-radius:27.5rem; font-size:0;}
.sec03 .list_wrap .list .more:hover{transform:rotate(180deg);}
.sec03 .list_wrap .list ul li{width:calc(100% - 6rem / 4);border-radius:2.5rem;border:3px solid transparent;transition: all 0.3s;}
.sec03 .list_wrap .list ul li:hover{border:3px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(-32deg, #095bcc 0%, #00876c 100%);background-origin: border-box;background-clip: content-box, border-box; transform:translateY(-1rem);}
.sec03 .list_wrap .list ul li a{display:block; background:#fff; padding: 5rem; border-radius:2.5rem; border: 1px solid #bec1d1;}
.sec03 .list_wrap .list ul li:hover a{border:1px solid transparent;}
.sec03 .list_wrap .list ul li:hover p.tit{font-weight:700; color:#095bcc; text-decoration:underline;}
.list p.tit{font-size:2rem; line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;font-weight:500;height: 6.8rem;}
.list p.txt{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;font-size:1.6rem;color:#777;margin:3rem 0 4rem;padding-top:3rem;border-top:1px solid #bec1d1;height: 7.6rem;}
.list p.date{font-size:1.4rem; color:#a5a5a5; }
.list p.date em{position:relative; margin-left:1.5rem;}
.list p.date em::before{content:""; display:block; position:absolute; width:.5rem; height:.5rem; background:#d9deee; border-radius:0.25rem; top:50%; left:-1rem; transform:translateY(-50%);}
.list p.date em.JG{color:#409a21}
.list p.date em.IG{color:#255db2}

.no_list{width:100%;height:34.2rem;background:#eee;border-radius:2.5rem;display:flex;align-items: center;justify-content: center; color: #666;}
.no_list i{margin-right:1rem;}

@media screen and (max-width:1280px){
    .sec03 .tab_wrap{margin: 0 0rem 0 0;}
    .sec03 .news{justify-content:space-between;}
    .sec03 .list_wrap .list ul li a{padding:3rem;}
}
@media screen and (max-width:1024px){
    .sec03 .list_wrap .list ul{flex-wrap:wrap;}
    .sec03 .list_wrap .list ul li{width: calc(50% - 1rem);}
}
@media screen and (max-width:768px){
    .sec03 .news{flex-direction:column;}
    .sec03 .tab_wrap .list_tab{flex-direction: column;margin-bottom:2rem;}
    .tab_wrap ul li{margin-bottom:1rem; text-align:center;}
}
@media screen and (max-width:680px){
    .sec03 .news{gap: 0;}
    .sec03 .news h3{margin-bottom:2rem;}
    .sec03 .list_wrap .list ul li{width: 100%;}
    .sec03 .list_wrap .list .more{width:4.5rem; height:4.5rem;}
    .sec03 .tab_wrap{margin-right:0;width: 100%;}
    .sec03 .tab_wrap .list_tab{width:100%;justify-content: space-between;gap: 0;}
    .sec03 .tab_wrap a.on, .sec03 .tab_wrap a:hover{background: #0a3771;padding: 1rem 2rem 1rem 2rem;font-weight: 700;}
    .sec03 .list_wrap .list ul{gap:1rem;}
    .list p.tit{-webkit-line-clamp: 1;font-weight:500;height: 3rem;}
    .list p.txt{margin:2rem 0 2rem; padding-top:2rem;}
}
@media screen and (max-width:480px){
    .sec03 .tab_wrap .list_tab a{font-size:1.6rem; padding:1rem 2rem;}
}