@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard", sans-serif; font-weight: 400; line-height: 1; letter-spacing: -0.5px; color: #000;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #f5f7fc;}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; background: #f5f7fc; -webkit-text-size-adjust: none;}
@media(max-width: 768px){
    html{ font-size: calc(100vw / 30);}
}


.full_menu{ position: fixed; z-index: 300; top: 0; right: 100%; bottom: 0; left: -100%;}
.full_menu > .wrap{ overflow: auto; position: absolute; z-index: 10; top: 0; left: -300px; bottom: 0; padding: 10px 0; width: 300px; background: #FFF; transition: all .2s;}
.full_menu > .wrap .tg{ display: none; justify-content: center; align-items: center; grid-gap: 1rem; margin-top: 1rem; height: 2.8rem; border-radius: 2rem; background: #000; transition: all .2s; cursor: pointer;}
.full_menu > .wrap .tg img{ display: block; height: 1.1rem;}
.full_menu > .wrap .tg p{ font-size: 1.1rem; font-weight: 500; color: #FFF;}
.full_menu > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(10px); opacity: 0; transition: opacity .5s;}
.full_menu.on{ right: 0; left: 0;}
.full_menu.on > .wrap{ left: 0;}
.full_menu.on > .close{ opacity: 1;}
@media(max-width: 768px){
    .full_menu > .wrap{ left: -24rem; padding: 1rem 0; width: 24rem;}
    .full_menu > .wrap .tg{ display: flex;}
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/5%); transition: all .3s;}
.header .modle_min{ display: flex; justify-content: space-between; align-items: center; height: 80px;}
.header .logo{ position: relative; height: 40px;}
.header .logo img{ display: block; width: auto; height: 100%; transition: all .2s;}
.header .logo img:nth-child(2){ position: absolute; z-index: 10; top: 0; left: 0; opacity: 0;}
.header .fr{ display: flex; align-items: center; grid-gap: 40px;}
.header .menu{ display: flex; align-items: center; grid-gap: 20px; position: relative; z-index: 9;}
.header .menu a{ display: flex; align-items: center; grid-gap: 5px; cursor: pointer;}
.header .menu a i{ display: block; font-size: 24px; color: #000; transition: all .2s;}
.header .menu a p{ font-size: 15px; font-weight: 400; color: #000; transition: all .2s;}
.header .menu span{ display: block; width: 1px; height: 16px; background: #e5e5e5; transition: all .2s;}
.header .tg{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; width: 130px; height: 40px; border-radius: 20px; background: #000; transition: all .2s; cursor: pointer;}
.header .tg img{ display: block; height: 16px;}
.header .tg p{ font-size: 15px; font-weight: 500; color: #FFF;}
.header .full_menu_btn{ display: none; cursor: pointer;}
.header .full_menu_btn i{ font-size: 32px; color: #000;}

.header.home{ background: rgba(255 255 255/0); box-shadow: 0 1px 0 0 rgba(255 255 255/10%);}
.header.home .logo img:nth-child(1){ opacity: 0;}
.header.home .logo img:nth-child(2){ opacity: 1;}
.header.home .menu a i{ color: #FFF;}
.header.home .menu a p{ color: #FFF;}
.header.home .menu span{ background: rgba(255 255 255/20%);}
.header.home .tg{ border: 1px solid rgba(255 255 255/30%); background: rgba(0 0 0/0);}
.header.home .full_menu_btn i{ color: #FFF;}

.header.home.on{ background: rgba(255 255 255/100%); box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header.home.on .logo img:nth-child(1){ opacity: 1;}
.header.home.on .logo img:nth-child(2){ opacity: 0;}
.header.home.on .menu a i{ color: #000;}
.header.home.on .menu a p{ color: #000;}
.header.home.on .menu span{ background: rgba(0 0 0/20%);}
.header.home.on .tg{ border: 1px solid rgba(255 255 255/0%); background: rgba(0 0 0/100%);}
.header.home.on .full_menu_btn i{ color: #000;}

.header.subs{ padding: 0 30px !important; transition: all 0s;}
.header.subs .modle_min{ max-width: 100%;}
@media(max-width: 1400px){
    .header .full_menu_btn{ display: block;}
}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .header .fr{ grid-gap: 30px;}
    .header .full_menu_btn{ display: block;}
}
@media(max-width: 768px){
    .header .modle_min{ height: 5rem;}
    .header .logo{ height: 2.5rem;}
    .header .tg{ display: none;}
    .header .fr{ grid-gap: 1.2rem;}
    .header .menu{ grid-gap: 1rem;}
    .header .menu a{ grid-gap: 0.2rem;}
    .header .menu a i{ font-size: 1.4rem;}
    .header .menu a p{ font-size: 1rem;}
    .header .menu span{ height: 1rem;}
    .header .full_menu_btn i{ font-size: 2rem;}

    .header.subs{ padding: 0 1.2rem !important;}
}


.gnb{ display: none; justify-content: initial; position: fixed; z-index: 101; right: 0; bottom: 0; left: 0; padding: 0; border-radius: 0; background: rgba(255 255 255/100%); box-shadow: 0 0 0 1px rgba(0 0 0/10%); backdrop-filter: blur(20px);}
.gnb a{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 16.666%; height: 5.5rem;}
.gnb a .tip{ display: flex; justify-content: center; align-items: center; position: absolute; top: -0.6rem; width: 3rem; height: 1.4rem; border-radius: 2rem; background: #F00; animation: vb_tip 1s infinite;}
.gnb a .tip span{ overflow: hidden; position: absolute; bottom: -4px; left: clac(50% - 5px); width: 10px; height: 6px;}
.gnb a .tip span:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F00; transform-origin: right top; transform: rotate(45deg);}
.gnb a .tip p{ font-size: 0.7rem; color: #FFF; letter-spacing: 0;}
.gnb a img{ display: block; height: 1.8rem;}
.gnb a > p{ margin-top: 0.8rem; font-size: 0.8rem; font-weight: 400; color: #999;}
.gnb a.on img{}
.gnb a.on > p{ font-weight: 600; color: #2768d6;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .gnb{ display: flex;}
}
@media(max-width: 768px){

}


.footer{ padding: 50px 0 100px 0; border-top: 2px solid #000; background: #FFF;}
.footer .ft{ position: relative;}
.footer .logo{ display: block; width: 200px;}
.footer .logo img{ display: block; width: 100%;}
.footer .text{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #000;}
.footer .text span{ display: block; font-weight: 700; color: #000;}
.footer .tg{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; position: absolute; right: 0; bottom: 0; width: 260px; height: 50px; border-radius: 30px; border: 1px solid #000; cursor: pointer;}
.footer .tg img{ display: block; height: 18px;}
.footer .tg p{ font-size: 18px; font-weight: 500; color: #000;}
.footer .fb{ display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 40px; border-top: 1px solid #000;}
.footer .copy{ font-size: 14px; color: #666; letter-spacing: 0;}
.footer .txt{ font-size: 14px; color: #999; letter-spacing: 0;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .footer{ padding: 50px 0 150px 0;}
    .footer .fb{ flex-direction: column-reverse;}
    .footer .copy{ margin-top: 20px;}
}
@media(max-width: 768px){
    .footer{ padding: 3rem 0 10rem 0;}
    .footer .ft{ display: flex; flex-direction: column; align-items: center;}
    .footer .logo{ width: 10rem;}
    .footer .text{ margin-top: 2rem; text-align: center; font-size: 1.3rem;}
    .footer .tg{ grid-gap: 0.6rem; position: initial; margin-top: 1.5rem; width: 14rem; height: 3rem; border-radius: 3rem;}
    .footer .tg img{ height: 1.2rem;}
    .footer .tg p{ font-size: 1.2rem;}
    .footer .fb{ margin-top: 2rem; padding-top: 2rem;}
    .footer .copy{ margin-top: 1rem; font-size: 1rem;}
    .footer .txt{ font-size: 0.8rem;}
}


.scroll_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; right: 35px; bottom: 120px; width: 50px; height: 50px; border-radius: 50%; background: #0c6ed5; cursor: pointer; opacity: 0; transform: translate(100px,0); transition: all .5s;}
.scroll_top i{ font-size: 20px; color: #FFF;}
.scroll_top.on{ opacity: 1; transform: translate(0,0);}
@media(max-width: 1300px){
    .scroll_top{ right: 15px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .scroll_top{ right: 1rem; bottom: 8rem; width: 3rem; height: 3rem;}
    .scroll_top i{ font-size: 1.2rem;}
}




.home_visual{ overflow: hidden; position: relative;}
.home_visual:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/v_background.jpg) bottom center/cover; animation: vb 30s infinite;}
.home_visual .modle_min{ position: relative; z-index: 10; padding: 180px 0 100px 0;}
.home_visual .top{ position: relative; padding-right: 370px;}
.home_visual .top .left{ overflow: hidden; position: relative; border-radius: 30px;}

.home_visual .rolling{ overflow: hidden;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{ overflow: hidden;}
.home_visual .swiper-wrapper .swiper-slide .wrap{ position: relative; height: 420px;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text{ position: absolute; z-index: 20; top: 80px; left: 80px;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text .t1{ font-size: 18px; font-weight: 500; color: #fee74f; opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text .t2{ margin: 20px 0 0 0; line-height: 1.2; font-size: 36px; font-weight: 700; color: #FFF; opacity: 0; transform: translate(60px,0); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin: 70px 0 0 0; width: 240px; height: 50px; border-radius: 40px; background: #022b76; opacity: 0; transform: translate(70px,0); transition: all .3s; cursor: pointer;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text .btn p{ font-size: 18px; font-weight: 500; color: #FFF;}
.home_visual .swiper-wrapper .swiper-slide .wrap .text .btn img{ display: block;}
.home_visual .swiper-wrapper .swiper-slide .wrap .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.1); transition: all .3s;}
.home_visual .swiper-wrapper .swiper-slide .wrap .img:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0), rgba(0 0 0/0), rgba(0 0 0/30%));}

.home_visual.on .swiper-wrapper .swiper-slide .wrap .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual.on .swiper-wrapper .swiper-slide .wrap .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.7s;}
.home_visual.on .swiper-wrapper .swiper-slide .wrap .text .btn{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.9s;}
.home_visual.on .swiper-wrapper .swiper-slide .wrap .img{ opacity: 1; transform: scale(1); transition: all 5s;}

.home_visual .rolling_control{ display: flex; align-items: flex-end; grid-gap: 5px; position: absolute; z-index: 50; right: 20px; bottom: 20px;}

.home_visual_page{ display: flex; justify-content: flex-end; align-items: center; grid-gap: 5px; padding: 0 15px; width: auto !important; height: 40px; border-radius: 20px; background: rgba(255 255 255/15%); backdrop-filter: blur(10px); font-size: 16px; color: rgba(255 255 255/30%); transition: all .2s;}
.home_visual_page span{ font-size: 16px; color: rgba(255 255 255/60%);}
.home_visual_page span.swiper-pagination-current{ font-weight: 500; color: #FFF;}

.home_visual_prev{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; background: rgba(255 255 255/15%); backdrop-filter: blur(10px); transition: all .2s; cursor: pointer;}
.home_visual_prev i{ font-size: 16px; color: #FFF;}
.home_visual_next{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; background: rgba(255 255 255/15%); backdrop-filter: blur(10px); transition: all .2s; cursor: pointer;}
.home_visual_next i{ font-size: 16px; color: #FFF;}

.home_visual_btn{ display: flex; align-items: center; transition: all .2s; cursor: pointer;}
.home_visual_btn a{ display: none; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; background: rgba(255 255 255/15%); backdrop-filter: blur(10px); transition: all .2s; cursor: pointer;}
.home_visual_btn a i{ font-size: 16px; color: #FFF;}
.home_visual_btn a.on{ display: flex;}

.home_visual .top .right{ display: flex; flex-direction: column; grid-gap: 20px; position: absolute; top: 0; right: 0; width: 350px;}
.home_visual .top .right .wrap{ padding: 30px 0 0 40px; height: 200px; border-radius: 30px;}
.home_visual .top .right .wrap .t1{ display: flex; justify-content: center; align-items: center; width: 80px; height: 25px; border-radius: 20px; background: #333; font-size: 12px; color: #FFF;}
.home_visual .top .right .wrap:nth-child(2) .t1{ background: #FFF; color: #000;}
.home_visual .top .right .wrap .t2{ margin-top: 15px; line-height: 1.2; font-size: 24px; font-weight: 700; color: #FFF;}

.home_visual .bottom{ display: flex; justify-content: space-around; align-items: center; padding: 50px 0 0 0;}
.home_visual .bottom a{ display: flex; flex-direction: column; align-items: center; position: relative; transition: all .2s;}
.home_visual .bottom a .tip{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -15px; width: 50px; height: 25px; border-radius: 20px; background: #F00; animation: vb_tip 1s infinite;}
.home_visual .bottom a .tip span{ overflow: hidden; position: absolute; bottom: -8px; left: clac(50% - 7.5px); width: 15px; height: 10px;}
.home_visual .bottom a .tip span:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F00; transform-origin: right top; transform: rotate(45deg);}
.home_visual .bottom a .tip p{ font-size: 12px; font-weight: 500; color: #FFF;}
.home_visual .bottom a .icon{ display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 30px; background: rgba(255 255 255/15%); box-shadow: 0 5px 20px 0 rgba(0 0 0/30%); backdrop-filter: blur(10px); transition: all .2s;}
.home_visual .bottom a .icon img{ display: block; height: 34px;}
.home_visual .bottom a .icon img:nth-child(2){ position: absolute; z-index: 10; opacity: 0;}
.home_visual .bottom a > p{ margin-top: 10px; font-size: 16px; font-weight: 500; color: #FFF;}
.home_visual .bottom a:hover{ transform: scale(1.1);}
.home_visual .bottom a:hover .icon{ background: rgba(255 255 255/10%);}
@keyframes vs{
    0%   { transform: translate(0,-5px) rotate(0) scale(1); opacity: 1;}
    50%  { transform: translate(0,5px) rotate(0) scale(1.5); opacity: 1;}
    100% { transform: translate(0,-5px) rotate(0) scale(1); opacity: 1;}
}
@keyframes vb{
    0%   { transform: translate(0,0) rotate(0) scale(1); opacity: 1;}
    50%  { transform: translate(0,0) rotate(0) scale(1.2); opacity: 1;}
    100% { transform: translate(0,0) rotate(0) scale(1); opacity: 1;}
}
@keyframes vb_tip{
    0%   { transform: translate(0,0) rotate(0); opacity: 1;}
    70%  { transform: translate(0,-5px) rotate(0); opacity: 1;}
    100% { transform: translate(0,0) rotate(0); opacity: 1;}
}
@media(max-width: 1300px){
    .home_visual .modle_min{ padding: 130px 0 50px 0;}
}
@media(max-width: 1024px){
    .home_visual .top{ padding: 0;}
    .home_visual .top .right{ display: flex; flex-direction: row; grid-gap: 20px; position: initial; margin-top: 20px; width: auto;}
    .home_visual .top .right .wrap{ width: 50%;}
    .home_visual .swiper-wrapper .swiper-slide .wrap{ height: 360px;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text{ top: 60px; left: 60px;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .btn{ margin: 50px 0 0 0;}
}
@media(max-width: 768px){
    .home_visual .modle_min{ padding: 8rem 0 3rem 0;}
    .home_visual .top .left{ border-radius: 1.2rem;}

    .home_visual .swiper-wrapper .swiper-slide .wrap{ height: 15rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text{ top: 2.4rem; left: 2.4rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .t1{ font-size: 0.8rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .t2{ margin: 1rem 0 0 0; font-size: 1.4rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .btn{ grid-gap: 0.6rem; margin: 1.6rem 0 0 0; width: 10rem; height: 2.5rem; border-radius: 2rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .btn p{ font-size: 0.8rem;}
    .home_visual .swiper-wrapper .swiper-slide .wrap .text .btn img{ height: 0.4rem;}

    .home_visual .rolling_control{ grid-gap: 0.2rem; right: 1rem; bottom: 1rem;}

    .home_visual_page{ grid-gap: 0.2rem; height: 2.2rem; font-size: 0.8rem;}
    .home_visual_page span{ font-size: 0.8rem;}

    .home_visual_prev{ width: 2.2rem; height: 2.2rem; border-radius: 2rem;}
    .home_visual_prev i{ font-size: 0.8rem;}
    .home_visual_next{ width: 2.2rem; height: 2.2rem; border-radius: 2rem;}
    .home_visual_next i{ font-size: 0.8rem;}

    .home_visual_btn a{ width: 2.2rem; height: 2.2rem; border-radius: 2rem;}
    .home_visual_btn a i{ font-size: 0.8rem;}

    .home_visual .top .right{ grid-gap: 0.8rem; margin-top: 0.8rem;}
    .home_visual .top .right .wrap{ padding: 1rem 0 0 1.6rem; height: 8rem; border-radius: 1.2rem;}
    .home_visual .top .right .wrap .t1{ width: 3.6rem; height: 1.2rem; border-radius: 2rem; font-size: 0.6rem;}
    .home_visual .top .right .wrap .t2{ margin-top: 0.6rem; font-size: 1rem;}

    .home_visual .bottom{ display: none;}
}


.scroll_down{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 50; margin: -20px auto 0 auto;}
.scroll_down .box{ display: flex; justify-content: center; align-items: center; width: 30px; height: 40px; border-radius: 15px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/20%);}
.scroll_down .box span{ display: block; width: 6px; height: 6px; border-radius: 50%; background: #2768d6; animation: vs .8s infinite;}
.scroll_down p{ padding-top: 10px; font-size: 12px; color: rgba(0 0 0/60%); letter-spacing: 0;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .scroll_down{ margin: -1.5rem auto 0 auto;}
    .scroll_down .box{ width: 2rem; height: 3rem; border-radius: 2rem;}
    .scroll_down .box span{ width: 0.4rem; height: 0.4rem;}
    .scroll_down p{ padding-top: 0.6rem; font-size: 0.8rem;}
}


.home_one{ padding: 80px 0;}
.home_one .head{ display: flex; flex-direction: column; align-items: center;}
.home_one .head .t1{ display: flex; justify-content: center; align-items: center; width: 120px; height: 30px; border-radius: 20px; background: #2768d6; font-size: 14px; font-weight: 500; color: #FFF;}
.home_one .head .t2{ margin-top: 20px; font-size: 36px; font-weight: 700; color: #000;}
.home_one .head .t2 b{ font-weight: 700; color: #2768d6;}
.home_one .body{ position: relative; margin-top: 50px;}
.home_one .rolling{ overflow: hidden;}
.home_one .swiper-wrapper{}
.home_one .swiper-wrapper .swiper-slide{}
.home_one .swiper-wrapper .swiper-slide a{ overflow: hidden; display: block; position: relative; border-radius: 30px;}
.home_one .swiper-wrapper .swiper-slide a .text{ position: absolute; z-index: 10; right: 20px; bottom: 60px; left: 20px; text-align: center;}
.home_one .swiper-wrapper .swiper-slide a .text .t1{ font-size: 24px; font-weight: 700; color: #FFF;}
.home_one .swiper-wrapper .swiper-slide a .text .t2{ margin-top: 15px; line-height: 1.4; font-size: 18px; color: #FFF;}
.home_one .swiper-wrapper .swiper-slide a .img{ display: block; width: 100%;}

.home_one_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: calc(50% - 30px); left: -30px; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 3px 0 15px 0 rgba(0 0 0/10%); cursor: pointer;}
.home_one_prev i{ font-size: 16px; color: #333;}
.home_one_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: calc(50% - 30px); right: -30px; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 3px 0 15px 0 rgba(0 0 0/10%); cursor: pointer;}
.home_one_next i{ font-size: 16px; color: #333;}

.home_one_page{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 30px;}
.home_one_page span{ display: block; margin: 0 !important; width: 8px; height: 8px; border-radius: 10px; background: rgba(0 0 0/50%); transition: all .2s;}
.home_one_page span.swiper-pagination-bullet-active{ width: 20px; background: #2768d6;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_one{ padding: 3rem 0;}
    .home_one .head .t1{ width: 7rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_one .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_one .body{ margin-top: 2rem;}
    .home_one .rolling{ margin: 0 -12rem;}
    .home_one .swiper-wrapper .swiper-slide a{ border-radius: 1.2rem;}
    .home_one .swiper-wrapper .swiper-slide a .text{ right: 1rem; bottom: 2rem; left: 1rem;}
    .home_one .swiper-wrapper .swiper-slide a .text .t1{ font-size: 1.4rem;}
    .home_one .swiper-wrapper .swiper-slide a .text .t2{ margin-top: 0.8rem; font-size: 0.9rem; letter-spacing: -1px;}
    .home_one .swiper-wrapper .swiper-slide a .img{ width: 100%; height: auto;}

    .home_one_prev{ display: none;}
    .home_one_next{ display: none;}

    .home_one_page{ grid-gap: 0.4rem; margin-top: 1rem;}
    .home_one_page span{ width: 0.4rem; height: 0.4rem; border-radius: 1rem;}
    .home_one_page span.swiper-pagination-bullet-active{ width: 1rem;}
}


.home_today{ background: url(/images/ht_bg.jpg) center/cover;}
.home_today .modle_min{ display: flex; justify-content: center; padding: 100px 0;}
.home_today .wrap{ display: flex; align-items: center; padding-bottom: 20px; border-bottom: 2px solid #FFF;}
.home_today .wrap img{ display: block; margin-right: 10px;}
.home_today .wrap .fl{}
.home_today .wrap .fl .t1{ font-size: 14px; color: #FFF;}
.home_today .wrap .fl .t2{ margin-top: 5px; font-size: 30px; font-weight: 500; color: #FFF;}
.home_today .wrap .number{ width: 500px; text-align: center; font-size: 60px; font-weight: 900; color: #FFF;}
.home_today .wrap .fr{ line-height: 1.4; font-size: 18px; color: #FFF;}
@media(max-width: 1300px){
    .home_today .wrap .number{ width: 460px;}
}
@media(max-width: 1024px){
    .home_today .wrap{ flex-direction: column; grid-gap: 20px; padding: 0; border: 0; text-align: center;}
    .home_today .wrap img{ margin: 0;}
    .home_today .wrap .number{ width: 100%;}
}
@media(max-width: 768px){
    .home_today .modle_min{ padding: 3rem 0;}
    .home_today .wrap{ grid-gap: 1rem;}
    .home_today .wrap img{ height: 3rem;}
    .home_today .wrap .fl .t1{ font-size: 1rem;}
    .home_today .wrap .fl .t2{ margin-top: 0.4rem; font-size: 1.8rem;}
    .home_today .wrap .number{ margin: 0; font-size: 3rem;}
    .home_today .wrap .fr{ margin-top: 0.6rem; font-size: 0.9rem;}
}


.home_why{ position: relative; z-index: 10;}
.home_why .modle_min{ padding-top: 80px;}
.home_why .head{ display: flex; flex-direction: column; align-items: center;}
.home_why .head .t1{ display: flex; justify-content: center; align-items: center; width: 80px; height: 30px; border-radius: 20px; background: #2768d6; font-size: 14px; font-weight: 500; color: #FFF;}
.home_why .head .t2{ margin-top: 20px; font-size: 36px; font-weight: 700; color: #000;}
.home_why .head .t3{ margin-top: 20px; text-align: center; font-size: 24px; font-weight: 400; color: #666;}
.home_why .head .t3 br{ display: none;}
.home_why .body{ position: relative; margin-top: 50px;}
.home_why .body .wrap{ position: absolute; z-index: 20;}
.home_why .body .wrap:nth-child(1){ top: 160px; left: calc(50% - 340px);}
.home_why .body .wrap:nth-child(2){ top: 70px; right: calc(50% - 250px);}
.home_why .body .wrap:nth-child(3){ top: 230px; right: calc(50% - 370px);}
.home_why .body .wrap img{ display: block; margin: 0 auto;}
.home_why .body .wrap p{ margin-top: 10px; text-align: center; line-height: 1.2; font-size: 20px; font-weight: 600; color: #333;}
.home_why .body .img{ display: block; position: relative; z-index: 10; margin: 0 auto;}
.home_why .body .bg{ position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}
.home_why .banner{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 40; padding: 0 80px; height: 240px; border-radius: 30px; background: url(/images/hw_bbg.jpg) center/cover;}
.home_why .banner .fl{}
.home_why .banner .fl .t1{ display: flex; justify-content: center; align-items: center; width: 120px; height: 30px; border-radius: 20px; background: #FFF; font-size: 14px; font-weight: 500; color: #333;}
.home_why .banner .fl .t2{ margin-top: 20px; font-size: 36px; font-weight: 700; color: #FFF;}
.home_why .banner .fl .t3{ display: flex; align-items: center; grid-gap: 10px; margin-top: 20px;}
.home_why .banner .fl .t3 img{ display: block;}
.home_why .banner .fl .t3 p{ font-size: 18px; color: rgba(255 255 255/80%);}
.home_why .banner .fl .t3 p br{ display: none;}
.home_why .banner .fr{ display: flex; align-items: center;}
.home_why .banner .fr img{ display: block; position: relative; margin-right: -10px;}
.home_why .banner .fr img:nth-child(1){ z-index: 5;}
.home_why .banner .fr img:nth-child(2){ z-index: 4; opacity: .8;}
.home_why .banner .fr img:nth-child(3){ z-index: 3; opacity: .6;}
.home_why .banner .fr img:nth-child(4){ z-index: 2; opacity: .4;}
.home_why .banner .fr img:nth-child(5){ z-index: 1; opacity: .2;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .home_why .banner{ flex-direction: column; justify-content: center; grid-gap: 30px; height: 300px;}
    .home_why .banner .fl{ display: flex; flex-direction: column; align-items: center;}
    .home_why .banner .fl .t3 p{ font-size: 14px;}
    .home_why .banner .fr img{ height: 50px;}
}
@media(max-width: 768px){
    .home_why .modle_min{ padding-top: 3rem;}
    .home_why .head{ display: flex; flex-direction: column; align-items: center;}
    .home_why .head .t1{ width: 4rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_why .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_why .head .t3{ margin-top: 0.8rem; line-height: 1.2; font-size: 1.2rem;}
    .home_why .head .t3 br{ display: block;}
    .home_why .body{ margin-top: 2rem;}
    .home_why .body .wrap:nth-child(1){ top: 5rem; left: calc(50% - 12rem);}
    .home_why .body .wrap:nth-child(2){ top: 1rem; right: calc(50% - 10rem);}
    .home_why .body .wrap:nth-child(3){ top: 8rem; right: calc(50% - 13rem);}
    .home_why .body .wrap img{ height: 2rem;}
    .home_why .body .wrap p{ margin-top: 0.6rem; font-size: 1rem;}
    .home_why .body .img{ height: 16rem;}
    .home_why .body .bg{ height: 14rem;}
    .home_why .banner{ padding: 0 2rem; grid-gap: 1.4rem; height: 16rem; border-radius: 1.2rem;}
    .home_why .banner .fl{}
    .home_why .banner .fl .t1{ width: 7rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_why .banner .fl .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_why .banner .fl .t3{ grid-gap: 0.6rem; margin-top: 1rem;}
    .home_why .banner .fl .t3 img{ height: 2rem;}
    .home_why .banner .fl .t3 p{ line-height: 1.2; font-size: 0.9rem;}
    .home_why .banner .fl .t3 p br{ display: block;}
    .home_why .banner .fr img{ margin-right: -0.4rem; height: 3rem;}
}


.home_ex{ margin-top: -120px; background: url(/images/he_bg.png) top center/cover;}
.home_ex .modle_min{ padding-top: 200px;}
.home_ex .head{ display: flex; flex-direction: column; align-items: center;}
.home_ex .head .t1{ display: flex; justify-content: center; align-items: center; width: 80px; height: 30px; border-radius: 20px; background: #2768d6; font-size: 14px; font-weight: 500; color: #FFF;}
.home_ex .head .t2{ margin-top: 20px; font-size: 36px; font-weight: 700; color: #000;}
.home_ex .body{ display: flex; align-items: center; margin-top: 50px;}
.home_ex .body .wrap{ position: relative; width: 33.333%;}
.home_ex .body .wrap .box{ display: flex; flex-direction: column; align-items: center; padding: 40px; border-radius: 30px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/5%);}
.home_ex .body .wrap .box .tit{ position: relative; text-align: center;}
.home_ex .body .wrap .box .tit .tip{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -5px; right: calc(50% - 115px); width: 50px; height: 25px; border-radius: 20px; background: #F00; animation: vb_tip 1s infinite;}
.home_ex .body .wrap .box .tit .tip span{ overflow: hidden; position: absolute; bottom: -8px; left: clac(50% - 7.5px); width: 15px; height: 10px;}
.home_ex .body .wrap .box .tit .tip span:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F00; transform-origin: right top; transform: rotate(45deg);}
.home_ex .body .wrap .box .tit .tip p{ font-size: 12px; font-weight: 500; color: #FFF;}
.home_ex .body .wrap .box .tit .t1{ font-size: 18px; color: #666;}
.home_ex .body .wrap .box .tit .t2{ margin-top: 5px; font-size: 40px; font-weight: 700; color: #000;}
.home_ex .body .wrap .box .tit .t2 b{ font-weight: 700; color: #F00;}
.home_ex .body .wrap .box .list{ display: flex; flex-direction: column; grid-gap: 10px; margin: 50px 0;}
.home_ex .body .wrap .box .list p{ display: flex; align-items: center; grid-gap: 5px; font-size: 16px; color: #666;}
.home_ex .body .wrap .box .list p i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; background: #000; font-size: 12px; color: #FFF;}
.home_ex .body .wrap .box .line{ display: block; width: 100%; border-top: 1px dashed #DDD;}
.home_ex .body .wrap .box .pay{ display: flex; align-items: flex-end; margin-top: 40px; font-size: 20px; color: #666;}
.home_ex .body .wrap .box .pay b{ font-size: 30px; font-weight: 700; color: #F00;}
.home_ex .body .wrap .box .txt{ margin-top: 10px; font-size: 16px; color: #666;}
.home_ex .body .wrap .box .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; margin-top: 20px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid #000; cursor: pointer;}
.home_ex .body .wrap .box .btn p{ font-size: 18px; font-weight: 600; color: #000;}
.home_ex .body .wrap .box .btn i{ font-size: 20px; color: #000;}
.home_ex .body .wrap:nth-child(2){ z-index: 10;}
.home_ex .body .wrap:nth-child(2) .box{ margin: 0 -20px; padding: 60px 40px 70px 40px; box-shadow: 0 10px 30px 0 rgba(0 0 0/10%);}
.home_ex .body .wrap:nth-child(2) .box .btn{ height: 60px; border: 1px solid #2768d6; background: #2768d6; box-shadow: 0 5px 15px 0 rgba(39 104 214/40%);}
.home_ex .body .wrap:nth-child(2) .box .btn p{ color: #FFF;}
.home_ex .body .wrap:nth-child(2) .box .btn i{ color: #FFF;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .home_ex .body{ flex-direction: column; align-items: center; grid-gap: 20px;}
    .home_ex .body .wrap{ width: 100%;}
    .home_ex .body .wrap .box .list{ display: grid; grid-template-columns: repeat(2,1fr); margin: 30px 0; width: 400px;}
    .home_ex .body .wrap .box .list p{}
    .home_ex .body .wrap:nth-child(2) .box{ margin: 0; padding: 40px; box-shadow: 0 10px 30px 0 rgba(0 0 0/5%);}
}
@media(max-width: 768px){
    .home_ex{ margin-top: -8rem;}
    .home_ex .modle_min{ padding-top: 11rem;}
    .home_ex .head .t1{ width: 5rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_ex .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_ex .body{ margin-top: 2rem; grid-gap: 0.8rem;}
    .home_ex .body .wrap .box{ padding: 2rem; border-radius: 1.2rem;}
    .home_ex .body .wrap .box .tit .tip{ top: -1rem; right: calc(50% - 6rem); width: 3rem; height: 1.4rem; border-radius: 2rem;}
    .home_ex .body .wrap .box .tit .tip p{ font-size: 0.8rem; letter-spacing: 0;}
    .home_ex .body .wrap .box .tit .t1{ font-size: 1rem;}
    .home_ex .body .wrap .box .tit .t2{ margin-top: 0.4rem; font-size: 1.8rem;}
    .home_ex .body .wrap .box .list{ grid-gap: 0.6rem; margin: 2rem 0; width: 22rem;}
    .home_ex .body .wrap .box .list p{ grid-gap: 0.2rem; font-size: 1rem;}
    .home_ex .body .wrap .box .list p i{ width: 1.2rem; height: 1.2rem; border-radius: 2rem; font-size: 0.6rem;}
    .home_ex .body .wrap .box .pay{ margin-top: 1.4rem; font-size: 1rem;}
    .home_ex .body .wrap .box .pay b{ font-size: 1.8rem;}
    .home_ex .body .wrap .box .txt{ margin-top: 0.6rem; font-size: 1rem;}
    .home_ex .body .wrap .box .btn{ grid-gap: 1rem; margin-top: 1.2rem; height: 3.5rem; border-radius: 3rem;}
    .home_ex .body .wrap .box .btn p{ font-size: 1.2rem;}
    .home_ex .body .wrap .box .btn i{ font-size: 1.2rem;}
    .home_ex .body .wrap:nth-child(2) .box{ padding: 2rem;}
    .home_ex .body .wrap:nth-child(2) .box .btn{ height: 3.5rem;}
}


.home_faq{ transition: all .2s;}
.home_faq .modle_min{ display: flex; padding-top: 100px; transition: all .2s;}
.home_faq .head{ width: 50%;}
.home_faq .head .t1{ display: flex; justify-content: center; align-items: center; width: 70px; height: 30px; border-radius: 20px; background: #2768d6; font-size: 14px; font-weight: 500; color: #FFF;}
.home_faq .head .t2{ margin-top: 20px; line-height: 1.2; font-size: 36px; font-weight: 700; color: #000;}
.home_faq .head .t3{ margin-top: 50px; line-height: 1.4; font-size: 20px; color: #666;}
.home_faq .head .t3 span{ color: #F00;}
.home_faq .head .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 50px; width: 330px; height: 60px; border-radius: 30px; background: #000; cursor: pointer;}
.home_faq .head .btn img{ display: block; height: 20px;}
.home_faq .head .btn p{ font-size: 20px; font-weight: 500; color: #FFF;}
.home_faq .head_m{ display: none;}
.home_faq .head_m .t3{ margin-top: 50px; line-height: 1.4; font-size: 20px; color: #666;}
.home_faq .head_m .t3 span{ color: #F00;}
.home_faq .head_m .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 30px; width: 330px; height: 60px; border-radius: 30px; background: #000; cursor: pointer;}
.home_faq .head_m .btn img{ display: block; height: 20px;}
.home_faq .head_m .btn p{ font-size: 20px; font-weight: 500; color: #FFF;}
.home_faq .body{ display: grid; grid-gap: 10px; width: 50%; transition: all .2s;}
.home_faq .body .wrap{ overflow: hidden; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 10px 20px 0 rgba(0 0 0/5%); cursor: pointer;}
.home_faq .body .wrap .ft{ display: flex; align-items: center; padding: 40px 50px;}
.home_faq .body .wrap .ft p{ flex: 1; line-height: 1.2; font-size: 20px; font-weight: 500; color: #000;}
.home_faq .body .wrap .ft i{ flex: 0 0 20px; display: flex; justify-content: center; align-items: center; margin-left: 50px; width: 20px; height: 20px; border-radius: 20px; background: #DDD; font-size: 16px; color: #FFF; transition: all .2s;}
.home_faq .body .wrap .fb{ overflow: hidden; padding: 0 50px; height: 0; background: #fafafa; line-height: 1.4; font-size: 16px; color: #666; transition: all .2s;}
.home_faq .body .wrap.on i{ background: #2768d6; transform: rotate(180deg);}
.home_faq .body .wrap.on .fb{ padding: 40px 50px; height: auto;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .home_faq .modle_min{ display: block;}
    .home_faq .head{ display: flex; flex-direction: column; align-items: center; width: auto; text-align: center;}
    .home_faq .head .t3{ display: none;}
    .home_faq .head .btn{ display: none;}
    .home_faq .body{ margin-top: 50px; width: auto;}
    .home_faq .head_m{ display: flex; flex-direction: column; align-items: center; text-align: center;}
}
@media(max-width: 768px){
    .home_faq .modle_min{ padding-top: 3rem;}
    .home_faq .head .t1{ width: 70px; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_faq .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .home_faq .head_m .t3{ margin-top: 2rem; font-size: 1.2rem;}
    .home_faq .head_m .btn{ grid-gap: 0.6rem; margin-top: 1.5rem; width: 20rem; height: 3.5rem; border-radius: 3rem;}
    .home_faq .head_m .btn img{ height: 1rem;}
    .home_faq .head_m .btn p{ font-size: 1.2rem;}
    .home_faq .body{ grid-gap: 0.8rem; margin-top: 2rem;}
    .home_faq .body .wrap{ border-radius: 1.2rem;}
    .home_faq .body .wrap .ft{ padding: 2rem;}
    .home_faq .body .wrap .ft p{ font-size: 1.2rem;}
    .home_faq .body .wrap .ft i{ flex: 0 0 1.4rem; margin-left: 2rem; width: 1.4rem; height: 1.4rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_faq .body .wrap .fb{ padding: 0 2rem; font-size: 1rem;}
    .home_faq .body .wrap.on .fb{ padding: 2rem;}
}


.home_notice{ padding-top: 100px;}
.home_notice .modle_min{ position: relative; padding: 0 50px 0 150px; border-radius: 50px; background: #f2f3f5;}
.home_notice .head{ position: absolute; top: 50%; left: 50px; transform: translate(0,-50%); font-size: 20px; font-weight: 700; color: #000;}
.home_notice .rolling{ overflow: hidden; height: 80px;}
.home_notice .swiper-wrapper .swiper-slide{ display: flex; justify-content: space-between; align-items: center;}
.home_notice .swiper-wrapper .swiper-slide .tit{ flex: 1; display: flex; align-items: center; height: 80px; cursor: pointer;}
.home_notice .swiper-wrapper .swiper-slide .tit p{ max-width: 80%; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_notice .swiper-wrapper .swiper-slide .tit span{ display: flex; justify-content: center; align-items: center; margin-left: 10px; width: 50px; height: 25px; border-radius: 30px; border: 1px solid #F00; background: #FFF; font-size: 12px; font-weight: 500; color: #F00;}
.home_notice .swiper-wrapper .swiper-slide .date{ flex: 0 0 200px; display: flex; justify-content: flex-end; align-items: center; height: 80px; font-size: 14px; color: #666;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_notice{ padding-top: 3rem;}
    .home_notice .modle_min{ padding: 2rem; border-radius: 1.2rem;}
    .home_notice .head{ position: initial; transform: translate(0,0); font-size: 1.8rem;}
    .home_notice .rolling{ margin-top: 1rem; height: 4rem;}
    .home_notice .swiper-wrapper .swiper-slide{ display: block;}
    .home_notice .swiper-wrapper .swiper-slide .tit{ height: 2rem;}
    .home_notice .swiper-wrapper .swiper-slide .tit p{ font-size: 1.2rem;}
    .home_notice .swiper-wrapper .swiper-slide .tit span{ margin-left: 0.4rem; width: 3rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .home_notice .swiper-wrapper .swiper-slide .date{ flex: 1; display: block; margin-top: 0.4rem; height: auto; font-size: 1rem; letter-spacing: 0;}
}


.home_banner{ margin-top: 120px; background: url(/images/hb_bg.jpg) center bottom/cover;}
.home_banner .modle_min{ display: flex; flex-direction: column; justify-content: center; position: relative; height: 320px;}
.home_banner .tit{ line-height: 1.2; font-size: 30px; font-weight: 700; color: #FFF;}
.home_banner .btn{ display: flex; grid-gap: 10px; margin-top: 30px;}
.home_banner .btn a{ display: flex; justify-content: center; align-items: center; width: 220px; height: 60px; border-radius: 30px; background: #2768d6; cursor: pointer;}
.home_banner .btn a p{ font-size: 18px; font-weight: 500; color: #FFF;}
.home_banner .btn a:nth-child(2){ border: 2px solid rgba(255 255 255/60%); background: none;}
.home_banner .btn a:nth-child(2) p span{ color: #fbd005;}
.home_banner img{ display: block; position: absolute; right: 0; bottom: 0;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .home_banner .modle_min{ align-items: center; padding-top: 80px; height: auto; text-align: center;}
    .home_banner img{ position: initial; margin: 50px auto -1px auto; width: 300px;}
}
@media(max-width: 768px){
    .home_banner{ margin-top: 3rem;}
    .home_banner .modle_min{ padding-top: 3rem;}
    .home_banner .tit{ font-size: 1.4rem;}
    .home_banner .btn{ grid-gap: 0.4rem; margin-top: 2rem;}
    .home_banner .btn a{ width: 10rem; height: 3rem; border-radius: 3rem;}
    .home_banner .btn a p{ font-size: 1rem;}
    .home_banner img{ margin: 2rem auto -1px auto; width: 16rem;}
}







.sub{ padding: 130px 0 100px 0;}
.sub_wrap{ display: flex; margin-top: -50px; margin-bottom: -100px;}
.sub_wrap.modle_min{ max-width: 100%;}
.sub_wrap .sub_left{ overflow: auto; position: fixed; z-index: 90; top: 0; bottom: 0; left: 0; padding: 80px 0 50px 0; width: 250px; background: #FFF; box-shadow: 1px 0 0 0 rgba(0 0 0/5%);}
.sub_wrap .sub_left::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_wrap .sub_left::-webkit-scrollbar-thumb{ background-color: #2768d6;}
.sub_wrap .sub_right{ flex: 1; margin: 0 -20px 0 0; padding: 30px 0 30px 230px;}
.sub_title{ position: relative; font-size: 24px; font-weight: 700; color: #000;}
.sub_title i{ display: flex; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; font-size: 24px; color: #000; cursor: pointer;}
.sub_title.center{ text-align: center;}
.sub_text{ display: none; margin-top: 10px; line-height: 1.2; font-size: 16px; color: rgba(0 0 0/70%);}
.sub_text span{ font-size: 14px; color: #F00;}
.sub_tit{ padding: 50px 0 20px 0; font-size: 24px; font-weight: 600; color: #000;}
@media(max-width: 1400px){
    .sub_wrap .sub_left{ display: none;}
}
@media(max-width: 1024px){
    .sub_wrap{ display: block;}
    .sub_wrap .sub_left{ display: none;}
    .sub_wrap .sub_right{ padding: 50px 0 100px 0;}
}
@media(max-width: 768px){
    .sub{ padding: 7rem 0 3rem 0;}
    .sub_wrap{ margin-top: -2rem; margin-bottom: -3rem;}
    .sub_wrap .sub_right{ margin: 0; padding: 1.2rem 0 6.7rem 0;}
    .sub_title{ font-size: 1.8rem;}
    .sub_text{ margin-top: 0.4rem; font-size: 1rem;}
    .sub_text span{ font-size: 0.8rem;}
}


.full_left_wrap{ position: relative; z-index: 10;}
.full_left_wrap .my{ position: relative; padding: 20px 30px 20px 30px; border-bottom: 1px solid #e5e5e5;}
.full_left_wrap .my .btn{ position: absolute; top: 15px; right: 15px; cursor: pointer;}
.full_left_wrap .my .btn i{ font-size: 24px; color: #999; animation: flbtn 4s infinite; animation-timing-function: linear;}
.full_left_wrap .my .user{ display: flex; align-items: center; grid-gap: 10px;}
.full_left_wrap .my .user img{ display: block; height: 40px;}
.full_left_wrap .my .user .name{}
.full_left_wrap .my .user .name .t1{ font-size: 15px; font-weight: 700; color: #000;}
.full_left_wrap .my .user .name .t2{ padding-top: 3px; font-size: 12px; color: #999;}
.full_left_wrap .my .list{ display: grid; grid-gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9;}
.full_left_wrap .my .list .wrap{ display: flex; justify-content: space-between; align-items: center;}
.full_left_wrap .my .list .wrap .tit{ font-size: 12px; color: #333;}
.full_left_wrap .my .list .wrap .txt{ font-size: 12px; color: #666;}
.full_left_wrap .my .list .wrap .txt b{ font-size: 18px; font-weight: 700; color: #000;}
.full_left_wrap .my .list .wrap:nth-child(1) .txt b{ color: #F00;}
.full_left_wrap .my .list .wrap:nth-child(2) .txt b{ color: #08a137;}
.full_left_wrap .my .list .wrap:nth-child(3) .txt b{ color: #025afb;}
.full_left_wrap .my .tg{ display: none;}
.full_left_wrap .menu{ padding: 20px 10px; border-bottom: 1px solid #e5e5e5;}
.full_left_wrap .menu a{ display: flex; align-items: center; position: relative; padding: 0 20px; height: 40px; border-radius: 20px; transition: all .2s;}
.full_left_wrap .menu a .tip{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -8px; width: 40px; height: 20px; border-radius: 20px; background: #F00; animation: vb_tip 1s infinite;}
.full_left_wrap .menu a .tip span{ overflow: hidden; position: absolute; bottom: -6px; left: clac(50% - 7.5px); width: 15px; height: 10px;}
.full_left_wrap .menu a .tip span:before{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F00; transform-origin: right top; transform: rotate(45deg);}
.full_left_wrap .menu a .tip p{ font-size: 12px; font-weight: 500; color: #FFF; transform: scale(0.9);}
.full_left_wrap .menu a .icon{ display: flex; justify-content: center; position: relative; width: 22px;}
.full_left_wrap .menu a .icon img{ display: block; height: 22px; filter: grayscale(0); opacity: 1;}
.full_left_wrap .menu a .icon img:nth-child(2){ position: absolute; z-index: 10; top: 0; opacity: 0;}
.full_left_wrap .menu a > p{ margin-left: 15px; font-size: 15px; font-weight: 500; color: #000;}
.full_left_wrap .menu a:hover{}
.full_left_wrap .menu a:hover .icon{ transform: scale(1);}
.full_left_wrap .menu a.on{ background: #2768d6;}
.full_left_wrap .menu a.on > p{ font-weight: 700; color: #FFF;}
.full_left_wrap .menu a.on .icon{}
.full_left_wrap .menu a.on .icon img:nth-child(1){ opacity: 0;}
.full_left_wrap .menu a.on .icon img:nth-child(2){ opacity: 1;}
.full_left_wrap .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px 15px 30px;}
.full_left_wrap .head .title{ font-size: 18px; font-weight: 700; color: #000;}
.full_left_wrap .head a{ display: block;}
.full_left_wrap .head a i{ font-size: 20px; color: #666;}
.full_left_wrap .notice{}
.full_left_wrap .notice .rolling{ overflow: hidden;}
.full_left_wrap .notice .rolling .swiper-wrapper{}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide{ width: 100%;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 0 30px;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .new{ display: inline-block; transform: translate(0,-2px); margin-right: 5px; width: 40px; height: 20px; border-radius: 20px; border: 1px solid #F00; background: #FFF; text-align: center; line-height: 18px; font-size: 12px; color: #F00;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .tit{ line-height: 22px; font-size: 15px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .date{ margin-top: 5px; font-size: 12px; color: #999;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a i{ display: none; justify-content: center; align-items: center; position: absolute; right: 30px; bottom: 30px; width: 18px; height: 18px; border-radius: 50%; background: #DDD; font-size: 12px; color: #FFF; transition: all .2s;}
.full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a:hover i{ background: #2768d6;}
.full_left_wrap_notice_page{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; margin-top: 10px;}
.full_left_wrap_notice_page span{ display: block; margin: 0 !important; width: 6px; height: 6px; border-radius: 10px; background: rgba(0 0 0/50%); transition: all .2s;}
.full_left_wrap_notice_page span.swiper-pagination-bullet-active{ width: 12px; background: #2768d6;}
@keyframes flbtn{
    0%   { transform: translate(0,0) rotate(0) scale(1); opacity: 1;}
    100% { transform: translate(0,0) rotate(360deg) scale(1); opacity: 1;}
}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .full_left_wrap .my{ padding: 1.5rem 3rem 2rem 3rem;}
    .full_left_wrap .my .btn{ top: 0; right: 1rem;}
    .full_left_wrap .my .btn i{ font-size: 1.8rem;}
    .full_left_wrap .my .user{ grid-gap: 0.6rem;}
    .full_left_wrap .my .user img{ height: 4rem;}
    .full_left_wrap .my .user .name .t1{ font-size: 1.4rem;}
    .full_left_wrap .my .user .name .t2{ padding-top: 0.3rem; font-size: 1rem;}
    .full_left_wrap .my .list{ grid-gap: 0.8rem; margin-top: 1.5rem; padding-top: 1.5rem;}
    .full_left_wrap .my .list .wrap .tit{ font-size: 1rem;}
    .full_left_wrap .my .list .wrap .txt{ font-size: 1rem;}
    .full_left_wrap .my .list .wrap .txt b{ font-size: 1.4rem;}
    .full_left_wrap .menu{ grid-gap: 1.5rem 0; padding: 1.5rem 1.5rem;}
    .full_left_wrap .menu a{ padding: 0 1.5rem; height: 3.5rem; border-radius: 2rem;}
    .full_left_wrap .menu a .tip{ top: -0.4rem; width: 2.8rem; height: 1.4rem; border-radius: 1rem;}
    .full_left_wrap .menu a .tip p{ font-size: 0.8rem; letter-spacing: 0;}
    .full_left_wrap .menu a .icon{ width: 2rem;}
    .full_left_wrap .menu a .icon img{ height: 1.8rem;}
    .full_left_wrap .menu a > p{ font-size: 1.2rem;}
    .full_left_wrap .menu a:hover .icon{ transform: scale(1);}
    .full_left_wrap .head{ padding: 2rem 3rem 0 3rem;}
    .full_left_wrap .head .title{ font-size: 1.6rem;}
    .full_left_wrap .head a i{ font-size: 1.4rem;}
    .full_left_wrap .notice .rolling{}
    .full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a{ padding: 1.5rem 3rem;}
    .full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .new{ transform: translate(0,-0.1rem); margin-right: 0.4rem; width: 2.5rem; height: 1.4rem; border-radius: 1rem; line-height: 1.4rem; font-size: 0.8rem;}
    .full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .tit{ line-height: 1.5rem; font-size: 1.1rem;}
    .full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a .date{ margin-top: 1rem; font-size: 0.9rem;}
    .full_left_wrap .notice .rolling .swiper-wrapper .swiper-slide a i{ right: 1.5rem; bottom: 1.5rem; width: 1.5rem; height: 1.5remx; font-size: 0.8rem;}
    .full_left_wrap_notice_page{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; margin-top: 10px;}
    .full_left_wrap_notice_page span{ display: block; margin: 0 !important; width: 6px; height: 6px; border-radius: 10px; background: rgba(0 0 0/50%); transition: all .2s;}
    .full_left_wrap_notice_page span.swiper-pagination-bullet-active{ width: 12px; background: #2768d6;}
}








.sub_sms_layout{ display: flex; grid-gap: 15px; position: fixed; top: 110px; right: 30px; bottom: 30px; left: 280px;}
@media(max-width: 1400px){
    .sub_sms_layout{ left: 30px;}
}
@media(max-width: 1024px){
    .sub_sms_layout{ bottom: 108px;}
}
@media(max-width: 768px){
    .sub_sms_layout{ display: grid; grid-gap: 0.6rem; position: initial;}
}


.sub_sms{ display: flex; flex-direction: column; margin-bottom: 365px; padding: 20px; width: 33.333%; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_sms .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_sms textarea{ display: block; margin: 20px 0 0 0; padding: 0; width: 100%; height: 100%; resize: none; border-radius: 0; border: 0; background: #FFF; line-height: 1.6; font-size: 15px; font-weight: 400; color: #000; letter-spacing: 0; outline: none; -webkit-appearance: none;}
.sub_sms .box{ position: relative;}
.sub_sms .option{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 0 20px; height: 60px; border-radius: 10px; border: 1px solid rgba(0 0 0/5%); background: #fafbff;}
.sub_sms .option .btn{ display: flex; grid-gap: 5px;}
.sub_sms .option .btn a{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(0 0 0/80%); transition: all .2s; cursor: pointer;}
.sub_sms .option .btn a i{ font-size: 18px; color: #FFF;}
.sub_sms .option .btn a p{ font-size: 14px; color: #FFF;}
.sub_sms .option .btn a:hover{ background: #2768d6;}
.sub_sms .option .txt{ font-size: 14px; color: rgba(0 0 0/60%);}
.sub_sms .option .txt b{ font-size: 14px; font-weight: 700; color: #2768d6;}
.sub_sms > .btn{ display: flex; justify-content: flex-end; grid-gap: 5px; margin-top: 20px;}
.sub_sms > .btn a{ display: flex; justify-content: center; align-items: center; padding: 0; width: 200px; height: 40px; border-radius: 20px; background: #2768d6; font-size: 14px; color: #FFF; cursor: pointer;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_sms{ margin-bottom: 415px; width: 50%;}
}
@media(max-width: 768px){
    .sub_sms{ margin: 0; padding: 1.5rem; width: 100%; border-radius: 1.2rem;}
    .sub_sms .tit{ font-size: 1.4rem;}
    .sub_sms textarea{ margin-top: 1.5rem; height: 10rem; font-size: 1.1rem;}
    .sub_sms .option{ margin-top: 1rem; padding: 0 1rem; height: 4rem; border-radius: 1rem;}
    .sub_sms .option .btn{ grid-gap: 0.4rem;}
    .sub_sms .option .btn a{ width: 2rem; height: 2rem;}
    .sub_sms .option .btn a i{ font-size: 1rem;}
    .sub_sms .option .btn a p{ font-size: 1rem;}
    .sub_sms .option .txt{ font-size: 1rem;}
    .sub_sms .option .txt b{ font-size: 1rem;}
    .sub_sms > .btn{ grid-gap: 0.4rem; margin-top: 1rem;}
    .sub_sms > .btn a{ width: 10rem; height: 2.5rem; border-radius: 2rem; font-size: 0.9rem;}
}


.option_emoji{ position: absolute; z-index: 120; top: -310px; right: 0; left: 0;}
.option_emoji .contents{ overflow: hidden; position: relative; z-index: 10; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/30%); transform: translate(0,-50px); opacity: 0; transition: opacity .2s, transform .2s;}
.option_emoji .head{}
.option_emoji .head .search{ position: relative; padding: 20px;}
.option_emoji .head .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.option_emoji .head .search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 20px; right: 20px; width: 40px; height: 40px; font-size: 18px; color: #000; cursor: pointer;}
.option_emoji .head .menu{ display: flex; grid-gap: 20px; padding: 0 20px; border-bottom: 1px solid #e5e5e5;}
.option_emoji .head .menu a{ display: flex; justify-content: center; align-items: center; padding: 0 0 10px 0; cursor: pointer;}
.option_emoji .head .menu a i{ font-size: 24px; color: #CCC; transition: all .2s;}
.option_emoji .head .menu a:hover i{ color: #333;}
.option_emoji .head .menu a.on{}
.option_emoji .head .menu a.on i{ color: #2768d6;}
.option_emoji .body{ overflow: auto; height: 200px;}
.option_emoji .body section{ padding: 20px; border-top: 1px solid #e5e5e5;}
.option_emoji .body section:first-child{ border-top: 0;}
.option_emoji .body section h3{ padding: 0 0 10px 0; font-size: 16px; font-weight: 500; color: #000; letter-spacing: 0;}
.option_emoji .body section .row{ display: flex; flex-wrap: wrap;}
.option_emoji .body section .row button{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; border: 2px solid #FFF; background: none; transition: all .2s; cursor: pointer;}
.option_emoji .body section .row button:hover{ border: 2px solid #000;}
.option_emoji .close{ position: fixed; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/30%); transition: opacity .5s;}
.option_emoji.on .contents{ height: 320px; transform: translate(0,0); opacity: 1;}
.option_emoji.on .close{ top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .option_emoji{ top: 4rem;}
    .option_emoji .contents{ border-radius: 1.2rem;}
    .option_emoji .head .search{ padding: 1.5rem;}
    .option_emoji .head .search input{ padding: 0 1.2rem; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_emoji .head .search i{ top: 1.5rem; right: 1.5rem; width: 3rem; height: 3rem; font-size: 1.2rem;}
    .option_emoji .head .menu{ justify-content: space-between; grid-gap: 0; padding: 0 1.5rem;}
    .option_emoji .head .menu a{ padding: 0 0 0.6rem 0;}
    .option_emoji .head .menu a i{ font-size: 1.6rem;}
    .option_emoji .body{ overflow: auto; height: 14rem;}
    .option_emoji .body section{ padding: 1.5rem;}
    .option_emoji .body section h3{ padding: 0 0 0.6rem 0; font-size: 1.1rem;}
    .option_emoji .body section .row button{ width: 2.6rem; height: 2.6rem; font-size: 1.4rem;}
    .option_emoji.on .contents{ height: 22rem;}
}


.option_img{ position: absolute; z-index: 120; top: -120px; right: 0; left: 0;}
.option_img .contents{ overflow: hidden; display: flex; flex-direction: column; grid-gap: 10px; position: relative; z-index: 10; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/30%); transform: translate(0,-50px); opacity: 0; transition: opacity .2s, transform .2s;}
.option_img .fl{ flex: 1; display: flex;}
.option_img .fl input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 10px 0 0 10px; border: 1px solid #e5e5e5; border-right: 0; background: #fafafa; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.option_img .fl .btn{ flex: 0 0 100px; display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 0 10px 10px 0; border: 1px solid #e5e5e5; font-size: 15px; color: #000; cursor: pointer;}
.option_img .button{ display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 10px; background: #2768d6; font-size: 15px; color: #FFF; cursor: pointer;}
.option_img .close{ position: fixed; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/30%); transition: opacity .5s;}
.option_img.on .contents{ padding: 20px; height: 130px; transform: translate(0,0); opacity: 1;}
.option_img.on .close{ top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .option_img{ top: 4rem;}
    .option_img .contents{ display: block; border-radius: 1.2rem;}
    .option_img .fl input{ padding: 0 1.2rem; height: 3rem; border-radius: 0.6rem 0 0 0.6rem; font-size: 1rem;}
    .option_img .fl .btn{ flex: 0 0 6rem; height: 3rem; border-radius: 0 0.6rem 0.6rem 0; font-size: 1rem;}
    .option_img .button{ flex: 1; margin-top: 1rem; width: 100%; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_img.on .contents{ padding: 1.5rem; height: 10rem;}
}


.option_link{ position: absolute; z-index: 120; top: -120px; right: 0; left: 0;}
.option_link .contents{ overflow: hidden; display: flex; flex-direction: column; grid-gap: 10px; position: relative; z-index: 10; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/30%); transform: translate(0,-50px); opacity: 0; transition: opacity .2s, transform .2s;}
.option_link input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.option_link .button{ display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 10px; background: #2768d6; font-size: 15px; color: #FFF; cursor: pointer;}
.option_link .close{ position: fixed; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/30%); transition: opacity .5s;}
.option_link.on .contents{ padding: 20px; height: 130px; transform: translate(0,0); opacity: 1;}
.option_link.on .close{ top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .option_link{ top: 4rem;}
    .option_link .contents{ display: block; border-radius: 1.2rem;}
    .option_link input{ padding: 0 1.2rem; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_link .button{ flex: 1; margin-top: 1rem; width: 100%; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_link.on .contents{ padding: 1.5rem; height: 10rem;}
}


.option_link_kr{ position: absolute; z-index: 120; top: -120px; right: 0; left: 0;}
.option_link_kr .contents{ overflow: hidden; display: flex; flex-direction: column; grid-gap: 10px; position: relative; z-index: 10; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/30%); transform: translate(0,-50px); opacity: 0; transition: opacity .2s, transform .2s;}
.option_link_kr input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.option_link_kr .button{ display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 10px; background: #2768d6; font-size: 15px; color: #FFF; cursor: pointer;}
.option_link_kr .close{ position: fixed; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/30%); transition: opacity .5s;}
.option_link_kr.on .contents{ padding: 20px; height: 130px; transform: translate(0,0); opacity: 1;}
.option_link_kr.on .close{ top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .option_link_kr{ top: 4rem;}
    .option_link_kr .contents{ display: block; border-radius: 1.2rem;}
    .option_link_kr input{ padding: 0 1.2rem; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_link_kr .button{ flex: 1; margin-top: 1rem; width: 100%; height: 3rem; border-radius: 0.6rem; font-size: 1rem;}
    .option_link_kr.on .contents{ padding: 1.5rem; height: 10rem;}
}


.sub_sms_number{ display: flex; flex-direction: column; position: absolute; left: 0; bottom: 0; padding: 20px; width: calc(33.333% - 7.5px); height: 350px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_sms_number .head{}
.sub_sms_number .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_sms_number .head .menu{ display: flex; grid-gap: 5px; margin: 20px 0 0 0;}
.sub_sms_number .head .menu p{ display: flex; justify-content: center; align-items: center; width: 33.333%; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/5%); background: #fafbff; font-size: 14px; color: #666; cursor: pointer;}
.sub_sms_number .head .menu p.on{ border-color: #2768d6; background: #2768d6; font-weight: 500; color: #FFF;}
.sub_sms_number .head .menu p.on:before{ content: ""; display: none; position: absolute; bottom: -25px; left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; background: #2768d6;}
.sub_sms_number .body{ padding: 20px 0 0 0; height: 100%;}
.sub_sms_number .body .wrap{ display: none; flex-direction: column; height: 100%;}
.sub_sms_number .body .wrap textarea{ display: block; margin: 0; padding: 0; width: 100%; height: 100%; resize: none; border-radius: 0; border: 0; background: #FFF; line-height: 1.6; font-size: 15px; font-weight: 400; color: #000; letter-spacing: 0; outline: none; -webkit-appearance: none;}
.sub_sms_number .body .wrap .btn{ display: flex; justify-content: flex-end; grid-gap: 5px;}
.sub_sms_number .body .wrap .btn a{ display: flex; justify-content: center; align-items: center; padding: 0; width: 50%; height: 40px; border-radius: 20px; background: #2768d6; font-size: 14px; color: #FFF; cursor: pointer;}
.sub_sms_number .body .wrap .file{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; height: 100%; border-radius: 10px; border: 1px dashed rgba(0 0 0/15%); background: #fafbff; cursor: pointer;}
.sub_sms_number .body .wrap .file i{ font-size: 40px; color: #2768d6;}
.sub_sms_number .body .wrap .file p{ margin-top: 10px; font-size: 15px; color: #666;}
.sub_sms_number .body .wrap .file p b{ font-weight: 500; color: #2768d6;}
.sub_sms_number .body .wrap .book{ overflow: auto; margin-bottom: 20px; padding: 10px 0; height: 100%; border-radius: 10px; border: 1px solid rgba(0 0 0/10%);}
.sub_sms_number .body .wrap .book label{ display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; transition: all .2s; cursor: pointer;}
.sub_sms_number .body .wrap .book label p{ flex: 1; display: flex; align-items: center; grid-gap: 10px; line-height: 1.2; font-size: 14px; color: #333;}
.sub_sms_number .body .wrap .book label p i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #e5e5e5; background: #FFF; font-size: 12px; color: #FFF;}
.sub_sms_number .body .wrap .book label span{ flex: 0 0 120px; text-align: right; font-size: 14px; color: #666;}
.sub_sms_number .body .wrap .book label span b{ font-weight: 600; color: #000;}
.sub_sms_number .body .wrap .book label:hover{ background: #fafbff;}
.sub_sms_number .body .wrap .book label.on p{ font-weight: 500; color: #000;}
.sub_sms_number .body .wrap .book label.on p i{ border-color: #2768d6; background: #2768d6; color: #FFF;}
.sub_sms_number .body .wrap.on{ display: flex;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_sms_number{ width: calc(50% - 7.5px); height: 400px;}
}
@media(max-width: 768px){
    .sub_sms_number{ position: initial; margin-top: 0; padding: 1.5rem; width: 100%; height: auto; border-radius: 1.2rem;}
    .sub_sms_number .head .tit{ font-size: 1.4rem;}
    .sub_sms_number .head .menu{ grid-gap: 0.4rem; margin: 1.5rem 0 0 0;}
    .sub_sms_number .head .menu p{ height: 3rem; border-radius: 3rem; font-size: 1rem;}
    .sub_sms_number .body{ padding: 1.5rem 0 0 0;}
    .sub_sms_number .body .wrap textarea{ height: 14rem; font-size: 1.1rem;}
    .sub_sms_number .body .wrap .btn{ grid-gap: 0.4rem;}
    .sub_sms_number .body .wrap .btn a{ width: 12rem; height: 2.5rem; border-radius: 3rem; font-size: 0.9rem;}
    .sub_sms_number .body .wrap .file{ margin-bottom: 1.5rem; height: 12.5rem; border-radius: 1.2rem;}
    .sub_sms_number .body .wrap .file i{ font-size: 3rem;}
    .sub_sms_number .body .wrap .file p{ margin-top: 0.6rem; font-size: 1rem;}
    .sub_sms_number .body .wrap .book{ margin-bottom: 1.5rem; padding: 0.6rem 0; height: 12.5rem; border-radius: 1.2rem;}
    .sub_sms_number .body .wrap .book label{ padding: 0.4rem 1rem;}
    .sub_sms_number .body .wrap .book label p{ grid-gap: 0.6rem; font-size: 1rem;}
    .sub_sms_number .body .wrap .book label p i{ width: 1.4rem; height: 1.4rem; border-radius: 0.4rem; font-size: 0.8rem;}
    .sub_sms_number .body .wrap .book label span{ flex: 0 0 6rem; font-size: 1rem;}
}


.sub_sms_send{ overflow: auto; padding: 20px; width: 33.333%; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_sms_send::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_sms_send::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.sub_sms_send .head{}
.sub_sms_send .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_sms_send .head .tit b{ font-weight: 700; color: #2768d6;}
.sub_sms_send .number{ overflow: hidden; margin: 20px 0; border-radius: 10px; border: 1px solid rgba(0 0 0/10%);}
.sub_sms_send .number .ft{ padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.sub_sms_send .number .fb{ overflow: auto; padding: 10px 0; height: 150px; border-radius: 0 0 20px 20px;}
.sub_sms_send .number label{ display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; transition: all .2s; cursor: pointer;}
.sub_sms_send .number label p{ flex: 1; display: flex; align-items: center; grid-gap: 10px; line-height: 1.2; font-size: 14px; color: #333;}
.sub_sms_send .number label p i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #e5e5e5; background: #FFF; font-size: 12px; color: #FFF;}
.sub_sms_send .number label:hover{ background: #fafbff;}
.sub_sms_send .number label.on p{ font-weight: 500; color: #000;}
.sub_sms_send .number label.on p i{ border-color: #2768d6; background: #2768d6; color: #FFF;}
.sub_sms_send .btn{ display: flex; justify-content: flex-end; grid-gap: 5px;}
.sub_sms_send .btn a{ display: flex; justify-content: center; align-items: center; padding: 0; width: 50%; height: 40px; border-radius: 20px; background: #2768d6; font-size: 14px; color: #FFF; cursor: pointer;}

.sub_sms_send .option{ display: grid; grid-gap: 10px; margin-top: 20px;}
.sub_sms_send .option .wrap{ border-radius: 10px; border: 1px solid rgba(0 0 0/5%); background: #fafbff;}
.sub_sms_send .option .wrap .ft{ display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.sub_sms_send .option .wrap .ft .tit{ font-size: 14px; font-weight: 500; color: #000;}
.sub_sms_send .option .wrap .ft .btn{ display: flex; align-items: center; grid-gap: 20px;}
.sub_sms_send .option .wrap .ft .btn label{ display: flex; align-items: center; grid-gap: 5px; cursor: pointer;}
.sub_sms_send .option .wrap .ft .btn label i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; font-size: 12px; color: #FFF;}
.sub_sms_send .option .wrap .ft .btn label p{ font-size: 13px; color: #333;}
.sub_sms_send .option .wrap .ft .btn label.on i{ border-color: #2768d6; background: #2768d6; color: #FFF;}
.sub_sms_send .option .wrap .ft .btn label.on p{ font-weight: 500; color: #2768d6;}
.sub_sms_send .option .wrap .fb{ display: none; padding: 0 20px 20px 20px;}
.sub_sms_send .option .wrap .fb input{ display: block; margin: 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 0; outline: none; -webkit-appearance: none;}
.sub_sms_send .option .wrap .fb input:focus{ border-color: #2768d6;}
.sub_sms_send .option .wrap .fb textarea{ display: block; margin: 0; padding: 10px 15px; width: 100%; height: 120px; resize: none; border-radius: 10px; border: 1px solid rgba(0 0 0/10%); background: #FFF; line-height: 1.6; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 0; outline: none; -webkit-appearance: none;}
.sub_sms_send .option .wrap .fb textarea:focus{ border-color: #2768d6;}
.sub_sms_send .option .wrap .fb select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid rgba(0 0 0/10%); background:url(/images/icon_down.svg) no-repeat center right 10px #FFF; background-size: 20px auto; font-size: 12px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_sms_send .option .wrap .fb select:focus{ border-color: #2768d6;}
.sub_sms_send .option .wrap .fb .time{ display: flex; grid-gap: 5px; margin-top: 5px;}
.sub_sms_send .option .wrap .fb .time select{ width: 33.333%;}
.sub_sms_send .option .wrap .fb .time_send{ display: flex; align-items: center; grid-gap: 10px;}
.sub_sms_send .option .wrap .fb .time_send select{ width: auto;}
.sub_sms_send .option .wrap .fb .time_send p{ font-size: 12px; color: #333;}
.sub_sms_send .option .wrap.on .fb{ display: block;}

.sub_sms_send .button{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 20px; height: 50px; border-radius: 30px; background: #2768d6; box-shadow: 0 2px 10px 0 rgba(39 104 214/30%); cursor: pointer;}
.sub_sms_send .button i{ font-size: 24px; color: #FFF;}
.sub_sms_send .button p{ font-size: 18px; font-weight: 500; color: #FFF;}
.sub_sms_send .button p b{ font-weight: 700; color: #FFF;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_sms_send{ margin-bottom: 415px; width: 50%;}
}
@media(max-width: 768px){
    .sub_sms_send{ margin: 0; padding: 1.5rem; width: 100%; height: auto; border-radius: 1.2rem;}
    .sub_sms_send .head .tit{ font-size: 1.4rem;}
    .sub_sms_send .number{ margin: 1.5rem 0; border-radius: 1rem;}
    .sub_sms_send .number .ft{ padding: 0.4rem 0;}
    .sub_sms_send .number .fb{ padding: 0.6rem 0; height: 14rem; border-radius: 0 0 1rem 1rem;}
    .sub_sms_send .number label{ padding: 0.4rem 1rem;}
    .sub_sms_send .number label p{ grid-gap: 0.6rem; font-size: 1rem;}
    .sub_sms_send .number label p i{ width: 1.4rem; height: 1.4rem; border-radius: 0.4rem; font-size: 0.8rem;}

    .sub_sms_send .btn{ grid-gap: 0.4rem;}
    .sub_sms_send .btn a{ width: 50rem; height: 2.5rem; border-radius: 3rem; font-size: 1rem;}

    .sub_sms_send .option{ grid-gap: 0.8rem; margin-top: 1.5rem;}
    .sub_sms_send .option .wrap{ border-radius: 1.2rem;}
    .sub_sms_send .option .wrap .ft{ padding: 1.2rem 1.5rem;}
    .sub_sms_send .option .wrap .ft .tit{ font-size: 1.1rem;}
    .sub_sms_send .option .wrap .ft .btn{ grid-gap: 1.2rem;}
    .sub_sms_send .option .wrap .ft .btn label{ grid-gap: 0.4rem;}
    .sub_sms_send .option .wrap .ft .btn label i{ width: 1.4rem; height: 1.4rem; font-size: 0.8rem;}
    .sub_sms_send .option .wrap .ft .btn label p{ font-size: 1rem;}
    .sub_sms_send .option .wrap .fb{ display: none; padding: 0 1.5rem 1.5rem 1.5rem;}
    .sub_sms_send .option .wrap .fb input{ padding: 0 1rem; height: 3.4rem; border-radius: 0.8rem; font-size: 1.1rem;}
    .sub_sms_send .option .wrap .fb textarea{ padding: 0.6rem 1rem; height: 10rem; border-radius: 0.8rem; font-size: 1.1rem;}
    .sub_sms_send .option .wrap .fb select{ padding: 0 2.4rem 0 1rem; height: 3.4rem; border-radius: 0.8rem; background:url(/images/icon_down.svg) no-repeat center right 1rem #FFF; background-size: 1.2rem auto; font-size: 1.1rem;}
    .sub_sms_send .option .wrap .fb .time{ grid-gap: 0.6rem; margin-top: 0.6rem;}
    .sub_sms_send .option .wrap .fb .time_send{ grid-gap: 0.6rem;}
    .sub_sms_send .option .wrap .fb .time_send p{ font-size: 1rem;}

    .sub_sms_send .button{ grid-gap: 0.6rem; margin-top: 1.5rem; height: 3.5rem; border-radius: 4rem;}
    .sub_sms_send .button i{ font-size: 1.4rem;}
    .sub_sms_send .button p{ font-size: 1.2rem;}
}


.sub_sms_list{ overflow: auto; width: 33.333%; padding: 20px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_sms_list::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_sms_list::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.sub_sms_list .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_sms_list .list{ margin-top: 20px; border-top: 1px solid #e5e5e5;}
.sub_sms_list .wrap{ position: relative; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.sub_sms_list .wrap .txt{ line-height: 1.4; font-size: 15px; font-weight: 500; color: #000;}
.sub_sms_list .wrap .fb{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.sub_sms_list .wrap .date{ font-size: 13px; color: #999;}
.sub_sms_list .wrap .btn{ display: flex; grid-gap: 5px;}
.sub_sms_list .wrap .btn a{ display: flex; align-items: center; padding: 0 15px; height: 25px; border-radius: 20px; border: 1px solid rgba(0 0 0/5%); background: #fafbff; font-size: 12px; color: #333; transition: all .2s; cursor: pointer;}
.sub_sms_list .wrap .btn a:hover{ border-color: #2768d6; color: #2768d6;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_sms_list{ position: absolute; right: 0; bottom: 0; width: calc(50% - 7.5px); height: 400px;}
}
@media(max-width: 768px){
    .sub_sms_list{ position: initial; padding: 1.5rem; width: 100%; height: auto;}
    .sub_sms_list .tit{ font-size: 1.4rem;}
    .sub_sms_list .list{ margin-top: 1.5rem;}
    .sub_sms_list .wrap{ padding: 1.5rem 0;}
    .sub_sms_list .wrap .txt{ min-height: auto; line-height: 1.5rem; font-size: 1.1rem;}
    .sub_sms_list .wrap .fb{ margin-top: 1rem;}
    .sub_sms_list .wrap .date{ font-size: 1rem;}
    .sub_sms_list .wrap .btn{ grid-gap: 0.4rem; right: 1.5rem; bottom: 1.5rem;}
    .sub_sms_list .wrap .btn a{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 0.9rem;}
}


.sub_test_list{ overflow: auto; padding: 20px; width: calc(66.666% + 15px); border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_test_list::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_test_list::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.sub_test_list .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_test_list .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_test_list .head i{ font-size: 20px; color: #000; cursor: pointer;}
.sub_test_list .list{ margin-top: 20px; border-top: 1px solid #e5e5e5;}
.sub_test_list .wrap{ overflow: hidden; position: relative; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.sub_test_list .wrap .txt{ line-height: 1.4; font-size: 15px; font-weight: 500; color: #000;}
.sub_test_list .wrap .date{ font-size: 13px; color: #999;}
.sub_test_list .wrap .fb{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.sub_test_list .wrap .test{ display: flex; align-items: center; grid-gap: 15px;}
.sub_test_list .wrap .test a{ display: flex; justify-content: center; align-items: center; grid-gap: 5px;}
.sub_test_list .wrap .test a p{ padding-top: 2px; font-size: 15px; font-weight: 700; color: #333;}
.sub_test_list .wrap .test a span{ display: flex; align-items: center; padding: 0 10px; height: 25px; border-radius: 20px; background: #F00; font-size: 12px; color: #FFF;}
.sub_test_list .wrap .test a span.on{ background: #12cf17;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_test_list{ width: 50%;}
}
@media(max-width: 768px){
    .sub_test_list{ padding: 1.5rem; width: 100%;}
    .sub_test_list .head .tit{ font-size: 1.4rem;}
    .sub_test_list .head i{ font-size: 1.4rem;}
    .sub_test_list .list{ margin-top: 1.5rem;}
    .sub_test_list .wrap{ padding: 1.5rem 0;}
    .sub_test_list .wrap .txt{ line-height: 1.4; font-size: 1.2rem;}
    .sub_test_list .wrap .fb{ margin-top: 1rem;}
    .sub_test_list .wrap .date{ font-size: 1rem;}
    .sub_test_list .wrap .test{ grid-gap: 0.4rem;}
    .sub_test_list .wrap .test a{ grid-gap: 0.6rem;}
    .sub_test_list .wrap .test a p{ font-size: 1rem;}
    .sub_test_list .wrap .test a span{ padding: 0 0.8rem; height: 2rem; font-size: 0.9rem;}
}


.sub_result_list{ overflow: auto; padding: 20px; width: 100%; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_result_list::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_result_list::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}

.sub_result_list .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_result_list .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_result_list .head .fr{ display: flex; align-items: center; grid-gap: 20px;}
.sub_result_list .head .fr .menu{ display: flex; grid-gap: 20px;}
.sub_result_list .head .fr .menu a{ display: flex; align-items: center; grid-gap: 5px; cursor: pointer;}
.sub_result_list .head .fr .menu a i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #2768d6; font-size: 12px; color: #FFF;}
.sub_result_list .head .fr .menu a p{ font-size: 14px; color: #666;}
.sub_result_list .head .fr > i{ font-size: 20px; color: #000; cursor: pointer;}

.sub_result_list .list{ display: grid; margin-top: 20px; border-top: 1px solid #e5e5e5;}
.sub_result_list .wrap{ overflow: hidden; position: relative; padding: 20px 0 0 0; border-bottom: 1px solid #e5e5e5;}
.sub_result_list .wrap .ft{ display: flex; justify-content: space-between; align-items: center; grid-gap: 10px;}
.sub_result_list .wrap .ft .fl{ display: flex; align-items: center; grid-gap: 10px;}
.sub_result_list .wrap .ft .fl > i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #e5e5e5; font-size: 12px; color: #999; cursor: pointer;}
.sub_result_list .wrap .ft .fl > i.on{ border-color: #2768d6; background: #2768d6; color: #FFF;}
.sub_result_list .wrap .ft .result{ display: flex; justify-content: center; align-items: center; padding: 0 12px; height: 25px; border-radius: 20px; border: 1px solid #F00; font-size: 12px; font-weight: 500; color: #F00;}
.sub_result_list .wrap .ft .result.on{ border: 1px solid #08a137; color: #08a137;}
.sub_result_list .wrap .ft .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; padding: 0 12px; height: 25px; border-radius: 20px; background: #2768d6; box-shadow: 0 2px 6px 0 rgba(39 104 214/30%); cursor: pointer;}
.sub_result_list .wrap .ft .btn i{ font-size: 12px; font-weight: 500; color: #FFF;}
.sub_result_list .wrap .ft .btn p{ font-size: 12px; font-weight: 500; color: #FFF;}
.sub_result_list .wrap .fm{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.sub_result_list .wrap .fm .txt{ flex: 1; line-height: 1.4; font-size: 15px; font-weight: 500; color: #000;}
.sub_result_list .wrap .fm .date{ flex: 0 0 240px; display: flex; justify-content: flex-end; align-items: center; grid-gap: 5px; font-size: 13px; color: #666;}
.sub_result_list .wrap .fm .date b{ color: #333; letter-spacing: 0;}

.sub_result_list .wrap .info{ display: flex; margin-top: 20px; background: #fafbff;}
.sub_result_list .wrap .info .row{ padding: 20px 0; width: 50%; text-align: center;}
.sub_result_list .wrap .info .row:first-child{ border-left: 0;}
.sub_result_list .wrap .info .row p{ font-size: 13px; color: rgba(0 0 0/60%);}
.sub_result_list .wrap .info .row span{ display: block; margin-top: 5px; font-size: 14px; color: #000;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_result_list{ padding: 1.5rem; border-radius: 1.2rem;}
    .sub_result_list .head .tit{ font-size: 1.4rem;}
    .sub_result_list .head .fr{ grid-gap: 1.5rem;}
    .sub_result_list .head .fr .menu{ grid-gap: 1rem;}
    .sub_result_list .head .fr .menu a{ grid-gap: 0.4rem;}
    .sub_result_list .head .fr .menu a i{ width: 1.4rem; height: 1.4rem; font-size: 0.8rem;}
    .sub_result_list .head .fr .menu a p{ font-size: 1rem;}
    .sub_result_list .head .fr > i{ font-size: 1.4rem;}

    .sub_result_list .list{ margin-top: 1.5rem;}
    .sub_result_list .wrap{ padding-top: 1.5rem;}
    .sub_result_list .wrap .ft{ grid-gap: 0.8rem;}
    .sub_result_list .wrap .ft .fl > i{ width: 2rem; height: 2rem; font-size: 1rem;}
    .sub_result_list .wrap .ft .result{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 0.9rem;}
    .sub_result_list .wrap .ft .btn{ grid-gap: 0.4rem; padding: 0 1rem; height: 2rem; border-radius: 2rem;}
    .sub_result_list .wrap .ft .btn i{ font-size: 0.9rem;}
    .sub_result_list .wrap .ft .btn p{ font-size: 0.9rem;}
    .sub_result_list .wrap .fm{ display: block; margin-top: 1.5rem;}
    .sub_result_list .wrap .fm .txt{ line-height: 1.4rem; font-size: 1.2rem;}
    .sub_result_list .wrap .fm .date{ flex: 1; justify-content: flex-start; grid-gap: 0.6rem; margin-top: 1rem; font-size: 1rem;}
    .sub_result_list .wrap .info{ margin-top: 1.5rem;}
    .sub_result_list .wrap .info .row{ padding: 1rem 0;}
    .sub_result_list .wrap .info .row p{ font-size: 0.8rem;}
    .sub_result_list .wrap .info .row span{ margin-top: 0.4rem; line-height: 1.2; font-size: 0.9rem;}
}


.sub_phonebook_list{ overflow: auto; padding: 20px; width: 100%; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_phonebook_list::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_phonebook_list::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}

.sub_phonebook_list .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_phonebook_list .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_phonebook_list .head .btn{ display: flex; align-items: center; grid-gap: 5px;}
.sub_phonebook_list .head .btn i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #2768d6; font-size: 12px; color: #FFF;}
.sub_phonebook_list .head .btn p{ font-size: 14px; color: #666;}

.sub_phonebook_list .list{ margin-top: 20px; border-top: 1px solid #e5e5e5;}
.sub_phonebook_list .wrap{ position: relative; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.sub_phonebook_list .wrap .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; position: absolute; top: calc(50% - 12.5px); right: 0; padding: 0 15px; height: 25px; border-radius: 20px; background: #2768d6; box-shadow: 0 2px 6px 0 rgba(39 104 214/30%); cursor: pointer;}
.sub_phonebook_list .wrap .btn i{ font-size: 12px; color: #FFF;}
.sub_phonebook_list .wrap .btn p{ font-size: 12px; font-weight: 500; color: #FFF;}
.sub_phonebook_list .wrap .name{ display: flex; align-items: center; font-size: 15px; font-weight: 500; color: #000;}
.sub_phonebook_list .wrap .name b{ flex: 0 0 60px; font-weight: 700; color: #2768d6;}
.sub_phonebook_list .wrap .info{ display: flex; grid-gap: 30px; margin-top: 15px;}
.sub_phonebook_list .wrap .info .row{ display: flex; align-items: center; grid-gap: 10px;}
.sub_phonebook_list .wrap .info .row p{ font-size: 13px; color: rgba(0 0 0/50%);}
.sub_phonebook_list .wrap .info .row span{ font-size: 13px; font-weight: 500; color: #333;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_phonebook_list{ padding: 1.5rem; border-radius: 1.2rem;}

    .sub_phonebook_list .head .tit{ font-size: 1.4rem;}
    .sub_phonebook_list .head .btn{ grid-gap: 0.4rem;}
    .sub_phonebook_list .head .btn i{ width: 1.4rem; height: 1.4rem; font-size: 0.8rem;}
    .sub_phonebook_list .head .btn p{ font-size: 1rem;}

    .sub_phonebook_list .list{ margin-top: 1.5rem;}
    .sub_phonebook_list .wrap{ padding: 1.5rem 0;}
    .sub_phonebook_list .wrap .btn{ grid-gap: 0.5rem; top: 1.5rem; padding: 0 1rem; height: 2rem; border-radius: 2rem;}
    .sub_phonebook_list .wrap .btn i{ font-size: 0.9rem;}
    .sub_phonebook_list .wrap .btn p{ font-size: 0.9rem;}
    .sub_phonebook_list .wrap .name{ display: block; margin-right: 7rem; line-height: 1.4; font-size: 1.2rem;}
    .sub_phonebook_list .wrap .name b{ display: block; flex: 1; margin-bottom: 0.4rem;}
    .sub_phonebook_list .wrap .info{ grid-gap: 1rem; margin-top: 0.8rem;}
    .sub_phonebook_list .wrap .info .row{ grid-gap: 0.6rem;}
    .sub_phonebook_list .wrap .info .row p{ font-size: 1rem;}
    .sub_phonebook_list .wrap .info .row span{ font-size: 1rem;}
}


.sub_charge{ overflow: auto; padding: 20px; width: 33.333%; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_charge::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_charge::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.sub_charge .in{ display: flex; align-items: center; grid-gap: 20px; margin-top: 20px; border-bottom: 1px solid #000;}
.sub_charge .in:first-child{ margin-top: 0;}
.sub_charge .in p{ font-size: 18px; font-weight: 600; color: #000;}
.sub_charge .in select{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 50px 0 0; width: 100%; height: 50px; border-radius: 0; border: 0; background:url(/images/icon_down.svg) no-repeat center right 0; background-size: 20px auto; font-size: 18px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_charge .in input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0; width: 100%; height: 50px; border-radius: 0; border: 0; background: #FFF; font-size: 18px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.sub_charge .pay_btn{ display: flex; justify-content: flex-end; grid-gap: 5px; margin-top: 20px;}
.sub_charge .pay_btn a{ display: flex; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; border: 1px solid #DDD; font-size: 14px; font-weight: 400; color: #000; cursor: pointer;}
.sub_charge .pay_btn a:hover{ background: #fafbff;}
.sub_charge .button{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 30px; height: 60px; border-radius: 30px; background: #2768d6; box-shadow: 0 2px 10px 0 rgba(39 104 214/30%); cursor: pointer;}
.sub_charge .button i{ font-size: 30px; color: #FFF;}
.sub_charge .button p{ font-size: 20px; font-weight: 500; color: #FFF;}
.sub_charge .text{ display: grid; grid-gap: 10px; margin-top: 20px; padding: 20px; border-radius: 10px; border: 1px solid rgba(0 0 0/5%); background: #fafbff;}
.sub_charge .text p{ position: relative; padding-left: 10px; line-height: 1.2; font-size: 14px; color: #666;}
.sub_charge .text p:before{ content: ""; display: block; position: absolute; top: calc(50% - 2.5px); left: 0; width: 5px; height: 5px; border-radius: 50%; background: #666;}
@media(max-width: 1400px){
    .sub_charge .pay_btn{ display: grid; grid-template-columns: repeat(3,1fr);}
    .sub_charge .pay_btn a{ justify-content: center;}
}
@media(max-width: 1024px){
    .sub_charge{ width: 50%;}
}
@media(max-width: 768px){
    .sub_charge{ padding: 1.5rem; width: 100%; border-radius: 1.2rem;}
    .sub_charge .in{ grid-gap: 1.2rem; margin-top: 1rem;}
    .sub_charge .in p{ font-size: 1.2rem;}
    .sub_charge .in select{ padding: 0 2rem 0 0; height: 3.5rem; background-size: 1.2rem auto; font-size: 1.2rem;}
    .sub_charge .in input{ height: 3.5rem; font-size: 1.2rem;}
    .sub_charge .pay_btn{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0.4rem; margin-top: 1rem;}
    .sub_charge .pay_btn a{ justify-content: center; padding: 0 1rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
    .sub_charge .button{ grid-gap: 0.6rem; margin-top: 1.5rem; height: 3.5rem; border-radius: 3rem;}
    .sub_charge .button i{ font-size: 1.4rem;}
    .sub_charge .button p{ font-size: 1.2rem;}
    .sub_charge .text{ display: grid; grid-gap: 0.6rem; margin-top: 1.5rem; padding: 1.5rem;}
    .sub_charge .text p{ padding-left: 0.8rem; font-size: 0.9rem;}
    .sub_charge .text p:before{ top: calc(50% - 0.15rem); width: 0.3rem; height: 0.3rem;}
}


.sub_charge_list{ overflow: auto; padding: 20px; width: calc(66.666% + 15px); border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_charge_list::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.sub_charge_list::-webkit-scrollbar-thumb{ background-color: #FFF; border-radius: 0;}
.sub_charge_list .head{ display: flex; justify-content: space-between; align-items: center;}
.sub_charge_list .head .tit{ font-size: 20px; font-weight: 700; color: #000;}
.sub_charge_list .head i{ font-size: 20px; color: #000; cursor: pointer;}

.sub_charge_list .list{ margin-top: 20px; border-top: 1px solid #e5e5e5;}
.sub_charge_list .wrap{ overflow: hidden; position: relative; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.sub_charge_list .wrap .ft{ display: flex; justify-content: space-between; align-items: center;}
.sub_charge_list .wrap .fb{ display: flex; align-items: center; grid-gap: 30px; margin-top: 15px;}
.sub_charge_list .wrap .result{ display: flex; justify-content: center; align-items: center; padding: 0 12px; height: 25px; border-radius: 20px; border: 1px solid #F00; font-size: 12px; font-weight: 500; color: #F00;}
.sub_charge_list .wrap .result.on{ border: 1px solid #08a137; color: #08a137;}
.sub_charge_list .wrap .type{ display: flex; justify-content: center; align-items: center; grid-gap: 5px; padding: 0 12px; height: 25px; border-radius: 20px; border: 1px solid #e5e5e5; font-size: 12px; color: #666;}
.sub_charge_list .wrap .pay{ display: flex; align-items: flex-end; grid-gap: 2px; margin-top: 15px; font-size: 16px; color: #333;}
.sub_charge_list .wrap .pay b{ margin-left: 10px; font-size: 16px; font-weight: 700; color: #F00;}
.sub_charge_list .wrap .date{ display: flex; align-items: center; grid-gap: 5px; font-size: 13px; color: #999;}
.sub_charge_list .wrap .date b{ font-weight: 500; color: #333; letter-spacing: 0;}
.sub_charge_list .wrap .info{ display: flex; align-items: center; grid-gap: 10px;}
.sub_charge_list .wrap .info p{ font-size: 13px; color: #999;}
.sub_charge_list .wrap .info span{ font-size: 13px; color: #666;}
.sub_charge_list .wrap .info span b{ font-weight: 500; color: #000;}
.sub_charge_list .wrap .info i{ font-size: 13px; color: rgba(0 0 0/30%);}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .sub_charge_list{ width: 50%;}
    .sub_charge_list .wrap .fb{ display: grid; grid-gap: 8px;}
}
@media(max-width: 768px){
    .sub_charge_list{ width: 100%; border-radius: 1.2rem;}
    .sub_charge_list .head .tit{ font-size: 1.4rem;}
    .sub_charge_list .head i{ font-size: 1.4rem;}
    .sub_charge_list .list{ margin-top: 1.5rem;}
    .sub_charge_list .wrap{ padding: 1.5rem 0;}
    .sub_charge_list .wrap .ft{}
    .sub_charge_list .wrap .fb{ margin-top: 1rem;}
    .sub_charge_list .wrap .result{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 0.9rem;}
    .sub_charge_list .wrap .type{ padding: 0 1rem; height: 2rem; border-radius: 2rem; font-size: 0.9rem;}
    .sub_charge_list .wrap .pay{ grid-gap: 0.4rem; margin-top: 1rem; font-size: 1.2rem;}
    .sub_charge_list .wrap .pay b{ margin-left: 0.6rem; font-size: 1.2rem;}
    .sub_charge_list .wrap .date{ grid-gap: 0.6rem; font-size: 1rem;}
    .sub_charge_list .wrap .info{ grid-gap: 0.6rem;}
    .sub_charge_list .wrap .info p{ font-size: 1rem;}
    .sub_charge_list .wrap .info span{ font-size: 1rem;}
    .sub_charge_list .wrap .info i{ font-size: 1rem;}
}


.sub_notice{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin-top: 20px;}
.sub_notice a{ display: block; position: relative; padding: 30px; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 45 136/5%);}
.sub_notice a .new{ display: inline-block; transform: translate(0,-3px); margin-right: 5px; width: 40px; height: 20px; border-radius: 30px; border: 1px solid #F00; background: #FFF; text-align: center; line-height: 18px; font-size: 12px; font-weight: 500; color: #F00; letter-spacing: 0;}
.sub_notice a .tit{ min-height: 50px; line-height: 25px; font-size: 18px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_notice a .fb{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.sub_notice a .fb .date{ font-size: 14px; color: #666;}
.sub_notice a .fb i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #DDD; font-size: 12px; color: #FFF; transition: all .2s;}
.sub_notice a:hover .fb i{ background: #2768d6;}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_notice{ grid-template-columns: repeat(1,1fr); grid-gap: 0.5rem; margin-top: 1.2rem;}
    .sub_notice a{ padding: 1.5rem; border-radius: 1.2rem;}
    .sub_notice a .new{ transform: translate(0,-0.1rem); margin-right: 0.6rem; width: 3rem; height: 1.6rem; border-radius: 3rem; line-height: 1.5rem; font-size: 0.9rem;}
    .sub_notice a .tit{ min-height: auto; line-height: 1.8rem; font-size: 1.2rem;}
    .sub_notice a .fb{ margin-top: 1rem;}
    .sub_notice a .fb .date{ font-size: 1rem;}
    .sub_notice a .fb i{ width: 1.4rem; height: 1.4rem; font-size: 0.7rem;}
}


.member_join_ok{ display: flex; flex-direction: column; align-items: center; margin: 50px auto 0 auto; padding: 50px; max-width: 600px; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 0 0/5%);}
.member_join_ok i{ display: block; margin: 0 auto; font-size: 60px; color: #0c6ed5;}
.member_join_ok .tit{ margin: 20px 0 0 0; text-align: center; font-size: 24px; font-weight: 700; color: #000;}
.member_join_ok .txt{ margin: 10px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; color: #666;}
.member_join_ok .txt b{ font-weight: 500; color: #0c6ed5;}
@media(max-width: 768px){
    .member_join_ok{ margin: 2rem auto 0 auto; padding: 2rem 1.5rem; border-radius: 1.2rem;}
    .member_join_ok i{ font-size: 4rem;}
    .member_join_ok .tit{ margin: 1rem 0 0 0; font-size: 1.6rem;}
    .member_join_ok .txt{ margin: 0.6rem 0 0 0; line-height: 1.4; font-size: 1rem;}
}