/* common */
#main_pg{font-family: 'Pretendard';}
/* .m_section .cont{padding: 49px 0 47px;} */

/* popup */
.main-popup{position: fixed;display: inline-block; top: 110px;left: 50px;z-index: 9999;}
.main-popup .content{position: relative;}
.main-popup .btn-wr{display: flex;align-items: center;justify-content: space-between;background-color: #00a7d4;padding: 12px 15px;border-top: 1px solid #eee;}
.main-popup .btn-wr button.btn{font-family: 'Pretendard';font-size: 13px;padding: 2px 8px;color: #fff;font-weight: 500;font-weight: 600; line-height: 1.2;border: 0;background-color: transparent;}
.main-popup .btn-wr button.btn01{display: flex;align-items: center;}
.main-popup .btn-wr button.btn01 label{margin-left:7px;}
.main-popup .btn-wr button.btn.btn02.close{background-color: #fff;color: #444;border: 1px solid #aaa;border-radius: 5px;padding: 5px 20px;}
.main-popup a.link{position: absolute;width: 238px;height: 27px;left: 27px;}
.main-popup a.link01{bottom: 221px;}
.main-popup a.link02{bottom: 180px;}
.main-popup a.link03{bottom: 138px;}
.main-popup .check input[type="checkbox"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #fff;
    vertical-align: middle;
    border-radius: 100%;
}
.main-popup  .check input[type="checkbox"]::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
    line-height: 1;
    color: #eee;
    font-size: 0.8rem;
    font-weight: bold;
}
.main-popup .check input[type="checkbox"]:checked {background-color: transparent;border: 1px solid #fff;color: #fff;}
.main-popup .check input[type="checkbox"]:checked::before {border-radius: 4px;transform: scale(1) translate(-50%, -50%)}

/*  */
@media (max-width: 1080px) {
    .main-popup .content img.popup-img{width: 465px;}
    .main-popup a.link{width: 212px;height: 24px;left: 25px;}
    .main-popup a.link01{bottom: 203px;}
    .main-popup a.link02{bottom: 166px;}
    .main-popup a.link03{bottom: 129px;}
}
@media (max-width: 750px) {
    .main-popup .content img.popup-img{width: 440px;}
    .main-popup .btn-wr{padding: 8px 12px;}
    .main-popup a.link{width: 203px;left: 24px;}
    .main-popup a.link01{bottom: 186px;}
    .main-popup a.link02{bottom: 152px;}
    .main-popup a.link03{bottom: 117px;}
}
@media (max-width: 640px) {
    .main-popup{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);}
}
@media (max-width: 480px) {
    .main-popup .content img.popup-img{width: 375px;}
    .main-popup a.link{width: 172px;height: 20px; left: 19px;}
    .main-popup a.link01{bottom: 164px;}
    .main-popup a.link02{bottom: 136px;}
    .main-popup a.link03{bottom: 105px;}
}

@media (max-width: 400px) {
    .main-popup .content img.popup-img{width: 342px;}
    .main-popup a.link{width: 155px;}
    .main-popup a.link01{bottom: 154px;}
    .main-popup a.link02{bottom: 126px;}
    .main-popup a.link03{bottom: 100px;}
    .main-popup .check input[type="checkbox"]{width: 14px;height: 14px;}
    .main-popup .btn-wr button.btn.btn02.close{padding: 3px 16px;}
}

@media (max-width: 360px) {
    .main-popup .content img.popup-img{width: 320px;}
    .main-popup a.link{width: 146px;left: 17px;}
    .main-popup a.link01{bottom: 142px;}
    .main-popup a.link02{bottom: 117px;}
    .main-popup a.link03{bottom: 91px;}
}

/* main */
main{background: url('../images/main/main_bg.jpg') no-repeat center;background-size: cover;width: 100%;height: 100%;transition: height .6s;}
.main_wrap{padding: 84px 0 34px;}
.main_wrap .bigMap{position: relative;}
.main_wrap .m_title{font-weight: bold;padding-bottom: 39px;}
.main_wrap .m_title h2{font-size: 30px;}
.main_wrap .m_title h2 span{font-weight: normal;}
.main_wrap .m_cont .tit h4{font-size: 28px;font-weight: bold;line-height: 33px;}
.main_wrap .m_cont p{font-size: 15px;font-weight: 500;line-height: 19px;margin-top: 3px;text-align: right;}
.main_wrap .m_cont p span{font-weight: bold;color: #526EF5;}
.main_wrap .m_cont .m_infoBox{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 23px; padding-bottom: 37px;}
.main_wrap .m_cont .m_infoBox .m_slide{width: 65%;position: relative;}
.main_wrap .m_cont .m_infoBox .m_slide .mySwiper{border-radius: 5px 18px 18px 18px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-slide{box-shadow: 2px 2px 20px #B5CAFF;border-radius: 5px 18px 18px 18px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-slide-active, .main_wrap .m_cont .m_infoBox .m_slide .swiper-pointer-events{border-radius: 5px 18px 18px 18px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-slide-prev, .main_wrap .m_cont .m_infoBox .m_slide .swiper-slide-next{border-radius: 5px 18px 18px 18px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont{padding: 37px 44px 27px;background-color: #fff;border: 1px solid #DCEBFF;border-radius: 5px 18px 18px 18px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont h4 span{font-weight: normal;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 91px;font-weight: bold; line-height: 132px;color: #526EF5;text-align: center;padding-bottom: 31px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num02{color: #09C165;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo{display: flex;align-items: center;justify-content: space-between;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li{font-size: 23px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li.name{color: #303030;font-weight: normal;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li.num_img{font-weight: bold;display: flex;line-height: 33px;font-family: 'Noto Sans KR', sans-serif;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li img{margin-left: 21px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next::after, .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev::after {display: none;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next{right: -19px;}
.main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev{left: -19px;}
.m_slide .swiper-button-prev.swiper-button-disabled, .m_slide .swiper-button-next.swiper-button-disabled {line-height: 64rem;-webkit-transition: all .5s, transform .5s;transition: all .5s, transform .5s;will-change: transform;z-index: 50;}
.m_slide .swiper-button-prev.swiper-button-disabled, .m_slide .swiper-button-next.swiper-button-disabled{opacity: .35;cursor: auto;}

.main_wrap .m_cont .m_infoBox .fix_info .tit{margin-bottom: 12px;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid{border: 0 !important;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid-header th.k-header{background-color: #D3DEEE;font-weight: 500;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid-header th.k-header{font-size: 18px;color: #223A4A;border: 0;height: 56px;text-align: center;vertical-align: middle;padding: 0;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td{height: 75px;font-size: 25px;text-align: center;vertical-align: middle;font-weight: bold;border: 0;padding: 0;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid tr:nth-child(1) td{border-bottom:1px solid #E0E9F9;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-tit{font-size: 16px;color: #474747;font-weight: bold;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-cont01{color: #6A6A6A;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-cont02{color: #526EF5;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-cont03{color: #526EF5;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-cont04{color: #F21744;}
.main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-cont05{color: #6A6A6A;}

.main_wrap .m_cont .m_infoBox .fix_info{width: 100%; background-color: #fff;border-radius: 5px 18px 18px 18px;border: 1px solid #DCEBFF;padding: 37px 22px 25px;box-shadow: 2px 2px 20px #B5CAFF;}
.main_wrap .m_cont .m_infoBox .fix_info img{width: 100%;height: 200px;}
.main_wrap .m_cont .m_infoBox .fix_info #main_chart{padding-top: 12px;}
.main_wrap .m_cont .m_infoBox .fix_info #main_chart text{font-family: 'Pretendard' !important;}
.main_wrap .m_cont .m_notice{background-color: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 22px;border: 1px solid #DCEBFF;}
.main_wrap .m_cont .m_notice > div{padding: 27px 30px;display: flex;align-items: center;height: 100%;}
.main_wrap .m_cont .m_notice .notice-wrap{display: flex;align-items: center;}
.main_wrap .m_cont .m_notice .n_tit{font-size: 22px;font-weight: bold;margin-right: 25px;}
.main_wrap .m_cont .m_notice .info_txt ul{display: flex;align-items: center;justify-content: space-between;}
.main_wrap .m_cont .m_notice .info_txt ul li{margin-right: 32px;}
.main_wrap .m_cont .m_notice .info_txt ul li.tit{font-size: 16px;display: flex;align-items: center ; line-height: 19px;font-weight: 500;}
.main_wrap .m_cont .m_notice .info_txt ul li.tit img{margin-right: 8px;}
.main_wrap .m_cont .m_notice .info_txt ul li.date{font-size: 15px;display: flex;line-height: 18px;}
.main_wrap .m_cont .m_notice .info_txt ul li.date img{margin-left: 21px;}
.main_wrap .m_cont .m_notice .info_txt a.tit{width: 75%; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow:hidden;}
/* .main_wrap .m_cont .m_notice .info_txt a.tit{width: 75%; font-size: 16px; display: flex; align-items: center;} */
.main_wrap .m_cont .m_notice .btn_wrap{display: flex;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn{position: relative;width: 196px;height: 54px;padding: 0 15px; cursor: pointer; background-color: #F5F5F5;box-shadow: 0px 3px 6px #00000029;border-radius: 22px;margin-right: 37px;transition: all 1s;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:hover{background-color: #526EF5;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:after{position: absolute;content: '';background: url('../images/main/notice_star.png') no-repeat center;width: 33px;height: 33px;top: 0;left: 0;transform: translate(-50%,35%);}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:last-child{margin-right: 0;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn a{display: flex; align-items: center;justify-content: space-between; }
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:hover a{color: #fff;}

.main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt{margin-right: 10px;margin: auto;margin-top: 12px;transform: translateX(10px); transition: all .5s;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:hover .txt{transform: translateX(-10px);}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn02 .txt{margin-right: 25px;transform: translateX(18px);}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn02:hover .txt{transform: translateX(2px);}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt span{font-size: 12px;font-weight: 500;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt h5{font-size: 16px;line-height: 19px;margin-top: 2px;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn .btn_img{margin-top: 9px;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn .btn_img img{opacity: 0;}
.main_wrap .m_cont .m_notice .btn_wrap .more_btn:hover .btn_img img{opacity: 1;}

/* section02 */
.m_section02 .cont{padding: 74px 0 61px;}
.m_section02 .cont .title{padding-bottom: 39px;}
.m_section02 .cont .title p{font-size: 21px;font-weight: 500;line-height: 25px;}
.m_section02 .cont .title p span{font-weight: bold;}
.m_section02 .cont .title h2{font-size: 35px;font-weight: bold;padding: 7px 0 31px;}
.m_section02 .cont .title p{font-size: 21px;}
.m_section02 .cont .cont_flex{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 26px;}
.m_section02 .cont .cont_flex .cont_box{background: linear-gradient(213deg, #00afcb 0%, #2443d9 100%) 0% 0% no-repeat padding-box; box-shadow: 2px 2px 20px #2B486D33;border: 1px solid #D7E6EF;border-radius: 18px;transition: all .8s;}
.m_section02 .cont .cont_flex .cont_box:hover{background:linear-gradient(213deg, #4761DE 0%, #4761DE 100%);transform: translateY(-16px);}
.m_section02 .cont .cont_flex .cont_box div.hover-box{padding: 22px 23px 34px;}
.m_section02 .cont .cont_flex .cont_box .top_img{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;}
.m_section02 .cont .cont_flex .cont_box .imgbox{background-color: #fff;border-radius: 19px;padding: 19px 0;border: 2px solid #E6E6E6;}
.m_section02 .cont .cont_flex .cont_box .imgbox img{margin: auto;}
.m_section02 .cont .cont_flex .cont_box .imgbox p{font-size: 20px;text-align: center;color: #333333;padding-top: 15px;font-weight: bold;}
.m_section02 .cont .cont_flex .cont_box .imgbox:nth-child(1) p{padding-top: 22px;}
.m_section02 .cont .cont_flex .cont_box .txt_box{text-align: center;padding-top: 32px;}
.m_section02 .cont .cont_flex .cont_box .txt_box h4{font-size: 28px;color: #e7f1ff;line-height: 33px;}
.m_section02 .cont .cont_flex .cont_box .txt_box h4 a{display: flex;align-items: center;justify-content: center;}
.m_section02 .cont .cont_flex .cont_box:hover .txt_box h4 a{color: #fff;}
.m_section02 .cont .cont_flex .cont_box02 .txt_box h4{color: #B9FFD8;}
.m_section02 .cont .cont_flex .cont_box .txt_box h4 img{margin-left: 23px;}
.m_section02 .cont .cont_flex .cont_box .txt_box h4 img.hoverIcon{display: none;}
.m_section02 .cont .cont_flex .cont_box:hover .txt_box h4 img.basicIcon{display: none;}
.m_section02 .cont .cont_flex .cont_box:hover .txt_box h4 img.hoverIcon{display: inline-block;}
.m_section02 .cont .cont_flex .cont_box .txt_box p{font-size: 18px;color: #DFDFDF;line-height: 23px;padding-top: 17px;}
.m_section02 .cont .cont_flex .cont_box:hover .txt_box p{color: #fff;}



/* section03 */
.m_section03{background-color: #F5F8FF;}
.m_section03 .cont{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 23px;padding: 55px 0 59px;}
.m_section03 .cont .cont_box{background-color: #fff;border: 1px solid #DCEBFF;border-radius: 18px;box-shadow: 2px 2px 20px #2B486D33;transition: all .6s;}
.m_section03 .cont .cont_box:hover{background-color: #4761DE;transform: translateY(-16px);}
.m_section03 .cont .cont_box:hover .name .top-box{background-color: #fff;}
.m_section03 .cont .cont_box:hover .name h5{color: #fff;}
.m_section03 .cont .cont_box:hover .name p{color: #fff;}
.m_section03 .cont .cont_box:last-child{margin-right: 0;}
.m_section03 .cont .cont_box > div{padding: 47px 27px 27px;}
.m_section03 .cont .cont_box .name .top-box{font-size: 16px;font-weight: 500; line-height: 23px; font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.4px;width: 185px;height: 30px;background-color: #EFEFEF;border-radius: 0px 16px 16px 16px;padding: 3px 20px;transition: all .6s;}
.m_section03 .cont .cont_box .name .top-box span.point{font-weight: 600;}
.m_section03 .cont .cont_box:hover .name span{border-radius: 16px;}
.m_section03 .cont .cont_box .name h5{font-size: 30px;font-weight: bold;padding: 25px 0 35px;color: #037e40;}
.m_section03 .cont .cont_box02 .name h5{color: #4761DE;}
.m_section03 .cont .cont_box .name p{font-size: 16px;line-height: 22px;}
.m_section03 .cont .cont_box img{padding-top:62px;width: 100%;}



/* section04 */
.m_section04 .cont{display: flex;width: 100%;padding: 73px 0 83px; align-items: flex-end;}
.m_section04 .cont .user_cont{margin-right: 41px;width: 65%;}
.m_section04 .cont .user_cont .title h4{font-size: 32px;font-weight: bold;}
.m_section04 .cont .user_cont .title p{font-size: 20px;color: #333333;padding-top: 21px;}
.m_section04 .cont .user_cont .title p span{font-weight: bold;}
.m_section04 .cont .user_cont .user_info{padding-top: 83px;}
.m_section04 .cont .user_cont .user_info p{font-size: 16px;color: #333333;padding-bottom: 22px;}
.m_section04 .cont .user_cont .user_info p span{color: #0D6FBA;font-weight: bold;}
.m_section04 .cont .contents_flex{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 21px;}
.m_section04 .cont .contents_flex .content{cursor: pointer; position: relative;font-weight: 500; border: 1px solid #DCEBFF;background-color: #fff;border-radius: 18px;padding: 23px 22px 0;box-shadow: 2px 2px 20px #2B486D33;}
.m_section04 .cont .contents_flex .content a{display: flex;flex-direction: column;}
.m_section04 .cont .contents_flex .content:after{position: absolute;content: ''; top: 0;left: 0;width: 100%;height: 100%;border-radius: 18px;box-sizing: border-box;border: 3px solid transparent;transition: all .8s;}
.m_section04 .cont .contents_flex .content:hover:after{border: 3px solid #4761DE;}
.m_section04 .cont .contents_flex .content .top span{font-size: 12px;color: #333333;background-color: #AFECFF;padding: 5px 10px;border-radius: 10px;}
.m_section04 .cont .contents_flex .content .top h5{font-size: 26px;font-weight: bold;padding: 14px 0 8px;word-break: keep-all;line-height: 29px;}
.m_section04 .cont .contents_flex .content .top p{font-size: 14px;color: #6B6B6B;}
.m_section04 .cont .contents_flex .content .imgbox{padding-top: 73px;}
.m_section04 .cont .contents_flex .content .imgbox img{position: absolute;right: 16px;bottom: 12px;z-index: 2;}
.m_section04 .cont .info-Shortcuts{width: 32%;}
.m_section04 .cont .info-Shortcuts .swiper{border-radius: 28px;box-shadow: 0px 3px 6px #2B486D33;}
.m_section04 .cont .info-Shortcuts .swiper-slide{border-radius: 28px;}
.m_section04 .cont .info-Shortcuts .swiper .swiper-pagination-bullet {background-color: #E1E9F9 ;margin:8px;width: 14px;height: 14px;}
.m_section04 .cont .info-Shortcuts .swiper-pagination-bullet.swiper-pagination-bullet-active {border: solid 3px #ffffff;background-color: transparent;vertical-align: sub;width: 22px;height: 22px;}
.m_section04 .cont .info_g{position: relative;box-shadow: 0px 3px 6px #2B486D33;background: url('../images/main/infographic_bg.jpg') no-repeat center;background-size: cover;width: 100%; height: 420px;}
/* .m_section04 .cont .info_g::after{position: absolute;content: ''; top: 0;left: 0;background-color: #30303040;width: 100%;height: 100%;} */
.m_section04 .cont .info_bg02{background: url('../images/main/swiper_bg02.png') no-repeat center;background-size: cover;}
.m_section04 .cont .info_bg03{background: url('../images/main/swiper_bg03.png') no-repeat center;background-size: cover;}
.m_section04 .cont .info_bg04{background: url('../images/main/swiper_bg04.png') no-repeat center;background-size: cover;}
.m_section04 .cont .info_bg05{background: url('../images/main/swiper_bg05.png') no-repeat center;background-size: cover;}
.m_section04 .cont .info_g img.swiper-bg{width: 100%;height: 100%;object-fit: contain;display: block;}
.m_section04 .cont .info_g .title{color: #fff;padding: 40px 34px;}
.m_section04 .cont .info_g .title_slide04{display: flex;align-items: center;}
.m_section04 .cont .info_g .title_slide04 span{font-size: 19px;display: inline-block;margin-left: 9px;font-weight: 600;}
.m_section04 .cont .info_g .title h4{font-size: 32px;display: flex;align-items: center;}
.m_section04 .cont .info_g .title h4 img{margin-right: 13px;}
.m_section04 .cont .info_g .title p{font-size: 18px;line-height: 20px;padding-top: 33px;line-height: 22px;}
.m_section04 .cont .info_g .btn_next{background-color: #fff;border-radius: 16px 0px;width: 90px;height: 75px;position: absolute;bottom: 0;right: 0;cursor: pointer;padding-top: 28px;}
.m_section04 .cont .info_g .btn_next a{display: flex;align-items: center;}
.m_section04 .cont .info_g .btn_next img{margin: auto;}
.m_section04 .cont .info_g .btn_next img.basicIcon{transform: translateX(-18px);transition: all .5s;}
.m_section04 .cont .info_g .btn_next:hover img.basicIcon{transform: translateX(0px);}
.m_section04 .cont .info_g .btn_next img.hoverIcon{opacity: 0;transition: all .5s;}
.m_section04 .cont .info_g .btn_next:hover img.hoverIcon{opacity: 1;transform: translateX(14px);}


/* ***************************************************************************************************** */

/* responsive */
@media (max-width: 1400px) {
    
    .main_wrap .m_cont .tit h4{font-size: 24px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont{padding: 22px 18px 25px;}
    .main_wrap .m_cont .m_infoBox .fix_info{padding: 22px 15px 25px;}
    .main_wrap .m_cont .m_notice > div{padding: 21px 20px;}

    .m_section01 .area{margin-right: 15px;}
    .m_section01 .area01{width: 30%;}
    .m_section01 .area03{width: 30%;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid-header th.k-header{font-size: 16px;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid td{font-size: 23px;}
    .m_section01 .area03 .cont_box .list{padding: 21px 15px;}

    .m_section02 .cont .cont_flex .cont_box .txt_box h4{font-size: 23px;}
    .m_section02 .cont .cont_flex .cont_box .txt_box p{font-size: 15px;line-height: 21px;}

    .m_section03 .cont .cont_box .name h5{font-size: 28px;}
    .m_section03 .cont .cont_box .name p{height: 60px;font-size: 14px;line-height: 20px;}

    .m_section04 .cont .contents_flex .content .top h5{font-size: 22px;}
    .m_section04 .cont .contents_flex .content .top p{font-size: 13px;}
    .m_section04 .cont .info_g .title p{font-size: 16px;}

    .m_section04 .cont .contents_flex .content .imgbox img.user_img01{width: 134px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img02{width: 72px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img03{width: 90px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img05{width: 100px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img09{width: 81px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img10{width: 86px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img11{width: 95px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img12{width: 90px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img13{width: 80px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img14{width: 90px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img15{width: 85px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img16{width: 100px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img17{width: 106px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img18{width: 92px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img19{width: 87px;}
    .m_section04 .cont .contents_flex .content .imgbox img.user_img20{width: 89px;}

    .m_section04 .cont .info_g .title_slide04{flex-direction: column;align-items: flex-start;}
    .m_section04 .cont .info_g .title_slide04 span{margin-left: 48px;}
}

@media (max-width: 1085px) {
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li img{margin-left: 13px;}

    .m_section04 .cont .user_cont{margin-right: 33px;}
    .m_section04 .cont .contents_flex{grid-gap: 10px;}
    .m_section04 .cont .info_g .title{padding: 40px 20px;}
    .m_section04 .cont .info_g .title h4{font-size: 26px;}
}
@media (max-width: 1024px) {

    .main_wrap .m_cont .tit h4{font-size: 21px;line-height: 25px;}
    .main_wrap .m_cont .m_infoBox{padding-bottom: 23px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont {padding: 22px 15px 25px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 85px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li{font-size: 18px;}
    .main_wrap .m_cont .m_notice .n_tit{margin-right: 22px;}
    .main_wrap .m_cont .m_notice .info_txt ul li.tit{font-size: 15px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn{width: 185px;}

    .m_section01 .area03 .cont_box .list ul li img{margin-right: 18px;}
    .m_section02 .cont .cont_flex .cont_box .txt_box h4{font-size: 22px;}
    .m_section02 .cont .cont_flex .cont_box .imgbox p{font-size: 17px;}

    .m_section03 .cont .cont_box .name h5{font-size: 26px;}
    .m_section03 .cont .cont_box .name .top-box{font-size: 15px;}
    .m_section03 .cont .cont_box img{padding-top: 30px;}

    .m_section04 .cont .contents_flex .content{padding: 25px 17px 0;}
    .m_section04 .cont .contents_flex .content .top h5{font-size: 18px;line-height: 22px;}
    .m_section04 .cont .info_g{height: 384px;}
    .m_section04 .cont .info_g .title h4{font-size: 21px;}
}
@media (max-width: 960px) {
    .main_wrap .m_cont .m_infoBox{grid-template-columns: repeat(2,1fr);}
    .main_wrap .m_cont .m_infoBox .fix_info:nth-child(1){grid-column: 1 / 3;}
    
    .m_notice, .openAPI{width: 100%;}  	
    .notice_api{grid-template-columns: 1fr !important}    
    .main_wrap .m_cont .m_notice{height: auto !important; width: 100%;}    
    .notice-wrap .swiper-slide .tit{flex-direction: row !important;}    
    .m_section03 .cont .cont_box .name p{height: 80px;}
    .m_section03 .cont .cont_box .name h5{font-size: 25px;}    
    
}

@media (max-width: 900px) {
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{padding-bottom: 15px;}
    main #main_chart{height: 180px !important;}
    .main_wrap .m_cont .m_notice > div{flex-direction: column;}
    .main_wrap .m_cont .m_notice .notice-wrap{justify-content: space-between;width: 100%;}
    .main_wrap .m_cont .m_notice .btn_wrap{width: 100%;justify-content: flex-end;}

    .m_section01 .cont-pc{display: none;}
    .m_section01 .cont-mobile{display: inline-block;}
    .m_section01 .area03 .cont_box .list {padding: 21px 24px;}

    .m_section02 .cont .cont_flex .cont_box .imgbox{padding: 14px 15px 15px;}
    .m_section02 .cont .cont_flex .cont_box .imgbox img{width: 100%;}
    .m_section02 .cont .cont_flex .cont_box div.hover-box{padding: 22px 15px 27px;}

    .m_section03 .cont{grid-gap: 16px;}
    .m_section02 .cont .title h2{font-size: 32px;}
    .m_section03 .cont .cont_box > div{padding: 32px 15px 17px;}
    .m_section03 .cont .cont_box .name h5{font-size: 22px;}
    
    .m_section04 .cont{flex-direction: column;}
    .m_section04 .cont .user_cont{margin-right: 0;}
    .m_section04 .cont .user_cont{width: 100%;} 
    .m_section04 .cont .info-Shortcuts{width: 100%;margin-top: 25px;}
    .m_section04 .cont .info_g .title h4{font-size: 32px;}
    
}

@media (max-width: 768px) {
    .main_wrap .m_title{padding-bottom: 28px;}
    .main_wrap .m_title h2{font-size: 28px;;}
    .main_wrap .m_cont .m_notice .info_txt ul li.tit{font-size: 14px;}

    .m_section01 .area .tit h2{font-size: 24px;}

    .m_section02 .cont .title p{font-size: 18px;}
    .m_section02 .cont .title p{font-size: 19px;}
    .m_section02 .cont .cont_flex .cont_box .txt_box h4{font-size: 17px;}
    .m_section02 .cont .cont_flex .cont_box .txt_box h4 img {margin-left: 14px;width: 25px;}
    .m_section02 .cont .cont_flex .cont_box .txt_box p{font-size: 14px;}
    
}
@media (max-width: 635px) {
  .m_section03 .cont .cont_box .name h5{font-size: 17px;}
  .m_section03 .cont .cont_box .name p{height: 102px;}
}

@media (max-width: 600px) {
    
    .main_wrap{padding: 48px 0 34px;}
    .main_wrap .m_title{padding-bottom: 20px;}
    .main_wrap .m_title h2{font-size: 22px;}
    .main_wrap .m_cont .m_infoBox{grid-template-columns: 1fr; grid-gap: 20px; padding-bottom: 20px;}
    .main_wrap .m_cont .tit{padding-bottom: 8px;  display: flex; flex-direction: column; align-items: flex-start;}
    .main_wrap .m_cont .m_infoBox .m_slide{width: 100%;}
    .main_wrap .main_chart{width: 100% !important;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont{padding: 17px 15px 18px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 70px;line-height: 97px;padding-bottom: 0;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li{font-size: 16px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li.num_img{line-height: 19px;align-items: center;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li img{margin-left: 8px;width: 14px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev{left: -11px;top: 91px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next{right: -11px;top: 91px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev img, .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next img{width: 32px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn{width: 160px;height: 50px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt{margin-top: 10px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn02 .txt{margin-right: 10px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt h5{font-size: 15px;}
    .main_wrap .m_cont .m_infoBox .fix_info{padding: 17px 15px 18px;}
    main #main_chart{height: 120px !important;}
    .main_wrap .m_cont .m_notice > div{padding: 18px 15px;}
    .main_wrap .m_cont .m_notice .notice-wrap{flex-direction: column;align-items: flex-start;}
    .main_wrap .m_cont .m_notice .n_tit{font-size: 21px;margin-bottom: 10px;}
    .main_wrap .m_cont .m_notice .info_txt ul li.tit{padding-bottom: 0;}
    .main_wrap .m_cont .m_notice .info_txt ul li.date{font-size: 13px;}

    .m_section01 .cont{flex-direction: column;}
    .m_section01 .area01{width: 100%;margin-bottom: 40px;}
    .m_section01 .area .cont_box{height: 100%;}
    .m_section01 .area .tit h2{font-size: 20px;}

    .m_section02 .cont .title{padding-bottom: 27px;}
    .m_section02 .cont .title p{font-size: 18px;}
    .m_section02 .cont .title h2{font-size: 30px;padding: 7px 0 24px;}
    .m_section02 .cont .title p{font-size: 17px;line-height: 20px;}
    .m_section02 .cont .cont_flex{grid-template-columns: repeat(1,1fr);}

    .m_section03 .cont{grid-template-columns: repeat(1,1fr);}
    
    .m_section04 .cont .user_cont .title h4{font-size: 27px;line-height: 32px;}
    .m_section04 .cont .user_cont .title p{font-size: 17px;display: none;}
    .m_section04 .cont .user_cont .user_info{padding-top: 43px;}
    .m_section04 .cont .contents_flex{grid-template-columns: repeat(1,1fr);}
    .m_section04 .cont .user_cont {margin-right: 0;width: 100%;}
    .m_section04 .cont{flex-direction: column;}
    .m_section04 .cont .info-Shortcuts{width: 100%;}
    .m_section04 .cont .user_cont .title h4{}
    .m_section04 .cont .user_cont .title h4 br.br_mo{display: inline-block;}
    .m_section04 .cont .info_g .title{padding: 32px 25px;}
    .m_section04 .cont .info-Shortcuts .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 18px !important;height: 18px !important;}

    .main_wrap .m_cont .m_infoBox .fix_info:nth-child(1){grid-column: inherit;}
    .m_section03 .cont .cont_box .name p{height: auto;}
}

@media (max-width: 480px) {

    .main_wrap .m_title{padding-bottom: 18px;}
    .main_wrap .m_title h2{font-size: 20px;}
    .main_wrap .m_cont .tit p{font-size: 14px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 63px;}
    .main_wrap .m_cont .m_notice .info_txt ul li.date{margin-right: 0;}
    .main_wrap .m_cont .m_notice .info_txt ul li{margin-right: 63px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn{margin-right: 27px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn:after{background-size: cover;width: 27px;height: 27px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn{padding: 0 10px 0 15px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn:first-child{margin-left: 10px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt h5{font-size: 12px;}


    .m_section01 .area .tit h2{font-size: 18px;}
    .m_section01 .cont-mobile .mo-flex{flex-direction: column;}
    .m_section01 .cont-mobile .area01{width: 100%;}
    .m_section01 .cont-mobile .area02{width: 100%;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid-header th.k-header{font-size: 14px;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid td{font-size: 16px !important;}

    .m_section02 .cont .cont_flex .cont_box .imgbox:nth-child(1) p{padding-top: 15px;}
    .m_section02 .cont .title h2{font-size: 28px;}
    .m_section02 .cont .title p{font-size: 16px;}
    .m_section02 .cont .title p{font-size: 15px;}
    .m_section02 .cont .cont_flex .cont_box .imgbox p{font-size: 13px;}

    .m_section03 .cont .cont_box .name h5{padding: 25px 0 28px;}
    .m_section03 .cont .cont_box img{padding-top: 8px;}
    .m_section03 .cont .cont_box .name .top-box{font-size: 14px;width: 166px;}

    .m_section04 .cont .contents_flex .content .top h5{font-size: 20px;}
    .m_section04 .cont .user_cont .title h4{font-size: 24px;}
    .m_section04 .cont .contents_flex .content .imgbox{padding-top: 35px;}
    .m_section04 .cont .info_g{height: 352px;}
    .m_section04 .cont .info_g .title h4{font-size: 23px;}
    .m_section04 .cont .info_g .title p{font-size: 15px;}
    .m_section04 .cont .contents_flex .content .imgbox img{right: 15px; width: 75px !important; height: auto !important;}
    .m_section04 .cont .info-Shortcuts .swiper-pagination-bullet.swiper-pagination-bullet-active{vertical-align: bottom; width: 15px !important;height: 15px !important;}
    .m_section04 .cont .info-Shortcuts .swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 5px;;}

    .m_section04 .cont .info_g .title_slide04 span{font-size: 16px;}
}
@media (max-width: 420px) {
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 58px;line-height: 89px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li{font-size: 15px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li img{width: 12px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li{font-size: 14px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont ul.cont_bo li img{width: 10px;margin-left: 5px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont{padding: 12px 11px 18px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont h4 span{font-size: 13px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev img, .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next img{width: 28px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt span{font-size: 10px;}



    .m_section04 .cont .contents_flex .content .top span{font-size: 13px;}
    .m_section04 .cont .contents_flex .content .imgbox{padding-top: 10px;}
    .m_section04 .cont .info_g .title{padding: 23px 20px;}
    .m_section04 .cont .info_g{height: 305px;}
    
}
@media (max-width: 400px) {
    .main_wrap .m_cont .m_notice .info_txt ul li{margin-right: 42px;}
}
@media (max-width: 390px) {
    .main_wrap .m_cont .m_infoBox .m_slide .swiper_cont .num{font-size: 50px;line-height: 75px;}
    .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-next, .main_wrap .m_cont .m_infoBox .m_slide .swiper-button-prev{top: 74px;}
    .main_wrap .m_cont .m_notice .info_txt ul li{margin-right: 20px;}
    .main_wrap .m_cont .m_notice .info_txt ul li.tit{font-size: 13px;}
    .main_wrap .m_cont .m_notice .info_txt ul li.date{font-size: 12px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .txt{margin-left: -4px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn:hover .txt{margin-left: 11px;margin-right: 0;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn02:hover .txt{margin-left: 4px;margin-right: 1px;}
    .main_wrap .m_cont .m_notice .btn_wrap .more_btn .btn_img img{width: 14px;}
    
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid-header th.k-header{height: 50px;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid td{height: 55px;}
    .main_wrap .m_cont .m_infoBox .fix_info .k-grid td.td-tit{font-size: 15px;}
    .m_section01 .area03 .cont_box .list ul{padding: 12px 0;}
    .m_section01 .area03 .cont_box .list ul li{font-size: 13px;}
}