@charset "utf-8";


main{padding-top: 161px;}
main .main-hgroup{display: flex;gap:10px;align-items: center;}
main .main-hgroup h2{font-size: 40px;font-weight: bold;letter-spacing: -0.8px;color: #000;}
main .main-hgroup span{display: inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #787878;}
main .main-hgroup span strong{font-weight: bold;}
main .layout{max-width:1400px;}
main section{position: relative;}
main .section01{padding-top: 40px;}
main .section01 .layout{display: flex;gap:40px;}
main .section01 .cont1{width:calc(100% - 559px);}
main .section01 .cont1 .slide-box{position: relative;}
main .section01 .cont1 .slide-box .swiper-slide{position: relative;height:440px;}
main .section01 .cont1 .slide-box .swiper-slide a{display: block;overflow: hidden;border-radius: 5px;height:100%;}
main .section01 .cont1 .slide-box .swiper-slide img{display: block;width:100%;height: 100%;object-fit: cover;}
main .section01 .cont1 .slide-box .control-box{position: absolute;left:0;bottom:35px;z-index: 1;display: flex;align-items:center;justify-content:center;gap:10px;width:100%;}
main .section01 .cont1 .slide-box .control-box .swiper-pagination{position:relative;top:initial;left:initial;right:initial;bottom:initial;width:auto;display: flex;gap:10px;}
main .section01 .cont1 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet{display:block;width:14px;height:14px;opacity: 0.3;border-radius: 100%;background: #fff;margin:0;}
main .section01 .cont1 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
main .section01 .cont1 .slide-box .swiper {border-radius: 10px }


main .section01 .cont1 .slide-box .control-box .btn-group{display: flex;gap:5px;}
main .section01 .cont1 .slide-box .control-box .btn-group .swiper-button-stop{display:none;width:10px;height:12px;background: url(/_public/images2/icon/target_stop.svg) no-repeat;background-size: cover;cursor: pointer;}
main .section01 .cont1 .slide-box .control-box .btn-group .swiper-button-stop.on{display: inline-block;}
main .section01 .cont1 .slide-box .control-box .btn-group .swiper-button-play{display:none;width:14px;height:14px;background: url(/_public/images2/icon/target_play.svg) no-repeat;background-size: cover;cursor: pointer;}
main .section01 .cont1 .slide-box .control-box .btn-group .swiper-button-play.on{display: inline-block;}
main .section01 .cont2{width:519px;display:flex;gap:41px;justify-content:space-between;}
main .section01 .cont2 .box1{width:380px;}
main .section01 .cont2 .box1 .title-box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
main .section01 .cont2 .box1 .title-box h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #163182;}
main .section01 .cont2 .box1 .title-box a{display: inline-block;}
main .section01 .cont2 .box1 .title-box a img{display:block;}
main .section01 .cont2 .box1 .sec01-news{position:relative;border-radius: 10px;background: #f2f5ff url(/_public/images2/main/sec01_icon01.png) right bottom no-repeat;padding:30px 30px 70px;}
main .section01 .cont2 .box1 .sec01-news .swiper-slide{}
main .section01 .cont2 .box1 .sec01-news .swiper-slide a{display: block;}
main .section01 .cont2 .box1 .sec01-news .swiper-slide h4{font-size: 20px;font-weight: 600;line-height: 1.5;letter-spacing: -0.4px;color: #202020;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: auto-phrase;height:60px;}
main .section01 .cont2 .box1 .sec01-news .swiper-slide span{display: block;margin-top:15px;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #71818f;}
main .section01 .cont2 .box1 .sec01-news .swiper-pagination{position: relative;margin:30px 0 0 0;top:initial;left: initial;right:initial;bottom:initial;display: flex;justify-content: center;gap:10px;}
main .section01 .cont2 .box1 .sec01-news .swiper-pagination .swiper-pagination-bullet{display:block;width:14px;height:14px;opacity: 0.3;border-radius: 100%;background: #163182;margin:0;}
main .section01 .cont2 .box1 .sec01-news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; }
main .section01 .cont2 .box1 .sec01-dwn{margin-top:30px;padding:30px;border-radius: 10px;border: solid 2px #d7dae6;}
main .section01 .cont2 .box1 .sec01-dwn{position:relative;margin-top:30px;padding:32px 140px 30px 30px;border-radius: 10px;border: solid 2px #d7dae6;}
main .section01 .cont2 .box1 .sec01-dwn p{font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.32px;color: #787878;word-break: auto-phrase;}
main .section01 .cont2 .box1 .sec01-dwn a{position: absolute;right: 30px;top: 33px;display: flex;align-items: center;justify-content: center;flex-direction: column;width:95px;height:95px;border-radius: 20px;background-color: #022b54;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;text-align: center;color: #fff;}
main .section01 .cont2 .box2{position:relative;overflow:hidden;width:94px;height:100%;border-radius: 10px;border: solid 1px #163182;background-color: #fff;}
main .section01 .cont2 .box2 h4{display: flex;align-items: center;justify-content: center;height:70px;text-align: center;background: #163182;font-size: 12px;font-weight: 500;letter-spacing: -0.24px;color: #fff;}
main .section01 .cont2 .box2 ul{padding:0 10px;}
main .section01 .cont2 .box2 ul li{position: relative;}
main .section01 .cont2 .box2 ul li:after{content: "";position: absolute;left:50%;transform: translateX(-50%);bottom:0;width:60px;height:1px;background: #ccc;}
main .section01 .cont2 .box2 ul li + li{}
main .section01 .cont2 .box2 ul li a{display: block;text-align: center;padding:30px 0; font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #202020;}
main .section01 .cont2 .box2 i{position: absolute;left:0;bottom:0;width:100%;display: block;}
main .section01 .cont2 .box2 i img{display: block;width:100%;}

main .section02{margin-top:100px;padding:90px 0 133px;background: url(/_public/images2/main/sec02_bg.png) no-repeat;background-size: cover;}
main .section02:before{content: "BusanㆍUlsanㆍGyeongnam";position: absolute;bottom:0;left:0;width:100%;text-align:center;opacity: 0.1;font-size: 110px;font-weight: bold;line-height:1;letter-spacing: -1.54px;color: #fff;}
main .section02 .main-hgroup h2{color:#fff;}
main .section02 .main-hgroup span{color:#fff;margin-left: 20px;}
main .section02 .slide-box{position: relative;margin-top:40px;}
main .section02 .slide-box .swiper-wrapper{padding-top: 10px;}
main .section02 .slide-box .swiper-slide{}
main .section02 .slide-box .swiper-slide a{position: relative;top:0;transition: all 0.3s;display: block;padding:30px;border-radius: 10px;background-color: #fff;}
main .section02 .slide-box .swiper-slide a:after{content: "";position: absolute;top:30px;right:30px;display:block;width:21px;height:21px;background: url(/_public/images2/icon/ico_plus4.svg) no-repeat;background-size: cover;transition: all 0.3s;}
main .section02 .slide-box .swiper-slide .date{display: block;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #163182;}
main .section02 .slide-box .swiper-slide h3{margin-top:5px; font-size: 24px;font-weight: bold;line-height: 1.33;letter-spacing: -0.48px;color: #202020;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: auto-phrase;height:64px;}
main .section02 .slide-box .swiper-slide p{margin-top:15px;font-size: 17px;font-weight: bold;letter-spacing: -0.34px;color: #787878;}
main .section02 .slide-box .swiper-slide em{margin-top:15px;display: inline-block;line-height: 28px;border-radius: 5px;padding:0 10px;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;}
main .section02 .slide-box .swiper-slide em.case1{background: #dff6d9;color: #309837;}
main .section02 .slide-box .swiper-slide em.case2{background: #f1e2ff;color: #7f35c5;}
main .section02 .slide-box .swiper-slide em.case3{background: #e8e8e8;color: #787878;}
main .section02 .slide-box .swiper-slide em.case4{background: #EEF2FF;color: #163182;}
main .section02 .slide-box .swiper-slide:hover a{top:-10px;}
main .section02 .slide-box .swiper-slide:hover a:after{background: url(/_public/images2/icon/ico_plus5.svg) no-repeat;background-size: cover;}
main .section02 .slide-box .swiper-pagination{position:relative;top:initial;left:initial;right:initial;bottom:initial;margin-top:20px;width:100%;display: flex;justify-content:center;gap:10px;}
main .section02 .slide-box .swiper-pagination .swiper-pagination-bullet{display:block;width:14px;height:14px;opacity: 0.3;border-radius: 100%;background: #fff;margin:0;}
main .section02 .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
main .section02 .btn-box{display: flex;justify-content: center;margin-top:30px;}
main .section02 .btn-box a{display: flex;align-items: center;justify-content: center;width:128px;height:50px; border-radius: 25px;border: solid 1px #fff; font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #fff;}

main .section03{padding:110px 0;}
main .section03 .box{display: flex;gap:40px;}
main .section03 .box > div{position: relative;flex: 1;max-width: 50%;}
main .section03 .box > div .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
main .section03 .box > div .top a{display: flex;align-items: center;justify-content:center;width:128px;height:50px; border-radius: 25px;border: solid 1px #163182;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #163182;}
main .section03 .box > div .cont{}
main .section03 .box > div .cont ul{}
main .section03 .box > div .cont ul li{padding:20px 0;display: flex;align-items: center;border-bottom: 1px solid #ccc;gap:35px;}

main .section03 .box > div .cont ul li a{width:calc(100% - 113px);font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #202020;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
main .section03 .box > div .cont ul li span{display: inline-block;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #999;}
main .section03 .box > div .cont ul li:hover a{text-decoration: underline;}
main .section03 .box > div .cont .link-box{overflow:hidden;border-radius:10px;padding:50px 60px;background: url(/_public/images2/main/sec03_bg.png) 100% 50% no-repeat;background-size: cover;}
main .section03 .box > div .cont .link-box span{display: block;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #163182;}
main .section03 .box > div .cont .link-box h3{margin-top:5px;font-size: 28px;font-weight: normal;line-height: 1.43;letter-spacing: -0.56px;color: #000;}
main .section03 .box > div .cont .link-box a{display: flex;align-items: center;justify-content: center;margin-top:15px;width:185px;height:49px;border-radius: 24.5px;background-color: #163182; font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}

main .section04{padding:90px 0;background:#fefbef;}
main .section04 .main-hgroup span{font-weight: 600;}
main .section04 .top{display: flex;align-items: center;justify-content: space-between;}
main .section04 .top a{display: flex;align-items: center;justify-content:center;width:128px;height: 50px; border-radius: 25px;border: solid 1px #f60;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #f60;}
main .section04 .slide-box{margin-top:25px;}
main .section04 .slide-box .swiper-slide{}
main .section04 .slide-box .swiper-slide a{padding:20px;display: block;border-radius: 10px;border: solid 1px #ece3bc;background-color: #fff;}
main .section04 .slide-box .swiper-slide a .img{overflow: hidden;border-radius: 10px;}
main .section04 .slide-box .swiper-slide a .img img{display: block;width:100%;}
main .section04 .slide-box .swiper-slide a h3{margin-top:15px;font-size: 17px;font-weight: 600;line-height: 1.47;letter-spacing: -0.34px;color: #202020;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: auto-phrase;height:50px;}
main .section04 .slide-box .swiper-slide a span{display: block;margin-top:15px; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #aaa;}
main .section04 .slide-box .swiper-pagination{position:relative;top:initial;left:initial;right:initial;bottom:initial;margin-top:20px;width:100%;display: flex;justify-content:center;gap:10px;}
main .section04 .slide-box .swiper-pagination .swiper-pagination-bullet{display:block;width:14px;height:14px;opacity: 0.3;border-radius: 100%;background: #ff6600;margin:0;}
main .section04 .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}


@media all and (max-width:1760px) {

}


@media all and (max-width:1600px) {

}


@media all and (max-width:1400px) {
    main .section01{padding:40px 20px 0;}
    main .section02{padding:90px 20px 130px;}
    main .section02:before{font-size:90px;}
    main .section03{padding:110px 20px;}
    main .section04{padding:90px 20px;}
}


@media all and (max-width:1280px) {
    main .main-hgroup h2{font-size:36px;}
    main .section01 .layout{gap:20px;}
    main .section01 .cont1{width: calc(100% - 510px);}
    main .section01 .cont1 .slide-box .swiper-slide{height:425px;}
    main .section01 .cont1 .slide-box .control-box{bottom:20px;}
    main .section01 .cont1 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}
    main .section01 .cont2{gap:20px;width:490px;}
    main .section01 .cont2 .box1 .title-box h3{font-size: 22px;}
    main .section01 .cont2 .box1 .title-box a{width:20px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-slide h4{font-size:18px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}
    main .section01 .cont2 .box1 .sec01-dwn{margin-top:20px;}
    main .section01 .cont2 .box2 ul li a{padding:25px 0;}

    main .section02:before{font-size:70px;}
    main .section02 .slide-box .swiper-slide h3{font-size:22px;height:59px;}
    main .section02 .slide-box .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}

    main .section03 .box > div .top{margin-bottom: 25px;}
    main .section03 .box{gap:30px;}
    main .section03 .box > div .cont ul li{padding:16px 0;gap:30px;}
    main .section03 .box > div .cont .link-box{padding:40px 50px;}
    main .section03 .box > div .cont .link-box span{font-size:16px;}
    main .section03 .box > div .cont .link-box h3{font-size:24px;}

    main .section04 .slide-box .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}
}


@media all and (max-width:1024px) {
    main{padding-top:111px;}
    main .main-hgroup{flex-direction: column;align-items: flex-start;}
    main .main-hgroup h2{font-size:32px;}
    main .main-hgroup span{font-size:16px;}
    main .section01 .cont1{width:calc(100% - 400px);}
    main .section01 .cont1 .slide-box .control-box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}
    main .section01 .cont2 .box2{display: none;}
    main .section01 .cont2 .box1 .sec01-news{padding:20px;}
    main .section01 .cont2 .box1 .title-box h3{font-size:20px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-slide h4{font-size:16px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-slide span{margin-top:10px;font-size:14px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-pagination{gap:5px;}
    main .section01 .cont2 .box1 .sec01-news .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}
    main .section01 .cont2 .box1 .sec01-dwn{padding:20px;}
    main .section01 .cont2 .box1 .sec01-dwn a{position: relative;top:0;right:initial;margin-top:10px;width:100%;height:45px;border-radius: 23px;flex-direction: row;font-size:15px;gap:5px}
    main .section01 .cont2 .box1 .sec01-dwn a i{position: relative;top:3px;}
    main .section01 .cont2 .box1 .sec01-dwn p{font-size:14px;}

    main .section02{margin-top:60px;padding:50px 20px 150px;}
    main .section02:before{font-size: 60px;}
    main .section02 .main-hgroup{padding-right: 20px;}
    main .section02 .main-hgroup span{margin: 0;}
    main .section02 .slide-box{margin-top:30px;}
    main .section02 .slide-box .swiper-slide a{padding:20px;}
    main .section02 .slide-box .swiper-slide h3{font-size:20px;height:54px;}
    main .section02 .slide-box .swiper-slide p{font-size:16px;margin-top:20px;}
    main .section02 .slide-box .swiper-pagination{gap:5px;}
    main .section02 .slide-box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}
    main .section02 .btn-box a{width:255px;height: 45px;font-size: 16px;}

    main .section03{padding:60px 20px;}
    main .section03 .box{flex-direction: column;gap:60px;}
    main .section03 .box > div{max-width:100%;}
    main .section03 .box > div .top{margin-bottom: 15px;}
    main .section03 .box > div .cont .link-box{padding: 30px 40px;}
    main .section03 .box > div .cont .link-box h3{font-size: 20px;}
    main .section03 .box > div .cont .link-box a{height:40px;}
    main .section03 .box > div .cont ul li a{font-size: 16px;}

    main .section04{padding:50px 20px 60px;}
    main .section04 .top a{height:45px;}
    main .section04 .slide-box .swiper-pagination{gap:5px;}
    main .section04 .slide-box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}
}



@media all and (max-width:768px) {
    main .main-hgroup h2{font-size:28px;}
    main .section01{padding:30px 20px 0;}
    main .section01 .layout{flex-direction: column;}
    main .section01 .cont1{width:100%;}
    main .section01 .cont1 .slide-box .swiper-slide{height:auto;}
    main .section01 .cont1 .slide-box .control-box{bottom:15px;}
    main .section01 .cont2{width:100%;}
    main .section01 .cont2 .box1{width:100%;display: flex;gap:20px;}
    main .section01 .cont2 .box1 > div{flex:1;max-width:50%;}
    main .section01 .cont2 .box1 .sec01-dwn{margin-top:0;}

    main .section02{padding:50px 0 150px 20px;}
    main .section02:before{font-size: 58px;word-break: auto-phrase;}
    main .section02 .main-hgroup{padding-right: 20px;}
    main .section02 .slide-box .swiper-slide{width:335px;}

    main .section03 .box > div{position: relative;}
    main .section03 .box > div:first-child{padding-bottom: 70px;}
    main .section03 .box > div .top a{position: absolute;bottom:0;left:50%;transform:translateX(-50%);width:255px;height:45px;}
    main .section03 .box > div .cont ul li{position:relative;padding: 15px 0 15px;gap:20px;}
    main .section03 .box > div .cont ul li em{position: absolute;top:15px;left:0;}
    main .section03 .box > div .cont ul li a{width: calc(100% - 102px);}
    main .section03 .box > div .cont .link-box{padding:20px;}
    main .section03 .box > div .cont .link-box a{width:100%;}

    main .section04 .layout{padding-bottom: 75px;}
    main .section04 .top a{position: absolute;left:50%;transform: translateX(-50%);bottom:0;width:225px;}
    main .section04 .slide-box .swiper-slide a{border-radius: 10px;}
    main .section04 .slide-box .swiper-slide a h3{font-size:16px;height:46px;}
    main .section04 .slide-box .swiper-pagination{margin-top:25px;}
}



@media all and (max-width:460px) {
    main .main-hgroup h2{font-size:26px;}
    main .section01 .cont2 .box1{flex-direction: column;}
    main .section01 .cont2 .box1 > div{max-width: 100%;}

    main .section02:before{font-size:50px;}
}