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


body::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
body::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
body::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
body::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
body::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
body::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}


.w_max{ padding-right: 50px !important; padding-left: 50px !important;}
.w_min{ margin: 0 auto; max-width: 1200px; width: 100%;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .w_max{ padding-right: 20px !important; padding-left: 20px !important;}
}


.new_all_menu{ position: fixed; z-index: 1000; top: 0; right: 100%; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; transition: opacity .3s;}
.new_all_menu .row{ overflow: auto; position: fixed; z-index: 10; top: 0; bottom: 0; left: -600px; max-width: 600px; width: 100%; background: #FFF; transition: all .5s;}
.new_all_menu .row::-moz-scrollbar{ width: 0; background: #f0f0f0;}
.new_all_menu .row::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_all_menu .row::-ms-scrollbar{ width: 0; background: #f0f0f0;}
.new_all_menu .row::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_all_menu .row::-webkit-scrollbar{ width: 0; background: #f0f0f0;}
.new_all_menu .row::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}

.new_all_menu .scroll{ padding: 80px;}
.new_all_menu .ft{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10;}
.new_all_menu .logo{ margin: 0 !important; width: auto !important; height: 50px;}
.new_all_menu .logo img{ display: block; height: 100%;}
.new_all_menu .exc{ display: flex; align-items: center; font-size: 14px; color: #666;}
.new_all_menu .exc span{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 5px; width: 24px; height: 24px; border-radius: 50%; background: #F00; font-size: 12px; color: #FFF;}
.new_all_menu .exc b{ font-weight: 700; color: #000;}

.new_all_menu .menu_ft{ margin: 30px 0 0 0; padding: 15px 30px; border-radius: 30px; border: 1px solid #e5e5e5;}
.new_all_menu .menu_ft ul{ display: flex; justify-content: center; align-items: center; grid-gap: 0 40px;}
.new_all_menu .menu_ft ul li{}
.new_all_menu .menu_ft ul li a{ display: flex; justify-content: center; align-items: center; position: relative;}
.new_all_menu .menu_ft ul li a i{ margin: 0 5px 0 0; font-size: 24px; color: #000;}
.new_all_menu .menu_ft ul li a p{ font-size: 16px; color: #000;}
.new_all_menu .menu_ft ul li a .point{ display: flex; align-items: center;}
.new_all_menu .menu_ft ul li a .point img{ display: block; margin: 0 5px 0 0; height: 20px;}
.new_all_menu .menu_ft ul li a .point b{ margin: 0 2px 0 0;}

.new_all_menu .menu_fb{}
.new_all_menu .menu_fb > ul{ padding: 20px 0;}
.new_all_menu .menu_fb > ul:last-child{ border-top: 1px dashed rgba(0 0 0/10%);}
.new_all_menu .menu_fb > ul > li{ position: relative; padding: 15px 0;}
.new_all_menu .menu_fb > ul > li > a{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; cursor: pointer;}
.new_all_menu .menu_fb > ul > li > a p{ position: relative; z-index: 10; font-size: 24px; font-weight: 700; color: #000;}
.new_all_menu .menu_fb > ul > li > a i{ margin: 0 10px 0 0; font-size: 14px; color: #999; transition: all .2s;}

.new_all_menu .menu_fb > ul > li:hover > a p{ color: #317f70;}
.new_all_menu .menu_fb > ul > li:hover > a i{ color: #317f70;}
.new_all_menu .menu_fb > ul > li.on:before{ content: ""; position: absolute; top: 50%; right: 0; margin: -5px 0 0 0; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
.new_all_menu .menu_fb > ul > li.on a p{ font-weight: 700; color: #317f70;}

.new_all_menu .menu_fb > ul > li .tip{ position: absolute; z-index: 20; top: -25px; left: 0; padding: 0 5px; height: 20px; border-radius: 20px; background: #317f70; display: flex; align-items: center; white-space: nowrap; animation: header_tip 1s infinite;}
.new_all_menu .menu_fb > ul > li .tip p{ font-size: 12px; font-weight: 500; color: #FFF; transform: scale(.8);}
.new_all_menu .menu_fb > ul > li .tip:after{ content: ""; position: absolute; bottom: -4px; left: 15px; transform: translate(0,0); width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #317f70 transparent transparent transparent;}

.new_all_menu .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}

.new_all_menu.on{ right: 0; left: 0; opacity: 1;}
.new_all_menu.on .row{ left: 0; opacity: 1;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_all_menu .row{ left: -300px; max-width: 300px;}
    .new_all_menu .scroll{ padding: 20px 30px;}
    .new_all_menu .ft{ flex-direction: column;}
    .new_all_menu .logo{ height: 40px;}
    .new_all_menu .exc{ margin: 10px 0 0 0; font-size: 12px;}
    .new_all_menu .exc span{ margin: 0 2px 0 5px; width: 20px; height: 20px; font-size: 10px;}

    .new_all_menu .menu_ft{ margin: 20px 0 0 0; padding: 10px 0;}
    .new_all_menu .menu_ft ul{ grid-gap: 0 30px;}
    .new_all_menu .menu_ft ul li a i{ font-size: 18px;}
    .new_all_menu .menu_ft ul li a p{ font-size: 14px;}

    .new_all_menu .menu_fb > ul{ padding: 20px 0;}
    .new_all_menu .menu_fb > ul > li{ padding: 10px 0;}
    .new_all_menu .menu_fb > ul > li > a p{ font-size: 20px;}
}


.new_header{ position: relative; z-index: 10; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_header .top{ background: #317f70;}
.new_header .top .w_min{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 50px 0 0; height: 50px;}
.new_header .top .txt{ line-height: 1.2; font-size: 16px; color: #FFF;}
.new_header .top .txt b{ color: #FFC821;}
.new_header .exc{ display: flex; align-items: center; font-size: 14px; color: #FFF;}
.new_header .exc span{ display: flex; justify-content: center; align-items: center; margin: 0 2px 0 5px; width: 20px; height: 20px; border-radius: 20px; background: #F00; font-size: 12px; color: #FFF;}
.new_header .mo_exchange span{    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px 0 5px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #F00;
    font-size: 12px;
    color: #FFF;}
.new_header .exc span i{ margin: 0 5px; font-size: 12px; color: #999;}
.new_header .top .w_min > i{ display: flex; justify-content: center; position: absolute; right: 0; width: 24px; font-size: 18px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_header .top .w_min > i:hover{ transform: rotate(180deg);}
.new_header .bottom{}
.new_header .bottom .w_min{ display: flex; justify-content: space-between; align-items: center;}
.new_header .bottom .fl{ display: flex; align-items: center; grid-gap: 0 50px;}
.new_header .bottom .fl .logo{ display: block; margin: 0; width: auto; height: 50px;}
.new_header .bottom .fl .logo img{ display: block; height: 100%;}
.new_header .bottom .fl .menu{}
.new_header .bottom .fl .menu ul{ display: flex; grid-gap: 0 30px;}
.new_header .bottom .fl .menu ul li{ position: relative;}
.new_header .bottom .fl .menu ul li a{ display: flex; align-items: center; height: 80px; cursor: pointer; transition: all .2s;}
.new_header .bottom .fl .menu ul li a p{ font-size: 18px; font-weight: 500; color: #000;}
.new_header .bottom .fl .menu ul li a:hover{ transform: scale(.9);}
.new_header .bottom .fl .menu ul li.on:before{ content: ""; position: absolute; left: 50%; bottom: -5px; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
.new_header .bottom .fl .menu ul li.on a p{ font-weight: 700; color: #317f70;}
.new_header .bottom .fr{}
.new_header .bottom .fr .menu{}
.new_header .bottom .fr .menu ul{ display: flex;}
.new_header .bottom .fr .menu ul li{ position: relative;}
.new_header .bottom .fr .menu ul li.ml{ margin: 0 0 0 20px;}
.new_header .bottom .fr .menu ul li > b{ display: flex; align-items: center; margin: 0 5px; height: 80px; font-size: 16px; font-weight: 500; color: #000;}
.new_header .bottom .fr .menu ul li > a{ display: flex; align-items: center; height: 80px; cursor: pointer; transition: all .2s;}
.new_header .bottom .fr .menu ul li > a p{ font-size: 15px; font-weight: 400; color: #000;}
.new_header .bottom .fr .menu ul li > a i{ font-size: 24px; color: #000; cursor: pointer;}
.new_header .bottom .fr .menu ul li > a:hover{ transform: scale(.9);}
.new_header .bottom .fr .menu ul li .tip{ display: flex; align-items: center; grid-gap: 0 10px; position: absolute; z-index: 10; bottom: -20px; left: 50%; transform: translate(-50%,0); padding: 0 20px; height: 40px; border-radius: 20px; border: 1px solid #317f70; background: #FFF;}
.new_header .bottom .fr .menu ul li .tip:after{ content: ""; position: absolute; top: -5px; left: 50%; transform: translate(-50%,0); width: 10px; height: 5px; background: url(/images/h_tip.png);}
.new_header .bottom .fr .menu ul li .tip a{ display: flex; transition: all .2s;}
.new_header .bottom .fr .menu ul li .tip a p{ font-size: 13px; color: #000; white-space: nowrap;}
.new_header .bottom .fr .menu ul li .tip a:hover{ transform: scale(.9);}
.new_header .bottom .fr .menu ul li .tip a.point{ display: flex; align-items: center; font-size: 13px; color: #666; white-space: nowrap;}
.new_header .bottom .fr .menu ul li .tip a.point img{ display: block; height: 16px;}
.new_header .bottom .fr .menu ul li .tip a.point b{ padding: 0 2px 0 5px; font-size: 14px; font-weight: 700; color: #000; letter-spacing: 0;}
.new_header .bottom .fr .menu ul li .tip a.point:hover{ transform: scale(1);}
.new_header .bottom .fr .menu ul li .tip span{ width: 1px; height: 10px; background: #e5e5e5;}
.new_header .bottom .fr .menu ul li.on:before{ content: ""; position: absolute; left: 50%; bottom: -5px; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
.new_header .bottom .fr .menu ul li.on a p{ font-weight: 700; color: #317f70;}


 .mo_exchange {margin-left: 12px; display: none;}
@media(max-width: 1301px){
    .new_header .bottom .fl .menu{ display: none;}
    .new_header .bottom .fl .menu ul li a:hover{ transform: scale(1);}
    .new_header .bottom .fl{ grid-gap: 0 30px;}
    .new_header .bottom .fl .menu ul{ grid-gap: 0 20px;}
    .new_header .bottom .fr .menu ul li > a:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
    .new_header .top .w_min{ flex-direction: column; justify-content: center; align-items: center; grid-gap: 5px 0; padding: 15px 50px; height: auto;}
}
@media(max-width: 768px){
    .new_header .top .w_min{ padding: 10px 40px 10px 0;}
    .new_header .top .txt{ overflow: hidden; width: 100%;}
    .new_header .top .txt p{ display: flex; align-items: center; width: 800px; height: 30px; font-size: 14px; animation: new_header_txt 8s infinite;}
    @keyframes new_header_txt{
        0%   { transform: translate(0,0);}
        50%  { transform: translate(-400px,0);}
        100% { transform: translate(0,0);}
    }
    .new_header .top .exc{ display: none;}
    .new_header .bottom .fl .logo{ height: 40px;}
    .new_header .bottom .fr .menu ul li.ml{ margin: 0 0 0 20px;}
    .new_header .bottom .fr .menu ul li.m_none{ display: none;}
    .new_header .bottom .fr .menu ul li > b{ height: 70px;}
    .new_header .bottom .fr .menu ul li > a{ height: 70px;}
    .new_header .bottom .fr .menu ul li.m_login a i{ display: none;}
    .new_header .bottom .fr .menu ul li .tip{ left: initial; top: 50%; right: 0; transform: translate(0,-50%); height: 30px; padding: 0 15px;}
    .new_header .bottom .fr .menu ul li .tip:after{ display: none;}
    .mo_exchange {display: flex;align-items: center;}
}
@media(max-width: 400px){
    .new_header .bottom .fl .logo{ height: 35px;}
    .new_header .bottom .fr .menu ul li .tip{ grid-gap: 0 10px; height: 30px; padding: 0 10px;}
    .new_header .bottom .fr .menu ul li .tip span{ display: none;}
    .new_header .bottom .fr .menu ul li .tip a p{ font-size: 12px;}
}


.new_header_m{ display: none;}
.new_header_m .menu{ border-bottom: 1px solid #e5e5e5;}
.new_header_m .menu ul{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.new_header_m .menu ul li{ position: relative;}
.new_header_m .menu ul li span{ display: block; width: 1px; height: 12px; background: #DDD;}
.new_header_m .menu ul li a{ display: flex; align-items: center; height: 45px; cursor: pointer;}
.new_header_m .menu ul li a p{ font-size: 14px; font-weight: 500; color: #000;}
.new_header_m .menu ul li.on:before{ content: ""; position: absolute; left: 50%; bottom: -5px; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
.new_header_m .menu ul li.on a p{ font-weight: 700; color: #317f70;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_header_m{ display: block;}
}


.new_banner_m{ display: none; justify-content: center; align-items: center; height: 300px; background: #000; font-size: 16px; color: #FFF;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_banner_m{}
}


.new_footer{ margin: 80px 0 0 0; background: #f4f4f4;}
.new_footer .w_min{ padding: 40px 0 60px 0;}
.new_footer .ft{ display: flex; align-items: center; grid-gap: 0 50px;}
.new_footer .ft .logo{ display: flex; margin: 0; width: auto; height: auto;}
.new_footer .ft .logo img{ display: block; height: 50px;}
.new_footer .ft .menu{}
.new_footer .ft .menu ul{ display: flex; align-items: center; grid-gap: 0 30px;}
.new_footer .ft .menu ul li{}
.new_footer .ft .menu ul li a{ display: block; font-size: 16px; color: #666; cursor: pointer;}
.new_footer .ft .menu ul li a:hover{ color: #000;}
.new_footer .ft .menu ul li span{ display: block; margin: 0 30px; width: 1px; height: 12px; background: rgba(0 0 0/10%);}
.new_footer .bg{ position: relative; margin: 30px 0 0 0; padding: 30px 40px; border-radius: 20px; background: #FFF;}
.new_footer .info{ padding: 0; background: none; line-height: 2; font-size: 14px; color: #666;}
.new_footer .info .br_m{ display: none;}
.new_footer .tip{ margin: 20px 0 0 0; line-height: 1.6; font-size: 12px; color: #F00;}
.new_footer .fb{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.new_footer .copy{ margin: 30px 0 0 0; font-size: 14px; text-transform: uppercase; color: #999;}
.new_footer .sns{ display: flex; align-items: center; grid-gap: 0 10px;}
.new_footer .sns a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #FFF; cursor: pointer; transition: all .2s;}
.new_footer .sns a i{ font-size: 18px; color: #999; transition: all .2s;}
.new_footer .sns a:hover{ transform: scale(.8);}
.new_footer .sns a:hover i{ color: #000;}
@media(max-width: 1301px){
    .new_footer .w_min{ padding: 40px 0 120px 0;}
    .new_footer .ft{ flex-direction: column;}
    .new_footer .ft .menu{ margin: 30px 0 0 0;}
    .new_footer .ft .menu ul li a:hover{ transform: scale(1);}
    .new_footer .sns a:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_footer{ margin: 40px 0 0 0;}
    .new_footer .w_min{ padding: 3rem 0 80px 0;}
    .new_footer .ft .logo img{ height: 3rem;}
    .new_footer .ft .menu{ width: 100%;}
    .new_footer .ft .menu ul{ justify-content: space-between; grid-gap: initial;}
    .new_footer .ft .menu ul li a{ font-size: 1.05rem;}
    .new_footer .bg{ margin: 2rem 0 0 0; padding: 1.6rem; border-radius: 1rem;}
    .new_footer .info{ font-size: .9rem;}
    .new_footer .info .br_m{ display: block;}
    .new_footer .tip{ margin: 10px 0 0 0; font-size: .8rem;}
    .new_footer .fb{ flex-direction: column-reverse; margin: 0;}
    .new_footer .copy{ margin: 20px 0 0 0; font-size: .8rem;}
    .new_footer .sns{ margin: 20px 0 0 0;}
    .new_footer .sns a{ width: 35px; height: 35px;}
    .new_footer .sns a i{ font-size: 16px;}
}
@media(max-width: 400px){
    .new_footer .ft .menu ul{}
}


.new_quick{ position: fixed; z-index: 120; top: 50%; transform: translate(0,-50%); right: 50%; margin: 0 -730px 0 0;}
.new_quick .new_in{ display: none; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 60px; border-radius: 5px 0 0 5px; background: #317f70;}
.new_quick .new_in img{ display: block; height: 24px;}
.new_quick .new_in p{ margin: 5px 0 0 0; font-size: 12px; color: #FFF;}
.new_quick .list{ width: 70px; border-radius: 20px; background: #FFF;}
.new_quick .list a{ display: flex; flex-direction: column; align-items: center; padding: 20px 0; cursor: pointer;}
.new_quick .list a i{ font-size: 24px; color: #000;}
.new_quick .list a p{ margin: 5px 0 0 0; font-size: 12px; color: #666;}
.new_quick .list a:nth-child(1){ border-radius: 20px 20px 0 0; background: #317f70;}
.new_quick .list a:nth-child(1) i{ color: #FFF;}
.new_quick .list a:nth-child(1) p{ color: #FFF;}
.new_quick .list a:nth-child(2){ border: 1px solid rgba(0 0 0/15%); border-top: 0;}
.new_quick .list a:nth-child(3){ border-radius: 0 0 20px 20px; border: 1px solid rgba(0 0 0/15%); border-top: 0;}
.new_quick .scroll_top{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(0 0 0/15%); background: #FFF; cursor: pointer; transition: all .2s;}
.new_quick .scroll_top i{ font-size: 16px; color: #000;}
.new_quick .scroll_top p{ display: none; font-size: 12px; color: #000; letter-spacing: 0;}
.new_quick .scroll_top:hover{ transform: scale(.9);}
@media(max-width: 1501px){
    .new_quick{ display: flex; align-items: center; top: initial; right: initial; bottom: 30px; left: 50%; transform: translate(-50%,0); margin: 0;}
    .new_quick .new_in{ display: flex;        justify-content: center;}
    .new_quick .list{ display: flex; width: auto; border-radius: 5px;}
    .new_quick .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; width: 80px; height: 60px;}
    .new_quick .list a:nth-child(1){ display: none;}
    .new_quick .list a:nth-child(2){ width: 100px; border-radius: 0; border: 1px solid rgba(0 0 0/15%); border-left: 0;}
    .new_quick .list a:nth-child(3){ display: none;}
    .new_quick .scroll_top{ margin: 0; width: 100px; height: 60px; border-radius: 0 5px 5px 0; border-left: 0;}
    .new_quick .scroll_top p{ display: block; margin: 5px 0 0 0; font-size: 12px; color: #666;}
    .new_quick .scroll_top:hover{ transform: scale(1);}
}
@media(max-width: 768px){
    .new_quick{ overflow: hidden; right: 0; bottom: 0; left: 0; border-radius: 10px 10px 0 0; background: #FFF; transform: translate(0,0);}
    .new_quick .new_in{ width: 33.333%; height: 50px; border-radius: 0;}
    .new_quick .new_in img{ height: 20px;}
    .new_quick .new_in p{ margin: 4x 0 0 0; font-size: 10px;}
    .new_quick .new_in button{ margin: 4px 0 0 0; font-size: 10px; background-color: unset; color: #fff;}
    .new_quick .list{ width: 33.333%;}
    .new_quick .list a{ width: 100% !important; height: 50px; border: 0 !important; border-top: 1px solid rgba(0 0 0/15%) !important;}
    .new_quick .list a i{ font-size: 20px;}
    .new_quick .list a p{ margin: 4px 0 0 0; font-size: 10px;}

    .new_quick .scroll_top{ flex: initial; width: 33.333%; height: 50px; border-radius: 0 10px 0 0; border: 0; border-top: 1px solid rgba(0 0 0/15%); border-left: 1px solid rgba(0 0 0/15%);}
    .new_quick .scroll_top i{ font-size: 14px;}
    .new_quick .scroll_top p{ margin: 4px 0 0 0; font-size: 10px;}
}


.new_main_popup_m{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 5000; top: 0; right: 0; left: 0; bottom: 0; padding: 20px;}
.new_main_popup_m .banner{ box-shadow: 0 10px 50px 0 rgba(0 0 0/30%);}
.new_main_popup_m .rolling{ overflow: hidden; position: relative; width: 300px;}
.new_main_popup_m .rolling .swiper-wrapper{}
.new_main_popup_m .rolling .swiper-slide{}
.new_main_popup_m .rolling .swiper-slide a{ display: block;}
.new_main_popup_m .rolling .swiper-slide a img{ display: block; width: 100%;}
.new_main_popup_m .rolling .new_main_popup_m_pagination{ position: absolute; z-index: 100; bottom: 10px; left: 50%; transform: translate(-50%,0); width: auto !important;}
.new_main_popup_m .fb{ display: flex; justify-content: space-between; align-items: center; padding: 15px 10px; background: #FFF; font-size: 14px; color: #000;}
.new_main_popup_m .banner_btn i{ font-size: 14px; color: #000; cursor: pointer;}
.new_main_popup_m .banner_btn:hover{ border-color: #317f70; transform: scale(.9) translate(0,-50%);}
.new_main_popup_m .banner_btn.btn_prev{ left: 30px;}
.new_main_popup_m .banner_btn.btn_next{ right: 30px;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_main_popup_m{ display: flex;}
}


.new_main_popup{ position: absolute; z-index: 500; top: 220px; left: 50%; margin: 0 0 0 -600px;}
.new_main_popup .btn{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: absolute; z-index: 30; top: 0; bottom: 0; left: -60px; padding: 40px 0; width: 60px; border-radius: 20px 0 0 20px; background: #317f70; cursor: pointer; transition: all .3s;}
.new_main_popup .btn p{ transform: rotate(90deg); font-size: 20px; font-weight: 700; color: #FFF;}
.new_main_popup .btn i{ font-size: 24px; color: #FFF;}

.new_main_popup .banner{ overflow: hidden; position: relative; z-index: 20; width: 0; border-radius: 0 20px 20px 0; transition: all .3s;}
.new_main_popup .banner .wrap{ overflow: hidden; padding: 0 !important;}
.new_main_popup .rolling{ overflow: hidden; width: 1200px; transition: all .3s;}
.new_main_popup .rolling .swiper-wrapper{}
.new_main_popup .rolling .swiper-slide{}
.new_main_popup .rolling .swiper-slide a{ display: block;}
.new_main_popup .rolling .swiper-slide a img{ display: block; width: 100%;}
.new_main_popup .banner_btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; cursor: pointer; transition: all .3s;}
.new_main_popup .banner_btn i{ font-size: 14px; color: #000; cursor: pointer;}
.new_main_popup .banner_btn:hover{ border-color: #317f70; transform: scale(.9) translate(0,-50%);}
.new_main_popup .banner_btn.btn_prev{ left: 30px;}
.new_main_popup .banner_btn.btn_next{ right: 30px;}

.new_main_popup .bg{ display: none; position: fixed; z-index: 10; top: -100%; right: 0; bottom: 100%; left: 0; background: rgba(0 0 0/70%); transition: opacity .3s;}

.new_main_popup.on .btn{ left: 1200px; border-radius: 0 20px 20px 0; background: #F00;}
.new_main_popup.on .banner{ width: 1200px; height: auto; border-radius: 20px 0 0 20px;}
.new_main_popup.on .bg{ display: none; top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1301px){
    .new_main_popup{ z-index: 50; right: 50px; left: 50px; margin: 0;}
    .new_main_popup .btn{ left: -35px; width: 35px;}
    .new_main_popup .btn p{ font-size: 16px;}
    .new_main_popup .btn i{ font-size: 20px;}

    .new_main_popup .banner{ width: 100%;}
    .new_main_popup .banner .wrap{ transform: translate(-100%,0); transition: all .3s;}
    .new_main_popup .rolling{ width: 100%;}

    .new_main_popup.on{ z-index: 500;}
    .new_main_popup.on .btn{ left: 100%;}
    .new_main_popup.on .banner{ width: 100%;}
    .new_main_popup.on .banner .wrap{ transform: translate(0,0);}
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_main_popup{ display: none; z-index: 70; right: 40px; left: 40px;}
    .new_main_popup .btn{ left: -30px; width: 30px; padding: 25px 0 10px 0; border-radius: 10px;}
    .new_main_popup .btn p{ font-size: 12px;}
    .new_main_popup .btn i{ font-size: 12px;}
    .new_main_popup.on .btn{ border-radius: 0 10px 10px 0;}
    .new_main_popup.on .banner{ border-radius: 10px 0 0 10px;}
}


.new_main_layout{ margin: 40px 0 0 0;}
.new_main_layout .w_min{ position: relative; z-index: 60; padding: 0 360px 0 0;}
.new_main_layout .fl{ position: relative;}
.new_main_layout .fr{ position: absolute; top: 0; right: 0; width: 320px;}
@media(max-width: 1301px){
    .new_main_layout{ margin: 50px 0 0 0;}
}
@media(max-width: 1025px){
    .new_main_layout .w_min{ padding: 0;}
    .new_main_layout .fr{ position: initial; margin: 50px 0 0 0; width: auto;}
}
@media(max-width: 768px){
    .new_main_layout{ margin: 20px 0 0 0;}
    .new_main_layout .fr{ margin: 40px 0 0 0;}
}


.new_main_lotto{ display: flex; padding: 40px 0; height: 560px; border-radius: 20px; background: #eaf4e9;}
.new_main_lotto .wrap{ display: flex; flex-direction: column; align-items: center; padding: 0 40px; width: 50%;}
.new_main_lotto .wrap .logo{ display: flex; justify-content: center; align-items: center; margin: 0; width: auto; height: 50px;}
.new_main_lotto .wrap .logo img{ display: block; height: 40px;}
.new_main_lotto .wrap .data{ display: flex; align-items: center; grid-gap: 0 10px; margin: 20px 0 0 0;}
.new_main_lotto .wrap .data span{ display: flex; align-items: center; padding: 0 15px; height: 30px; border-radius: 20px; background: #0051c7; font-size: 16px; color: #FFF;}
.new_main_lotto .wrap .data p{ font-size: 16px; color: #000;}
.new_main_lotto .wrap .line{ margin: 20px 0; width: 100%; border-top: 1px solid rgba(0 0 0/10%);}
.new_main_lotto .wrap .price_tit{ display: flex; align-items: center; font-size: 18px;}
.new_main_lotto .wrap .price_tit span{}
.new_main_lotto .wrap .price_tit p{ margin: 0 0 0 5px; font-weight: 600; color: #0051c7;}
.new_main_lotto .wrap .price{ display: flex; align-items: flex-end; margin: 10px 0 0 0;}
.new_main_lotto .wrap .price span{ font-size: 30px; font-weight: 700; color: #000;}
.new_main_lotto .wrap .price p{ margin: 0 0 0 10px; font-size: 40px; font-weight: 700; color: #000;}
.new_main_lotto .wrap .number_tit{ display: flex; align-items: center;}
.new_main_lotto .wrap .number_tit span{ font-size: 16px; color: #000;}
.new_main_lotto .wrap .number_tit p{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; padding: 0 2px 0 0; width: 40px; height: 40px; background: url(/images/lotto_bg.png) center/cover; font-size: 16px; font-weight: 600; color: #000;}
.new_main_lotto .wrap .number{ display: flex; grid-gap: 0 5px; margin: 10px 0 0 0;}
.new_main_lotto .wrap .number p{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 16px; font-weight: 700; color: #000;}
.new_main_lotto .wrap .number p:last-child{ border-color: #FFC821; background: #FFC821;}
.new_main_lotto .wrap .btn{ display: flex; grid-gap: 0 5px; margin: 20px 0 0 0; width: 100%;}
.new_main_lotto .wrap .btn a{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; cursor: pointer; transition: all .2s;}
.new_main_lotto .wrap .btn a p{ font-size: 18px; font-weight: 500; color: #000;}
.new_main_lotto .wrap .btn a:hover{ transform: scale(.95);}
.new_main_lotto .wrap .btn a:nth-child(1){ flex: 0 0 120px;}
.new_main_lotto .wrap .btn a:nth-child(2){ flex: 1; border-color: #0051c7; background: #0051c7;}
.new_main_lotto .wrap .btn a:nth-child(2) p{ color: #FFF;}
.new_main_lotto .wrap .time{ display: flex; justify-content: center; align-items: center; grid-gap: 0 5px; margin: 20px 0 0 0; padding: 0 20px; width: 100%; height: 40px; border-radius: 20px; background: #cee6cc;}
.new_main_lotto .wrap .time i{ font-size: 24px; color: #000;}
.new_main_lotto .wrap .time span{ font-size: 16px; color: #000;}
.new_main_lotto .wrap .time p{ font-size: 16px; color: #000;}
.new_main_lotto .wrap .time.on i{ color: #F00; animation: new_main_lotto_time .1s infinite;}
.new_main_lotto .wrap .time.on span{ color: #F00;}
@keyframes new_main_lotto_time{
    0%   { transform: rotate(10deg);}
    50% { transform: rotate(-10deg);}
    100%   { transform: rotate(10deg);}
}
.new_main_lotto .wrap:nth-child(1){ border-right: 1px dashed rgba(0 0 0/20%);}
.new_main_lotto .wrap:nth-child(1) .logo img{ height: 50px;}
.new_main_lotto .wrap:nth-child(2) .data span{ background: #e13b2c;}
.new_main_lotto .wrap:nth-child(2) .price_tit p{ color: #e13b2c;}
.new_main_lotto .wrap:nth-child(2) .number p:last-child{ border-color: #e13b2c; background: #e13b2c; color: #FFF;}
.new_main_lotto .wrap:nth-child(2) .btn a:nth-child(2){ border-color: #e13b2c; background: #e13b2c;}
@media(max-width: 1301px){
    .new_main_lotto .wrap{ padding: 0 30px;}
    .new_main_lotto .wrap .data span{ font-size: 14px;}
    .new_main_lotto .wrap .data p{ font-size: 14px;}
    .new_main_lotto .wrap .time i{ font-size: 20px;}
    .new_main_lotto .wrap .time span{ font-size: 14px;}
    .new_main_lotto .wrap .time p{ font-size: 14px;}
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_main_lotto{ display: block; padding: 0; height: auto;}
    .new_main_lotto .wrap{ padding: 30px; width: auto;}
    .new_main_lotto .wrap .data span{ font-size: 14px;}
    .new_main_lotto .wrap .data p{ font-size: 14px;}
    .new_main_lotto .wrap .line{ margin: 20px 0;}
    .new_main_lotto .wrap .price_tit{ font-size: 14px;}
    .new_main_lotto .wrap .price span{ font-size: 26px;}
    .new_main_lotto .wrap .price p{ font-size: 32px;}
    .new_main_lotto .wrap .number_tit span{ font-size: 14px;}
    .new_main_lotto .wrap .btn{ grid-gap: 0 5px; margin: 15px 0 0 0;}
    .new_main_lotto .wrap .btn a{ height: 45px;}
    .new_main_lotto .wrap .btn a p{ font-size: 16px;}
    .new_main_lotto .wrap .btn a:nth-child(1){ flex: 0 0 100px;}
    .new_main_lotto .wrap .time{ margin: 15px 0 0 0; padding: 0; height: 35px;}
    .new_main_lotto .wrap .time i{ font-size: 20px;}
    .new_main_lotto .wrap .time span{ font-size: 14px;}
    .new_main_lotto .wrap .time p{ font-size: 14px;}
    .new_main_lotto .wrap .free{ margin: 10px 0 0 0; font-size: 16px;}
    .new_main_lotto .wrap:nth-child(1){ border-bottom: 1px dashed rgba(0 0 0/20%); border-right: 0;}
}
@media(max-width: 400px){
    .new_main_lotto .wrap{ padding: 30px 20px;}
    .new_main_lotto .wrap .data span{ font-size: 13px;}
    .new_main_lotto .wrap .data p{ font-size: 13px;}
    .new_main_lotto .wrap .btn a p{ font-size: 15px;}
    .new_main_lotto .wrap .time p{ font-size: 13px;}
}


.new_main_icon{ margin: 10px 0 0 0;}
.new_main_icon ul{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 0 10px;}
.new_main_icon ul li{}
.new_main_icon ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; grid-gap: 15px 0; height: 120px; text-align: center; border-radius: 20px; border: 1px solid #e5e5e5; cursor: pointer; transition: all .2s;}
.new_main_icon ul li a:hover{ border-color: #317f70; background: #FFF; transform: scale(.95);}
.new_main_icon ul li a i{ font-size: 30px;}
.new_main_icon ul li a img{ display: block; height: 30px;}
.new_main_icon ul li a span{ display: none; font-size: 26px;}
.new_main_icon ul li a p{ line-height: 1.2; font-size: 16px; color: #000;}
.new_main_icon ul li a p br{ display: none;}
.new_main_icon .free{ position: absolute; top: 15px; right: 15px; font-size: 12px; font-weight: 500; color: #000; animation: new_main_icon_free .2s infinite;}
@keyframes new_main_icon_free{
    0%   { color: #000;}
    50% { color: #F00;}
    100%   { color: #000;}
}
@media(max-width: 1301px){
    .new_main_icon ul li a p{ font-size: 15px;}
    .new_main_icon ul li a:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_main_icon{ margin: 10px 0 0 0;}
    .new_main_icon ul{ grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
    .new_main_icon ul li a{ grid-gap: 10px 0; height: 100px;}
    .new_main_icon ul li a i{ font-size: 24px;}
    .new_main_icon ul li a img{ height: 24px;}
    .new_main_icon ul li a span{ font-size: 24px;}
    .new_main_icon ul li a p{ font-size: 14px;}
}
@media(max-width: 400px){
    .new_main_icon ul li a p{ font-size: 13px;}
}


.new_main_banner{ display: flex; flex-direction: column; position: relative;}
.new_main_banner .head{ display: flex; flex-direction: column; justify-content: center; position: relative; margin: 0 0 10px 0; padding: 20px 30px; height: 130px; border-radius: 20px; background: #317f70; transition: all .2s;}
.new_main_banner .head i{ display: flex; position: absolute; top: 20px; right: 30px; font-size: 40px; color: #FFF;}
.new_main_banner .head .tit{ font-size: 18px; font-weight: 600; color: #FFF;}
.new_main_banner .head .tit br{ display: none;}
.new_main_banner .head .number{ padding: 5px 0; font-size: 32px; font-weight: 800; color: #FFF;}
.new_main_banner .head .txt{ font-size: 13px; color: rgba(255 255 255/80);}
.new_main_banner .head .txt span{ color: #89f926;}
.new_main_banner .rolling{ overflow: hidden;}
.new_main_banner .rolling .swiper-wrapper{}
.new_main_banner .rolling .swiper-slide{}
.new_main_banner .rolling .swiper-slide a{ display: block; border-radius: 20px; background: #f5f5f5; cursor: pointer; transition: all .2s;}
.new_main_banner .rolling .swiper-slide a img{ display: block; width: 100%; border-radius: 20px;}
.new_main_banner a:hover{ transform: scale(.95);}

.mega_banner img{width:100%; border-radius:10px;margin:20px 0 0 0;} 
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_main_banner .head{ display: flex; flex-direction: initial; justify-content: space-between; align-items: center; margin: 0 0 10px 0; height: auto;}
    .new_main_banner .head i{ display: none;}
    .new_main_banner .head .tit{ font-size: 26px;}
    .new_main_banner .head .fb{ text-align: right;}
    .new_main_banner .head .number{ padding: 0 0 5px 0;}
}
@media(max-width: 768px){
    .new_main_banner{ overflow: hidden; margin: 0 -20px;}
    .new_main_banner .head{ display: block; margin: 0 20px 10px 20px; padding: 20px 30px; text-align: center;}
    .new_main_banner .head .tit{ font-size: 18px;}
    .new_main_banner .head .fb{ text-align: center;}
    .new_main_banner .head .number{ padding: 10px 0 10px 0;}
    .new_main_banner .rolling{ margin: 0 -180px;}
}


.new_main_winning{ margin: 80px 0 0 0;}
.new_main_winning .head{}
.new_main_winning .head .tit{ font-size: 26px; font-weight: 600; color: #000;}
.new_main_winning .head .menu{ display: flex; align-items: center; grid-gap: 0 5px; margin: 25px 0 0 0;}
.new_main_winning .head .menu p{ font-size: 18px; color: #666; cursor: pointer; transition: all .2s; padding: 0 20px;  height: 35px;  border-radius: 5px; background: #f6f8fb; font-weight: 500; color: #3d3d3d; line-height: 35px;}
.new_main_winning .head .menu p.on{ display: flex; align-items: center; padding: 0 20px; height: 35px; border-radius: 5px; background: #317f70; font-weight: 500; color: #FFF;}
.new_main_winning .head .menu p:hover{ transform: scale(.9);}
.new_main_winning .list{ position: relative; margin: 30px 0 0 0;}
.new_main_winning .rolling{ overflow: hidden; position: relative;}
.new_main_winning .rolling .swiper-wrapper{}
.new_main_winning .rolling .swiper-slide{}
.new_main_winning .rolling .swiper-slide a{ display: flex; flex-direction: column; padding: 40px; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.new_main_winning .rolling .swiper-slide a .ft{ display: flex; align-items: center;}
.new_main_winning .rolling .swiper-slide a .ft .tag{ display: flex; align-items: center; padding: 0 10px; height: 25px; border-radius: 5px; font-size: 14px; color: #FFF;}
.new_main_winning .rolling .swiper-slide a .ft .data{ margin: 0 0 0 10px; font-size: 16px; color: #000;}
.new_main_winning .rolling .swiper-slide a .img{ display: block; position: relative; margin: 30px 0 0 0;}
.new_main_winning .rolling .swiper-slide a .img .rank{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; right: 25px; bottom: -25px; width: 50px; height: 50px; background: url(/images/lotto_bg.png) center/cover; font-size: 18px; font-weight: 700; color: #000;}
.new_main_winning .rolling .swiper-slide a .img .bg{ overflow: hidden; display: flex; align-items: center; position: relative; padding: 0 40px; height: 200px; border-radius: 10px;}
.new_main_winning .rolling .swiper-slide a .img .bg:before{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/2%);}
.new_main_winning .rolling .swiper-slide a .img .bg img{ display: block; width: 100%; height: auto;}
.new_main_winning .rolling .swiper-slide a .name{ display: flex; align-items: center; grid-gap: 0 20px; margin: 30px 0 0 0;}
.new_main_winning .rolling .swiper-slide a .name p{ display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #999;}
.new_main_winning .rolling .swiper-slide a .name p i{ margin: 0 10px 0 0; font-size: 16px; color: #CCC;}
.new_main_winning .rolling .swiper-slide a .name p b{ font-weight: 300; color: #999;}
.new_main_winning .rolling .swiper-slide a .price{ display: flex; align-items: flex-end; margin: 10px 0 0 0;}
.new_main_winning .rolling .swiper-slide a .price span{ padding: 0 0 2px 0; font-size: 14px; color: #666;}
.new_main_winning .rolling .swiper-slide a .price p{ margin: 0 0 0 10px; font-size: 26px; font-weight: 700; color: #F00;}
.new_main_winning .rolling .swiper-slide a:hover{ border-color: #317f70; transform: scale(.98);}
.new_main_winning .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 50%; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; cursor: pointer; transition: all .2s;}
.new_main_winning .btn i{ font-size: 14px; color: #000; cursor: pointer;}
.new_main_winning .btn:hover{ border-color: #317f70; transform: scale(.9) translate(0,-50%);}
.new_main_winning .btn.btn_prev{ left: -50px;}
.new_main_winning .btn.btn_next{ right: -50px;}
@media(max-width: 1301px){
    .new_main_winning .head .menu p:hover{ transform: scale(1);}
    .new_main_winning .rolling .swiper-slide a:hover{ border: 1px solid #e5e5e5; transform: scale(1);}
    .new_main_winning .btn.btn_prev{ left: -20px;}
    .new_main_winning .btn.btn_next{ right: -20px;}
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_main_winning{ margin: 50px 0 0 0;}
    .new_main_winning .head .tit{ text-align: center; font-size: 24px;}
    .new_main_winning .head .menu{ justify-content: center;}
    .new_main_winning .head .menu p{ font-size: 16px;}
    .new_main_winning .head .menu p.on{ height: 30px;}
    .new_main_winning .list{ overflow: hidden; margin: 30px -20px 0 -20px;}
    .new_main_winning .rolling{ margin: 0 -200px;}
    .new_main_winning .rolling .swiper-slide a{ padding: 30px 20px;}
    .new_main_winning .rolling .swiper-slide a .ft{ display: flex; align-items: center;}
    .new_main_winning .rolling .swiper-slide a .ft .tag{ padding: 0 10px; font-size: 12px;}
    .new_main_winning .rolling .swiper-slide a .ft .data{ margin: 0 0 0 10px; font-size: 14px;}
    .new_main_winning .rolling .swiper-slide a .img{ margin: 20px 0 0 0;}
    .new_main_winning .rolling .swiper-slide a .img .rank{ right: 10px; bottom: -20px; width: 40px; height: 40px; font-size: 16px;}
    .new_main_winning .rolling .swiper-slide a .img .bg{ padding: 0 20px; height: 160px;}
    .new_main_winning .rolling .swiper-slide a .name{ grid-gap: 0 15px; margin: 20px 0 0 0;}
    .new_main_winning .rolling .swiper-slide a .name p{ font-size: 14px;}
    .new_main_winning .rolling .swiper-slide a .name p i{ margin: 0 5px 0 0; font-size: 14px;}
    .new_main_winning .rolling .swiper-slide a .price p{ font-size: 20px;}
    .new_main_winning .btn{ display: none;}
}


.new_main_event{ margin: 80px 0 0 0;}
.new_main_event .head{}
.new_main_event .head .tit{ font-size: 26px; font-weight: 600; color: #000;}
.new_main_event .head .txt{ margin: 15px 0 0 0; font-size: 18px; color: #666;}
.new_main_event .head .txt br{ display: none;}
.new_main_event .list{}
.new_main_event .list ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 40px; margin: 40px 0 0 0;}
.new_main_event .list ul li{}
.new_main_event .list ul li .wrap{ display: block; position: relative; padding: 0 0 0 120px;}
.new_main_event .list ul li .wrap .icon{ flex: 0 0 80px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 100px; height: 100px; border-radius: 50%; background: #e2efff; font-size: 26px;}
.new_main_event .list ul li .wrap .tag{ font-size: 14px; font-weight: 600; color: #F00;}
.new_main_event .list ul li .wrap .t1{ margin: 5px 0 10px 0; font-size: 20px; font-weight: 600; color: #000;}
.new_main_event .list ul li .wrap .t2{ line-height: 1.4; font-size: 14px; color: #666;}
.new_main_event .list ul:nth-child(2) li .wrap .icon{ background: #eaf4e9;}
.new_main_event .list ul:nth-child(2) li .wrap .tag{ color: #317f70;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_main_event .list ul li .wrap{ padding: 0;}
    .new_main_event .list ul li .wrap .icon{ position: initial; transform: translate(0,0); margin: 0 0 10px 0;}
}
@media(max-width: 768px){
    .new_main_event{ margin: 50px 0 0 0;}
    .new_main_event .head{ text-align: center;}
    .new_main_event .head .tit{ font-size: 24px;}
    .new_main_event .head .txt{ margin: 15px 0 0 0; line-height: 1.2; font-size: 16px;}
    .new_main_event .head .txt br{ display: block;}
    .new_main_event .list ul{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 20px 0; margin: 30px 0 0 0;}
    .new_main_event .list ul li{}
    .new_main_event .list ul li .wrap{ position: relative; padding: 0 0 0 100px;}
    .new_main_event .list ul li .wrap .icon{ flex: 0 0 80px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 80px; height: 80px; font-size: 22px;}
    .new_main_event .list ul li .wrap .tag{ font-size: 12px;}
    .new_main_event .list ul li .wrap .t1{ margin: 5px 0 5px 0; font-size: 18px;}
    .new_main_event .list ul li .wrap .t2{ font-size: 14px;}
}


.new_main_guide{ margin: 80px 0 0 0;}
.new_main_guide .head{}
.new_main_guide .head .tit{ display: flex; align-items: center; font-size: 26px; font-weight: 600; color: #000;}
.new_main_guide .head .tit span{ padding: 0 0 0 5px; transform: translate(0,-5px);}
.new_main_guide .head .menu{ display: flex; align-items: center; grid-gap: 0 5px; margin: 25px 0 0 0;}
.new_main_guide .head .menu p{ font-size: 18px; color: #666; cursor: pointer; transition: all .2s; padding: 0 20px;  height: 35px;  border-radius: 5px;  background: #f6f8fb; font-weight: 500; color: #3d3d3d; line-height: 35px;}
.new_main_guide .head .menu p.on{ display: flex; align-items: center; padding: 0 20px; height: 35px; border-radius: 5px; background: #317f70; font-weight: 500; color: #FFF;}
.new_main_guide .head .menu p:hover{ transform: scale(.9);}
.new_main_guide .guide_buy{ display: none; margin: 30px 0 0 0; padding: 20px 0; border-radius: 20px; background: #f6f8fb;}
.new_main_guide .guide_buy ul{ display: flex;}
.new_main_guide .guide_buy ul li{ position: relative; width: 12.5%;}
.new_main_guide .guide_buy ul li > i{ display: flex; justify-content: center; position: absolute; top: 50%; transform: translate(0,-10px); right: -10px; width: 20px; font-size: 14px; color: #999;}
.new_main_guide .guide_buy ul li .wrap{ display: flex; flex-direction: column; align-items: center; padding: 20px 0; text-align: center;}
.new_main_guide .guide_buy ul li .wrap .icon{}
.new_main_guide .guide_buy ul li .wrap .icon img{ display: block; height: 30px;}
.new_main_guide .guide_buy ul li .wrap .icon i{ font-size: 40px; color: #000;}
.new_main_guide .guide_buy ul li .wrap p{ margin: 15px 0 0 0; font-size: 16px; font-weight: 500; color: #000;}
.new_main_guide .guide_buy.on{ display: block;}

.new_main_guide .guide_ok{ display: none; margin: 30px 0 0 0; padding: 20px 0; border-radius: 20px; background: #f6f8fb;}
.new_main_guide .guide_ok ul{ display: flex;}
.new_main_guide .guide_ok ul li{ position: relative; width: 14.285%;}
.new_main_guide .guide_ok ul li > i{ display: flex; justify-content: center; position: absolute; top: 50%; transform: translate(0,-10px); right: -10px; width: 20px; font-size: 14px; color: #999;}
.new_main_guide .guide_ok ul li .wrap{ display: flex; flex-direction: column; align-items: center; padding: 20px 0; text-align: center;}
.new_main_guide .guide_ok ul li .wrap .icon{}
.new_main_guide .guide_ok ul li .wrap .icon img{ display: block; height: 30px;}
.new_main_guide .guide_ok ul li .wrap .icon i{ font-size: 40px; color: #000;}
.new_main_guide .guide_ok ul li .wrap p{ margin: 15px 0 0 0; font-size: 16px; font-weight: 500; color: #000;}
.new_main_guide .guide_ok.on{ display: block;}
@media(max-width: 1301px){
    .new_main_guide .head .menu p:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
    .new_main_guide .guide_buy ul{ flex-wrap: wrap;}
    .new_main_guide .guide_buy ul li{ width: 25%;}
    .new_main_guide .guide_buy ul li:nth-child(4) i{ display: none;}

    .new_main_guide .guide_ok ul{ flex-wrap: wrap; justify-content: center; align-items: center;}
    .new_main_guide .guide_ok ul li{ width: 25%;}
    .new_main_guide .guide_ok ul li:nth-child(4) i{ display: none;}
}
@media(max-width: 768px){
    .new_main_guide{ margin: 50px 0 0 0;}
    .new_main_guide .head .tit{ justify-content: center; font-size: 24px;}
    .new_main_guide .head .menu{ justify-content: center;}
    .new_main_guide .head .menu p{ font-size: 16px;}
    .new_main_guide .head .menu p.on{ height: 30px;}

    .new_main_guide .guide_buy{ padding: 10px 10px;}
    .new_main_guide .guide_buy ul li .wrap .icon img{ height: 24px;}
    .new_main_guide .guide_buy ul li .wrap p{ margin: 10px 0 0 0; font-size: 14px;}

    .new_main_guide .guide_ok{ padding: 10px 10px;}
    .new_main_guide .guide_ok ul li .wrap .icon img{ height: 24px;}
    .new_main_guide .guide_ok ul li .wrap p{ margin: 10px 0 0 0; font-size: 14px;}
}


.new_main_video{ margin: 80px 0 0 0;}
.new_main_video .head{}
.new_main_video .head .tit{ font-size: 26px; font-weight: 600; color: #000;}
.new_main_video .head .txt{ margin: 15px 0 0 0; font-size: 18px; color: #666;}
.new_main_video .list{ margin: 30px 0 0 0;}
.new_main_video .list ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 10px;}
.new_main_video .list ul li{}
.new_main_video .list ul li .wrap{ transition: all .2s;}
.new_main_video .list ul li .wrap:hover{ transform: scale(.95);}
.new_main_video .list ul li .wrap .img{ overflow: hidden; position: relative; border-radius: 20px; background: #f5f5f5;}
.new_main_video .list ul li .wrap .img iframe{ display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.new_main_video .list ul li .wrap .img img{ display: block; width: 100%;}
.new_main_video .list ul li .wrap p{ margin: 20px 20px 0 0; font-size: 16px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
@media(max-width: 1301px){
    .new_main_video .list ul li .wrap:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
    .new_main_video .list ul{ grid-template-columns: repeat(2,1fr); grid-gap: 30px 10px;}
}
@media(max-width: 768px){
    .new_main_video{ margin: 50px 0 0 0;}
    .new_main_video .head{ text-align: center;}
    .new_main_video .head .tit{ font-size: 24px;}
    .new_main_video .head .txt{ font-size: 16px;}
    .new_main_video .list ul{ grid-gap: 20px 10px;}
    .new_main_video .list ul li .wrap{ padding: 0;}
    .new_main_video .list ul li .wrap p{ margin: 10px 20px 0 0; font-size: 14px;}
}


.new_main_notice{ margin: 80px 0 0 0;}
.new_main_notice .w_min{ display: flex; grid-gap: 0 10px;}
.new_main_notice .wrap{ padding: 0 40px; width: 50%; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.new_main_notice .wrap:hover{ border-color: #FFF; background: #e2efff;}
.new_main_notice .wrap .head{ display: flex; justify-content: space-between; align-items: center; height: 80px; border-bottom: 1px solid rgba(0 0 0/10%);}
.new_main_notice .wrap .head .tit{ font-size: 22px; font-weight: 600; color: #000;}
.new_main_notice .wrap .head .more{ display: flex; align-items: center; cursor: pointer; transition: all .2s;}
.new_main_notice .wrap .head .more p{ font-size: 14px; color: #000;}
.new_main_notice .wrap .head .more i{ margin: 0 0 2px 10px; font-size: 14px; color: #000; transition: all .2s;}
.new_main_notice .wrap .head .more:hover{ transform: scale(.9);}
.new_main_notice .wrap .head .more:hover i{ transform: rotate(180deg);}
.new_main_notice .wrap .list{ padding: 25px 0 35px 0;}
.new_main_notice .wrap .list ul{}
.new_main_notice .wrap .list ul li{}
.new_main_notice .wrap .list ul li a{ display: flex; align-items: center; padding: 5px 0; cursor: pointer; transition: all .2s;}
.new_main_notice .wrap .list ul li a:hover{ transform: scale(.95);}
.new_main_notice .wrap .list ul li a .tit{ flex: 1; display: flex; align-items: center; line-height: 25px;}
.new_main_notice .wrap .list ul li a .tit span{ display: flex; align-items: center; margin: 0 10px 0 0; padding: 0 10px; border-radius: 20px; background: #317f70; font-size: 12px; color: #FFF;}
.new_main_notice .wrap .list ul li a .tit font{ flex: 1; font-size: 16px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.new_main_notice .wrap .list ul li a .data{ flex: 0 0 120px; text-align: right; font-size: 14px; color: #666;}
.new_main_notice .wrap:last-child .list ul li a .tit span{ background: #F00;}
@media(max-width: 1301px){
    .new_main_notice .wrap:hover{ border-color: #e5e5e5; background: #FFF;}
    .new_main_notice .wrap .list ul li a:hover{ transform: scale(1);}
}
@media(max-width: 1025px){
    .new_main_notice .wrap{ padding: 0 30px;}
    .new_main_notice .wrap .list ul li a .data{ flex: 0 0 100px;}
}
@media(max-width: 768px){
    .new_main_notice{ margin: 50px 0 0 0;}
    .new_main_notice .w_min{ flex-direction: column; grid-gap: 10px 0;}
    .new_main_notice .wrap{ padding: 0 20px; width: auto;}
    .new_main_notice .wrap .head{ height: 60px;}
    .new_main_notice .wrap .head .tit{ font-size: 18px;}
    .new_main_notice .wrap .head .more:hover{ transform: scale(1);}
    .new_main_notice .wrap .head .more:hover i{ transform: rotate(0deg);}
    .new_main_notice .wrap .list{ padding: 15px 0 20px 0;}
    .new_main_notice .wrap .list ul li a .tit font{ font-size: 14px;}
    .new_main_notice .wrap .list ul li a .data{ flex: 0 0 80px; font-size: 12px;}
}


.new_main_quick{ margin: 10px 0 0 0;}
.new_main_quick ul{ display: flex; grid-gap: 0 10px;}
.new_main_quick ul li{ width: 25%;}
.new_main_quick ul li a{ display: block; position: relative; padding: 40px; height: 100%; border-radius: 20px; border: 1px solid #e5e5e5; cursor: pointer; transition: all .2s;}
.new_main_quick ul li a .t1{ font-size: 14px; color: #666;}
.new_main_quick ul li a .t2{ margin: 10px 0 15px 0; font-size: 22px; font-weight: 600; color: #000;}
.new_main_quick ul li a .t3{ font-size: 16px; color: #666;}
.new_main_quick ul li a .t3 br{ display: none;}
.new_main_quick ul li a .icon{ position: absolute; top: 40px; right: 40px; font-size: 30px;}
.new_main_quick ul li a:hover{ border-color: #FFF; background: #eaf4e9; transform: scale(.95);}
@media(max-width: 1301px){
    .new_main_quick ul li a{ padding: 40px 30px;}
    .new_main_quick ul li a:hover{ border-color: #e5e5e5; background: #FFF; transform: scale(1);}
}
@media(max-width: 1025px){
    .new_main_quick ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px;}
    .new_main_quick ul li{ width: auto;}
}
@media(max-width: 768px){
    .new_main_quick ul li a{ padding: 30px 10px 30px 20px;}
    .new_main_quick ul li a .t1{ font-size: 12px; color: #666;}
    .new_main_quick ul li a .t2{ font-size: 18px;}
    .new_main_quick ul li a .t3{ line-height: 1.2; font-size: 14px;}
    .new_main_quick ul li a .t3 br{ display: block;}
    .new_main_quick ul li a .icon{ top: 20px; right: 20px; font-size: 20px;}
}
@media(max-width: 400px){
    .new_main_quick ul li a .t1{ font-size: 10px;}
    .new_main_quick ul li a .icon{ top: 15px; right: 15px; font-size: 16px;}
}






.modle_guide{ display: flex; justify-content: space-between; align-items: flex-end; padding: 40px 0;}
.modle_guide ul{ display: flex; align-items: center;}
.modle_guide ul li{ display: flex; align-items: center;}
.modle_guide ul li p{ font-size: 14px; color: #000; letter-spacing: 0;}
.modle_guide ul li i{ margin: 0 10px; font-size: 12px; color: #CCC;}
.modle_guide ul li:first-child i{ margin: 0 0 2px 0; font-size: 18px; color: #317f70;}
.modle_sub_title{ font-size: 26px; font-weight: 700; color: #000;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .modle_guide{ padding: 30px 0;}
    .modle_guide ul li p{ font-size: 12px;}
    .modle_guide ul li i{ margin: 0 8px; font-size: 10px;}
    .modle_guide ul li:first-child i{ margin: 0 0 1px 0; font-size: 14px;}
    .modle_sub_title{ font-size: 18px;}
}


.modle_menu_01{ display: flex; justify-content: center; margin: 0 0 40px 0;}
.modle_menu_01 ul{ display: flex; align-items: flex-end; position: relative; max-width: 500px; width: 100%; height: 60px; border-radius: 10px 10px 0 0; background: #f6f8fb;}
.modle_menu_01 ul:after{ content: ""; position: absolute; right: -1px; bottom: 0; left: -1px; height: 2px; background: #317f70;}
.modle_menu_01 ul li{ width: 50%; height: 100%;}
.modle_menu_01 ul li a{ display: flex; justify-content: center; align-items: center; height: 100%; cursor: pointer;}
.modle_menu_01 ul li a p{ font-size: 16px; font-weight: 500; color: #000;}
.modle_menu_01 ul li.on a{ position: relative; z-index: 10; margin: 0 -1px 0 -1px; border-radius: 10px 10px 0 0; border: 2px solid #317f70; background: #FFF;}
.modle_menu_01 ul li.on a:before{ content: ""; position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: #FFF;}
.modle_menu_01 ul li.on a p{ font-weight: 600; color: #317f70;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .modle_menu_01{ margin: 0 0 30px 0;}
    .modle_menu_01 ul{ height: 50px;}
    .modle_menu_01 ul li a p{ font-size: 15px;}
}


.modle_menu_02{ display: flex; justify-content: center; margin: 0 0 40px 0; border-bottom: 1px solid #e5e5e5;}
.modle_menu_02 a{ display: flex; align-items: center; position: relative; margin: 0 25px; padding: 0 0 20px 0; font-size: 18px; font-weight: 400; color: #000; cursor: pointer;}
.modle_menu_02 a.on{ font-size: 26px; font-weight: 700; color: #317f70;}
.modle_menu_02 a.on:before{ content: ""; position: absolute; bottom: -5px; left: 50%; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
.modle_menu_02.mt{ margin-top: 40px;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .modle_menu_02{ margin: 0 0 30px 0;}
    .modle_menu_02 a{ margin: 0 15px; padding: 0 0 20px 0; font-size: 15px;}
    .modle_menu_02 a:first-child{ margin-left: 0;}
    .modle_menu_02 a:last-child{ margin-right: 0;}
    .modle_menu_02 a.on{ font-size: 17px;}
    .modle_menu_02.mt{ margin-top: 30px;}
}
@media(max-width: 400px){
    .modle_menu_02 a{ margin: 0 10px;}
}


.modle_menu_03{ margin: 0 0 20px 0;}
.modle_menu_03 ul{ overflow: auto; text-align: center; white-space: nowrap; position: relative; padding-bottom: 20px;}
.modle_menu_03 ul:after{ content: ""; position: absolute; right: 0; bottom: 20px; left: 0; border-bottom: 1px solid #e5e5e5;}
.modle_menu_03 ul li{ display: inline-block; vert-align: top;}
.modle_menu_03 ul li a{ display: flex; align-items: center; position: relative; margin: 0 25px; padding: 0 0 20px 0; font-size: 18px; font-weight: 400; color: #000; cursor: pointer;}
.modle_menu_03 ul li a.on{ font-size: 26px; font-weight: 700; color: #317f70;}
.modle_menu_03 ul li a.on:before{ content: ""; position: absolute; z-index: 10; bottom: -5px; left: 50%; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .modle_menu_03 ul:after{ display: none;}
    .modle_menu_03 ul li{ border-bottom: 1px solid #e5e5e5;}
    .modle_menu_03 ul li a{ margin: 0 20px;}
}
@media(max-width: 768px){
    .modle_menu_03{ margin: 0 0 15px 0;}
    .modle_menu_03 ul{ padding-bottom: 15px;}
    .modle_menu_03 ul li a{ margin: 0 15px; padding: 0 0 20px 0; font-size: 15px;}
    .modle_menu_03 ul li a.on{ font-size: 17px;}
}








.new_service_buy{}
.new_service_buy .head{ padding: 40px 50px; border-radius: 20px; background: #f6f8fb}
.new_service_buy .head p{ line-height: 1.8; font-size: 16px; color: #000;}
.new_service_buy .head p span{ color: #0051c7;}
.new_service_buy .list{ display: grid; grid-gap: 40px 0; margin: 20px 0 0 0; padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_service_buy .list .wrap{}
.new_service_buy .list .wrap .tit{ line-height: 1.2; font-size: 22px; font-weight: 600; color: #000;}
.new_service_buy .list .wrap .txt{ display: grid; grid-gap: 10px 0; margin: 15px 0 0 0; padding: 30px; border-radius: 20px; background: #fafafa;}
.new_service_buy .list .wrap .txt p{ position: relative; padding: 0 0 0 15px; line-height: 1.6; font-size: 16px; color: #333;}
.new_service_buy .list .wrap .txt p:before{ content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_buy .list .wrap .txt p.sub_tit{ margin: 20px 0 0 0; padding: 0; font-weight: 500; color: #000;}
.new_service_buy .list .wrap .txt p.sub_tit:before{ display: none;}
.new_service_buy .list .wrap .txt p.sub_tit:first-child{ margin: 0;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_service_buy .head{ padding: 30px 20px;}
    .new_service_buy .head p{ line-height: 1.6; font-size: 14px;}
    .new_service_buy .list{ grid-gap: 30px 0; padding: 30px 20px;}
    .new_service_buy .list .wrap .tit{ font-size: 18px;}
    .new_service_buy .list .wrap .txt{ padding: 20px;}
    .new_service_buy .list .wrap .txt p{ font-size: 14px;}
}


.new_service_buy_guide{}
.new_service_buy_guide .dian{ display: grid; grid-gap: 40px; margin: 40px 0 0 0;}
.new_service_buy_guide .dian span{ display: block; margin: 0 auto; width: 10px; height: 10px; border-radius: 50%; background: #317f70;}

.new_service_buy_guide .title_01{ text-align: center;}
.new_service_buy_guide .title_01 p{ line-height: 1.4; font-size: 30px; font-weight: 600; color: #000;}
.new_service_buy_guide .title_01 p:nth-child(2){ color: #317f70;}
.new_service_buy_guide .icon_01{ margin: 40px 0 0 0;}
.new_service_buy_guide .icon_01 ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
.new_service_buy_guide .icon_01 ul li{}
.new_service_buy_guide .icon_01 ul li .wrap{ display: flex; align-items: center; grid-gap: 20px; padding: 40px; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.new_service_buy_guide .icon_01 ul li .wrap img{ display: block; height: 40px;}
.new_service_buy_guide .icon_01 ul li .wrap .fr{}
.new_service_buy_guide .icon_01 ul li .wrap .fr p{ font-size: 14px; font-weight: 700; color: #317f70;}
.new_service_buy_guide .icon_01 ul li .wrap .fr span{ display: block; padding: 15px 0 0 0; line-height: 1.2; font-size: 18px; font-weight: 600; color: #000;}
.new_service_buy_guide .icon_01 ul li .wrap:hover{ border-color: #317f70; box-shadow: 0 10px 30px 0 rgba(0 0 0/10%);}

.new_service_buy_guide .title_02{ margin: 40px 0 0 0; text-align: center;}
.new_service_buy_guide .title_02 p{ line-height: 1.4; font-size: 30px; font-weight: 600; color: #000;}
.new_service_buy_guide .title_02 p:nth-child(2){ color: #317f70;}
.new_service_buy_guide .title_02 .fb{ display: flex; justify-content: center; grid-gap: 30px; margin: 20px 0 0 0;}
.new_service_buy_guide .title_02 .fb span{ display: flex; align-items: center; grid-gap: 10px; font-size: 18px; font-weight: 700; color: #317f70;}
.new_service_buy_guide .title_02 .fb span font{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; background: #317f70; font-size: 16px; font-weight: 700; color: #FFF;}
.new_service_buy_guide .icon_02{ margin: 40px 0 0 0; padding: 120px 100px 100px 100px; border-radius: 20px; background: #eaf4e9;}
.new_service_buy_guide .icon_02 ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 50px;}
.new_service_buy_guide .icon_02 ul li{ position: relative;}
.new_service_buy_guide .icon_02 ul li .wrap{ position: relative; padding: 70px 10px 50px 10px; border-radius: 10px; background: #FFF; box-shadow: 0 10px 30px 0 rgba(0 0 0/10%); transition: all .2s;}
.new_service_buy_guide .icon_02 ul li .wrap p{ display: flex; justify-content: center; align-items: center; position: absolute; top: -20px; left: 50%; margin: 0 0 0 -80px; width: 160px; height: 40px; border-radius: 30px; background: #317f70; font-size: 18px; font-weight: 700; color: #FFF;}
.new_service_buy_guide .icon_02 ul li .wrap img{ display: block; margin: 0 auto; height: 60px;}
.new_service_buy_guide .icon_02 ul li .wrap span{ display: block; padding: 20px 0 0 0; text-align: center; line-height: 1.4; font-size: 22px; font-weight: 700; color: #000;}
.new_service_buy_guide .icon_02 ul li i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -40px; margin-top: -15px; width: 30px; height: 30px; border-radius: 50%; background: #317f70; font-size: 16px; color: #FFF;}

.new_service_buy_guide .title_03{ margin: 40px 0 0 0; text-align: center;}
.new_service_buy_guide .title_03 p{ line-height: 1.4; font-size: 30px; font-weight: 600; color: #000;}
.new_service_buy_guide .title_03 p:nth-child(2) b{ color: #317f70;}
.new_service_buy_guide .icon_03{ position: relative; margin: 40px 0 0 0;}
.new_service_buy_guide .icon_03 .logo{ position: absolute; z-index: 10; top: 50%; left: 50%; padding: 30px; width: 200px; height: 200px; border-radius: 50%; background: #317f70; box-shadow: 0 30px 100px 0 rgba(0 0 0/10%);}
.new_service_buy_guide .icon_03 .logo img{ display: block; width: 100%;}
.new_service_buy_guide .icon_03 ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
.new_service_buy_guide .icon_03 ul li{}
.new_service_buy_guide .icon_03 ul li .wrap{ display: flex; align-items: center; grid-gap: 20px; padding: 40px; border-radius: 20px; border: 1px solid #e5e5e5; opacity: .5;}
.new_service_buy_guide .icon_03 ul li .wrap img{ display: block; height: 40px;}
.new_service_buy_guide .icon_03 ul li .wrap .fr{}
.new_service_buy_guide .icon_03 ul li .wrap .fr p{ font-size: 14px; font-weight: 700; color: #317f70;}
.new_service_buy_guide .icon_03 ul li .wrap .fr span{ display: block; padding: 15px 0 0 0; line-height: 1.2; font-size: 18px; font-weight: 600; color: #000;}
.new_service_buy_guide .icon_03 ul li .wrap.on{ padding: 35px; border: 5px solid #317f70; opacity: 1;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_service_buy_guide .icon_01 ul li .wrap{ flex-direction: column; padding: 40px 10px;}
    .new_service_buy_guide .icon_01 ul li .wrap .fr{ text-align: center;}

    .new_service_buy_guide .icon_02{ padding: 120px 30px 100px 30px;}
    .new_service_buy_guide .icon_02 ul li .wrap p{ margin-left: -60px; width: 120px;}
    .new_service_buy_guide .icon_02 ul li .wrap span{ font-size: 20px;}

    .new_service_buy_guide .icon_03 ul li .wrap{ flex-direction: column; padding: 40px 10px;}
    .new_service_buy_guide .icon_03 ul li .wrap .fr{ text-align: center;}
}
@media(max-width: 768px){
    .new_service_buy_guide .dian{ grid-gap: 30px; margin: 30px 0 0 0;}

    .new_service_buy_guide .title_01 p{ font-size: 20px;}
    .new_service_buy_guide .icon_01{ margin: 20px 0 0 0;}
    .new_service_buy_guide .icon_01 ul{ grid-gap: 5px;}
    .new_service_buy_guide .icon_01 ul li .wrap{ grid-gap: 15px; padding: 30px 10px; height: 100%;}
    .new_service_buy_guide .icon_01 ul li .wrap img{ height: 30px;}
    .new_service_buy_guide .icon_01 ul li .wrap .fr p{ font-size: 12px;}
    .new_service_buy_guide .icon_01 ul li .wrap .fr span{ padding: 15px 0 0 0; font-size: 16px;}

    .new_service_buy_guide .title_02{ display: flex; flex-direction: column; align-items: center; margin: 30px 0 0 0;}
    .new_service_buy_guide .title_02 p{ font-size: 22px;}
    .new_service_buy_guide .title_02 .fb{ flex-direction: column; grid-gap: 10px; margin: 15px 0 0 0;}
    .new_service_buy_guide .title_02 .fb span{ grid-gap: 5px; font-size: 16px;}
    .new_service_buy_guide .title_02 .fb span font{ width: 30px; height: 30px; font-size: 14px;}

    .new_service_buy_guide .icon_02{ margin: 20px 0 0 0; padding: 70px 50px 50px 50px;}
    .new_service_buy_guide .icon_02 ul{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 50px;}
    .new_service_buy_guide .icon_02 ul li i{ top: initial; bottom: -10px; right: initial; left: 50%; margin-top: 0; margin-left: -15px; transform: rotate(90deg);}

    .new_service_buy_guide .title_03{ margin: 30px 0 0 0;}
    .new_service_buy_guide .title_03 p{ font-size: 22px;}

    .new_service_buy_guide .icon_03{ margin: 20px 0 0 0;}
    .new_service_buy_guide .icon_03 .logo{ top: 60%; left: 50%; padding: 20px; width: 120px; height: 120px;}
    .new_service_buy_guide .icon_03 ul{ grid-gap: 5px;}
    .new_service_buy_guide .icon_03 ul li .wrap{ grid-gap: 15px; padding: 30px 10px; height: 100%;}
    .new_service_buy_guide .icon_03 ul li .wrap img{ height: 30px;}
    .new_service_buy_guide .icon_03 ul li .wrap .fr p{ font-size: 12px;}
    .new_service_buy_guide .icon_03 ul li .wrap .fr span{ padding: 15px 0 0 0; font-size: 16px;}
    .new_service_buy_guide .icon_03 ul li .wrap.on{ padding: 27px 7px; border: 3px solid #317f70;}
}


.new_service_power{ padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_service_power .head{ display: flex; align-items: center; padding: 30px; border-radius: 10px; background: #eaf4e9;}
.new_service_power .head .img{ flex: 0 0 400px; display: flex; justify-content: center; align-items: center;}
.new_service_power .head .img img{ display: block; max-width: 100%; max-height: 100%;}
.new_service_power .head .fr{ flex: 1; display: grid; grid-gap: 8px;}
.new_service_power .head .fr p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_service_power .head .fr p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_power .body{ display: flex; margin: 40px 0 0 0;}
.new_service_power .body .img{ flex: 1;}
.new_service_power .body .img img{ display: block; width: 100%;}
.new_service_power .body .fr{ padding: 40px 0 40px 40px;}
.new_service_power .body .fr .t1{ font-size: 20px; font-weight: 600; content: #000;}
.new_service_power .body .fr .t2{ margin: 10px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.new_service_power .body .fr .t2 span{ font-weight: 700; color: #317f70;}
.new_service_power .body .fr .t3{ margin: 10px 0 0 0; line-height: 1.2; font-size: 16px; color: #333;}
.new_service_power .body .fr .t4{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #CCC;}
.new_service_power .body .fr .t4 p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_service_power .body .fr .t4 p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_power .body .fr .t5{ margin: 20px 0 0 0; font-size: 20px; font-weight: 600; content: #000;}
.new_service_power .body .fr .t6{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 16px; font-weight: 500; color: #000;}
.new_service_power .body .fr .t6 img{ display: block; margin: 0 10px 0 0; height: 20px;}
.new_service_power .body .fr button{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; width: 100%; height: 50px; border-radius: 30px; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer;}

.new_service_power .tit{ margin: 40px 0 0 0; font-size: 22px; font-weight: 600; color: #000;}
.new_service_power .table{ overflow: auto; margin: 40px 0 0 0;}
.new_service_power table{ min-width: 600px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.new_service_power table thead{}
.new_service_power table thead tr{}
.new_service_power table thead tr th{ padding: 0 10px; height: 70px; border-top: 1px solid #e5e5e5; border-bottom: 2px solid #c70051; text-align: right; font-size: 18px; font-weight: 600; color: #000;}
.new_service_power table thead tr th:first-child{ text-align: left;}
.new_service_power table tbody{}
.new_service_power table tbody tr td{ border-bottom: 1px solid #e5e5e5; padding: 20px 10px; text-align: right; font-size: 16px; color: #000; letter-spacing: 0;}
.new_service_power table tbody tr td:first-child{ text-align: left;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_service_power .head{ display: block;}
    .new_service_power .head .fr{ margin: 30px 0 0 0;}
    .new_service_power .body{ display: block;}
    .new_service_power .body .fr{ padding: 40px 0 0 0;}
}
@media(max-width: 768px){
    .new_service_power{ padding: 30px 20px;}
    .new_service_power .body{ margin: 30px 0 0 0;}
    .new_service_power .body .fr{ padding: 30px 0 0 0;}
    .new_service_power .tit{ font-size: 20px;}
    .new_service_power .table{ margin: 30px 0 0 0;}
    .new_service_power table thead tr th{ height: 50px; font-size: 16px;}
    .new_service_power table tbody tr td{ font-size: 14px;}
}


.new_service_megamillion{ padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_service_megamillion .head{ display: flex; align-items: center; padding: 30px; border-radius: 10px; background: #eaf4e9;}
.new_service_megamillion .head .img{ flex: 0 0 400px; display: flex; justify-content: center; align-items: center;}
.new_service_megamillion .head .img img{ display: block; max-width: 100%; max-height: 100%;}
.new_service_megamillion .head .fr{ flex: 1; display: grid; grid-gap: 8px;}
.new_service_megamillion .head .fr p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_service_megamillion .head .fr p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_megamillion .body{ display: flex; margin: 40px 0 0 0;}
.new_service_megamillion .body .img{ flex: 1;}
.new_service_megamillion .body .img img{ display: block; width: 100%;}
.new_service_megamillion .body .fr{ padding: 40px 0 40px 40px;}
.new_service_megamillion .body .fr .t1{ font-size: 20px; font-weight: 600; content: #000;}
.new_service_megamillion .body .fr .t2{ margin: 10px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.new_service_megamillion .body .fr .t2 span{ font-weight: 700; color: #317f70;}
.new_service_megamillion .body .fr .t3{ margin: 10px 0 0 0; line-height: 1.2; font-size: 16px; color: #333;}
.new_service_megamillion .body .fr .t4{ margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #CCC;}
.new_service_megamillion .body .fr .t4 p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_service_megamillion .body .fr .t4 p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_megamillion .body .fr .t5{ margin: 20px 0 0 0; font-size: 20px; font-weight: 600; content: #000;}
.new_service_megamillion .body .fr .t6{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 16px; font-weight: 500; color: #000;}
.new_service_megamillion .body .fr .t6 img{ display: block; margin: 0 10px 0 0; height: 20px;}
.new_service_megamillion .body .fr button{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; width: 100%; height: 50px; border-radius: 30px; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer;}

.new_service_megamillion .tit{ margin: 40px 0 0 0; font-size: 22px; font-weight: 600; color: #000;}
.new_service_megamillion .table{ overflow: auto; margin: 40px 0 0 0;}
.new_service_megamillion table{ min-width: 600px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.new_service_megamillion table thead{}
.new_service_megamillion table thead tr{}
.new_service_megamillion table thead tr th{ padding: 0 10px; height: 70px; border-top: 1px solid #e5e5e5; border-bottom: 2px solid #0051c7; text-align: right; font-size: 18px; font-weight: 600; color: #000;}
.new_service_megamillion table thead tr th:first-child{ text-align: left;}
.new_service_megamillion table tbody{}
.new_service_megamillion table tbody tr td{ border-bottom: 1px solid #e5e5e5; padding: 20px 10px; text-align: right; font-size: 16px; color: #000; letter-spacing: 0;}
.new_service_megamillion table tbody tr td:first-child{ text-align: left;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_service_megamillion .head{ display: block;}
    .new_service_megamillion .head .fr{ margin: 30px 0 0 0;}
    .new_service_megamillion .body{ display: block;}
    .new_service_megamillion .body .fr{ padding: 40px 0 0 0;}
}
@media(max-width: 768px){
    .new_service_megamillion{ padding: 30px 20px;}
    .new_service_megamillion .body{ margin: 30px 0 0 0;}
    .new_service_megamillion .body .fr{ padding: 30px 0 0 0;}
    .new_service_megamillion .tit{ font-size: 20px;}
    .new_service_megamillion .table{ margin: 20px 0 0 0;}
    .new_service_megamillion table thead tr th{ height: 60px; font-size: 16px;}
    .new_service_megamillion table tbody tr td{ font-size: 14px;}
}


.new_service_win{}
.new_service_win .head{ padding: 40px 50px; border-radius: 20px; background: #f6f8fb}
.new_service_win .head p{ line-height: 1.8; font-size: 16px; color: #000;}
.new_service_win .head p span{ color: #0051c7;}
.new_service_win .list{ display: grid; grid-gap: 40px 0; margin: 20px 0 0 0; padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_service_win .list .wrap{}
.new_service_win .list .wrap .tit{ line-height: 1.2; font-size: 22px; font-weight: 600; color: #000;}
.new_service_win .list .wrap .txt{ display: grid; grid-gap: 10px 0; margin: 15px 0 0 0; padding: 30px; border-radius: 20px; background: #fafafa;}
.new_service_win .list .wrap .txt p{ position: relative; padding: 0 0 0 15px; line-height: 1.6; font-size: 16px; color: #333;}
.new_service_win .list .wrap .txt p span{ font-weight: 600; color: #317f70;}
.new_service_win .list .wrap .txt p b{ font-weight: 600; color: #000;}
.new_service_win .list .wrap .txt p:before{ content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_service_win .list .wrap .txt p.sub_tit{ margin: 20px 0 0 0; padding: 0; font-weight: 500; color: #000;}
.new_service_win .list .wrap .txt p.sub_tit:before{ display: none;}
.new_service_win .list .wrap .txt p.sub_tit:first-child{ margin: 0;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_service_win .head{ padding: 30px 20px;}
    .new_service_win .head p{ line-height: 1.6; font-size: 14px;}
    .new_service_win .list{ grid-gap: 30px 0; padding: 30px 20px;}
    .new_service_win .list .wrap .tit{ font-size: 18px;}
    .new_service_win .list .wrap .txt{ padding: 20px;}
    .new_service_win .list .wrap .txt p{ font-size: 14px;}
}


.new_service_level_banner{ display: flex; position: relative; margin: 0 0 20px 0; padding: 50px 50px 50px 200px; border-radius: 20px; background: #eaf4e9;}
.new_service_level_banner img{ display: block; position: absolute; left: 50px; bottom: 0; height: 90%;}
.new_service_level_banner .fr{}
.new_service_level_banner .fr .t1{ font-size: 30px; font-weight: 600; color: #000;}
.new_service_level_banner .fr .t2{ margin: 15px 0 0 0; line-height: 1.4; font-size: 16px; color: rgba(0 0 0/80%);}
.new_service_level_banner .fr .t2 b{ font-weight: 500; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_service_level_banner{ padding: 30px 20px 30px 105px;}
    .new_service_level_banner img{ left: 20px; height: 70%;}
    .new_service_level_banner .fr .t1{ font-size: 18px;}
    .new_service_level_banner .fr .t2{ margin: 10px 0 0 0; font-size: 13px;}
}


.new_service_level{ position: relative; padding: 0 0 0 80px;}
.new_service_level .head{ overflow: hidden; display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 80px; height: 100%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f6f8fb;}
.new_service_level .head p{ display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px; font-weight: 500; color: #333;}
.new_service_level .head p:nth-child(1){ flex: 0 0 160px;}
.new_service_level .head p:nth-child(2){ flex: 1; border-top: 1px solid #e5e5e5;}
.new_service_level .list{ overflow: hidden; flex: 1; display: flex; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.new_service_level .list .wrap{ overflow: hidden; display: flex; flex-direction: column; padding: 30px 0 0 0; width: 20%; border-left: 1px solid #e5e5e5;}
.new_service_level .list .wrap .tit{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%;}
.new_service_level .list .wrap .tit p{ font-size: 16px; font-weight: 400; color: #000;}
.new_service_level .list .wrap .tit span{ display: block; margin: 5px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.new_service_level .list .wrap .txt{ flex: 1; margin: 30px 0 0 0; padding: 30px 20px; border-top: 1px solid #e5e5e5; line-height: 1.6; font-size: 14px; color: #666;}
.new_service_level .list .wrap .txt b{ font-weight: 500; color: #F00;}
.new_service_level .list .wrap:nth-child(1) .tit{ border: 1px solid #e5e5e5; background: #FFF;}
.new_service_level .list .wrap:nth-child(2) .tit{ background: #d9ead3;}
.new_service_level .list .wrap:nth-child(3) .tit{ background: #eeeeee;}
.new_service_level .list .wrap:nth-child(4) .tit{ background: #fff2cc;}
.new_service_level .list .wrap:nth-child(5) .tit{ background: #000}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_service_level{ padding: 0;}
    .new_service_level .head{ flex-direction: row; position: initial; width: auto; border-bottom: 0;}
    .new_service_level .head p{ padding: 20px 0; font-size: 13px;}
    .new_service_level .head p:nth-child(1) br{ display: none;}
    .new_service_level .head p:nth-child(2){ border-top: 0; border-left: 1px solid #e5e5e5;}
    .new_service_level .list{ display: block; border-top: 0;}
    .new_service_level .list .wrap{ display: flex; flex-direction: row; align-items: center; padding: 0; width: auto; border-top: 1px solid #e5e5e5; border-left: 0;}
    .new_service_level .list .wrap .tit{ margin: 0 30px;}
    .new_service_level .list .wrap .txt{ margin: 0; padding: 60px 30px; border-top: 0; border-left: 1px solid #e5e5e5;}
    .new_service_level .list .wrap:nth-child(1){ border-left: 0;}
}
@media(max-width: 768px){
    .new_service_level .head p:nth-child(1){ flex: 0 0 110px;}
    .new_service_level .list .wrap .tit{ flex: 0 0 70px; margin: 0 20px; width: 70px; height: 70px;}
    .new_service_level .list .wrap .tit p{ font-size: 12px;}
    .new_service_level .list .wrap .tit span{ font-size: 18px;}
    .new_service_level .list .wrap .txt{ padding: 30px 20px;}
}


.new_service_level_my{ position: relative; padding: 0 0 0 170px;}
.new_service_level_my .my{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 160px; height: 100%; border-radius: 20px; background: #317f70;}
.new_service_level_my .my p{ text-align: center; line-height: 1.2; font-size: 16px; color: #FFF;}
.new_service_level_my .my span{ display: block; margin: 5px 0 0 0; font-size: 30px; font-weight: 700; color: #FFF;}
.new_service_level_my .list{ flex: 1; display: flex; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_service_level_my .list .wrap{ padding: 30px 0; width: 20%; border-left: 1px solid #e5e5e5;}
.new_service_level_my .list .wrap:first-child{ border-left: 0;}
.new_service_level_my .list .wrap .tit{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%;}
.new_service_level_my .list .wrap .tit p{ font-size: 16px; font-weight: 400; color: #000;}
.new_service_level_my .list .wrap .tit span{ display: block; margin: 5px 0 0 0; font-size: 26px; font-weight: 700; color: #000;}
.new_service_level_my .list .wrap .txt{ padding: 20px 20px 0 20px; line-height: 1.6; font-size: 14px; color: #666;}
.new_service_level_my .list .wrap .txt b{ font-weight: 600; color: #F00;}
.new_service_level_my .list .wrap:nth-child(1) .tit{ border: 1px solid #e5e5e5; background: #FFF;}
.new_service_level_my .list .wrap:nth-child(2) .tit{ background: #d9ead3;}
.new_service_level_my .list .wrap:nth-child(3) .tit{ background: #eeeeee;}
.new_service_level_my .list .wrap:nth-child(4) .tit{ background: #fff2cc;}
.new_service_level_my .list .wrap:nth-child(5) .tit{ background: #000}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_service_level_my{ padding: 0 0 0 120px;}
    .new_service_level_my .my{ width: 100px;}
    .new_service_level_my .my p{ font-size: 12px;}
    .new_service_level_my .my span{ font-size: 20px;}
    .new_service_level_my .list .wrap .tit{ width: 80px; height: 80px;}
    .new_service_level_my .list .wrap .tit p{ font-size: 12px;}
    .new_service_level_my .list .wrap .tit span{ font-size: 20px;}
}
@media(max-width: 768px){
    .new_service_level_my{ margin: 20px 0 0 0; padding: 0;}
    .new_service_level_my .my{ flex-direction: row; justify-content: space-between; align-items: flex-end; position: initial; width: auto; height: auto; background: none;}
    .new_service_level_my .my p{ line-height: 1; font-size: 14px; color: #666;}
    .new_service_level_my .my p br{ display: none;}
    .new_service_level_my .my span{ margin: 0; font-size: 20px; color: #317f70;}
    .new_service_level_my .list{ display: block; margin: 15px 0 0 0;}
    .new_service_level_my .list .wrap{ display: flex; align-items: center; padding: 15px 20px; width: auto; border-left: 0; border-top: 1px solid #e5e5e5;}
    .new_service_level_my .list .wrap:first-child{ border-top: 0;}
    .new_service_level_my .list .wrap .tit{ flex: 0 0 70px; margin: 0 15px 0 0; width: 70px; height: 70px;}
    .new_service_level_my .list .wrap .tit p{ font-size: 12px;}
    .new_service_level_my .list .wrap .tit span{ font-size: 18px;}
    .new_service_level_my .list .wrap .txt{ padding: 0; line-height: 1.4; font-size: 13px;}
}






.new_buy_ball_head{ display: flex; align-items: center; padding: 40px 0; border-radius: 20px; background: #f5f5f5;}
.new_buy_ball_head .wrap{ overflow: hidden; width: 33.333%; border-left: 1px dashed #a8cba5;}
.new_buy_ball_head .wrap:first-child{ border-left: 0;}
.new_buy_ball_head .ft{ display: flex; justify-content: center; align-items: center; font-size: 22px; font-weight: 600; color: #000;}
.new_buy_ball_head .ft span{ margin: 0 5px 0 0; font-weight: 700; color: #317f70;}
.new_buy_ball_head .fb{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 0 0 0;}
.new_buy_ball_head .price{}
.new_buy_ball_head .price .tit{ font-size: 20px; color: #000;}
.new_buy_ball_head .price .tit span{ font-weight: 700;}
.new_buy_ball_head .price .number_kr{ display: flex; align-items: flex-end;}
.new_buy_ball_head .price .number_kr span{ font-size: 26px; font-weight: 500; color: #000;}
.new_buy_ball_head .price .number_kr p{ margin: 0 3px; font-size: 40px; font-weight: 700; color: #F00;}
.new_buy_ball_head .price .number_us{ display: flex; align-items: center; margin: 15px 0 0 0;}
.new_buy_ball_head .price .number_us span{ font-size: 14px; font-weight: 500; color: rgba(0 0 0/50%);}
.new_buy_ball_head .price .number_us p{ margin: 0 0 0 5px; font-size: 16px; font-weight: 500; color: rgba(0 0 0/50%);}
.new_buy_ball_head .date{}
.new_buy_ball_head .date .fb p{ display: flex; align-items: center; padding: 5px 0; font-size: 18px; color: rgba(0 0 0/80%);}
.new_buy_ball_head .date .fb p span{ display: flex; align-items: center; margin: 0 5px 0 0; padding: 0 15px; height: 25px; border-radius: 20px; background: #000; font-size: 14px; font-weight: 500; color: #FFF;}
.new_buy_ball_head .time{}
.new_buy_ball_head .time .fb p{ display: flex; align-items: center; padding: 5px 0; font-size: 18px; color: rgba(0 0 0/80%);}
.new_buy_ball_head .time .fb p i{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 35px; height: 35px; border-radius: 20px; background: #F00; font-size: 22px; color: #FFF; animation: new_buy_ball_head_time .2s infinite;}
.new_buy_ball_head .time .fb p b{ color: #F00;}
.new_buy_ball_head .time .fb p:last-child{ font-size: 16px;}
.new_buy_ball_head .wrap.w50{ width: 50%;}
@keyframes new_buy_ball_head_time{
    0%   { transform: rotate(10deg);}
    50% { transform: rotate(-10deg);}
    100%   { transform: rotate(10deg);}
}

.add_time {font-size: 24px; color: #F00 !important;  animation: new_buy_ball_head_time .2s infinite;}

@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_buy_ball_head{ flex-wrap: wrap; padding: 40px;}
    .new_buy_ball_head .wrap:nth-child(1){ margin: 0 0 40px 0; padding: 0 0 40px 0; width: 100%; border-bottom: 1px dashed #a8cba5;}
    .new_buy_ball_head .wrap:nth-child(2){ width: 50%; border-left: 0;}
    .new_buy_ball_head .wrap:nth-child(3){ width: 50%;}
    .new_buy_ball_head .wrap:nth-child(2).w50{ width: 100%;}
}
@media(max-width: 768px){
    .new_buy_ball_head{ display: block; padding: 0 20px;}
    .new_buy_ball_head .wrap{ margin: 0 !important; padding: 20px 0 !important; width: 100% !important; border: 0; border-top: 1px dashed #a8cba5;}
    .new_buy_ball_head .wrap:first-child{ border: 0;}
    .new_buy_ball_head .ft{ font-size: 18px;}
    .new_buy_ball_head .price .tit{ font-size: 16px;}
    .new_buy_ball_head .price .number_kr span{ font-size: 14px;}
    .new_buy_ball_head .price .number_kr p{ font-size: 26px;}
    .new_buy_ball_head .price .number_us{ margin: 5px 0 0 0;}
    .new_buy_ball_head .price .number_us span{ font-size: 12px;}
    .new_buy_ball_head .price .number_us p{ font-size: 14px;}
    .new_buy_ball_head .date .fb p{ font-size: 14px;}
    .new_buy_ball_head .date .fb p span{ padding: 0 10px; height: 20px; font-size: 12px;}
    .new_buy_ball_head .time .fb p{ font-size: 14px;}
    .new_buy_ball_head .time .fb p i{ width: 25px; height: 25px; font-size: 16px;}
    .new_buy_ball_head .time .fb p:last-child{ font-size: 12px;}
}


.new_buy_ball_body{ display: flex; flex-wrap: wrap; margin: 50px 0 0 0;}
.new_buy_ball_body .fl{ flex: 1; display: grid; grid-gap: 50px 0; position: relative; z-index: 10; padding: 50px; border-radius: 20px; background: #eaf4e9;}
.new_buy_ball_body .fr{ flex: 0 0 450px;}

.new_buy_ball_body .step{}
.new_buy_ball_body .step .title{ display: flex; justify-content: space-between; align-items: center;}
.new_buy_ball_body .step .title p{ display: flex; align-items: center; font-size: 22px; font-weight: 600; color: #000;}
.new_buy_ball_body .step .title p span{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; padding: 0 15px; height: 30px; border-radius: 20px; background: #317f70; font-size: 14px; font-weight: 500; color: #FFF;}
.new_buy_ball_body .step .title p b{ padding: 0 5px; font-weight: 700; color: #F00;}
.new_buy_ball_body .step .title p font{ padding: 0 0 0 10px; font-weight: 400; color: rgba(0 0 0/70%);}
.new_buy_ball_body .step .title p font b{ font-weight: 700; color: #000;}
.new_buy_ball_body .step .title select{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 10px; width: auto; height: 30px; border-radius: 0; border: 0; background:url(/images/icon_select.png) no-repeat center right 0 rgba(0 0 0/0); background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.new_buy_ball_body .step .quantity{ margin: 20px 0 0 0;}
.new_buy_ball_body .step .quantity ul{ display: grid; grid-template-columns: repeat(10,1fr); grid-gap: 5px;}
.new_buy_ball_body .step .quantity ul li{}
.new_buy_ball_body .step .quantity ul li .wrap{ display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF; transition: all .2s; cursor: pointer;}
.new_buy_ball_body .step .quantity ul li .wrap p{ font-size: 14px; color: #000;}
.new_buy_ball_body .step .quantity ul li .wrap:hover{ background: #fafafa; transform: scale(.9);}
.new_buy_ball_body .step .quantity ul li.on .wrap{ border: 2px solid #317f70;}
.new_buy_ball_body .step .quantity ul li.on .wrap p{ font-weight: 700; color: #317f70;}

.new_buy_ball_body .step .menu{ margin: 20px 0 0 0;}
.new_buy_ball_body .step .menu ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 5px;}
.new_buy_ball_body .step .menu ul li{}
.new_buy_ball_body .step .menu ul li .wrap{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); background: #FFF; transition: all .2s; cursor: pointer;}
.new_buy_ball_body .step .menu ul li .wrap p{ font-size: 17px; font-weight: 500; color: #000;}
.new_buy_ball_body .step .menu ul li .wrap:hover{ transform: scale(.95);}
.new_buy_ball_body .step .menu ul li.on .wrap{ border: 2px solid #317f70;}
.new_buy_ball_body .step .menu ul li.on .wrap p{ font-weight: 700; color: #317f70;}

.new_buy_ball_body .step .ball{ display: flex; grid-gap: 0 10px; margin: 50px 0 0 0;}
.new_buy_ball_body .step .ball .list{ position: relative; width: 50%;}
.new_buy_ball_body .step .ball .list .tit{ text-align: center; font-size: 18px; color: #000;}
.new_buy_ball_body .step .ball .list .tit b{ font-weight: 700; color: #F00;}
.new_buy_ball_body .step .ball .list ul{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0; padding: 30px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF;}
.new_buy_ball_body .step .ball .list ul li{ padding: 2px; width: 14.285%;}
.new_buy_ball_body .step .ball .list ul li .wrap{ position: relative; padding-top: 100%; transition: all .2s; cursor: pointer;}
.new_buy_ball_body .step .ball .list ul li .wrap p{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid #DDD; font-size: 1em; color: #000; transition: all .1s;}
.new_buy_ball_body .step .ball .list ul li:hover .wrap p{ background: #f5f5f5; transform: scale(.9);}
.new_buy_ball_body .step .ball .list ul li.on .wrap p{ border: 2px solid #317f70; background: #317f70; font-weight: 700; color: #FFF;}
.new_buy_ball_body .step .ball .list:nth-child(2){}
.new_buy_ball_body .step .ball .list:nth-child(2) ul li.on .wrap p{ border: 2px solid #FFC821; background: #FFC821; font-weight: 700; color: #000;}

.new_buy_ball_body .step .button{ display: flex; grid-gap: 0 5px; position: absolute; right: 0; bottom: 0; left: 0;}
.new_buy_ball_body .step .button a{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 40px; transition: all .2s; cursor: pointer;}
.new_buy_ball_body .step .button a i{ padding: 0 10px 0 0; font-size: 22px; color: #000;}
.new_buy_ball_body .step .button a p{ font-size: 18px; font-weight: 700; color: #000;}
.new_buy_ball_body .step .button a:nth-child(1){ flex: 0 0 100px; border: 1px solid #e5e5e5; background: #FFF;}
.new_buy_ball_body .step .button a:nth-child(2){ flex: 1; background: #FFC821;}
.new_buy_ball_body .step .button a:hover{ transform: scale(.95);}

.new_buy_ball_body .pay{ margin: 50px 0 0 0; padding: 50px; border-radius: 0 20px 20px 0; background: #317f70;}
.new_buy_ball_body .pay .head{ display: flex; justify-content: space-between; align-items: center;}
.new_buy_ball_body .pay .head p{ display: flex; align-items: center; font-size: 22px; font-weight: 600; color: #FFF;}
.new_buy_ball_body .pay .head p i{ padding: 0 5px 0 0; font-size: 24px; color: #FFF;}
.new_buy_ball_body .pay .head span{ display: flex; align-items: center; font-size: 14px; color: #FFF; cursor: pointer;}
.new_buy_ball_body .pay .head span b{ padding: 0 0 0 5px; color: #FFC821;}
.new_buy_ball_body .pay .select{ margin: 30px 0 0 0;}
.new_buy_ball_body .pay .select .list{}
.new_buy_ball_body .pay .select .list ul{ display: grid; grid-gap: 10px 0;}
.new_buy_ball_body .pay .select .list ul li{}
.new_buy_ball_body .pay .select .list ul li .wrap{ display: flex; align-items: center;}
.new_buy_ball_body .pay .select .list ul li .wrap .tit{ margin: 0 10px 0 0; font-size: 12px; color: #FFF;}
.new_buy_ball_body .pay .select .list ul li .wrap .ball{ flex: 1; display: flex; grid-gap: 0 5px;}
.new_buy_ball_body .pay .select .list ul li .wrap .ball p{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #FFF; font-size: 14px; font-weight: 500; color: #000;}
.new_buy_ball_body .pay .select .list ul li .wrap .ball p:last-child{ background: #FFC821; color: #000;}
.new_buy_ball_body .pay .select .list ul li .wrap .btn{ display: flex; align-items: center; grid-gap: 0 5px;}
.new_buy_ball_body .pay .select .list ul li .wrap .btn a{ display: flex; justify-content: center; align-items: center; padding: 0 8px; height: 30px; border-radius: 20px; border: 1px dashed rgba(255 255 255/40%); font-size: 12px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_buy_ball_body .pay .select .list ul li .wrap .btn a:hover{ border-color: rgba(255 255 255/80)%; background: rgba(255 255 255/20%);}
.new_buy_ball_body .pay .select > .btn{ display: flex; justify-content: center; align-items: center; margin: 20px auto 0 auto; width: 180px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/40%); font-size: 16px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_buy_ball_body .pay .select > .btn:hover{ border-color: rgba(255 255 255/80)%; background: rgba(255 255 255/20%);}
.new_buy_ball_body .pay .info{ margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed rgba(255 255 255/30%); background: none; line-height: 1;}
.new_buy_ball_body .pay .info ul{}
.new_buy_ball_body .pay .info ul li{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
.new_buy_ball_body .pay .info ul li .tit{}
.new_buy_ball_body .pay .info ul li .tit p{ font-size: 14px; color: rgba(255 255 255/60%);}
.new_buy_ball_body .pay .info ul li .tit span{ display: block; padding: 5px 0 0 0; font-size: 18px; font-weight: 700; color: #FFF; letter-spacing: 0;}
.new_buy_ball_body .pay .info ul li .txt{ display: flex; align-items: center;}
.new_buy_ball_body .pay .info ul li .txt p{ font-size: 18px; color: #FFF;}
.new_buy_ball_body .pay .info ul li .txt a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 35px; border-radius: 20px; border: 1px solid rgba(255 255 255/40%); font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_buy_ball_body .pay .info ul li .txt a:hover{ border-color: rgba(255 255 255/80)%; background: rgba(255 255 255/20%);}
.new_buy_ball_body .pay .info ul li .txt input{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 10px; width: 100px; height: 40px; border-radius: 20px; border: 0; background: #FFF; text-align: center; font-size: 14px; font-weight: 500; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_buy_ball_body .pay .all{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed rgba(255 255 255/30%);}
.new_buy_ball_body .pay .all p{ font-size: 14px; color: #FFF;}
.new_buy_ball_body .pay .all span{ font-size: 18px; font-weight: 700; color: #FFF;}
.new_buy_ball_body .pay .button{ display: flex; flex-direction: column; align-items: center; margin: 20px 0 0 0;}
.new_buy_ball_body .pay .button a{}
.new_buy_ball_body .pay .button a:nth-child(1){ display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 30px; background: #FFC821; font-size: 18px; font-weight: 700; color: #000; transition: all .2s; cursor: pointer;}
.new_buy_ball_body .pay .button a:nth-child(2){ display: flex; margin: 20px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dashed rgba(255 255 255/60%); font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_buy_ball_body .pay .button a:hover{ transform: scale(.9);}

.new_buy_ball_body .fb{ display: flex; grid-gap: 0 20px; margin: 50px 0 0 0; padding: 50px; width: 100%; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_buy_ball_body .fb .text{ width: 50%;}
.new_buy_ball_body .fb .text .tit{ font-size: 22px; font-weight: 600; color: #000;}
.new_buy_ball_body .fb .text .bg{ margin: 20px 0 0 0; padding: 30px 30px; border-radius: 20px; background: #fafafa; border: 1px solid rgba(0 0 0/5%); box-shadow: none; text-align: center;}
.new_buy_ball_body .fb .text .txt{ font-size: 20px; color: #000;}
.new_buy_ball_body .fb .text .txt span{ font-weight: 700; color: #317f70;}
.new_buy_ball_body .fb .text .tip{ margin: 14px 0 0 0; font-size: 14px; color: #F00;}
.new_buy_ball_body .fb .scan{ width: 50%;}
.new_buy_ball_body .fb .scan .tit{ font-size: 22px; font-weight: 600; color: #000;}
.new_buy_ball_body .fb .scan .list{ margin: 20px 0 0 0; padding: 20px 30px; border-radius: 20px; background: #fafafa; border: 1px solid rgba(0 0 0/5%); text-align: center;}
.new_buy_ball_body .fb .scan .list .wrap{ display: flex; justify-content: center; align-items: center; padding: 5px 0;}
.new_buy_ball_body .fb .scan .list .wrap i{ font-size: 24px; color: #F00;}
.new_buy_ball_body .fb .scan .list .wrap p{ margin: 0 0 0 5px; font-size: 16px; color: rgba(0 0 0/80%);}
@media(max-width: 1301px){
    .new_buy_ball_body .fl{ padding: 50px 30px;}
    .new_buy_ball_body .pay{ margin: 30px 0 0 0; padding: 40px 30px;}
    .new_buy_ball_body .pay .select{ margin: 20px 0 0 0;}
    .new_buy_ball_body .pay .info{ margin: 20px 0 0 0;}
    .new_buy_ball_body .step .quantity ul li .wrap p{ font-size: 12px;}
    .new_buy_ball_body .step .button a i{ font-size: 16px;}
    .new_buy_ball_body .step .button a p{ font-size: 16px;}
    .new_buy_ball_body .step .button a:nth-child(1){ flex: 0 0 80px;}
}
@media(max-width: 1025px){
    .new_buy_ball_body{ display: block;}
    .new_buy_ball_body .fl{ padding: 50px;}
    .new_buy_ball_body .fr{ flex: initial;}
    .new_buy_ball_body .pay{ padding: 50px; border-radius: 20px;}

    .new_buy_ball_body .fb{ display: block;}
    .new_buy_ball_body .fb .text{ width: 100%;}
    .new_buy_ball_body .fb .scan{ margin: 50px 0 0 0; width: 100%;}
}
@media(max-width: 768px){
    .new_buy_ball_body{ margin: 30px 0 0 0;}
    .new_buy_ball_body .fl{ grid-gap: 30px 0; padding: 30px 20px;}
    .new_buy_ball_body .step .title p span{ padding: 0 10px; font-size: 12px;}
    .new_buy_ball_body .step .title p{ font-size: 18px;}
    .new_buy_ball_body .step .title select{ font-size: 14px;}
    .new_buy_ball_body .step .quantity ul{ grid-template-columns: repeat(5, 1fr);}

    .new_buy_ball_body .step .menu ul{ grid-template-columns: repeat(2,1fr); grid-gap: 5px;}
    .new_buy_ball_body .step .menu ul li:nth-child(3){ grid-column: 1/3;}
    .new_buy_ball_body .step .menu ul li .wrap{ height: 45px;}
    .new_buy_ball_body .step .menu ul li .wrap p{ font-size: 16px;}

    .new_buy_ball_body .step .ball{ display: block; margin: 30px 0 0 0;}
    .new_buy_ball_body .step .ball .list{ width: 100%;}
    .new_buy_ball_body .step .ball .list .tit{ font-size: 16px;}
    .new_buy_ball_body .step .ball .list ul{ padding: 20px;}
    .new_buy_ball_body .step .ball .list:nth-child(2){ margin: 30px 0 0 0;}

    .new_buy_ball_body .step .button{ position: initial; margin: 20px 0 0 0;}
    .new_buy_ball_body .step .button a{ height: 45px;}
    .new_buy_ball_body .step .button a i{ font-size: 18px; color: #000;}
    .new_buy_ball_body .step .button a p{ font-size: 16px;}

    .new_buy_ball_body .pay{ margin: 30px 0 0 0; padding: 30px 20px;}
    .new_buy_ball_body .pay .head p{ font-size: 18px;}
    .new_buy_ball_body .pay .select .list ul li .wrap{ padding: 0;}
    .new_buy_ball_body .pay .select .list ul li .wrap .ball p{ width: 26px; height: 26px; font-size: 12px;}
    .new_buy_ball_body .pay .select .list ul li .wrap .btn a{ padding: 0 6px; height: 30px; font-size: 11px;}
    .new_buy_ball_body .pay .select > .btn{ width: 160px; height: 35px; font-size: 14px;}
    .new_buy_ball_body .pay .info ul li .txt a{ width: 100px; height: 30px;}
    .new_buy_ball_body .pay .info ul li .txt input{ height: 35px;}
    .new_buy_ball_body .pay .button a:nth-child(1){ height: 45px; font-size: 16px;}

    .new_buy_ball_body .fb{ margin: 30px 0 0 0; padding: 30px 20px;}
    .new_buy_ball_body .fb .text .tit{ font-size: 18px;}
    .new_buy_ball_body .fb .text .bg{ margin: 10px 0 0 0; padding: 20px 15px;}
    .new_buy_ball_body .fb .text .txt{ font-size: 16px;}
    .new_buy_ball_body .fb .text .tip{ margin: 10px 0 0 0; line-height: 1.4; font-size: 12px;}
    .new_buy_ball_body .fb .scan{ margin: 30px 0 0 0;}
    .new_buy_ball_body .fb .scan .tit{ font-size: 18px;}
    .new_buy_ball_body .fb .scan .list{ margin: 10px 0 0 0; padding: 20px 15px;}
    .new_buy_ball_body .fb .scan .list .wrap i{ font-size: 20px;}
    .new_buy_ball_body .fb .scan .list .wrap p{ font-size: 14px;}
}
@media(max-width: 400px){
    .new_buy_ball_body .step .title p{ font-size: 15px;}
    .new_buy_ball_body .step .title p span{ font-size: 10px;}
    .new_buy_ball_body .step .title select{ font-size: 12px;}
    .new_buy_ball_body .step .quantity ul li .wrap{ padding: 0 5px;}
    .new_buy_ball_body .step .quantity ul li .wrap p{ font-size: 11px;}

    .new_buy_ball_body .pay .select .list ul li .wrap .tit{ margin: 0 5px 0 0; font-size: 11px;}
    .new_buy_ball_body .pay .select .list ul li .wrap .ball p{ width: 22px; height: 22px; font-size: 11px;}
    .new_buy_ball_body .pay .select .list ul li .wrap .btn a{ height: 22px; font-size: 10px;}

}


.new_popup_my_save_ball{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 1000; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 20px; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .3s;}
.new_popup_my_save_ball .wrap{ position: relative; z-index: 10; max-width: 500px; width: 100%; transform: translate(0,100px); transition: all .5s;}
.new_popup_my_save_ball .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_popup_my_save_ball .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_popup_my_save_ball .wrap .head i{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_my_save_ball .wrap .head i:hover{ transform: scale(.95) rotate(180deg);}
.new_popup_my_save_ball .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_popup_my_save_ball .wrap .body .scroll{ overflow: auto; padding: 30px; max-height: 400px;}
.new_popup_my_save_ball .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_my_save_ball .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_my_save_ball .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_my_save_ball .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_my_save_ball .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_my_save_ball .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}

.new_popup_my_save_ball .wrap .body .scroll table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.new_popup_my_save_ball .wrap .body .scroll table thead tr th{ padding: 0 0 15px 0; border-bottom: 1px solid #317f70; font-size: 14px; color: #000;}
.new_popup_my_save_ball .wrap .body .scroll table tbody tr td{ text-align: center; padding: 10px 0; border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #000;}
.new_popup_my_save_ball .wrap .body .scroll table tbody tr:hover td{ background: #f5f5f5;}
.new_popup_my_save_ball .wrap .body .scroll table i{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; font-size: 12px; color: rgba(255 255 255/0.00001%); cursor: pointer;}
.new_popup_my_save_ball .wrap .body .scroll table i.on{ border-color: #317f70; background: #317f70; color: #FFF;}
.new_popup_my_save_ball .wrap .body .scroll table .ball{ display: flex; justify-content: center; grid-gap: 0 5px;}
.new_popup_my_save_ball .wrap .body .scroll table .ball p{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fafafa; font-size: 12px; color: #000;}
.new_popup_my_save_ball .wrap .body .scroll table .ball p:last-child{ border-color: #FFC821; background: #FFC821; color: #000; font-weight: 600;}
.new_popup_my_save_ball .wrap .body .scroll .btn{ display: flex; justify-content: center; grid-gap: 0 5px; margin: 30px 0 0 0;}
.new_popup_my_save_ball .wrap .body .scroll .btn a{ display: flex; align-items: center; padding: 0 30px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 500; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_my_save_ball .wrap .body .scroll .btn a:nth-child(1){ border: 1px solid #e5e5e5; color: #000;}
.new_popup_my_save_ball .wrap .body .scroll .btn a:nth-child(2){ background: #317f70;}
.new_popup_my_save_ball .wrap .body .scroll .btn a:hover{ transform: scale(.95);}
.new_popup_my_save_ball > .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.0000001%);}
.new_popup_my_save_ball.on{ top: 0; bottom: 0; opacity: 1;}
.new_popup_my_save_ball.on .wrap{ transform: translate(0,0);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_popup_my_save_ball .wrap .head{ padding: 0 20px;}
    .new_popup_my_save_ball .wrap .head p{ font-size: 16px;}
    .new_popup_my_save_ball .wrap .body .scroll{ padding: 30px 20px;}
}


.new_popup_buy_ok{ display: flex; justify-content: center; align-items: center; position: fixed !important; top: 0 !important; right: 0; bottom: 0; left: 0 !important; padding: 20px;}
.new_popup_buy_ok .wrap{ position: relative; z-index: 10; max-width: 500px; width: 100%; transition: all .5s;}
.new_popup_buy_ok .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_popup_buy_ok .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_popup_buy_ok .wrap .head i{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_buy_ok .wrap .head i:hover{ transform: scale(.95) rotate(180deg);}
.new_popup_buy_ok .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_popup_buy_ok .wrap .body .scroll{ overflow: auto; padding: 30px; max-height: 500px;}
.new_popup_buy_ok .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_buy_ok .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_buy_ok .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_buy_ok .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_buy_ok .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_buy_ok .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}

.new_popup_buy_ok .wrap .body i{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 50px; height: 50px; border-radius: 50%; background: #317f70; font-size: 20px; color: #FFF;}
.new_popup_buy_ok .wrap .body .t1{ margin: 10px 0 0 0; text-align: center; font-size: 26px; font-weight: 700; color: #317f70;}
.new_popup_buy_ok .wrap .body .t2{ margin: 10px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}
.new_popup_buy_ok .wrap .body .date{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 50px; border-radius: 5px; border: 1px solid #e5e5e5; background: #f9f9f9; font-size: 16px; color: #000;}
.new_popup_buy_ok .wrap .body .text{ display: grid; grid-gap: 5px 0; margin: 20px 0 0 0;}
.new_popup_buy_ok .wrap .body .text p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_popup_buy_ok .wrap .body .text p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_popup_buy_ok .wrap .body .text p.tit{ margin: 15px 0 0 0; padding: 0; font-size: 16px; font-weight: 500;}
.new_popup_buy_ok .wrap .body .text p.tit:first-child{ margin: 0;}
.new_popup_buy_ok .wrap .body .text p.tit:before{ display: none;}
.new_popup_buy_ok .wrap .body .btn{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 50px; border-radius: 30px; background: #317f70; font-size: 16px; color: #FFF; cursor: pointer;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_popup_buy_ok .wrap .head{ padding: 0 20px;}
    .new_popup_buy_ok .wrap .head p{ font-size: 16px;}
    .new_popup_buy_ok .wrap .body .scroll{ padding: 30px 20px;}
}


















.new_lotto_banner{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0;}
.new_lotto_banner .tit{ font-size: 22px; font-weight: 600; color: #000;}
.new_lotto_banner .btn{ display: flex; align-items: center; grid-gap: 0 10px; padding: 0 25px; height: 40px; border-radius: 20px; background: #317f70;}
.new_lotto_banner .btn p{ font-size: 16px; font-weight: 500; color: #FFF;}
.new_lotto_banner .btn i{ font-size: 13px; color: #FFF;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_lotto_banner{ margin: 0 0 15px 0;}
    .new_lotto_banner .tit{ font-size: 18px;}
    .new_lotto_banner .btn{ padding: 0 15px; height: 35px;}
    .new_lotto_banner .btn p{ font-size: 14px;}
    .new_lotto_banner .btn i{ font-size: 12px;}
}
@media(max-width: 400px){
    .new_lotto_banner .tit{ font-size: 17px;}
    .new_lotto_banner .btn{ grid-gap: 0 5px; padding: 0 10px;}
    .new_lotto_banner .btn p{ font-size: 12px;}
    .new_lotto_banner .btn i{ font-size: 10px;}
}


.new_lotto_win{}
.new_lotto_win ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
.new_lotto_win ul li{}
.new_lotto_win ul li .wrap{ position: relative; padding: 50px 40px; border-radius: 20px; border: 1px solid #e5e5e5; text-align: center; transition: all .2s;}
.new_lotto_win ul li .wrap .tip{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 20px; width: 40px;}
.new_lotto_win ul li .wrap .tip p{ position: absolute; z-index: 10; padding: 0 0 10px 0; font-size: 14px; font-weight: 500; color: #000;}
.new_lotto_win ul li .wrap .tip img{ display: block; width: 100%;}
.new_lotto_win ul li .wrap .date{ text-align: center; font-size: 16px; color: #666;}
.new_lotto_win ul li .wrap .date span{ font-weight: 500; color: #F00;}
.new_lotto_win ul li .wrap .logo{ display: flex; justify-content: center; margin: 20px 0; width: 100%;}
.new_lotto_win ul li .wrap .logo img{ display: block; height: 50px;}
.new_lotto_win ul li .wrap .ball{ display: flex; justify-content: center; grid-gap: 0 5px;}
.new_lotto_win ul li .wrap .ball div{ display: flex; justify-content: center; align-items: center; width: 16.666%; border-radius: 50%; border: 1px solid #e5e5e5; background: #fafafa;}
.new_lotto_win ul li .wrap .ball div:after{ content: ""; display: block; padding: 100% 0 0 0;}
.new_lotto_win ul li .wrap .ball div span{ display: block; position: absolute; z-index: 10; font-size: 16px; color: #000;}
.new_lotto_win ul li .wrap .ball div:last-child{ border-color: #FFC821; background: #FFC821;}
.new_lotto_win ul li .wrap .ball div:last-child span{ font-weight: 600;}
.new_lotto_win ul li .wrap .round{ margin: 20px 0 0 0; font-size: 16px; color: #666;}
.new_lotto_win ul li .wrap .price_kr{ padding: 10px 0; font-size: 24px; font-weight: 600; color: #000;}
.new_lotto_win ul li .wrap .price_en{ font-size: 16px; color: #666;}
.new_lotto_win ul li .wrap .btn{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 40px; border-radius: 20px; background: #0051c7; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer;}
.new_lotto_win ul li .wrap:hover{ border-color: #317f70; box-shadow: 0 10px 30px 0 rgba(0 0 0/10%);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_lotto_win ul{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .new_lotto_win ul{ grid-template-columns: repeat(1,1fr); grid-gap: 10px;}
    .new_lotto_win ul li .wrap{ padding: 30px 20px;}
    .new_lotto_win ul li .wrap .ball{ margin: 0 auto; max-width: 260px; width: 100%;}
}
@media(max-width: 400px){
    .new_lotto_win ul li .wrap .date{ text-align: right; font-size: 15px;}
    .new_lotto_win ul li .wrap .ball div span{ font-size: 14px;}
}


.new_win_detail{ padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5; text-align: center;}
.new_win_detail .tit{ font-size: 30px; font-weight: 600; color: #000;}
.new_win_detail .tit span{ font-weight: 600; color: #0051c7;}
.new_win_detail .tit b{ padding: 0 2px 0 5px; font-weight: 600; color: #F00;}
.new_win_detail .date{ margin: 10px 0 0 0; font-size: 16px; color: #666;}
.new_win_detail .date span{ font-weight: 500; color: #000;}
.new_win_detail .ball{ display: flex; justify-content: center; grid-gap: 0 5px; margin: 30px auto 0 auto; max-width: 300px; width: 100%;}
.new_win_detail .ball div{ display: flex; justify-content: center; align-items: center; width: 16.666%; border-radius: 50%; border: 1px solid #e5e5e5; background: #fafafa;}
.new_win_detail .ball div:after{ content: ""; display: block; padding: 100% 0 0 0;}
.new_win_detail .ball div span{ display: block; position: absolute; z-index: 10; font-size: 16px; color: #000;}
.new_win_detail .ball div:last-child{ border-color: #FFC821; background: #FFC821;}
.new_win_detail .ball div:last-child span{ font-weight: 600;}
.new_win_detail .table{ overflow: auto; margin: 40px 0 0 0;}
.new_win_detail .table table{ min-width: 600px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.new_win_detail .table table thead{}
.new_win_detail .table table thead tr{}
.new_win_detail .table table thead tr th{ padding: 0 10px; height: 70px; border-top: 1px solid #e5e5e5; border-bottom: 2px solid #0051c7; text-align: right; font-size: 18px; font-weight: 600; color: #000;}
.new_win_detail .table table thead tr th:first-child{ text-align: left;}
.new_win_detail .table table tbody{}
.new_win_detail .table table tbody tr td{ border-bottom: 1px solid #e5e5e5; padding: 20px 10px; text-align: right; font-size: 16px; color: #000; letter-spacing: 0;}
.new_win_detail .table table tbody tr td:first-child{ text-align: left;}
.new_win_detail .tip{ margin: 30px 0 0 0; font-size: 14px; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_win_detail{ padding: 30px 20px;}
    .new_win_detail .tit{ font-size: 22px;}
    .new_win_detail .date{ font-size: 14px;}
    .new_win_detail .ball{ max-width: 260px;}
    .new_win_detail .ball div span{ font-size: 14px;}
    .new_win_detail .table{ margin: 30px 0 0 0;}
    .new_win_detail .table table thead tr th{ height: 60px; font-size: 16px;}
    .new_win_detail .table table tbody tr td{ font-size: 14px;}
    .new_win_detail .tip{ margin: 20px 0 0 0;}
}











.new_event{ margin: 0 auto; max-width: 500px; width: 100%;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
}


.new_scratch_info{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px 0; padding: 30px; border-radius: 20px; background: #f6f8fb;}
.new_scratch_info p{ font-size: 16px; color: #666;}
.new_scratch_info p b{ font-weight: 700; color: #317f70;}

.new_scratch_body{ margin: 0 0 10px 0 !important; width: auto !important; border: 0 !important;}
.new_scratch_body .container{ overflow: hidden; height: auto; border-radius: 20px;}
.new_scratch_body #progress{ top: 15px; right: 15px;}
.new_scratch_body #redux{ top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; height: auto !important;}
.new_scratch_body #robot{ display: block; position: initial; width: 100%;}
.new_scratch_body .startbtn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 60px; border-radius: 20px; border: 1px solid #317f70; box-shadow: none; font-size: 18px; font-weight: 600; color: #317f70; cursor: pointer; transition: all .2s;}
.new_scratch_body .startbtn:hover{ transform: scale(.95);}

.new_scratch_banner{}
.new_scratch_banner img{ display: block; width: 100%; border-radius: 20px;}
.new_scratch_banner p{ margin: 10px 0 0 0; font-size: 14px; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_scratch_info{ padding: 30px 20px;}
}


.new_coupon_menu{ display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0; padding: 30px; border-radius: 20px; background: #f6f8fb;}
.new_coupon_menu a{ margin: 0 20px !important; padding: 0 !important; font-size: 16px !important; font-weight: 400 !important; color: #666 !important; cursor: pointer;}
.new_coupon_menu a.on{ font-weight: 700 !important; color: #317f70 !important;}

.new_coupon_body{ min-height: auto;}
.new_coupon_body .my_cp_list{ display: grid; grid-gap: 10px 0; justify-content: initial;}
.new_coupon_body .my_cp_list .coupon_list{ position: relative; margin: 0; padding: 40px 30px; width: auto; border-radius: 20px; border: 1px solid #e5e5e5; border-right: 0;}
.new_coupon_body .my_cp_list .coupon_list .icon{ overflow: hidden; display: flex; align-items: center; position: absolute; z-index: 10; top: -1px; right: 0; bottom: -1px; border-radius: 0 20px 20px 0;}
.new_coupon_body .my_cp_list .coupon_list .icon img{ display: block; width: auto; height: 200px;}
.new_coupon_body .my_cp_list .coupon_list .my_cp_inner{ margin: 0; padding: 0;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box{ position: initial; margin: 0 100px 0 0; padding: 0;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box .coupon_download_ok{ font-size: 16px; font-weight: 500; color: #F00;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box .coupon_download_ok2{ font-size: 16px; font-weight: 500; color: #317f70 !important;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box .coupon_download_ok2 span{ font-size: 16px; font-weight: 500; color: #317f70 !important;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box .cp_name{ margin: 10px 0 0 0; padding: 0; line-height: 1.2; font-size: 20px; font-weight: 700; color: #000;}
.new_coupon_body .my_cp_list .coupon_list .coupon_box .date{ margin: 20px 0 0 0; font-size: 14px; font-weight: 400; color: #999;}
.new_coupon_body .my_cp_list img{ display: none;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_coupon_body .my_cp_list .coupon_list{ padding: 20px;}
    .new_coupon_body .my_cp_list .coupon_list .coupon_box{ margin: 0 70px 0 0;}
    .new_coupon_body .my_cp_list .coupon_list .coupon_box .cp_name{ font-size: 18px;}
}


.new_event_calendar{ margin: 0 auto !important; max-width: 500px !important; width: 100% !important;}
.new_event_calendar .month{ display: flex; flex-direction: column; align-items: center; margin: 0 0 10px 0; padding: 30px; border-radius: 20px; background: #f6f8fb;}
.new_event_calendar .month .tit{ font-size: 26px; font-weight: 600; color: #000;}
.new_event_calendar .month .txt{ margin: 10px 0 0 0;}
.new_event_calendar .month .txt ul{}
.new_event_calendar .month .txt ul li{ position: relative; margin: 5px 0 0 0; padding: 0 0 0 15px; text-align: left; line-height: 1.4; font-size: 14px; color: rgba(0 0 0/80%);}
.new_event_calendar .month .txt ul li b{ font-weight: 600; color: #F00;}
.new_event_calendar .month .txt ul li:before{ content: ""; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #317f70;}

.new_event_calendar .banner{ margin: 0 0 10px 0;}

.new_event_calendar .days{ grid-gap: 0; margin: 0 0 10px 0; padding: 30px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_event_calendar .day{ border: 0;}
.new_event_calendar .day:nth-child(1){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(2){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(3){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(4){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(5){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(6){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day:nth-child(7){ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.new_event_calendar .day.today{ background: url(/images/lotto_bg.png) no-repeat center/cover; background-size: auto 100%; font-weight: 600;}

.new_event_calendar .cal_write{ margin: 0 0 10px 0; padding: 30px; border-radius: 20px; border: 1px dashed #F00;}
.new_event_calendar .cal_write .check_ok{ text-align: center; font-size: 20px; font-weight: 600; color: #F00;}

.new_event_calendar .cal_write .check_btn{ display: flex; grid-gap: 0 5px; margin: 20px 0 0 0;}
.new_event_calendar .cal_write .check_btn input{ flex: 1; display: flex; align-items: center; margin: 0; padding: 0 15px; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_event_calendar .cal_write .check_btn button{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0; height: 45px; border-radius: 10px; border: 1px solid #F00; background: #F00; box-shadow: none; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}

.new_event_calendar .cal_write .my_cal_chk{ margin: 10px 0 0 0; padding: 0; background: none;}
.new_event_calendar .cal_write .my_cal_chk .tit{ line-height: 1.4; font-size: 16px;}
.new_event_calendar .cal_write .my_cal_chk .tit font{ color: #317f70 !important;}
.new_event_calendar .cal_write .my_cal_chk_sub{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; padding: 20px; border-radius: 10px; border: 1px solid #e5e5e5;}
.new_event_calendar .cal_write .my_cal_chk_sub div{ font-size: 14px; color: rgba(0 0 0/80%);}

.new_event_calendar .todat_check{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px 0; padding: 30px; border-radius: 20px; background: #f6f8fb;}
.new_event_calendar .todat_check div{ font-size: 16px; color: #000;}
.new_event_calendar .todat_check div b{ font-weight: 600; color: #317f70;}

.new_event_calendar .check_list{ margin: 0 0 10px 0; padding: 30px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_event_calendar .check_list .tit{ text-align: center; font-size: 20px; font-weight: 600; color: #000;}
.new_event_calendar .check_list ul{ margin: 30px 0 0 0;}
.new_event_calendar .check_list ul li{ display: block; padding: 0; width: 100%;}
.new_event_calendar .check_list ul li .row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #e5e5e5;}
.new_event_calendar .check_list ul li .row .fl{ display: flex; align-items: center; grid-gap: 0 2px;}
.new_event_calendar .check_list ul li .row .fl span{ display: flex; align-items: center; padding: 0 8px; height: 20px; border-radius: 20px; font-size: 12px; color: #FFF;}
.new_event_calendar .check_list ul li .row .fl .ellipsis{ border: 1px solid #e5e5e5; background: #fafafa; color: #666;}
.new_event_calendar .check_list ul li .row .fr{ flex: 1; display: flex; align-items: center; padding: 0 0 0 15px;}
.new_event_calendar .check_list ul li .row .fr .tit{ flex: 1; text-align: left; line-height: 1.4; font-size: 14px; color: #000;}
.new_event_calendar .check_list ul li .row .fr .date{ flex: 0 0 100px; text-align: right; line-height: 1.4; font-size: 14px; color: #666;}
.new_event_calendar .check_list ul li.none{ text-align: center; font-size: 16px; color: #666;}

.new_event_calendar{}
.new_event_calendar img{ display: block; width: 100%; border-radius: 20px;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_event_calendar .month{ padding: 30px 20px;}
    .new_event_calendar .month .tit{ font-size: 20px;}
    .new_event_calendar .days{ padding: 20px;}
    .new_event_calendar .day{ padding: 10px 0;}
    .new_event_calendar .days{ padding: 30px 20px;}
    .new_event_calendar .cal_write{ padding: 30px 20px;}
    .new_event_calendar .cal_write .check_btn{ display: grid; grid-gap: 5px 0;}
    .new_event_calendar .cal_write .check_btn input{ flex: 1;}
    .new_event_calendar .cal_write .check_btn button{ flex: 1;}
    .new_event_calendar .todat_check{ padding: 20px;}
    .new_event_calendar .check_list{ padding: 20px;}
    .new_event_calendar .check_list ul{ margin: 20px 0 0 0;}
    .new_event_calendar .check_list ul li .row{ display: block;}
    .new_event_calendar .check_list ul li .row .fr{ margin: 10px 0 0 0; padding: 0;}
}





.new_point_charge{ display: flex; align-items: flex-start;}
.new_point_charge .my_point{ overflow: hidden; flex: 0 0 450px; margin: 30px 0; border-radius: 20px; background: #eaf4e9;}
.new_point_charge .my_point .head{ display: flex; justify-content: space-between; align-items: center; padding: 30px 50px;}
.new_point_charge .my_point .head .user{ display: flex; align-items: flex-end; font-size: 16px; font-weight: 400; color: rgba(0 0 0/80%);}
.new_point_charge .my_point .head .user b{ font-size: 20px; font-weight: 600; color: #000;}
.new_point_charge .my_point .head .point{ display: flex; justify-content: center; align-items: flex-end; padding: 10px 20px; border-radius: 20px; border: 1px dashed rgba(0 0 0/15%); background: #FFF; font-size: 16px; font-weight: 400; color: rgba(0 0 0/80%);}
.new_point_charge .my_point .head .point img{ display: block; height: 20px;}
.new_point_charge .my_point .head .point b{ margin: 0 2px 0 5px; font-size: 20px; font-weight: 600; color: #FFC821;}
.new_point_charge .my_point .body{ padding: 0 50px 50px 50px;}
.new_point_charge .my_point .body .text{ padding: 30px; border-radius: 20px; border: 1px dashed rgba(0 0 0/15%); background: #FFF;}
.new_point_charge .my_point .body .tit{ margin: 30px 0 0 0; line-height: 1.2; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.5px;}
.new_point_charge .my_point .body .tit:first-child{ margin: 0;}
.new_point_charge .my_point .body .txt{ margin: 10px 0 0 0; line-height: 1.4; font-size: 14px; color: #666;}
.new_point_charge .my_point .body .ttt{ margin: 8px 0 0 0;}
.new_point_charge .my_point .body .ttt p{ position: relative; margin: 8px 0 0 0; padding: 0 0 0 10px; line-height: 1.4; font-size: 14px; color: #333;}
.new_point_charge .my_point .body .ttt p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_point_charge .my_point .body .ttt p b{ color: #000;}
.new_point_charge .my_point .body .bank_info{ margin: 20px 0 0 0; padding: 0;}
.new_point_charge .my_point .body .bank_info button{ display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 30px; background: #317f70; font-size: 18px; font-weight: 500; color: #FFF; cursor: pointer;}
.new_point_charge .my_point .body .bank_acount{ margin: 20px 0 0 0;}
.new_point_charge .my_point .body .bank_acount .pay{ text-align: center; font-size: 16px; font-weight: 400; color: rgba(0 0 0/80%);}
.new_point_charge .my_point .body .bank_acount .pay b{ font-weight: 600px; color: #F00;}
.new_point_charge .my_point .body .bank_acount .card{ margin: 10px 0 0 0; padding: 20px; border-radius: 20px; border: 1px dashed rgba(0 0 0/10%); background: #FFF; text-align: center;}
.new_point_charge .my_point .body .bank_acount .card .bank{ line-height: 1; font-size: 18px; font-weight: 400; color: #000;}
.new_point_charge .my_point .body .bank_acount .card .number{ margin: 5px 0 0 0; line-height: 1; font-size: 22px; font-weight: 600; color: #000;}
.new_point_charge .my_point .body .bank_acount .card .name{ margin: 10px 0 0 0; line-height: 1; font-size: 14px; font-weight: 400; color: #000;}

.new_point_charge .list{ flex: 1; margin: 0 0 0 40px;}
/*.new_point_charge .list .info{ padding: 30px 50px; border-radius: 20px; background: #f5f5f5;}*/
.new_point_charge .list .info .ft{ font-size: 18px;}
.new_point_charge .list .info .ft b{ font-weight: 600; color: #F00;}
.new_point_charge .list .info .fb{ display: block; margin: 15px 0 0 0;}
.new_point_charge .list .info .fb p{ position: relative; margin: 8px 0 0 0; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #333;}
.new_point_charge .list .info .fb p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_point_charge .list .info .fb p b{ font-weight: 600; color: #F00;}
.new_point_charge .list .info .fb p span{ color: #000;}
.new_point_charge .list .info .btn{ display: flex; grid-gap: 0 10px; margin: 30px 0 0 0;}
.new_point_charge .list .info .btn a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 50px; border-radius: 10px; font-size: 16px; font-weight: 500; cursor: pointer;}
.new_point_charge .list .info .btn a:nth-child(1){ border: 1px solid #000; background: #FFF; color: #000;}
.new_point_charge .list .info .btn a:nth-child(2){ border: 1px solid #F00; background: #FFF; color: #F00;}

.new_point_charge .list .info .bank_acount{ margin: 20px 0 0 0;}
.new_point_charge .list .info .bank_acount .pay{ text-align: center; font-size: 16px; font-weight: 400; color: rgba(0 0 0/80%);}
.new_point_charge .list .info .bank_acount .pay b{ font-weight: 600px; color: #F00;}
.new_point_charge .list .info .bank_acount .card{ margin: 10px 0 0 0; padding: 20px; border-radius: 20px; border: 1px dashed rgba(0 0 0/10%); background: #FFF; text-align: center;}
.new_point_charge .list .info .bank_acount .card .bank{ line-height: 1; font-size: 18px; font-weight: 400; color: #000;}
.new_point_charge .list .info .bank_acount .card .number{ margin: 5px 0 0 0; line-height: 1; font-size: 22px; font-weight: 600; color: #000;}
.new_point_charge .list .info .bank_acount .card .name{ margin: 10px 0 0 0; line-height: 1; font-size: 14px; font-weight: 400; color: #000;}

.new_point_charge .list .amount_btn{ margin: 20px 0 0 0; padding: 1px 0 0 0;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box{ overflow: hidden; position: relative; margin: -1px 0 0 0;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button{ display: block; position: relative; padding: 20px 80px 20px 40px; border: 1px solid #e5e5e5; cursor: pointer;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button:before{ content: "✔"; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 40px; margin-top: -15px; padding: 0 0 2px 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DDD; font-size: 14px; color: #DDD; box-sizing: border-box;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button .point{ font-size: 14px; font-weight: 400; color: #333;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button .point b{ padding: 0 2px 0 0; font-size: 20px; font-weight: 700; color: #317f70;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button .point_game_cnt{ margin: 5px 0 0 0; font-size: 14px; color: #999;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button .point_coupon{ position: absolute;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button.point_bnt_active{ z-index: 10; background: none !important;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button.point_bnt_active:before{ border-color: #317f70; background: #317f70; color: #FFF;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box button.point_bnt_active:after{ content: ""; position: absolute; z-index: 10; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid #317f70;}

.new_point_charge .list .amount_btn .point_rb_high_amonut_box:first-child button{ border-radius: 20px 20px 0 0;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box:last-child button{ border-radius: 0 0 20px 20px;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box:first-child button.point_bnt_active:after{ border-radius: 20px 20px 0 0;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box:last-child button.point_bnt_active:after{ border-radius: 0 0 20px 20px;}

.new_point_charge .list .amount_btn .point_rb_high_amonut_box .event_add_point{ display: flex; align-items: center; position: absolute; z-index: 10; top: 50%; right: 90px; margin-top: -15px; padding: 0 15px; height: 30px; border-radius: 20px; border: 0; background: #F00; font-size: 12px; color: #FFF;}
.new_point_charge .list .amount_btn .point_rb_high_amonut_box .event_add_point b{ font-weight: 600;}

.new_point_charge .list .new_amount_btn{ margin-top: 30px; padding: 1px 0 0 0;}
.new_point_charge .list .new_amount_btn .head{ display: flex; align-items: center; border-radius: 20px 20px 0 0; padding: 0 40px; height: 80px; border: 1px solid #e5e5e5; border-bottom: 0; background: #f6f8fb;}
.new_point_charge .list .new_amount_btn .head p{ position: relative; padding: 0 0 0 25px; font-size: 16px; font-weight: 500; color: #000;}
.new_point_charge .list .new_amount_btn .head p:before{ content: "✔"; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #317f70; background: #317f70; font-size: 12px; color: #FFF; box-sizing: border-box;}
.new_point_charge .list .new_amount_btn .wrap{ overflow: hidden; display: flex; align-items: center; position: relative; margin: -1px 0 0 0; border: 1px solid #e5e5e5; cursor: pointer; transition: all .2s;}
.new_point_charge .list .new_amount_btn .wrap:last-child{ border-radius: 0 0 20px 20px;}
.new_point_charge .list .new_amount_btn .wrap:before{ content: "✔"; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 40px; margin-top: -15px; padding: 0 0 2px 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #DDD; box-sizing: border-box;}
.new_point_charge .list .new_amount_btn .wrap .fl{ flex: 0 0 180px; padding: 20px 40px;}
.new_point_charge .list .new_amount_btn .wrap .fl .t1{ font-size: 18px; font-weight: 300; color: #000;}
.new_point_charge .list .new_amount_btn .wrap .fl .t1 b{ padding: 0 2px 0 0; font-size: 22px; font-weight: 600; color: #F00;}
.new_point_charge .list .new_amount_btn .wrap .fl .t2{ display: grid; grid-gap: 2px 0; margin: 10px -40px -20px -40px;}
.new_point_charge .list .new_amount_btn .wrap .fl .t2 p{ display: flex; justify-content: center; align-items: center; height: 25px; border-radius: 0 10px 0 0; background: #317f70; font-size: 14px; color: #FFF;}
.new_point_charge .list .new_amount_btn .wrap .fl .t2 p b{ padding: 0 0 0 2px; font-weight: 500; color: #feff1c; animation: new_point_charge_01 .1s infinite;}
.new_point_charge .list .new_amount_btn .wrap .fl .t2 .p1 b{ animation: new_point_charge_01 .6s infinite;}
.new_point_charge .list .new_amount_btn .wrap .fl .t2 .p2 b{ animation: new_point_charge_02 .6s infinite;}
.new_point_charge .list .new_amount_btn .wrap .fr{ flex: 1; display: flex; flex-direction: column; grid-gap: 10px 0; padding: 0 0 0 40px;}
.new_point_charge .list .new_amount_btn .wrap .fr .t1{ font-size: 18px; font-weight: 400; color: #666;}
.new_point_charge .list .new_amount_btn .wrap .fr .t1 b{ font-size: 22px; font-weight: 700;}
.new_point_charge .list .new_amount_btn .wrap .fr .t1 .b1{ color: #317f70;}
.new_point_charge .list .new_amount_btn .wrap .fr .t1 .b2{ color: #ff02cd; animation: new_point_charge_03 .8s infinite;}
.new_point_charge .list .new_amount_btn .wrap .fr .t2{ display: flex; font-size: 14px; color: #666;}
.new_point_charge .list .new_amount_btn .wrap .fr .t2 .b1{ font-weight: 500; color: #0636ff;}
.new_point_charge .list .new_amount_btn .wrap .fr .t2 .b2{ font-weight: 500; color: #ff1690;}
.new_point_charge .list .new_amount_btn .wrap:hover{ background: #f5f5f5;}
.new_point_charge .list .new_amount_btn .wrap.on{ z-index: 10; border-color: #317f70; background: #f2fffd; /*animation: new_point_charge_04 .3s infinite;*/}
.new_point_charge .list .new_amount_btn .wrap.on:before{ border-color: #317f70; background: #317f70; color: #FFF;}

@keyframes new_point_charge_01{
    0%   { color: #fedc00;}
    50%  { color: #FFF;}
    100% { color: #fedc00;}
}
@keyframes new_point_charge_02{
    0%   { color: #fedc00;}
    50%  { color: #FFF;}
    100% { color: #fedc00;}
}
@keyframes new_point_charge_03{
    0%   { color: #000;}
    50%  { color: #ff000d;}
    100% { color: #000;}
}
@keyframes new_point_charge_04{
    0%   { background: #FFF;}
    50%  { background: #edff00;}
    100% { background: #FFF;}
}

.new_point_charge .list .point_rb_amount_name{}
.new_point_charge .list .point_rb_amount_name .deposit_info{ margin: 20px 0 0 0;}
.new_point_charge .list .point_rb_amount_name .deposit_info .row{}
.new_point_charge .list .point_rb_amount_name .deposit_info .row .li{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #666;}
.new_point_charge .list .point_rb_amount_name .deposit_info .row .li span{ font-size: 16px; font-weight: 300; color: #666;}
.new_point_charge .list .point_rb_amount_name .deposit_info .row .li span b{ font-size: 20px; font-weight: 600; color: #F00;}
.new_point_charge .list .point_rb_amount_name .deposit_info .row:last-child .li{ text-align: left; line-height: 1.2; border: 0; font-size: 14px;}
.new_point_charge .list .point_rb_amount_name .deposit_info .row:last-child .li span{ font-size: 14px;}

.new_point_charge .list .point_rb_amount_name .rb_btn{ display: flex; grid-gap: 0 10px; margin: 20px 0 0 0; padding: 0;}
.new_point_charge .list .point_rb_amount_name .rb_btn button{ display: flex; justify-content: center; align-items: center; margin: 0 !important; height: 60px; border-radius: 30px; font-size: 18px; font-weight: 600; cursor: pointer;}
.new_point_charge .list .point_rb_amount_name .rb_btn button.cencle{ border: 1px solid #e5e5e5 !important; background: #fafafa !important; color: #000 !important;}
@media(max-width: 1301px){
    .new_point_charge .list .new_amount_btn .head{ padding: 0 30px;}
    .new_point_charge .list .new_amount_btn .wrap:before{ right: 30px;}
    .new_point_charge .list .new_amount_btn .wrap .fl{ flex: 0 0 160px; padding: 20px 30px;}
    .new_point_charge .list .new_amount_btn .wrap .fr{ padding: 0 0 0 30px;}
    .new_point_charge .list .new_amount_btn .wrap .fr .t1{ font-size: 15px;}
}
@media(max-width: 1025px){
    .new_point_charge{ display: block;}
    .new_point_charge .list{ margin: 20px 0 0 0;}
}
@media(max-width: 768px){
    .new_point_charge{ display: flex; flex-direction: column-reverse;}
    .new_point_charge .my_point{ flex: initial; margin: 20px 0 0 0;}
    .new_point_charge .my_point .head{ padding: 20px;}
    .new_point_charge .my_point .head .user b{ font-size: 18px;}
    .new_point_charge .my_point .head .point{ padding: 10px 15px;}
    .new_point_charge .my_point .head .point b{ font-size: 18px;}
    .new_point_charge .my_point .body{ padding: 0 20px 20px 20px;}
    .new_point_charge .my_point .body .text{ padding: 20px;}
    .new_point_charge .my_point .body .bank_info button{ height: 45px; font-size: 16px;}
    .new_point_charge .list{ margin: 0; width: 100%;}
    .new_point_charge .list .info{}
    .new_point_charge .list .info .ft{ line-height: 1.2;}

    .new_point_charge .list .info .btn{ flex-direction: column; grid-gap: 10px; margin: 20px 0 0 0;}
    .new_point_charge .list .info .btn a{ width: 100%; height: 45px; font-size: 15px;}

    .new_point_charge .list .amount_btn .point_rb_high_amonut_box button{ padding: 15px 60px 15px 20px;}
    .new_point_charge .list .amount_btn .point_rb_high_amonut_box button:before{ right: 20px; margin-top: -10px; width: 20px; height: 20px; font-size: 10px;}
    .new_point_charge .list .amount_btn .point_rb_high_amonut_box button .point_game_cnt{ font-size: 12px;}
    .new_point_charge .list .amount_btn .point_rb_high_amonut_box .event_add_point{ right: 50px; padding: 0 10px;}

    .new_point_charge .list .new_amount_btn{ margin: 0;}
    .new_point_charge .list .new_amount_btn .head{ padding: 0 20px; height: 60px;}
    .new_point_charge .list .new_amount_btn .wrap{ display: block; padding: 20px 20px 20px 20px;}
    .new_point_charge .list .new_amount_btn .wrap:before{ top: initial; bottom: 20px; right: 20px; margin-top: 0; padding: 0 0 1px 0; width: 20px; height: 20px; font-size: 10px;}
    .new_point_charge .list .new_amount_btn .wrap .fl{ flex: 1; display: flex; justify-content: space-between; align-items: flex-end; grid-gap: 0 20px; padding: 0;}
    .new_point_charge .list .new_amount_btn .wrap .fl .t1{ flex: 1; font-size: 14px;}
    .new_point_charge .list .new_amount_btn .wrap .fl .t1 b{ font-size: 30px;}
    .new_point_charge .list .new_amount_btn .wrap .fl .t2{ display: grid; grid-gap: 5px 0; margin: 0;}
    .new_point_charge .list .new_amount_btn .wrap .fl .t2 p{ padding: 0 15px; height: 20px; border-radius: 10px; font-size: 10px;}
    .new_point_charge .list .new_amount_btn .wrap .fr{ display: grid; grid-gap: 10px 0; margin: 15px -40px 0 0; padding: 0;}
    .new_point_charge .list .new_amount_btn .wrap .fr .t1{ font-size: 14px;}
    .new_point_charge .list .new_amount_btn .wrap .fr .t1 b{ font-size: 16px;}
    .new_point_charge .list .new_amount_btn .wrap .fr .t2{ font-size: 12px;}

    .new_point_charge .list .point_rb_amount_name .rb_btn{ grid-gap: 0 5px;}
    .new_point_charge .list .point_rb_amount_name .rb_btn button{ height: 45px; font-size: 16px;}
}
@media(max-width: 400px){
    .new_point_charge .list .new_amount_btn .wrap .fl .t1 b{ font-size: 22px;}
    .new_point_charge .list .new_amount_btn .wrap .fr .t1{ font-size: 12px;}
}


.point_rb_sct_text_center{ margin: 30px 0 0 0; padding: 40px; border-radius: 20px; background: #f6f8fb}
@media(max-width: 768px){
    .point_rb_sct_text_center{ margin: 0 0 20px 0; padding: 30px;}
}

.new_point_charge_popup{ display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px;}
.new_point_charge_popup .wrap{ position: relative; z-index: 10; max-width: 500px; width: 100%; transition: all .5s;}
.new_point_charge_popup .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_point_charge_popup .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_point_charge_popup .wrap .head i{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_point_charge_popup .wrap .head i:hover{ transform: scale(.95) rotate(180deg);}
.new_point_charge_popup .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_point_charge_popup .wrap .body .scroll{ overflow: auto; padding: 30px; max-height: 400px;}
.new_point_charge_popup .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_point_charge_popup .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_point_charge_popup .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_point_charge_popup .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_point_charge_popup .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_point_charge_popup .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}

.new_point_charge_popup .wrap .body .ft{ display: flex; flex-direction: column; align-items: center;}
.new_point_charge_popup .wrap .body .ft i{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; background: #317f70; font-size: 20px; color: #FFF;}
.new_point_charge_popup .wrap .body .ft p{ margin: 10px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; color: #000;}

.new_point_charge_popup .wrap .body .text{ display: grid; grid-gap: 5px 0; margin: 20px 0 0 0; padding: 20px; border-radius: 10px; background: #f5f5f5;}
.new_point_charge_popup .wrap .body .text p{ display: flex; align-items: center; position: relative; padding: 0 0 0 12px; line-height: 1.4; font-size: 14px; color: #000;}
.new_point_charge_popup .wrap .body .text p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_point_charge_popup .wrap .body .text p b{ flex: 0 0 55px; font-weight: 500; color: #000;}
.new_point_charge_popup .wrap .body .text p a{ margin: 0 0 0 5px; border-bottom: 1px solid #2c47ff; color: #2c47ff; cursor: pointer;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_point_charge_popup .wrap .head{ padding: 0 20px;}
    .new_point_charge_popup .wrap .head p{ font-size: 16px;}
    .new_point_charge_popup .wrap .body .scroll{ padding: 30px 20px;}
}












.new_login{ display: flex; justify-content: center; align-items: center; padding: 20px;}
.new_login .wrap{ position: relative; max-width: 450px; width: 100%; padding: 40px; border-radius: 20px; background: #FFF;}
.new_login .wrap .login_close{ position: absolute; top: -15px; right: -15px; width: 40px; height: 40px;}
.new_login .wrap .login_close a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F00; transition: all .2s;}
.new_login .wrap .login_close a i{ font-size: 14px; color: #FFF; cursor: pointer;}
.new_login .wrap .login_close:hover a{ transform: scale(.95) rotate(180deg);}
.new_login .wrap .logo{ display: block; margin: 0 auto; width: 180px;}
.new_login .wrap .logo img{ display: block; width: 100%; height: auto;}
.new_login .wrap .in{ margin: 30px 0 0 0;}
.new_login .wrap .in form{ display: grid; grid-gap: 10px 0;}
.new_login .wrap .in input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_login .wrap .autologin{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.new_login .wrap .autologin .check{ display: flex; align-items: center;}
.new_login .wrap .autologin .check label{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb;}
.new_login .wrap .autologin .check p{ margin: 0 0 0 5px; font-size: 14px; color: #000;}
.new_login .wrap .autologin a{ display: block; font-size: 13px; color: cornflowerblue;}
.new_login .wrap .auto_login:checked + label{ border-color: #317f70; background: #317f70;}
.new_login .wrap .auto_login:checked + label:after{ font-size: 12px; color: #FFF;}
.new_login .wrap .login_btn{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; width: 100%; height: 50px; border-radius: 10px; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}
.new_login .wrap .login_btn:hover{ transform: scale(.95);}
.new_login .wrap .text{ margin: 40px 0 0 0; text-align: center;}
.new_login .wrap .text .tit{ font-size: 18px; font-weight: 500; color: #000;}
.new_login .wrap .text .txt{ margin: 10px 0 0 0; line-height: 1.2; font-size: 14px; color: #666;}
.new_login .wrap .text .txt br{ display: none;}
.new_login .wrap .btn{ display: flex; grid-gap: 10px; margin: 20px 0 0 0;    justify-content: center;}
.new_login .wrap .btn a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 50px; border-radius: 10px; border: 1px solid #317f70; font-size: 15px; font-weight: 600; color: #317f70; cursor: pointer; transition: all .2s;}
.new_login .wrap .btn a:hover{ transform: scale(.95);}
.new_login .wrap .btn button{ display: flex; justify-content: center; align-items: center; width: 50%; height: 50px; border-radius: 10px; background: #ffdc00; font-size: 15px; font-weight: 600; color: #000; cursor: pointer; transition: all .2s;}
.new_login .wrap .btn button:hover{ transform: scale(.95);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_login .wrap{ padding: 30px;}
    .new_login .wrap .logo{ width: 150px;}
    .new_login .wrap .text .txt br{ display: block;}
}
.b-modal{ cursor: initial !important;}




.new_member_find{ margin: 0 auto; max-width: 500px; width: 100%;}
.new_member_find .head_text{ margin: 0 0 40px 0;}
.new_member_find .head_text p{ position: relative; padding: 5px 0 5px 15px; line-height: 1.4; font-size: 14px; color: #555;}
.new_member_find .head_text p:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.new_member_find .in{ display: grid; grid-gap: 10px 0; padding: 40px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_member_find .in .logo{ display: block; margin: 0 auto 20px auto; width: 180px;}
.new_member_find .in .logo img{ display: block; width: 100%;}
.new_member_find .in input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_member_find .in .code_input{ display: flex; grid-gap: 5px;}
.new_member_find .in .code_input button{ display: flex; justify-content: center; align-items: center; margin: 0; width: 160px; height: 45px; border-radius: 10px; border: 1px solid #317f70; background: #FFF; font-size: 14px; font-weight: 500; color: #000; cursor: pointer; transition: all .2s;}
.new_member_find .in .phonecode{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 50px; border-radius: 10px; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}
.new_member_find .in .phonecode:hover{ transform: scale(.95);}

.new_member_find .foot_text{ margin: 40px 0 0 0; padding: 40px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_member_find .foot_text .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #000;}
.new_member_find .foot_text .t1 i{ margin: 0 5px 0 0; font-size: 20px; color: #F00;}
.new_member_find .foot_text .t2{ position: relative; padding: 5px 0 5px 25px; line-height: 1.4; font-size: 14px; color: #333;}
.new_member_find .foot_text .t2 a{ font-weight: 600; color: #317f70; cursor: pointer;}
.new_member_find .foot_text .t2:before{ content: ""; display: block; position: absolute; top: 12px; left: 8px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_member_find .head_text{ margin: 0 0 30px 0;}
    .new_member_find .in{ padding: 30px;}
    .new_member_find .in .logo{ width: 150px;}

    .new_member_find .foot_text{ margin: 30px 0 0 0; padding: 30px;}
}


.new_member_join{ margin: 0 auto; max-width: 500px; width: 100%;}
.new_member_join .banner{}
.new_member_join .banner img{ display: block; width: 100%; border-radius: 20px;}
.new_member_join .wrap{ margin: 40px 0 0 0; padding: 40px; width: 100%; border-radius: 20px; border: 1px solid #e5e5e5; background: #FFF;}
.new_member_join .wrap form{}
.new_member_join .wrap .logo{ display: block; margin: 0 auto; width: 180px;}
.new_member_join .wrap .logo img{ display: block; width: 100%;}
.new_member_join .wrap .line{ position: relative; margin: 40px 0 30px 0;}
.new_member_join .wrap .line:before{ content: ""; position: absolute; top: 50%; left: 0; width: 30%; border-bottom: 1px dashed #e5e5e5;}
.new_member_join .wrap .line:after{ content: ""; position: absolute; top: 50%; right: 0; width: 30%; border-bottom: 1px dashed #e5e5e5;}
.new_member_join .wrap .line p{ text-align: center; font-size: 18px; font-weight: 600; color: #000;}
.new_member_join .wrap .row{ margin: 20px 0 0 0;}
.new_member_join .wrap .row .tit{ padding: 0 0 10px 0; text-align: left; font-size: 15px; font-weight: 500; color: #000;}
.new_member_join .wrap .row .txt{ padding: 10px 0 0 0; text-align: left; line-height: 1.4; font-size: 12px; color: #f00;}
.new_member_join .wrap .row .in{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_member_join .wrap .row select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background:url(/images/icon_select.png) no-repeat center right 15px #f6f8fb; background-size: 12px auto; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.new_member_join .date{ display: flex; grid-gap: 0 5px;}
.new_member_join .date .li{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px; width: 33.333%; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb;}
.new_member_join .date .li select{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 0; width: auto; height: 30px; border-radius: 0; border: 0; background:url(/images/icon_select.png) no-repeat center right 0 rgba(0 0 0/0); background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.new_member_join .date .li p{ font-size: 14px; color: #000;}

.new_member_join .tel_ok{ margin: 10px 0 0 0; padding: 15px 10px; border-radius: 10px; border: 1px solid #e5e5e5;}
.new_member_join .tel_ok .t1{ font-size: 14px; font-weight: 500; color: #000;}
.new_member_join .tel_ok .t2{ margin: 5px 0 0 0; font-size: 13px; color: #666;}
.new_member_join .tel_ok .t2 b{ font-weight: 500; color: #F00;}

.new_member_join .sms_form .codechk_form{ display: flex; grid-gap: 10px; margin: 20px 0 0 0;}
.new_member_join .sms_form .codechk_form .code_chk_btn{ display: flex; justify-content: center; align-items: center; margin: 0; width: 160px; height: 45px; border-radius: 10px; border: 1px solid #317f70; background: #FFF; font-size: 14px; font-weight: 500; color: #000; cursor: pointer; transition: all .2s;}
.new_member_join .sms_form .sms_code_btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 50px; border-radius: 10px; border-color: #317f70; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}
.new_member_join .sms_form .sms_code_btn:hover{ transform: scale(.95);}

.new_member_join .sms_txt{ margin-bottom: 10px; text-align: left; line-height: 1.4; font-size: 14px; color: #666;}

.new_member_join .sms_btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 50px; border-radius: 10px; border-color: #317f70; background: #317f70; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .2s;}
.new_member_join .sms_btn:hover{ transform: scale(.95);}

.new_member_join .agree_info{ display: grid; grid-gap: 10px 0;}
.new_member_join .agree_info .li{ display: flex; align-items: center; height: auto;}
.new_member_join .agree_info .li label{ margin: 0 10px 0 0; width: 20px; height: 20px;}
.new_member_join .agree_info .li label input{ width: 20px; height: 20px;}
.new_member_join .agree_info .li input.agree:checked{ background: #317f70;}
.new_member_join .agree_info .li p{ font-size: 15px; color: #000;}
.new_member_join .agree_info .li p span{ font-weight: 500; color: #F00;}
.new_member_join .agree_info .li p a{ border-bottom: 1px solid #000; text-decoration: initial;}

.new_member_join .out_text{ display: grid; grid-gap: 10px 0;}
.new_member_join .out_text p{ position: relative; padding: 0 0 0 15px; text-align: left; line-height: 1.4; font-size: 14px; color: #000;}
.new_member_join .out_text p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}

.new_member_join .wrap .reg_btn{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #317f70; background: #317f70; font-size: 16px; font-weight: 500; color: #FFF; cursor: pointer; transition: all .2s;}
.new_member_join .wrap .reg_btn:hover{ transform: scale(.95);}
.new_member_join .wrap .out_btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #000; background: #FFF; font-size: 16px; font-weight: 500; color: #000; cursor: pointer; transition: all .2s;}
.new_member_join .wrap .out_btn:hover{ transform: scale(.95);}

.new_member_join .wrap .tip{ margin: 20px 0 0 0; text-align: center; line-height: 1.4; font-size: 14px; color: #666;}
.new_member_join .wrap .tip b{ font-weight: 700; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_member_join .wrap{ margin: 30px 0 0 0; padding: 30px 20px;}
    .new_member_join .wrap .logo{ width: 150px;}

}
@media(max-width: 400px){
    .new_member_join .date .li{ padding: 0 10px;}
    .new_member_join .date .li select{ padding: 0 15px 0 0; font-size: 13px;}
}


.new_popup_join_agree{ display: flex; justify-content: center; align-items: center;}
.new_popup_join_agree .wrap{ position: relative; z-index: 10; max-width: 500px; width: 100%; transform: translate(0,100px); transition: all .5s;}
.new_popup_join_agree .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_popup_join_agree .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_popup_join_agree .wrap .head .close{ position: absolute; top: -15px; right: -15px; }
.new_popup_join_agree .wrap .head .close a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_join_agree .wrap .head .close:hover a{ transform: scale(.95) rotate(180deg);}
.new_popup_join_agree .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_popup_join_agree .wrap .body .scroll{ overflow: auto; padding: 30px; width: 100%; max-height: 400px; border: 0;}
.new_popup_join_agree .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_join_agree .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_join_agree .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_join_agree .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_join_agree .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_join_agree .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_join_agree .wrap .body .scroll .content{ height: auto; line-height: 1.6;}
.new_popup_join_agree .wrap .body .scroll .btn{ display: flex; justify-content: center; grid-gap: 0 5px; margin: 30px 0 0 0;}
.new_popup_join_agree .wrap .body .scroll .btn a{ display: flex; align-items: center; padding: 0 30px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 500; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_join_agree .wrap .body .scroll .btn a:nth-child(1){ border: 1px solid #e5e5e5; color: #000;}
.new_popup_join_agree .wrap .body .scroll .btn a:nth-child(2){ background: #317f70;}
.new_popup_join_agree .wrap .body .scroll .btn a:hover{ transform: scale(.95);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_popup_join_agree .wrap .head{ padding: 0 20px;}
    .new_popup_join_agree .wrap .head p{ font-size: 16px;}
    .new_popup_join_agree .wrap .body .scroll{ padding: 30px 20px;}
}







.new_mypage_menu{ margin: 0 0 20px 0;}
.new_mypage_menu ul{ display: flex; justify-content: center; padding: 30px 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_mypage_menu ul li{}
.new_mypage_menu ul li a{ display: flex; flex-direction: column; align-items: center; width: 140px; cursor: pointer;}
.new_mypage_menu ul li a img{ display: block; height: 35px;}
.new_mypage_menu ul li a p{ margin: 15px 0 0 0; font-size: 16px; font-weight: 500; color: #000;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_mypage_menu ul{ padding: 30px 20px;}
    .new_mypage_menu ul li{ width: 16.666%;}
    .new_mypage_menu ul li a{ width: auto;}
}
@media(max-width: 768px){
    .new_mypage_menu ul{ flex-wrap: wrap; padding: 15px 10px;}
    .new_mypage_menu ul li{ width: 33.333%;}
    .new_mypage_menu ul li a{ padding: 15px 0;}
    .new_mypage_menu ul li a img{ height: 25px;}
    .new_mypage_menu ul li a p{ margin: 10px 0 0 0; font-size: 14px;}
}


.new_mypage_head{ position: relative; border-radius: 20px; background: #eaf4e9;}
.new_mypage_head .info{ display: flex; align-items: center; grid-gap: 0 20px; position: absolute; top: 20px; right: 20px; padding: 0; background: none;}
.new_mypage_head .info .add{ font-size: 14px; color: rgba(0 0 0/80%);}
.new_mypage_head .info .add b{ color: #0051c7;}
.new_mypage_head .info .code{ display: flex; align-items: center; font-size: 14px; color: rgba(0 0 0/80%);}
.new_mypage_head .info .code b{ color: #F00;}
.new_mypage_head .info .code span{ display: flex; align-items: center; padding: 0 10px; margin: 0 0 0 5px; height: 25px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #F00; font-size: 12px; color: #FFF; cursor: pointer;}
.new_mypage_head .info .code a{ display: flex; align-items: center; padding: 0 10px; margin: 0 0 0 5px; height: 25px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 12px; color: #000; cursor: pointer;}
.new_mypage_head .ft{ display: flex; justify-content: center; align-items: center; grid-gap: 0 10px; padding: 80px 50px 30px 50px;}
.new_mypage_head .ft .logo{ margin: 0; width: auto; height: auto;}
.new_mypage_head .ft .logo img{ display: block; height: 80px;}
.new_mypage_head .ft .fr{}
.new_mypage_head .ft .fr .name{ font-size: 18px; font-weight: 300; color: rgba(0 0 0/80%);}
.new_mypage_head .ft .fr .name b{ font-size: 26px; font-weight: 700; color: #000;}
.new_mypage_head .ft .fr .level{ display: flex; align-items: center; margin: 10px 0 0 0; font-size: 18px; color: rgba(0 0 0/80%);}
.new_mypage_head .ft .fr .level b{ padding: 0 2px; font-weight: 600; color: #F00;}
.new_mypage_head .data{ display: flex; justify-content: center; align-items: center; padding: 30px 50px; border-top: 1px dashed rgba(0 0 0/15%);}
.new_mypage_head .data .wrap{ display: flex; flex-direction: column; align-items: center; width: 20%;}
.new_mypage_head .data .wrap .dt{ font-size: 22px; color: rgba(0 0 0/70%);}
.new_mypage_head .data .wrap .dt b{ padding: 0 1px 0 0; font-weight: 600; color: #000;}
.new_mypage_head .data .wrap p{ margin: 10px 0 0 0; font-size: 14px; color: rgba(0 0 0/80%);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_mypage_head .info{ justify-content: center; position: initial; padding: 20px 0; border-bottom: 1px dashed rgba(0 0 0/15%);}
    .new_mypage_head .ft{ padding: 30px 50px;}
}
@media(max-width: 768px){
    .new_mypage_head .info{ flex-direction: column; padding: 20px 20px;}
    .new_mypage_head .info .code{ margin: 5px 0 0 0;}
    .new_mypage_head .ft{ padding: 30px 20px;}
    .new_mypage_head .ft .logo img{ height: 60px;}
    .new_mypage_head .ft .fr .name{ font-size: 16px;}
    .new_mypage_head .ft .fr .name b{ font-size: 20px;}
    .new_mypage_head .ft .fr .level{ font-size: 15px;}
    .new_mypage_head .data{ flex-direction: column; grid-gap: 10px 0; padding: 30px 20px;}
    .new_mypage_head .data .wrap{ flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 0; width: 100%;}
    .new_mypage_head .data .wrap .dt{ font-size: 20px;}
    .new_mypage_head .data .wrap p{ margin: 0; font-size: 14px;}
}
@media(max-width: 400px){
    .new_mypage_head .info .code{ font-size: 12px;}
    .new_mypage_head .info .code span{ font-size: 11px;}
    .new_mypage_head .info .code a{ font-size: 11px;}
}


.new_mypage_level{ margin: 20px 0 0 0 !important; padding: 50px 50px 30px 50px; border-radius: 20px; border: 1px solid #e5e5e5; background: #FFF;}
.new_mypage_level .ft{ display: flex; width: 100%; height: 5px; margin-bottom: 10px;}
.new_mypage_level .ft p{ position: relative;}
.new_mypage_level .ft p:first-child{ border-radius: 5px 0 0 5px;}
.new_mypage_level .ft p:last-child{ border-radius: 0 5px 5px 0;}
.new_mypage_level .ft p span{ display: block; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%,0); font-size: 14px; color: #666; letter-spacing: 0;}
.new_mypage_level .ft p span font b{ color: #317f70;}
.new_mypage_level .progress1{ height: 20px; border-radius: 20px; background: #f0f0f0; box-shadow: none;}
.new_mypage_level .progress1 .cssProgress-label{ top: 50%; left: 50%; right: initial; transform: translate(-50%,-50%); font-size: 12px !important;}
.new_mypage_level .progress1 .cssProgress-bar{ display: flex; justify-content: center; align-items: center; height: 40px !important;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_mypage_level{ padding: 40px 20px 30px 20px;}
    .new_mypage_level .ft p span{ font-size: 10px;}
    .new_mypage_level .progress1{ height: 20px; border-radius: 20px; background: #f0f0f0; box-shadow: none;}
    .new_mypage_level .progress1 .cssProgress-label{ top: 50%; left: 50%; right: initial; transform: translate(-50%,-50%); font-size: 12px !important;}
    .new_mypage_level .progress1 .cssProgress-bar{ display: flex; justify-content: center; align-items: center; height: 40px !important;}
}


.new_mypage_history{ margin: 20px 0 0 0; padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_mypage_history .title{ font-size: 22px; font-weight: 600; color: #000;}
.new_mypage_history .menu{ display: flex; justify-content: center; grid-gap: 0 10px;}
.new_mypage_history .menu a{ display: flex; align-items: center; padding: 0 30px; height: 45px; border-radius: 30px; border: 1px solid #e5e5e5; font-size: 16px; color: #666; cursor: pointer; transition: all .2s;}
.new_mypage_history .menu a:hover{ background: #f5f5f5; transform: scale(.95);}
.new_mypage_history .menu a.on{ border-color: #317f70; background: #317f70; font-weight: 600; color: #FFF;}
.new_mypage_history .list{ display: none;}
.new_mypage_history .list.on{ display: block;}

.new_mypage_history .table{ overflow: auto; display: flex; flex-direction: column-reverse; margin: 40px 0 0 0;}
.new_mypage_history .table .no_data{ padding: 25px 0; width: 100%; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 14px; color: #666;}
.new_mypage_history table{ min-width: 600px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.new_mypage_history table thead{}
.new_mypage_history table thead tr{}
.new_mypage_history table thead tr th{ padding: 0 10px; height: 70px; border-top: 1px solid #e5e5e5; border-bottom: 2px solid #317f70; text-align: center; font-size: 18px; font-weight: 600; color: #000;}
.new_mypage_history table thead tr th:first-child{ text-align: left;}
.new_mypage_history table thead tr th:last-child{ text-align: right;}
.new_mypage_history table tbody{}
.new_mypage_history table tbody tr td{ border-bottom: 1px solid #e5e5e5; padding: 20px 10px; text-align: center; font-size: 16px; color: #000; letter-spacing: 0;}
.new_mypage_history table tbody tr td:first-child{ text-align: left;}
.new_mypage_history table tbody tr td:last-child{ text-align: right;}
.new_mypage_history table tbody tr td b{ color: #F00;}

.new_mypage_history ul{ margin: 40px 0 0 0; border-top: 1px solid #000;}
.new_mypage_history ul li{ border-bottom: 1px solid #e5e5e5;}
.new_mypage_history ul li .wrap{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.new_mypage_history ul li .wrap .status{ position: absolute;}
.new_mypage_history ul li .wrap .fl{}
.new_mypage_history ul li .wrap .fl .tit{ display: flex; align-items: center;}
.new_mypage_history ul li .wrap .fl .tit span{ font-size: 18px; font-weight: 500 !important; color: #000;}
.new_mypage_history ul li .wrap .fl .tit span:first-child{ padding: 0 5px 0 0; color: #000 !important;}
.new_mypage_history ul li .wrap .fl .tit span.amount{ color: #333;}
.new_mypage_history ul li .wrap .fl .tit span.amount b{ padding: 0 2px 0 0; font-weight: 600; color: #F00;}
.new_mypage_history ul li .wrap .fl .buy{ margin: 10px 0 0 0; font-size: 14px; color: #999;}
.new_mypage_history ul li .wrap .date{ font-size: 14px; color: #999;}
.new_mypage_history ul li .wrap .no_data{ padding: 5px 0; width: 100%; text-align: center; font-size: 16px; color: #333;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_mypage_history{ padding: 30px 20px;}
    .new_mypage_history .title{ font-size: 18px;}
    .new_mypage_history .menu{ flex-wrap: wrap; grid-gap: 5px;}
    .new_mypage_history .menu a{ padding: 0 15px; height: 40px; font-size: 14px;}
    .new_mypage_history .menu a:hover{ transform: scale(1);}
    .new_mypage_history .list{ display: none;}
    .new_mypage_history .list.on{ display: block;}

    .new_mypage_history .table{ margin: 30px 0 0 0;}
    .new_mypage_history table thead tr th{ height: 50px; font-size: 15px;}
    .new_mypage_history table tbody tr td{ padding: 15px 10px; font-size: 14px;}

    .new_mypage_history ul{ margin: 30px 0 0 0;}
    .new_mypage_history ul li .wrap{ display: block; padding: 15px 0;}
    .new_mypage_history ul li .wrap .fl .tit{ display: flex; align-items: center;}
    .new_mypage_history ul li .wrap .fl .tit span{ font-size: 16px; font-weight: 500 !important; color: #000;}
    .new_mypage_history ul li .wrap .fl .tit span:first-child{ padding: 0 5px 0 0; color: #000 !important;}
    .new_mypage_history ul li .wrap .fl .buy{ margin: 5px 0 0 0; line-height: 18px; font-size: 13px;}
    .new_mypage_history ul li .wrap .date{ margin: -18px 0 0 0; text-align: right; line-height: 18px; font-size: 13px;}
    .new_mypage_history ul li .wrap .no_data{ font-size: 14px;}
}


.new_mypage_exchange{ padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_mypage_exchange .body{ margin: 30px 0 0 0;}
.new_mypage_exchange .my_data{ padding: 50px; border-radius: 10px; background: #f6f8fb;}
.new_mypage_exchange .my_data .ft{ display: flex; grid-gap: 0 10px;}
.new_mypage_exchange .my_data .ft .row{ display: flex; justify-content: space-between; align-items: center; padding: 30px; width: 50%; border-radius: 10px; background: #FFF; box-shadow: 0 5px 20px 0 rgba(0 0 0/2%);}
.new_mypage_exchange .my_data .ft .row p{ font-size: 18px; color: #333;}
.new_mypage_exchange .my_data .ft .row p b{ padding: 0 2px 0 0; font-weight: 600; color: #000;}
.new_mypage_exchange .my_data .ft .row:nth-child(1) p:last-child b{ color: #F00;}
.new_mypage_exchange .my_data .ft .row:nth-child(2) p:last-child b{ color: #317f70;}
.new_mypage_exchange .my_data .ex{ display: grid; grid-gap: 10px 0; margin: 20px 0 0 0;}
.new_mypage_exchange .my_data .ex p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: rgba(0 0 0/80%);}
.new_mypage_exchange .my_data .ex p:before{ content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_mypage_exchange .my_data .ex p b{ display: inline-block;}
.new_mypage_exchange .my_data .ex p a{ color: #2562ff;}

.new_mypage_exchange .my_exchange{ display: flex; grid-gap: 0 10px; margin: 30px 0 0 0;}
.new_mypage_exchange .my_exchange input{ display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 15px; width: 50%; height: 50px; border-radius: 30px; border: 1px solid #e5e5e5; background: #FFF; text-align: center; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none; transition: all .3s;}
.new_mypage_exchange .my_exchange button{ display: flex; justify-content: center; align-items: center; margin: 0; width: 50%; height: 50px; border-radius: 30px; background: #ffd722; font-size: 16px; font-weight: 400; color: #000; cursor: pointer;}
.new_mypage_exchange .my_exchange button span{ padding: 0 2px 0 10px; font-weight: 600;}

.new_mypage_exchange .my_card{ margin: 30px 0 0 0;}
.new_mypage_exchange .my_card .add{ display: flex; flex-direction: column; align-items: center;}
.new_mypage_exchange .my_card .add .tit{ font-size: 16px; color: #000;}
.new_mypage_exchange .my_card .add .btn{ display: flex; align-items: center; margin: 15px 0 0 0; padding: 0 50px; height: 50px; border-radius: 30px; background: #000; font-size: 16px; font-weight: 500; color: #FFF;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_mypage_exchange .my_data .ft{ flex-direction: column; grid-gap: 10px;}
    .new_mypage_exchange .my_data .ft .row{ width: 100%;}
}
@media(max-width: 768px){
    .new_mypage_exchange{ padding: 30px 20px;}
    .new_mypage_exchange .body{ margin: 30px 0 0 0;}
    .new_mypage_exchange .my_data{ padding: 20px;}
    .new_mypage_exchange .my_data .ft{ grid-gap: 5px;}
    .new_mypage_exchange .my_data .ft .row{ padding: 20px;}
    .new_mypage_exchange .my_data .ft .row p{ font-size: 16px;}
    .new_mypage_exchange .my_data .ft .row p:first-child{ font-size: 14px;}

    .new_mypage_exchange .my_exchange{ flex-direction: column; grid-gap: 10px; margin: 20px 0 0 0;}
    .new_mypage_exchange .my_exchange input{ width: 100%; height: 45px; font-size: 15px;}
    .new_mypage_exchange .my_exchange button{ width: 100%; height: 45px; font-size: 15px;}

    .new_mypage_exchange .my_card{ margin: 30px 0 0 0;}
    .new_mypage_exchange .my_card .add{ display: flex; flex-direction: column; align-items: center;}
    .new_mypage_exchange .my_card .add .tit{ font-size: 16px; color: #000;}
    .new_mypage_exchange .my_card .add .btn{ display: flex; align-items: center; margin: 15px 0 0 0; padding: 0 50px; height: 50px; border-radius: 30px; background: #000; font-size: 16px; font-weight: 500; color: #FFF;}
}


.new_mypage_win{ padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5;}
.new_mypage_win .my_win_menu{ display: flex; justify-content: center; grid-gap: 0 10px;}
.new_mypage_win .my_win_menu a{ display: flex; align-items: center; padding: 0 30px; height: 45px; border-radius: 30px; border: 1px solid #e5e5e5; font-size: 16px; color: #666; cursor: pointer; transition: all .2s;}
.new_mypage_win .my_win_menu a:hover{ background: #f5f5f5; transform: scale(.95);}
.new_mypage_win .my_win_menu a.on{ border-color: #317f70; background: #317f70; font-weight: 600; color: #FFF;}
.new_mypage_win .no_data{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; padding: 50px; border-radius: 10px; background: #f6f8fb; font-size: 16px; color: #000;}
.new_mypage_win .fb{ display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
.new_mypage_win .fb .btn{ display: flex; align-items: center; padding: 0 20px; height: 40px; border-radius: 20px; border: 1px solid #F00; font-size: 14px; font-weight: 400; color: #F00; cursor: pointer; transition: all .2s;}
.new_mypage_win .fb .btn:hover{ background: #F00; color: #FFF; transform: scale(.95);}
.new_mypage_win .fb .all_win{ font-size: 16px; color: #666;}
.new_mypage_win .fb .all_win b{ font-weight: 600; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_mypage_win{ padding: 30px 20px;}
    .new_mypage_win .my_win_menu{ grid-gap: 0 5px;}
    .new_mypage_win .my_win_menu a{ padding: 0 20px; height: 40px; font-size: 14px;}
    .new_mypage_win .my_win_menu a:hover{ transform: scale(1);}
    .new_mypage_win .no_data{ margin: 30px 0 0 0; padding: 30px; font-size: 14px;}
    .new_mypage_win .fb{ margin: 20px 0 0 0;}
    .new_mypage_win .fb .btn{ padding: 0 .8rem; height: 2.2rem; border-radius: 20rem; font-size: 1rem;}
    .new_mypage_win .fb .btn:hover{ transform: scale(1);}
    .new_mypage_win .fb .all_win{ font-size: 1rem;}
}

.new_mypage_win_popup{ display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px;}
.new_mypage_win_popup .wrap{ position: relative; z-index: 10; max-width: 500px; width: 100%; transition: all .5s;}
.new_mypage_win_popup .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_mypage_win_popup .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_mypage_win_popup .wrap .head i{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_mypage_win_popup .wrap .head i:hover{ transform: scale(.95) rotate(180deg);}
.new_mypage_win_popup .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_mypage_win_popup .wrap .body .scroll{ overflow: auto; padding: 30px; max-height: 400px;}
.new_mypage_win_popup .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_mypage_win_popup .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_mypage_win_popup .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_mypage_win_popup .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_mypage_win_popup .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_mypage_win_popup .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_mypage_win_popup .wrap .body .text{ display: grid; grid-gap: 8px 0;}
.new_mypage_win_popup .wrap .body .text p{ position: relative; padding: 0 0 0 15px; line-height: 1.4; font-size: 14px; color: #000;}
.new_mypage_win_popup .wrap .body .text p:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_mypage_win_popup .wrap .body .text p.tit{ margin: 15px 0 0 0; padding: 0; font-size: 16px; font-weight: 500;}
.new_mypage_win_popup .wrap .body .text p.tit:first-child{ margin: 0;}
.new_mypage_win_popup .wrap .body .text p.tit:before{ display: none;}

.new_mypage_win_popup .wrap .body .time_up p{ line-height: 1.6; font-size: 14px; color: #333;}
.new_mypage_win_popup .wrap .body .time_up span{ display: block; margin: 15px 0 0 0; line-height: 1.4; font-size: 16px; color: #333;}
.new_mypage_win_popup .wrap .body .time_up span a{ border-bottom: 1px solid #F00; font-weight: 600; color: #F00;}

.new_mypage_win_popup .wrap .body .scan_down_btn{ display: flex; justify-content: center; align-items: center; margin: 20px auto 0 auto; width: 160px; height: 40px; border-radius: 20px; background: #317f70; font-size: 16px; font-weight: 500; color: #FFF; cursor: pointer;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_mypage_win_popup .wrap .head{ padding: 0 20px;}
    .new_mypage_win_popup .wrap .head p{ font-size: 16px;}
    .new_mypage_win_popup .wrap .body .scroll{ padding: 30px 20px;}
}




.new_my_buy_info{ display: flex; justify-content: flex-end; align-items: center; margin: 30px 0 0 0;}
.new_my_buy_info a{ display: flex; align-items: center; font-size: 16px; color: #F00;}
.new_my_buy_info a{}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_my_buy_info a{ font-size: 14px;}
}



.new_my_buy_list{ margin: 30px 0 0 0;}
.new_my_buy_list .member_buy{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
.new_my_buy_list .member_buy .inner{ display: flex; flex-direction: column; position: relative;}
.new_my_buy_list .member_buy .inner .scan_img{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 260px; border-radius: 20px 20px 0 0;}
.new_my_buy_list .member_buy .inner .scan_img:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0;}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready ul{ display: grid; grid-gap: 5px 0;}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready ul li{ display: flex; grid-gap: 0 5px;}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready ul li span{ display: flex; justify-content: center; align-items: center; margin: 0; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255 255 255/30%); font-size: 13px; color: #FFF;}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready ul li span:first-child{ border: 0;}
.new_my_buy_list .member_buy .inner .scan_img .scan_img_ready ul li span:last-child{ border: 0;}

.new_my_buy_list .member_buy .inner .scan_img .img{ display: block; position: absolute; z-index: 1; width: 100%; height: auto;}
.new_my_buy_list .member_buy .inner .scan_img .scan{ display: none; position: absolute; z-index: 10; right: 30px; bottom: 20px; width: 80px;}

.new_my_buy_list .member_buy .inner .scan_img .scan_upload_time{ display: none; position: absolute; z-index: 10; left: 30px; bottom: 20px;}
.new_my_buy_list .member_buy .inner .scan_img .scan_upload_time div:nth-child(1){ font-size: 14px; font-weight: 500; color: rgba(255 255 255/80%);}
.new_my_buy_list .member_buy .inner .scan_img .scan_upload_time div:nth-child(2){ margin: 5px 0 0 0; font-size: 12px; color: rgba(255 255 255/60%);}

.new_my_buy_list .member_buy .inner .scan_img_none{ overflow: hidden; position: relative; height: 300px; border-radius: 20px 20px 0 0; text-align: center; background-color:#666;}
.new_my_buy_list .member_buy .inner .fb{ flex: 1; position: relative; padding: 30px; width: 100%; border-radius: 0 0 20px 20px; border: 1px solid #e5e5e5; border-top: 0;}
.new_my_buy_list .member_buy .inner .fb .top{ display: flex; justify-content: space-between; align-items: center;}
.new_my_buy_list .member_buy .inner .fb .top .win{ font-size: 16px; font-weight: 500; color: #000;}
.new_my_buy_list .member_buy .inner .fb .top .win span.win_none{ color: #F00;}
.new_my_buy_list .member_buy .inner .fb .top .win span.win_off{ color: #999;}
.new_my_buy_list .member_buy .inner .fb .top .btn_delete{ border-bottom: 1px solid #F00; font-size: 14px; color: #F00;}
.new_my_buy_list .member_buy .inner .fb .game{ margin: 10px 0 0 0; font-size: 22px; font-weight: 400; color: #000;}
.new_my_buy_list .member_buy .inner .fb .game b{ font-weight: 700; color: #F00;}
.new_my_buy_list .member_buy .inner .fb .game span{ font-weight: 700; color: #317f70;}
.new_my_buy_list .member_buy .inner .fb .date{ margin: 15px 0 0 0; font-size: 14px; color: #666;}
.new_my_buy_list .member_buy .inner .fb .ticket_detail{ margin: 20px 0 0 0;}
.new_my_buy_list .member_buy .inner .fb .ticket_detail button{ display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; border-radius: 30px; background: #FEDC00; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}

.new_my_buy_list .no_buy{ display: flex; flex-direction: column; align-items: center; padding: 50px; border-radius: 20px; border: 1px solid #e5e5e5; text-align: center;}
.new_my_buy_list .no_buy .t1{ font-size: 20px; font-weight: 600; color: #F00;}
.new_my_buy_list .no_buy .t2{ margin: 15px 0 0 0; line-height: 1.2; font-size: 16px; color: #666;}
.new_my_buy_list .no_buy .btn{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 0 30px; height: 45px; border-radius: 30px; background: #317f70; font-size: 15px; font-weight: 500; color: #FFF;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_my_buy_list .member_buy{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .new_my_buy_list .member_buy{ grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
    .new_my_buy_list .member_buy .inner{ width: 100%;}
    .new_my_buy_list .member_buy .inner .scan_img .scan{ right: 20px;}
    .new_my_buy_list .member_buy .inner .scan_img .scan_upload_time{ left: 20px;}
    .new_my_buy_list .member_buy .inner .scan_img .ticket_detail{ right: 20px; left: 20px; bottom: -17.5px;}
    .new_my_buy_list .member_buy .inner .scan_img .ticket_detail button{ height: 35px; font-size: 14px;}
    .new_my_buy_list .member_buy .inner .scan_img_none{ height: 280px;}
    .new_my_buy_list .member_buy .inner .fb{ padding: 30px 20px;}
    .new_my_buy_list .member_buy .inner .fb .game{ margin: 15px 0 0 0; font-size: 18px;}
    .new_my_buy_list .member_buy .inner .fb .date{ font-size: 13px;}

    .new_my_buy_list .no_buy{ padding: 30px 20px;}
    .new_my_buy_list .no_buy .t1{ font-size: 18px;}
    .new_my_buy_list .no_buy .t2{ font-size: 14px;}
    .new_my_buy_list .no_buy .btn{ margin: 20px 0 0 0; padding: 0 25px;}
}
@media(max-width: 400px){

}




.new_my_buy{ margin: 30px 0 0 0;}
.new_my_buy > ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
.new_my_buy > ul > li{}
.new_my_buy > ul > li > .wrap{ overflow: hidden; position: relative; border-radius: 20px; border: 1px solid #e5e5e5;}

.new_my_buy .scan_img{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.new_my_buy .scan_img i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer;}
.new_my_buy .scan_img img{ display: block; max-width: 100%; max-height: 100%; border-radius: 10px;}
.new_my_buy .scan_img.on{ display: flex;}

.new_my_buy .win{ position: absolute; z-index: 1; top: 0; left: 0; padding: 10px 15px; border-radius: 0 0 20px 0; background: #000; font-size: 13px; font-weight: 700; color: #FFF;}
.new_my_buy .win.on{ background: #317f70;}
.new_my_buy .title{ padding: 40px 0 0 0; text-align: center; font-size: 22px; font-weight: 400; color: #000;}
.new_my_buy .title b{ font-weight: 700; color: #F00;}
.new_my_buy .title span{ font-weight: 700; color: #317f70;}

.new_my_buy .ball{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; height: 195px;}
.new_my_buy .ball ul{ display: grid; grid-gap: 5px 0;}
.new_my_buy .ball ul li{ display: flex; align-items: center; grid-gap: 0 5px;}
.new_my_buy .ball ul li p{ display: flex; justify-content: center; width: 30px; font-size: 20px; font-weight: 700; color: #000;}
.new_my_buy .ball ul li span{ display: flex; justify-content: center; align-items: center; margin: 0; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e5e5e5; background: #f9f9f9; font-size: 14px; color: #333;}
.new_my_buy .ball ul li span:last-child{ border: 0; color: #FFF;}

.new_my_buy .scan{ margin: 30px 30px 0 30px;}
.new_my_buy .scan .off{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background: #f6f8fb;}
.new_my_buy .scan .off p{ font-size: 15px; color: #333;}
.new_my_buy .scan .off p span{ font-weight: 600; color: #F00;}
.new_my_buy .scan .on{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 10px; border: 1px solid #FEDC00; background: #FEDC00; cursor: pointer;}
.new_my_buy .scan .on p{ font-size: 15px; font-weight: 600; color: #333;}

.new_my_buy .fb{ display: grid; justify-content: initial; grid-gap: 8px 0; position: relative; margin: 30px 30px 0 30px;}
.new_my_buy .fb .txt{ display: flex; align-items: center; width: 100%; font-size: 14px; color: #666;}
.new_my_buy .fb .txt span{ flex: 0 0 60px; color: #333;}
.new_my_buy .fb .btn_delete{ position: absolute; z-index: 1; right: 0; bottom: 0; padding: 5px 10px; border-radius: 30px; background: #F00; font-size: 12px; color: #FFF; cursor: pointer;}

.new_my_buy .ok_ball{ margin: 30px 0 0 0; padding: 20px 30px 30px 30px; border-top: 1px solid #e5e5e5; background: #eaf4e9;}
.new_my_buy .ok_ball .tit{ text-align: center; font-size: 15px; color: #666;}
.new_my_buy .ok_ball .row{ display: flex; justify-content: center; grid-gap: 0 5px; margin: 10px 0 0 0;}
.new_my_buy .ok_ball .row span{ display: flex; justify-content: center; align-items: center; margin: 0; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e5e5e5; background: #f9f9f9; font-size: 14px; color: #333;}
.new_my_buy .ok_ball .row span:last-child{ border: 0; font-weight: 500;}

.new_my_buy .ok_win{ margin: 30px 0 0 0; padding: 20px 30px 30px 30px; border-top: 1px solid #e5e5e5; background: #f6f8fb;}
.new_my_buy .ok_win .txt{ display: grid; grid-gap: 8px 0;}
.new_my_buy .ok_win .txt p{ display: flex; align-items: center; width: 100%; font-size: 14px; color: #666;}
.new_my_buy .ok_win .txt p font{ flex: 0 0 80px;}
.new_my_buy .ok_win .txt p span{ padding-left: 5px; font-weight: 500; color: #000;}
.new_my_buy .ok_win .txt p b{ padding-left: 5px; font-weight: 700; color: #2d26ff;}
.new_my_buy .ok_win .ok{ display: flex; align-items: center; margin: 15px 0 0 0; font-size: 20px; color: #000;}
.new_my_buy .ok_win .ok span{ padding: 0 0 0 5px; font-weight: 700; color: #F00;}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
    .new_my_buy > ul{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 768px){
    .new_my_buy > ul{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 768px){
    .new_my_buy > ul > li > .wrap{ border-radius: 1rem;}

    .new_my_buy .win{ padding: .8rem 1rem; border-radius: 0 0 1rem 0; font-size: 1rem;}
    .new_my_buy .title{ padding: 3.5rem 0 0 0; font-size: 1.4rem;}

    .new_my_buy .fb{ grid-gap: .6rem 0;  margin: 2rem 2rem 0 2rem;}
    .new_my_buy .fb .txt{ font-size: 1.1rem;}
    .new_my_buy .fb .txt span{ flex: 0 0 5rem;}
    .new_my_buy .fb .btn_delete{ position: absolute; z-index: 1; right: 0; bottom: 0; padding: 5px 10px; border-radius: 30px; background: #F00; font-size: 12px; color: #FFF; cursor: pointer;}

    .new_my_buy .ok_win{ margin: 2rem 0 0 0; padding: 1.8rem;}
    .new_my_buy .ok_win .txt{ grid-gap: .4rem 0;}
    .new_my_buy .ok_win .txt p{ font-size: 1.1rem;}
    .new_my_buy .ok_win .txt p font{ flex: 0 0 6.5rem;}
    .new_my_buy .ok_win .txt p span{ padding-left: .4rem;}
    .new_my_buy .ok_win .txt p b{ padding-left: .4rem;}
    .new_my_buy .ok_win .ok{ margin: 1rem 0 0 0; font-size: 1.4rem;}
    .new_my_buy .ok_win .ok span{ padding: 0 0 0 .4rem;}
}








.modle_options{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 40px 0;}
.modle_options .total{ display: flex; align-items: center; font-size: 16px; color: #333;}
.modle_options .total span{ padding: 0 2px 0 5px; font-weight: 500; color: #000;}
.modle_options .total b{ padding: 0 2px 0 5px; font-weight: 700; color: #317f70;}
.modle_options .search{ display: flex; align-items: center; grid-gap: 0 5px;}
.modle_options .search select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: auto; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background: url(/images/icon_select.png) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.modle_options .search select:focus{ border: 1px solid #317f70;}
.modle_options .search input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 150px; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.modle_options .search input:focus{ border: 1px solid #317f70;}
.modle_options .search button{ display: flex; align-items: center; padding: 0 20px; height: 45px; border-radius: 5px; background: #317f70; font-size: 16px; font-weight: 500; color: #FFF; cursor: pointer;}
.modle_options button{ display: flex; align-items: center; padding: 0 30px; height: 45px; border-radius: 5px; background: #317f70; font-size: 16px; font-weight: 500; color: #FFF; cursor: pointer;}
@media(max-width: 1601px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .modle_options{ margin: 0 0 30px 0;}
    .modle_options .total{ font-size: 15px;}
    .modle_options .search select{ padding: 0 30px 0 10px; height: 40px; background: url(/images/icon_select.png) no-repeat center right 10px #FFF; background-size: 12px auto;}
    .modle_options .search input{ padding: 0 10px; width: 100px; height: 40px;}
    .modle_options .search button{ padding: 0 15px; height: 40px; font-size: 15px;}
    .modle_options button{ padding: 0 20px; height: 40px; font-size: 15px;}
}



.new_popup_inquiry{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; background: rgba(0 0 0/70%);}
.new_popup_inquiry .wrap{ position: relative; z-index: 10; max-width: 800px; width: 100%; transform: translate(0,100px); transition: all .5s;}
.new_popup_inquiry .wrap .head{ display: flex; align-items: center; position: relative; z-index: 10; padding: 0 30px; border-radius: 20px 20px 0 0; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.new_popup_inquiry .wrap .head p{ font-size: 18px; font-weight: 600; color: #000;}
.new_popup_inquiry .wrap .head i{ display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_inquiry .wrap .head i:hover{ transform: scale(.95) rotate(180deg);}
.new_popup_inquiry .wrap .body{ overflow: hidden; border-radius: 0 0 20px 20px; background: #FFF;}
.new_popup_inquiry .wrap .body .scroll{ overflow: auto; padding: 30px; max-height: 400px;}
.new_popup_inquiry .wrap .body .scroll::-moz-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_inquiry .wrap .body .scroll::-moz-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_inquiry .wrap .body .scroll::-ms-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_inquiry .wrap .body .scroll::-ms-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}
.new_popup_inquiry .wrap .body .scroll::-webkit-scrollbar{ width: 4px; background: #f0f0f0;}
.new_popup_inquiry .wrap .body .scroll::-webkit-scrollbar-thumb{ background-color: #317f70; border-radius: 0;}

.new_popup_inquiry .wrap .body .scroll .text{ display: grid; grid-gap: 8px 0; margin: 30px 0 0 0;}
.new_popup_inquiry .wrap .body .scroll .text:first-child{ margin: 0;}
.new_popup_inquiry .wrap .body .scroll .text li{ position: relative; padding: 0 0 0 12px; line-height: 1.4; font-size: 14px; color: #000;}
.new_popup_inquiry .wrap .body .scroll .text li:before{ content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #F00;}
.new_popup_inquiry .wrap .body .scroll .btn_show{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 35px; border-radius: 20px; border: 1px solid #F00; font-size: 14px; font-weight: 500; color: #F00; cursor: pointer;}

.new_popup_inquiry .wrap .body .scroll select{ display: flex; align-items: center; margin: 30px 0 0 0; padding: 0 40px 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background: url(/images/icon_select.png) no-repeat center right 15px #f6f8fb; background-size: 12px auto; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.new_popup_inquiry .wrap .body .scroll input{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.new_popup_inquiry .wrap .body .scroll textarea{ display: flex; align-items: center; margin: 10px 0 0 0; padding: 15px; width: 100%; height: 100px; border-radius: 5px; border: 1px solid #e5e5e5; background: #f6f8fb; font-size: 14px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}

.new_popup_inquiry .wrap .body .scroll .btn{ display: flex; justify-content: center; grid-gap: 0 5px; margin: 30px 0 0 0;}
.new_popup_inquiry .wrap .body .scroll .btn button{ display: flex; align-items: center; padding: 0 30px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 500; color: #FFF; cursor: pointer; transition: all .2s;}
.new_popup_inquiry .wrap .body .scroll .btn button:nth-child(1){ border: 1px solid #317f70; background: #317f70; color: #FFF;}
.new_popup_inquiry .wrap .body .scroll .btn button:nth-child(2){ background: #F00; color: #FFF;}
.new_popup_inquiry .wrap .body .scroll .btn button:hover{ transform: scale(.95);}
@media(max-width: 1301px){
}
@media(max-width: 1025px){
}
@media(max-width: 768px){
    .new_popup_inquiry .wrap .head{ padding: 0 20px;}
    .new_popup_inquiry .wrap .head p{ font-size: 16px;}
    .new_popup_inquiry .wrap .body .scroll{ padding: 30px 20px;}
}





.new_company{ padding: 50px; border-radius: 20px;  border: 1px solid #e5e5e5;  text-align: center; font-size: 16px;}


.inquiry_q{ display: flex;}
.inquiry_q p{ flex: 0 0 160px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 600; color: #000;}
.inquiry_q div{ flex: 1; padding: 0 10px; text-align: left; line-height: 1.4; font-size: 14px; color: #000;}
.inquiry_a{ display: flex; margin: 25px 0 0 0; padding: 25px 0 0 0; border-top: 1px solid #e5e5e5;}
.inquiry_a p{ flex: 0 0 160px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 600; color: #000;}
.inquiry_a div{ flex: 1; padding: 0 10px; text-align: left; line-height: 1.4; font-size: 14px; color: #000;}
@media(max-width: 768px){
    .inquiry_q p{ flex: 0 0 80px;}
    .inquiry_a p{ flex: 0 0 80px;}
}
.escrow{ position: absolute; right: 20px; top: 20px;}
@media(max-width: 768px){
    .new_buy_point_wrap{ display: flex;flex-direction: column-reverse;}
    .escrow { top: 1rem; right: 1rem;}
    .escrow a img{ width: 3.5rem;}
}
.protected-image {
  pointer-events: none;
  user-drag: none; /* 이미지 드래그 방지 */
  -webkit-user-drag: none; /* Safari에서 드래그 방지 */
}