@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size: 15px;
}
body{
    background-color: #f9f9f9;
    overflow-x:hidden;
}
ul{
    display: block;
    padding: 0;
}
li{
    float: left;
}
a{
    display: inline-block;
    text-decoration: none;
    color: #333;
}
section{
    width: 100%;
    display: block;
    position: relative;
}
header{
    top:0;
    width: 100%;
    display: block;
    position: fixed;
    left:0;
    right:0;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    z-index:110;
}
img{
    max-width:100%;
}
.wrapper{
    position: relative;
}
.container{
    max-width:1440px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.header{
    width: 100%;
    height:60px;
    display: flex;
    justify-content: center;
}
.logo{
    height:100%;
    text-align: center;
}
.logo a{
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.logo a img{
    max-width:80px;
}
.header .logo{
    font-size:20px;
    font-weight:700;
    color:#343434;
    display:flex;
    align-items:center;
}
.header .back-btn{
    position:absolute;
    left:15px;
    top:15px;
}
.menu-nav{
    height: 100%;
}
.menu-nav ul{
    display: none;
    position: fixed;
    left:0;
    width:80%;
    /*top: 76px;*/
    background-color: #333;
    z-index: 110;
    flex-direction: column;
    height: calc(100% + 1px);
    top:-1px;
    transform: translateX(-100%);
    transition: all .3s ease-out;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
    border-top:1px solid #e1e1e1;
    padding:23px 30px;
}
.menu-nav ul .close-box{
    padding-bottom:50px;
}
.menu-nav ul .close-btn{
    display:inline-block;
}

.menu-nav ul .menu-login-box{
    padding-top:45px;
}
.menu-nav ul .menu-login-box a{
    font-size:18px;
    font-weight:600;
    color:#ffffff;
}
.menu-nav ul .menu-login-box .log-out{
    color:#acacac;
}
.menu-nav ul .menu-terms-box{
    padding-top:15px;
}
.menu-nav ul .menu-terms-box a{
    color:#818181;
    font-size:16px;
    font-weight:600;
}
.menu-nav ul li{
    padding-bottom:12px;
    list-style: none;
    position: relative;
    display: block;
    height: auto;
}
.menu-nav ul li:hover .menu{
    border-bottom: 0;
}
.menu-nav ul li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-weight:300;
    color:#b9aa8b;
    font-size:24px;
    cursor: pointer;
}

.menu-hide-box{
    /*display: none;
    position: absolute;
    z-index: 15;
    left: 0;
    right: 0;
    top: 101px;
    background-color: #333333;
    color:#b9aa8b;*/

    display: block;
    position: static;
    background-color: #333333;
    height: auto;
    max-height:0;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.menu-nav ul li .menu-hide-box a{
    font-size:18px;
    color: #b9aa8b;
    padding: 10px 40px 5px;
    display:block;
    width: 100%;
}
.menu-nav ul li .menu-hide-box a:hover{
    color: #93bf3d;
}
.menu-nav ul li.on .menu-hide-box{
    max-height:400px;
}

.menu-nav ul.on{
    transform:translateX(0);
}

.menu-box{
    display: none;
    background-color: #ffffff;
    left:0;
    right:0;
    position: absolute;
    top: 101px;
    z-index: 10;
    height:270px;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
}

.menu-btn-box{
    display: none;
}

.header-btn-box{
    height:100%;
}
.header-btn{
    height:100%;
    padding:0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-btn a{
    display: inline-flex;
    width:95px;
    height:35px;
    border-radius: 25px;
    background-color: #d7d7d7;
    font-weight:700;
    align-items: center;
    justify-content: center;
    color:#333333;
}
.header-btn a.sign{
    background-color: #93bf3d;
    color: #ffffff;
}
.header-my-box{
    position:absolute;
    right:10px;
    top:18px;
}
.header-my-box a{
    display:flex;
    align-items:center;
    font-size:12px;
}
.header-my-box a img{
    margin-left:6px;
}
.header-my-box a.login{
    font-weight:700;
    color:#221e1f;
}
.header-my-box a.mypage{
    color:#b9aa8b;
    font-weight:500;
}
.mobile_menu_btn {
    display: block;
    width: 50px;
    height: 50px;
    margin-left: auto;
    z-index: 30;
    position: absolute;
    left:5px;
    top: 5px;
}
.minMenu_btn {
    display: inline-block;
    position: absolute;
    top: 25%;
    right: 15px;
    cursor: pointer;
    height: 25px;
    line-height: 20px;
    border: 0;
    background-color: #ffffff;
}
.burgur {
    width: 27px;
    height: 3px;
    background: #333;
    position: relative;
}
.burgur::before {
    display: block;
    width: 27px;
    height: 3px;
    background-color: #333;
    bottom: -8px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition: background-color .2s, -webkit-transform .3s;
    transition: background-color .2s, -webkit-transform .3s;
    transition: transform .3s, background-color .2s;
    transition: transform .3s, background-color .2s, -webkit-transform .3s;
}
.burgur::after {
    display: block;
    width: 27px;
    height: 3px;
    background-color: #333;
    top: -8px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition: background-color .2s, -webkit-transform .3s;
    transition: background-color .2s, -webkit-transform .3s;
    transition: transform .3s, background-color .2s;
    transition: transform .3s, background-color .2s, -webkit-transform .3s;
}
.minMenu_btn.on .burgur {
    background-color: transparent;
}
.minMenu_btn.on .burgur::before {
    -webkit-transform: translateY(-7px) rotate(-135deg);
    -ms-transform: translateY(-7px) rotate(-135deg);
    transform: translateY(-7px) rotate(-135deg);
    bottom: -7px;
}
.minMenu_btn.on .burgur::after {
    -webkit-transform: translateY(5px) rotate(135deg);
    -ms-transform: translateY(5px) rotate(135deg);
    transform: translateY(5px) rotate(135deg);
    top: -5px;
}


.banner{
    width: 100%;
    background: url('/assets/images/main/main_bg.png') no-repeat 50%;
    background-size: cover;
    position: relative;
    height:700px;

}
#fanfare-area{
    position: absolute;
    left:0;
    right:0;
    max-height:700px;
    overflow: hidden;
}
.banner-info-box{
    padding: 160px 20px 150px;

}
.banner-text{
    margin-bottom:30px;
}
.banner-bot-box{
    width:100%;
    padding-top: 10px;
    padding-left:10px;
    padding-right:10px;
}
.banner-bot-box img{
    max-width: 100%;
    margin: 0 10px;
}
.xs-trophy-box{
    display: none;
    text-align: center;
    padding-top: 90px;
}
.xs-trophy-box img{
    max-width: 100%;
}
.banner-top-xs{
    display: none;
}

.main-number-box{
    position: relative;
}
.visible-left{
    width: 50%;
    height:280px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}
.win-number{
    padding:30px 0;
    display: inline-block;
}
.number{
    display: inline-flex;
    width: 85px;
    height: 85px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(#fbc044, #fb9b44);
    color:#ffffff;
    font-weight: 500;
    font-size: 36px;
    margin-right:20px;
}
.num2{
    background: linear-gradient(#85a2f7, #5d8ae7);
}
.num3{
    background: linear-gradient(#ed6262, #de414c);
}
.num4{
    background: linear-gradient(#7b7a7a, #575656);
}
.num5{
    background: linear-gradient(#84c971, #67b721);
}
.num-plus{
    display: inline-block;
    margin-right:20px;
}
.num-plus i{
    font-size:42px;
    color: #999999;
}
.result-box{
}
.win-number-top-box{
    display: none;
    align-items: center;
    color: #93bf3d;
    padding:10px 10px 0
}
.win-number-top-box .win-right-title{
    font-size:24px;
    width:50%;
    text-align: center;
    font-weight: 500;
}
.win-number-top-box .win-right-date{
    font-size: 14px;
    text-align: center;
    width: 50%;
    font-weight: 300;
}
.win-number-top-box .win-right-date i{
    font-size:14px;
    margin-right: 5px;
}
.win-number-box{
    display: inline-grid;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
}
.win-list{
    display: inline-flex;
    align-items: center;
    padding:20px 0 40px;
}
.win-info{
    display: flex;
    align-items: center;
    margin-right:25px;
    min-width: 340px;
}
.win-ranking .number{
    width:55px;
    height:55px;
    font-size:18px;
}
.win-info-price{
    font-size:20px;
    color: #020202;
}
.win-info-price .counter{
    font-size:32px;
    font-weight:700;
}
.win-info-desc{
    font-size:18px;
    color: #666666;
}
.win-info-desc span{
    font-size:20px;
    font-weight:500;
}
.win-right-box{
    width:40%;
    /*max-width:1000px;*/
    height:230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:10px;
    background-color: #93bf3d;
    color:#ffffff;
    position: absolute;
    top: -110px;
    right: 0;
}
.win-right-title{
    font-size: 36px;
}
.win-right-date{
    font-size: 18px;
    font-weight: 400;
}
.win-right-date i{
    font-size:20px;
}
.content.main{
    width:100%;
    padding: 80px 20px;
    overflow: hidden;
}

.swiper {
    width: 100%;
    height: 810px;
    overflow: hidden;
}

.swiper-slide {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

}

/*.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/
.content-box{
    width:50%;
    float: left;
}
.customer-area .content-box{
    width:32.5%;
    padding: 0 15px;
}
.text-title, .text-title p{
    font-size:36px;
}
.text-sub{
    font-size:18px;
    margin-top:30px;
}
.text-sub span{
    font-size:18px;
    display: block;
}
.text-btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height:50px;
    font-size:16px;
    color: #ffffff;
    font-weight: 500;
    background-color: #286e9b;
    cursor: pointer;
    margin-top: 30px;
}
.row{
    width:100%;
    display: flex;
}
.slide-item-box{
    margin: 0 10px;
    width:50%;
    float: left;
}
.slide-item{
    width:100%;
    height:100%;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 1px 3px 5px rgba(0,0,0,.5);
    text-align: center;
    background-color: #ffffff;
}
.slide-item .slide-img{
    width:100%;
    height:230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-item .slide-img img{
    max-width:100%;
}
.slide-item .main-slide-title{
    font-size:22px;
    font-weight: 500;
    margin-top: 20px;
}
.slide-item .main-slide-text{
    font-size:16px;
    margin-top: 5px;
}
.swiper.youtube .swiper-slide {
    transition: all 0.3s ease 0s;
}
.swiper.youtube .swiper-slide-next{
    transform: scale(0.485) translate(-50%, -53%);
}
.swiper.youtube .swiper-slide-prev{
    transform: scale(0.485) translate(50%, -53%);
}

.swiper.youtube .swiper-slide-next .youtube-text, .swiper.youtube .swiper-slide-prev .youtube-text{
    font-size:28px;
}



.swiper.youtube .swiper-slide-active{
    transform: scale(1);
}

.bg-w{
    background-color: #ffffff;
}
.swiper.youtube{
    height:auto;
    margin-top:60px;
}
.swiper.youtube img{
    max-width:100%;
}
.swiper.youtube .swiper-slide{

}
.text-center{
    text-align: center;
}
.youtube-box{
    cursor: pointer;
}
.youtube-text{
    font-size:18px;
    margin-top:10px;
}

.bg_g{
    background-color: #749b28;
    overflow: hidden;
}
.event-area{
    width:100%;
    padding: 0 70px;
}
.event-box{
    display: flex;
    align-items: center;
}
.event-img-box{
    margin-right:20px;
}
.event-img-box img{
    max-width:100%;
}
.event-text-box{
    color:#ffffff;
}
.event-desc{
    font-size:20px;
    font-weight:300;
}
.event-title{
    font-size:36px;
}
.event-title span{
    font-size:36px;
    color:#fff200;
}

.event-form-box{
    padding:30px 0;
}
.event-form-title{
    font-size:26px;
    font-weight:500;
    color: #ffffff;
    margin-bottom: 15px;
}
.event-form-title span{
    font-size:24px;
    font-weight: 500;
    color: #f9cb2d;
}
.event-input-area{
    display: flex;
    align-items: center;
}
.event-input-form{
    width: calc(100% - 160px);
}
.event-input-form .event-input-name{
    margin-bottom: 10px;
}
.event-input{
    height:50px;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px 15px;
    border:1px solid #e5e5e5;
}
.event-input::placeholder{
    color: #dddddd;
}
.event-input.full{
    width:100%;
}
.event-input-phone{
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
}
.event-input.phone{
    width:33.33%;
    margin: 0 5px;
}
.event-input-btn-box{
    width:160px;
    padding-left:10px;
}
.event-input-btn{
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #f9cb2d;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    height: 110px;
    border-radius: 10px;
}

.gallery-slide{
    cursor: pointer;
    width: 100%;
}
.gallery-slide a{
    width:100%;
}
.gallery-box{
    position: relative;
    transition: all .25s ease-in-out;
    height:0;
    padding-bottom: 130%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #333;
}
/*.gallery-slide:nth-child(odd) .gallery-box{
    cursor: pointer;
    transform: translateY(50px);
}*/
/*
.gallery-slide.gallery-box{
    cursor: pointer;
    transform: translateY(50px);
}
.gallery-slide:hover .gallery-box{
    transform: translateY(-50px);

}*/
.gallery-slide .gallery-box img{
    width: auto;
    margin-top:3px;
    display: inline-block;
    border-radius: 15px;
    transition: all .25s ease-in-out;
    /*min-height:350px;*/
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.gallery-slide:hover .gallery-box img{
    box-shadow: 3px 5px 7px rgba(0,0,0,.3);
}

.swiper-button-prev:after, .swiper-button-next:after{
    color: #7a7a7a;
    border:1px solid #d7d7d7;
    border-radius: 50%;
    padding: 17px 25px;
    font-size:36px;
    top:50%;
    transform: translateY(50px);
    margin: 0 10px;
}

.win-rank{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:60px;
    height:60px;
    border-radius: 50%;
    background-color: #749b28;
    opacity: .8;
    color: #ffffff;
    font-size:20px;
    font-weight:500;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}
.swiper.winner-slide{
    height:450px;
}
.swiper-button-next{
    right: -70px;
}
.swiper-button-prev{
    left: -70px;
}

.bg-membership{
    background: url('/assets/images/main/membership_bg.png') no-repeat 50%;
    background-size: cover;
}
.membership-title{
    font-size: 36px;
    color: #fff763;
}
.color-w{
    color: #ffffff;
}
.membership-sub{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    margin-top: 20px;
    font-weight:400;
}
.membership-img-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.membership-img-box a{
    display: inline-block;
    max-width:400px;
    width: 25%;
}
.membership-img-box img{
    max-width:100%;
}

.bt-life {
    margin-bottom: 80px;
    position: relative;
}
.bt-text-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bt-life-text{
    color: #777777;
    margin-top:5px;
}
.bt-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94bf1f;
    width:85px;
    height: 30px;
    border: 1px solid #94bf1f;
    font-size: 12px;
}
.bt-item-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-top:30px;
    margin-left: -20px;
    margin-right: -20px;
}
.bt-item{
    width:20%;
    padding:0 20px;
}
.bt-img{
    width:100%;
    height:230px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bt-img img{
    max-width :100%;
}
.bt-name{
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
}
.bt-price{
    font-size:14px;
    font-weight: 500;
    color:#777777;
}

@media (max-width:768px) {
    .bt-item{
        width:50%;
    }
    .xs-hide{
        display: none;
    }
    .sm-hide{
        display: none;
    }
}

.customer-left{
    /*padding-right:15px;*/
}
.customer-right{
    /*padding-left: 15px;*/
}
.customer-box{
    width:100%;
    border-radius: 15px;
    box-shadow: 3px 5px 7px 5px rgba(0,0,0,.1);
    padding: 35px;
}
.customer-title{
    font-size:26px;
}
.customer-num{
    font-size:70px;
    color:#61831e;
    margin-top: 10px;
    margin-bottom: 10px;
}
.customer-text-bar{
    display: flex;
    align-items: center;
    margin-top:10px;
}
.customer-info{
    color:#555555;
    font-size: 18px;
}
.customer-right .customer-info{
    display:flex;
}
.customer-info.weekend{
    display:flex;
    align-items:center;
    padding-top:10px;
}
.customer-right .customer-info p{
    font-size: 20px;
}
.customer-text-type{
    display: inline-block;
    width:80px;
    height:35px;
    border-radius: 5px;
    background-color: #61831e;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    font-weight: 300;
    padding: 4px;
}
.customer-text-type.date{
    width:165px;
    background-color:#999999;
}
.customer-text-desc{
    margin-top: 25px;
}
.customer-text-desc p{
    font-size:20px;
    font-weight:500;
}
.content-box.customer-right .customer-box{
    background-color: #fef2cf;
}
.customer-num.addr{
    font-size: 46px;
    color: #000000;
    margin-top: 20px;
    letter-spacing:-1px;
}
.customer-text-bar.addr{
    margin-top:20px;
    font-weight:500;
}
.customer-text-bar.addr img{
    margin-right: 20px;
}
.customer-text-desc.addr{
    color: #555555;
    margin-top:35px;
    margin-bottom:10px;
}
.customer-text-desc.mb{
    margin-bottom:34px;
    margin-top:38px;
}
.swiper.notice-slide{
    height:115px;
}
.notice-rolling-box{
    height:115px;
    width:100%;
    background-color: #93bf3d;
    padding:0 60px;
    border-radius: 15px;
}
.notice-rolling-box a{
    display: inline-flex;
    width:100%;
    align-items: center;
}
.notice-new{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 35px;
    background-color: #fff200;
    font-size: 18px;
    font-weight: 500;
}

.slide-notice-title{
    font-size:26px;
    font-weight:700;
    padding: 0 20px;
    width:calc(100% - 115px);
    color:#333333;
}
.slide-notice-arrow{
    width:40px;
    height:40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000000;
}
.slide-notice-arrow i{
    font-size:20px;
}

.text-title.bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    position:relative;
}
.text-title.bot p{
    font-size: 36px;
}
.text-title.bot a{
    font-weight:400;
}
.text-title.bot a, .text-title.bot i{
    font-size:13px;
    color:#676767;
}
.broadcast-box{
    padding-right:75px;
}
.broadcast-box a{
    display: inline-block;
    width:100%;
}
.broadcast-box a img{
    max-width: 100%;
    width:100%;
}


.notice-box{
    border-top: 2px solid #020202;
    border-bottom: 2px solid #020202;
}
.notice-line{
    width:100%;
    height:85px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #999999;
}
.notice-line:last-child{
    border:none;
}
.notice-line-link{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height:100%;
    width:100%;
}
.notice-type{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #020202;
    font-size:14px;
    border-radius: 8px;
    width:75px;
    height:30px;
}
.notice-date{
    display: inline-block;
    width:100px;
    color:#767676;
    font-size:16px;
}
.notice-title{
    width:calc(100% - 175px);
    font-size:17px;
    font-weight: 500;
    padding: 0 20px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height:40px;
    white-space: normal;
    overflow: hidden;
    color:#333333;
}

.enterprise-area{
    width:100%;
    height:85px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.enterprise-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:85px;
}
.enterprise-box img{
    max-width:100%;
}
.agree-area{
    height:50px;
    width:100%;
    background-color: #f9f9f9;
}
.agree-box{
    display: flex;
    align-items: center;
    height:50px;
    justify-content: center;
    padding:12px 0;
}
.agree-box a{
    display: inline-block;
    color: #6a6a6a;
    font-size:14px;
    padding: 0 20px;
    position: relative;
}
.agree-box a:first-child{
    padding-left: 0;
}
/*.agree-box a:after{
    content:'|';
    color:#cccccc;
    position: absolute;
    right:0;
}*/
.agree-box a:hover{
    color:#666666;
    font-weight: 500;
}
.agree-box a:last-child:after{
    content: '';
}


.youtube-pop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.5);
}
.youtube-frame{
    width:770px;
    height:435px;
    max-width:100%;
    position: relative;
}
.youtube-box{
    width:100%;
    height:100%;
}
.youtube-close{
    position: absolute;
    top: -50px;
    right: 0px;
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
}
.youtube-close i{
    font-size: 36px;
}

footer{
    display:block;
    /*padding-bottom:100px;*/
}
.footer-area{
    padding:30px 10px 20px;
}
.footer-box{
    display: flex;
}
.footer-logo{
    width:200px;
}

.footer-text-box{
    width: calc(100% - 335px);

}




.footer-icon-box{
    width:205px;
    text-align: right;
}
.footer-icon{
    display:inline-block;
    padding-left: 20px;
}
.footer-text{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}
.footer-text p{
    font-size: 12px;
    color: #777777;
}
.footer-company{
    padding-top:10px;
}
.footer-company p, .footer-company p span{
    font-size:13px;
    color: #555555;
    font-weight:500;
}


.footer-icon-sm{
    width:100%;
    text-align: center;
    display:none;
}
.footer-icon-sm .footer-icon{
    padding: 0 12px;
}


.company-info-box{
    display: none;
}
.company-info{
    margin-left:-15px;
    margin-right:-15px;
    display: flex;
    position: relative;
    margin-bottom: 30px;
}
.company-info .slide-item-box{
    margin: 0 15px;
}
.company-info .slide-item-box:last-child{
    position: relative;
    top: -100px;
}
.company-info .slide-item .slide-img{
    height:120px;
}
.company-info .slide-item .slide-img img{
    max-height:100%;
}
.company-info .slide-item .main-slide-title{
    font-size:18px;
}
.company-info .slide-item .main-slide-text {
    font-size: 14px;
}

.cs-post-item {
    display: block;
    position: relative;
}
.cs-post-item.win-view{
    cursor: pointer;
}
.cs-blog-four-columns .cs-post-item {
    margin-bottom: 50px;
    float: left;
    width: 22%;
    margin-right: 3%;
}
.cs-blog-four-columns .cs-post-item.first {
    clear: left;
}
.cs-post-item:before, .cs-post-item:after {
    content: " ";
    display: table;
}
.cs-post-item:after {
    clear: both;
}
.cs-post-thumb a{
    width:100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-color: #333;
}
.cs-post-thumb img {
    width: auto !important;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.turn-select-box{
    position: absolute;
    right: 0;
    top: 30px;
}

.membership-thumb.cs-post-thumb img{
    position:static;
    left: unset;
    top: unset;
    transform: none;
}


.life-popup{
    width:100%;
    max-width:440px;
    position: absolute;
    top:300px;
    left: 20%;
    padding: 20px 40px 35px;
    background-color: #93bf3d;
    z-index: 50;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
    border-radius: 3px;
}
.life-pop-head{
    position: relative;
}
.life-pop-title{
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    margin-bottom:20px;
}
.life-pop-title span{
    font-size:36px;
    font-weight:300;
}
.life-pop-body{
    width:100%;
    background-color: #ffffff;
    padding: 10px 30px;
    text-align: center;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.life-pop-body p{
    word-break: keep-all;
    font-size:17px;
    margin-bottom:20px;
    line-height:22px;
}
.life-pop-body a{
    width:240px;
    height:60px;
    border-radius: 15px;
    background-color: #93bf3d;
    color:#ffffff;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom:15px;
}
.life-pop-body a span{
    display: inline-block;
    width: 35px;
    height:35px;
    border-radius: 50%;
    background-color: #ffffff;
    margin-left:15px;
    color: #93bf3d;
    text-align: center;
    padding-top:2px;
}
.life-pop-body a span i{
    font-size:32px;
}
.life-pop-close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.life-pop-close i{
    font-size: 28px;
}
.life-pop-day{
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}


.life-pop-day-close-box{
    width:100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height:30px;
    padding-right:10px;
    background-color:#333333;
    color:#ffffff;
}
.life-pop-day-close-box input[type="checkbox"]{
    width:15px;
    height: 15px;
    margin-right:5px;
}
.life-pop-day-close-box label{
    margin-bottom: 2px;
    margin-right: 5px;
    color:#ffffff;
    cursor:pointer;
}

.life-img-popup{
    position: absolute;
    background-color: #ffffff;
    z-index: 101;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
    border-radius: 3px;
    overflow: hidden;
}
.life-img-popup.pop-click{
    z-index:110;
}
.life-img-pop-body{
    overflow: hidden;
    height:calc(100% - 30px);
    background-color: #333333;
}
.life-img-pop-body img{
    width:100%;
}
.life-img-popup .life-pop-day-close-box{
    position: relative;
}


.win-video-box img{
    width:100%;
}

.up-btn{
    display: none;
    flex-direction: column;
    align-items: center;
    width:55px;
    height:55px;
    background-color: #a0a0a0;
    color:#ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-size:14px;
    justify-content: center;
    transition: background-color .3s ease;
    position: fixed;
    right: 80px;
    bottom:120px;
    z-index:100;
}
.up-btn:hover{
    background-color: grey;
}

.photo-list{
    display:flex;
    flex-wrap: wrap;
    margin-bottom:50px;
}
.photo-list-box{
    width:20%;
    padding:20px 20px;
    cursor: pointer;
}
.photo-list-img{
    width:100%;
}
.photo-list-img img{
    border: 1px solid #e1e1e1;
}
.photo-list-text{
    text-align: center;
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
}

.photo-view{
    margin-top:40px;
}


.photo-view-area{
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,.3);
    z-index: 100;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3)
}
.photo-view-box{
    width:100%;
    max-width:500px;
    background-color: #ffffff;
    min-height: 450px;
    border-radius: 8px;
    overflow: hidden;
    padding:20px 30px 30px;
    position: relative;
}
.photo-view-box #photo-view-title{
    font-size:20px;
    text-align: center;
    margin-bottom:20px;
    font-weight:500;
}
.photo-view-box #photo-view-img{
    border:1px solid #e1e1e1;
}
.photo-view-close{
    position: absolute;
    top: 10px;
    right:10px;
    cursor: pointer;
}
.photo-view-close i{
    font-size:28px;
}


.npd{
    padding:0 20px !important;
}

.event-area{
    display:flex;
    align-items: center;
    padding:0 40px;
}
.event-title{
    font-weight:600;
    font-size:32px;
}
.event-title span{
    line-height:1.2;
}
.event-area .content-box{
    width: calc(100% - 680px);
}
.event-area .content-box.event-box{
    width:460px;
}
.event-img-box{
    padding:5px 20px 5px 30px;
    margin-right:0;
}
.event-form-box{
    padding:0;
}
.event-form-title{
    width:220px;
    font-size:20px;
    font-weight:500;
    padding-top:20px;
    padding-left:30px;
}
.event-input-btn-box{
    width:155px;
}
.event-input-btn-box span{
    background-color:#f9e724;
    color:#000000;
    font-weight:700;
}
.event-input-phone{
    margin-left:-7.5px;
    margin-right:-7.5px;
}
.event-input-phone span{
    font-size:32px;
    color:#ffffff;
}
.event-input.phone{
    margin: 0 7.5px;
}
.privacy-chk-box{
    display:flex;
    align-items: center;
    margin-top:10px;
}
.privacy-chk-box label{
    color:#ffffff;
    font-weight:400;
    font-size:13px;
    margin:0;
}
.privacy-chk{
    border:none;
    width:15px;
    height:15px;
    margin-right:7px;
}
.privacy-confirm{
    font-size:11px;
    color:#ffffff;
    background-color: #4a4a4a;
    display: inline-block;
    padding:1px 5px 2px;
    margin-left:7px;
    cursor:pointer;
}
.membership-thumb span{
    position:absolute;
    bottom:25px;
    right:25px;
    display:inline-block;
    padding:3px 30px;
    border-radius:15px;
    background-color:#ffffff;
    font-size:14px;
    font-weight:500;
}

.membership-thumb{
    position:relative;
}

@media (max-width: 768px) {
    .up-btn{
        right:20px;
    }
    .photo-list-box{
        width:50%;
    }
}

@media (max-width: 768px) {
    .cs-blog-four-columns .cs-post-item{
        width:47%;
    }


}

@media (max-width: 1800px){
    .win-right-box{
        top: -150px;
        height:180px;
    }
}

@media (max-width: 1200px){
    .content.main{
        padding: 50px 20px;
    }
    .content-box{
        width: 100%;
    }
    .win-number-top-box{
        display: flex;
    }
    .win-number-box{
        display: block;
        width: 95%;
        margin-left: auto;
        box-shadow: 1px 3px 5px rgba(0,0,0,.5);
        border-radius: 15px 0 0 15px;
    }
    .win-number{
        width: 100%;
        padding:10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    

    .number{
        width:35px;
        height:35px;
        margin-right: 10px;
        font-size: 15px;

    }

    .num-plus{
        margin-right: 15px;
    }
    .num-plus i{
        font-size: 24px;
    }

    .win-list{
        display: flex;
        justify-content: center;
        padding: 10px 0 20px;
    }
    .win-info{
        min-width: auto;
    }
    .win-ranking .number{
        width:40px;
        height: 40px;
        font-size: 14px;
        margin-right:10px;
    }
    .win-info-price .counter{
        font-size:24px;
    }
    .win-info-price{
        font-size:16px;
    }
    .win-info-desc{
        font-size:14px;
    }
    .win-info-desc span{
        font-size: 16px;
    }
    /*.text-title, .text-sub {
        text-align: center;
    }
    .text-title p, .text-sub span{
        display: inline-block;
    }*/

    .customer-left{
        margin-bottom: 20px;
    }
    .customer-left, .customer-right{
        padding-left:0;
        padding-right:0;
    }
    .text-title, .text-title p{
        font-size:30px;
        line-height:36px;
    }
    .text-sub span{
        font-weight: 500;
    }
    .text-btn{
        margin-bottom:20px;
        width: 170px;
        height:40px;
    }

    /*#main-slide-top{
        display: none;
    }*/
    .visible-left{
        display: none;
    }
    /*.company-info-box{
        display: block;
    }*/
    .notice-area{
        margin-top:40px;
    }

}
@media (max-width: 992px){
    #confetti{
        margin-left:0 !important;
        width: 100% !important;
        display: none;
    }
    .win-right-box{
        display: none;
    }
    .win-info{
        margin-right: 15px;
    }
    .win-info:last-child{
        margin-right: 0;
    }
    .header{
        height:60px;
        padding: 0 15px;
    }
    .logo a img{
        max-width:80px;
    }

    .header-btn-box{
        margin-right: 50px;
    }
    .mobile_menu_btn{
        display: block;
    }


    .menu-nav ul.on{
        transform : translateX(0);
    }

    .menu-nav ul li{
        display: block;
        height: auto;
    }
    .menu-nav ul li a{
        height:auto;
    }
    .menu-hide-box{
        display: block;
        position: static;
        background-color: #333333;
        height: auto;
        max-height:0;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }
    .menu-nav ul li .menu-hide-box a{
        display: block;
        width: auto;
        padding: 5px  40px;
        height: auto;
        min-height:auto;
        font-weight: 400;
    }
    .menu-nav ul li .menu-hide-box a:first-child{
        padding-top:10px;
    }
    .menu-nav ul li .menu-hide-box a:last-child{
        padding-bottom:10px;
    }
    .menu-nav ul li.on .menu-hide-box{
        max-height:400px;
    }
    .menu-btn-box{
        display: block;
        padding: 0 10px;
    }
    .menu-btn-box .header-btn a{
        width: 95px !important;
        height:35px !important;
        min-height: auto;
        font-size:15px;
    }

    .notice-rolling-box{
        height:75px;
        width:90%;
        margin: 40px auto 0;
    }
    .swiper.notice-slide{
        height:75px;
    }
    .notice-new{
        width:55px;
        height:25px;
        font-weight:900;
        font-size:16px;
    }
    .slide-notice-title{
        font-size:22px;
    }

    .text-title.bot{
        margin-bottom: 20px;
    }
    .broadcast-box{
        padding:0;
    }
    .event-area{
        padding-top: 10px;
    }

    .life-main-pop{
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        max-width:100% !important;
        height:auto !important;
    }

}
@media (max-width: 768px){
    .xs-npd{
        padding: 0 !important;
    }
    .banner{
        background: url(/assets/images/main/mo_bg.png) no-repeat 50%;
        background-size: cover;
        height:auto;
    }
    .banner-top-xs{
        display: inline-block;
    }
    .xs-hide{
        display: none;
    }
    .banner-info-box{
        padding: 50px 20px 0;
    }
    .banner-text{
        width:100%;
        text-align: center;
    }
    .banner-text img{
        max-width:100%;
    }
    .banner-text:first-child img{
        max-width:50%;
    }
    .banner-bot-box{
        display: flex;
        justify-content: center;
    }
    .banner-bot-box img{
        max-width:33%;
        margin: 0 5px;
    }
    .xs-trophy-box{
        display: block;
    }
    .win-number .number:last-child{
        margin-right: 0;
    }
    .win-list{
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .win-info{
        margin-right: 15px;
    }
    .swiper.youtube{
        margin-top:40px;
    }
    /*.swiper.youtube .swiper-slide-active, .swiper.youtube .swiper-slide-next, .swiper.youtube .swiper-slide-prev{
        transform: none;
    }*/

    .text-title, .text-title p{
        font-size:28px !important;
        line-height:34px;
    }

    .event-area{
        padding:10px 20px 0;
    }

    .membership-img-box{
        flex-wrap: wrap;
    }
    .membership-img-box img{
        width:50%;
    }
    .main.customer{
        background-color: #f9f9f9;
    }
    .content-box, .bt-life{
        margin-bottom: 10px !important;
    }
    .bt-life{
        padding-bottom:70px !important;
    }
    .bt-link{
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .customer-box{
        box-shadow: none;
        border-radius: 0;
        background-color: #ffffff;
        padding: 20px !important;
    }
    .notice-rolling-box{
        padding: 0 20px;
    }
    .slide-notice-title{
        font-size: 16px;
        width:calc(100% - 95px);
        font-weight:500;
    }
    .swiper-button-next{
        right:15px;
    }
    .swiper-button-prev{
        left:15px;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 55%;
    }
    .swiper-button-prev:after, .swiper-button-next:after{
        padding:10px 15px;
        font-size:24px;
        background-color: #ffffff;
        transform: translateY(0);
    }
    .membership-img-box a{
        width:50%;
    }
    .membership-img-box a img{
        width:100%;
    }
    .footer-area{
        padding:20px;
        border-top: 1px solid #f9f9f9;
    }
    .footer-logo{
        padding:10px 0;
        width:100%;
    }
    .footer-box{
        flex-direction: column;
    }

    .footer-icon-box{
        display:none;
    }
    .footer-icon-sm{
        display:block;
        margin-bottom:20px;
    }

    .footer-logo{
        display:none;
    }
    .footer-text-box{
        width:100%;
        display:flex;
        flex-direction: column;
    }
    .footer-text{
        order:2;
        background-color:#f1f1f1;
        padding:10px;
        line-height:1.6;
    }
    .footer-text p{
        font-size:13px;
    }
    .bt-img{
        height:170px;
        align-items: flex-start;

    }
    .event-img-box{
        margin-right: 10px;
    }
    .event-img-box img{
        max-width:150px;
        width:100%;
    }
    .event-title{
        font-size:26px;
    }
    .event-title span{
        font-size: 28px;
    }
    .event-form-box{
        padding: 0 0 30px;
    }
    .event-form-title{
        font-size:22px;
    }
    .event-input-form{
        width: calc(100% - 110px);
    }
    .event-input-btn-box{
        width:110px;
    }
    .event-input-btn-box .event-input-btn{
        font-size: 16px;
    }
    .customer-num{
        font-size:48px;
    }
    .customer-num.addr{
        font-size:42px;
        margin-top:10px;
    }
    .customer-text-desc p{
        font-size:16px;
    }
    .customer-text-bar{
        font-size:16px;
        flex-direction: column;
        align-items: flex-start;
        margin-top:0;
    }
    .customer-info{
        display: block;
        margin-bottom: 10px;
    }
    .customer-text-type.date{
        margin-left: 0;
    }
    .agree-box{
        justify-content: center;
    }
    .agree-box a{
        padding:0 15px;
    }
    .youtube-pop{
        padding: 0 20px;
    }
    .youtube-frame{
        width:100%;
        height: 350px;
    }
    .footer-company{
        padding-bottom:20px;
        padding-top:0;
    }
    .footer-company p, .footer-company p span{
        font-size:13px;
        line-height:1.6
    }
    .footer-company p span{
        display:block;
    }

    .turn-select-box{
        position: static;
    }
    .hd-sm{
        display:none !important;
    }
    .block-xs, .hd-xs{
        display:inline-block !important;
    }
    .customer-text-desc.addr{
        margin-top:20px;
    }
}

@media (max-width: 550px) {
    .header{
        padding: 0;
    }

    .company-info{
        margin-bottom:10px;
    }
    .company-info .slide-item-box{
        margin-left: -5px;
        margin-right: -5px;
    }
    .company-info .slide-item-box{
        margin: 0 5px;
    }
    .slide-item{
        padding: 10px;
    }
    .company-info .slide-item .main-slide-title{
        font-size: 14px;
    }
    .company-info .slide-item .main-slide-text{
        font-size: 12px;
    }
    .company-info .slide-item-box:last-child{
        top:-50px;
    }
    .win-number-box{
        display: block;
    }
    .win-number-top-box .win-right-title{
        font-size:20px;
    }
    .win-number-top-box .win-right-date{
        font-size:12px;
    }
    .win-number-top-box .win-right-date i{
        font-size:12px;
    }
    .win-number{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .num-plus{
        margin-right: 10px;
    }
    .num-plus i{
        font-size: 15px;
        margin-top: 10px;
    }
    .swiper.winner-slide{
        height:350px;
    }
    .swiper-button-next{
        right:0;
    }
    .swiper-button-prev{
        left:0;
    }
    .customer-num.addr{
        font-size:36px;
        letter-spacing: -1px;
    }

    .event-form-box{
        padding: 0;
    }
    .event-img-box img{
        max-width:120px;
    }
    .event-desc{
        font-size:16px;
    }
    .event-title{
        font-size:20px;
    }
    .event-title span{
        font-size: 22px;
    }
    .event-form-title{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .header-btn a{
        display: none;
    }
    .notice-line-link{
        flex-direction:column;
        padding:10px 0;
    }
    .notice-type{
        width:60px;
        font-size:12px;
        margin-right:auto;
        height:25px;
        margin-bottom:5px;
    }
    .notice-title{
        /*width: calc(100% - 130px);*/
        width:100%;
        font-size:16px;
        padding:0;
        font-weight:600;
    }
    .notice-date{
        width:70px;
        font-size:13px;
        margin-left:auto;
    }
    .youtube-frame{
        width:100%;
        height: 300px;
    }
    .life-popup{
        padding:20px;
    }
    .life-pop-title{
        font-size: 28px;
    }
    .life-pop-body{
        padding: 10px 20px;
    }
    .life-pop-body p{
        font-size:15px;
        line-height: 20px;
    }
    .agree-box a{
        padding:0 5px;
    }
    .block-xs{
        display:block !important;
    }
    .hd-xs{
        display:none !important;
    }
    .customer-left .customer-text-desc{
        display:none;
    }
    .customer-text-type{
        height:auto;
        padding:3px 7px;
        font-size:16px;
        border-radius:10px;
        font-weight:400;
        width:auto;
        min-width:60px;
    }
    .customer-text-type.date{
        width:auto;
    }
    .customer-info{
        font-weight:500;
    }
    .customer-text-bar.addr img{
        width:150px;
    }
}

/*@media (max-width: 400px) {
    .turn-select-box{
        display: none;
    }
}*/

/*@media (max-width: 1200px) {
    .gallery-slide .gallery-box img{
        min-height:300px;
    }
}
@media (max-width: 992px) {
    .gallery-slide .gallery-box img{
        min-height:250px;
    }
}
@media (max-width: 768px) {
    .gallery-slide .gallery-box img{
        min-height:350px;
    }
}
@media (max-width: 500px) {
    .gallery-slide .gallery-box img{
        min-height:250px;
    }
}*/

.menu-box{
    top:191px;
}
.header-top{
    height:90px;
    background-color:#ffffff;
    border-bottom:2px solid #93bf3d;
    padding:0 10px;
}
.header-top-box{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
}
.header-btn-box{
    width:230px;
}
.notice-rolling-box{
    width:calc(100% - 230px);
    height:90px;
    border-radius:unset;
    background-color:transparent;
    padding:0 0 20px 0;
}
.swiper.notice-slide{
    height:90px;
}
.slide-notice-title{
    font-size:18px;
    padding:0 15px;
}
.notice-new{
    width:55px;
    height:25px;
    font-weight:600;
    color:#000000;
    font-size:14px;
}
@media (max-width:1200px) {
    .event-area{
        flex-direction: column;
        padding:10px 40px;
    }
    .event-area .content-box.event-box{
        width:100%;
        margin-bottom:5px;
    }
    .event-area .content-box{
        width:100%;
    }
    .event-img-box{
        display:none;
    }
    .event-title{
        display:inline;
    }
    .event-form-title{
        display:none;
    }
    .event-title span{
        font-size:32px;
    }
}
@media (max-width:992px) {

    .header-top-box .header-btn-box{
        display:none;
    }
    .notice-rolling-box{
        margin:0;
        width:100%;
        height:75px;
    }
    .header-top, .swiper.notice-slide{
        height:75px;
    }
    .header{
        justify-content: center;
    }
    /*.menu-nav ul{
        top:75px;
    }*/
}
@media (max-width:768px) {
    .event-title, .event-title span, .event-input-phone span{
        font-size:24px;
    }
    .event-input{
        height:40px;
    }
    .event-input-btn{
        height:90px;
    }
}
@media (max-width:500px) {
    .event-title, .event-title span{
        font-size:18px;
    }
    .event-input-phone span{
        display:none;
    }
    .event-input{
        height:40px;
    }
    .event-input-btn{
        height:90px;
    }
    .event-area{
        padding:10px 10px 0;
    }
    .event-input-area{
        flex-direction: column;
    }
    .event-input-form{
        width:100%;
    }
    .event-input-btn-box{
        width:100%;
        padding-left:0;
        padding-top:10px;
    }
    .event-input-btn{
        height:50px;
    }
    .slide-notice-title{
        font-size:14px;
    }
    .header-top, .swiper.notice-slide{
        height:55px;
    }
    .slide-notice-title{
        width:100%;
    }


    /*.menu-nav ul{
        top:75px;
    }*/
}




.event{
    position:fixed;
    width:100%;
    top:0;
    z-index:90;
}
@media (max-width: 992px) {
    .event{
        position:relative;
    }
}
.content.event{
    background:url('/assets/images/main/renew/top-back.png') no-repeat 50%;
    background-size:cover;
}
.bg_s{
    background-color: #2db8ff;
}



.banner{
    background: none;
    height:auto;
    padding-top:60px;
}
.banner-box{
    width:100%;
    position:relative;
}
#banner-slide{
    height:880px !important;
}
#banner-slide .swiper-slide img{
    width:100% !important;
}
#banner-slide2{
    display:none;
    height:auto !important;
}
#banner-slide2 .swiper-slide img{
    width:100% !important;
}

@media (max-width: 992px) {
    #banner-slide{
        display:none;
    }
    #banner-slide2{
        display:block;
    }
    .banner-form-area{
        display:none;
    }

}



.banner-form-area{
    width:100%;
    position: relative;
    z-index: 10;

}
.banner-form-box{
    right:0;
    top:90px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    position:absolute;
    width:355px;
    height:255px;
    background-color: rgba(116, 116, 116, 0.6);
    border-radius:15px;
    padding:10px;
}
.banner-form-box-back{
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,.8);
    border-radius:15px;
    padding:15px 30px;
}
.banner-form-title{
    margin-bottom:10px;
    font-size:18px;
}
.banner-form-title span{
    font-size:18px;
    color:#93bf3d;
}
.banner-form-input-box{
    margin-bottom:10px;
}
.banner-form-input{
    padding:10px 15px;
    width:100%;
    height:40px;
    border:1px solid #e1e1e1;
    border-radius:10px;
}
.banner-form-input::placeholder{
    color: #dddddd;
    font-size:14px;
    font-weight:300;
}
.banner-form-input-text{
    color:#ff0000;
    font-size:12px;
}
.banner-form-btn-box{
    display:flex;
}
.banner-form-btn{
    cursor:pointer;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    background-color:#93bf3d;
    width:270px;
    height:50px;
    border-radius:10px;
    color:#ffffff;
    font-weight:500;
}
.banner-form-btn.login{
    width:100%;
}
.banner-form-btn.find{
    width:120px;
    background-color: #d7d7d7;
    color:#333333;
}
.banner-form-btn.free{
    width:100%;
    background-color:#f9cb2d;
}
.banner-form-box.form2{
    top:380px;
    height:245px;
}


.win-number{
    padding:0;
}
.win-result-box{
    display:flex;
    padding-top:80px;
}
.win-number-box{
    width:60%;
}
.win-number-top-box{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:30px;
}
.win-number-top-box .win-right-title{
    font-size:26px;
    color:#333333;
    font-weight:500;
    width:100%;
}
.win-right-title span{
    color:#000000;
    font-size:26px;
    font-weight:600;
}
.win-number-top-box .win-right-date{
    margin-top :10px;
    color:#555555;
    font-size:18px;
    font-weight:600;
    width:100%;
}
.win-number-top-box .win-right-date i{
    display:none;
}


.win-list{
    width:40%;
    display:block;
    padding:0;
}
.win-list-top{
    width:100%;
    height:40px;
    background-color:#f9fafc;
    border-top: 1px solid #dae1e6;
    border-bottom: 1px solid #dae1e6;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:0 30px;
}
.win-info{
    justify-content: space-between;
    padding:10px 10px 10px 15px;

}
.win-ranking{
    width:75px;
}
.win-info-price{
    width:calc(100% - 145px);
    padding-left:60px;
}
.win-info-desc{
    width:70px;
    text-align: right;
}

@media (max-width: 1200px) {
    .result-box{
        padding: 20px 30px;
    }
    .win-result-box{
        padding-top:0;
        flex-direction:column;
        box-shadow: 1px 3px 7px 3px rgba(0,0,0,.1);
        border-radius: 15px;
        overflow: hidden;
    }
    .win-number-box{
        width:100%;
        border:none;
        box-shadow: none;
    }
    .win-list{
        width:100%;
    }
    .win-number{
        display:block;
        text-align:center;
        padding:20px;
    }
    .win-number-top-box .win-right-title{
        font-size:24px;
        display:inline;
        color:#93bf3d;
    }
    .win-right-title span{
        font-size:24px;
        color:#93bf3d;
        font-weight:500;
    }
    .win-number-top-box .win-right-date{
        font-size:16px;
        display:inline;
        color:#777777;
        padding-left:5px;
    }
    .win-number-top-box .win-right-date i{
        display:inline;
    }
    .win-number-top-box{
        margin-bottom:15px;
    }
    .win-info{
        border-bottom:1px solid #e5e5e5;
        margin-right:0;
        padding:10px 35px 10px 25px;
    }
}

@media (max-width: 500px) {
    .result-box {
        padding: 20px 10px;
    }

    .win-number {
        padding: 10px;
    }

    .win-number-top-box .win-right-title {
        font-size: 18px;
    }

    .win-right-title span {
        font-size: 18px;
    }

    .win-number-top-box .win-right-date {
        font-size: 12px;
    }

    .number {
        margin-right: 5px;
    }

    .win-list-top {
        height: 35px;
        padding: 0 15px;
    }

    .win-list-top span {
        font-size: 13px;
    }

    .win-info{
        padding: 10px 15px 10px 10px;
    }
    .win-info-price{
        padding-left:0;
    }
    .content.main{
        padding:20px 10px;
    }
}



#main-slide-top.swiper-backface-hidden .swiper-slide{
    align-items: flex-start;
}
.slide-item{
    background-color:#f5f5f5;
    padding:20px 50px;
    box-shadow:none;
}
.slide-item .slide-img{
    height:345px;
    overflow:hidden;
    border-radius:15px;
}
.slide-item .main-slide-title{
    font-size:16px;
    margin-top:15px;
}
.slide-item-box{
    position: relative;
    width:100%;
    height:100%;
}
.swiper-slide .slide-item-box{
    margin:0;
}
#cert-img{
    padding-right:30px;
}
.cert_mini{
    position:absolute;
    top:10px;
    left:10px;
}
#slide1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}
.cert-view{
    cursor:pointer;
}
@media (max-width: 1200px){
    #cert-img{
        padding-right:0;
        margin-bottom:30px;
    }

    #main-slide-top{
        height:1300px !important;
    }
    .slide-item .slide-img{
        height:550px;
    }
}
@media (max-width: 992px){
    .slide-item .main-slide-title{
        font-size:18px;
        font-weight:600;
    }

    #main-slide-top{
        height:1100px !important;
    }
    .slide-item .slide-img{
        height:450px;
    }
}
@media (max-width: 768px) {
    .slide-item .main-slide-title{
        font-size:14px;
    }

    .slide-item{
        padding:20px 30px;
    }
    #slide1 .swiper-slide{
        height: calc((100% - 20px) / 2) !important;
    }

    #main-slide-top{
        height:900px !important;
    }
    .slide-item .slide-img{
        height:360px;
    }
}
@media (max-width: 600px) {
    #main-slide-top{
        height:800px !important;
    }
    .slide-item .slide-img{
        height:300px;
    }

}
@media (max-width: 500px) {
    #main-slide-top{
        margin-top:30px;
        height:700px !important;
    }
    .slide-item .slide-img{
        height:260px;
    }

    .slide-item{
        padding:20px;
    }
    #slide1 .swiper-slide{
        height: calc((100% - 10px) / 2) !important;
    }
    .slide-item .main-slide-title{
        height:30px;
    }
}
@media (max-width: 400px) {
    #main-slide-top{
        height:600px !important;
    }
    .slide-item .slide-img{
        height:210px;
    }
}


.youtube-intro-box{
    background: url('/assets/images/main/renew/banner_back.png') no-repeat 50%;
    padding-top:55px;
}
.youtube-title{
    background: url(/assets/images/main/renew/text_back.png) no-repeat 50%;
    background-size: contain;
    height: 75px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.youtube-box{
    text-align: center;
    padding:20px 0 30px;
    width:auto;
}
.youtube-text{
    font-size:32px;
    font-weight:600;
}
.youtube-btn-box{
    width:100%;
    text-align:center;
    padding-top:20px;
}
.youtube-btn{
    display:inline-block;
    font-size:16px;
    color:#ffffff;
    background-color :#93c13d;
    padding:8px 20px 12px;
    text-align: center;
    border-radius: 25px;
}
#youtube-area{
    padding-top:0;
}
#mid-banner{
    padding:0 20px 80px;
}
.membership-sub{
    font-size:17px;
    color:#555555;
}
@media (max-width: 992px) {
    #youtube-area{
        padding-left:0;
        padding-right:0;
    }
    #mid-banner{
        padding:0 20px 50px;
    }
}
@media (max-width: 500px) {
    .text-title, .text-title p{
        font-size:30px !important;
    }

    .youtube-text{
        font-size:24px;
    }
    .youtube-title{
        height:50px;
    }
    .youtube-intro-box{
        padding:40px 10px;
    }
    .youtube-box{
        padding-bottom:0;
    }
    #mid-banner{
        padding:0 10px;
    }
}


.bg-gallery{
    background-image: linear-gradient(to right, #ffffff 50%, #f7f7f7 50%);
}
.gallery-area{
    display:flex;
}
.swiper.winner-slide{
    width:70%;
}
.gallery-title-box{
    width:30%;
}
.gallery-title{
    margin-top:50px;
    font-size:32px;
    font-weight:700;
    line-height:1.3
}
.swiper-button-box{
    display:flex;
    padding-top:30px;
}
.swiper-button-prev, .swiper-button-next{
    position: unset;
    margin:0;
    height: 40px;
    width:40px;
    border:1px solid #333333;
    border-radius:50%;
    color:#333333;
}
.swiper-button-prev:after, .swiper-button-next:after{
    content:'';
    transform: unset;
    padding:0;
    margin:0;
    border:none;
    font-size:18px;
}
.swiper-button-next{
    margin-left:10px;
}

@media (max-width: 992px) {
    .bg-gallery{
        background-image: linear-gradient(to bottom, #ffffff 50%, #f7f7f7 50%);
    }
    .gallery-area{
        flex-direction: column;
    }
    .gallery-title-box{
        width:100%;
    }
    .swiper.winner-slide{
        width:100%;
    }
    .gallery-title{
        display:flex;
        justify-content: center;
    }
    .gallery-area .swiper-button-box{
        display:none;
    }
}
@media (max-width: 500px) {
    .gallery-title{
        flex-direction: column;
        align-items: center;
        font-size:24px;
        margin-top :20px;
        margin-bottom:20px;
    }
    .swiper.winner-slide{
        height:300px;
    }
}


.membership-img-box a{
    width: auto;
}
.membership-box{
    width:25%;
    padding:0 5px;
}
.membership-box-in{
    width:100%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding:30px 10px 50px;
    background-color: #f5f5f5;
    overflow: hidden;
}
.membership-sub{
    color:#333333;
}
@media (max-width: 992px){
    .membership-img-box{
        flex-wrap:wrap;
    }
    .membership-box{
        width:50%;
        float:left;
        margin-bottom:10px;
    }
}

@media (max-width: 500px){
    .membership-box-in{
        padding:20px;
    }
    .membership-img-box img{
        width:50% !important;
    }
    .membership-img-box a{
        text-align:center;
    }
}


.customer-area{
    display:flex;
    margin-left:-15px;
    margin-right:-15px;
    padding-bottom:10px;
}
.content-box.customer-notice{
    width:35%;
}
.content-box.customer-notice .customer-box{
    padding:0;
    box-shadow: none;
}
.content-box.customer-notice .customer-box img{
    width:100%;
    box-shadow: 3px 5px 7px 5px rgba(0,0,0,.1);
    border-radius:15px;
}
@media (max-width: 1200px) {
    .customer-area{
        flex-wrap:wrap;
    }
    .customer-area .content-box{
        width:50%;
        margin-top:20px;
    }
    .content-box.customer-notice{
        width:100%;
    }
    .content-box.customer-notice .customer-box img{
        border-radius:28px;
    }
}
@media (max-width: 992px) {
    .customer-area .content-box{
        width:100%;
        margin-bottom:0;
    }
}
@media (max-width: 768px) {
    .customer-area{
        margin-left:0;
        margin-right:0;
        padding-bottom:0;
    }
    .customer-area .content-box{
        padding:0;
        margin:0 0 10px !important;
    }
}
/*.customer-area{
    display:flex;
    margin-left:-15px;
    margin-right:-15px;
    padding-bottom:10px;
}
.customer-area .content-box{
    padding:0 !important;
    margin:0 15px;
}
.content-box.customer-notice{
    width:40%;
}
.customer-info{
    width:60%;
    display:flex;
}
.content-box.customer-left{
    width:50%;
}
.content-box.customer-right{
    width:50%;
}
.customer-box{
    height:465px;
    padding: 0 !important;
}
.customer-box img{
    width:100%;
    height:100%;
}
@media (max-width: 992px) {
    .customer-area{
        flex-direction: column;
        margin-left:0;
        margin-right:0;
        padding-bottom:0;
    }
    .content-box.customer-notice{
        width:100%;
        padding:0 20px 50px !important;
        margin:0 0 10px !important;
        background-color:#ffffff;
    }
    .customer-box{
        height: auto !important;
        box-shadow:none;
        border-radius:25px;
    }
    .content-box img{
        height:auto;
        box-shadow:3px 5px 7px 5px rgba(0,0,0,.1);
        border-radius:25px;
    }
    .customer-info{
        width:100%;
        padding:50px 20px;
        background-color:#ffffff;
    }
    .content-box.customer-left{
        margin:0;
        margin-right:5px;
    }
    .content-box.customer-right{
        margin:0;
        margin-left:5px;
    }
}
@media (max-width: 500px) {
    .customer-info{
        padding: 50px 0;
        flex-direction: column;
    }
    .content-box.customer-left{
        margin-right:0;
        width:100%;
    }
    .content-box.customer-right{
        margin-left:0;
        width:100%;
    }
    .customer-box{
        border-radius:0;
    }
    .customer-box img{
        box-shadow:none;
        border-radius:0;
    }
}*/


@media (max-width: 992px) {
    .sm-nbg{
        background-color:transparent;
    }
    .sm-npd{
        padding:0 !important;
    }
    .broadcast{
        padding: 50px 20px;
        background-color:#ffffff;
        margin-bottom: 10px;
    }
    .text-title.bot{
        justify-content:center;
    }
    .notice-area{
        margin:0 !important;
        padding:50px 20px;
        background-color:#ffffff;
        padding-bottom:150px;
    }
    .notice-area .text-title a span{
        display:none;
    }
    .text-title.bot a{
        position:absolute;
        right:0;
        bottom:-10px;
    }
}


.main-foot-btn-box{
    width: 100%;
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 10;
}
.main-foot-btn {
    width: 50%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-size: 20px;
    font-weight:600;
    height: 65px;
    border:1px solid #e5e5e5;
    cursor:pointer;
}
.main-foot-btn:first-child {
    border-right:0;
    background-color:#93bf3d;
    color:#ffffff;
}
@media (max-width:992px) {
    .main-foot-btn-box{
        display:flex;
    }
}

.padding-box{
    padding:20px;
}
.win-area{
    display:flex;
    margin-left:-2px;
    margin-right:-2px;
}
.winbox{
    width:20%;
    padding:0 2px;
}
.win-item{
    width:100%;
    background-color:#f5f5f5;
    border-radius:10px;
}
.win-item .win-item-grade{
    font-size:12px;
    text-align:center;
    color:#5a5a5a;
    font-weight:700;
    padding:10px;
}
.win-item .win-item-grade.win1{
    color:#a040ff;
}
.win-item .win-item-grade.win2{
    color:#2f83e3;
}
.win-item .win-item-grade.win3{
    color:#ffbb00;
}
.win-item-cnt{
    text-align:center;
    color:#acacac;
    font-size:12px;
    padding-bottom:15px;
}
.win-item-cnt p{
    font-size:18px;
    font-weight:700;
    color:#333333;
}


.mypage-tab-box{
    display:flex;
    align-items:center;
    border-bottom:1px solid #ececec;
}
.mypage-tab{
    width:33.33%;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    border-bottom:2px solid #ffffff;
}
.mypage-tab.on .mypage-tab-img:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ed8f2b;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.mypage-tab-img{
    text-align: center;
    position: relative;
}
.mypage-tab p{
    color:#333333;
    font-size:14px;
    text-align:center;
    padding: 5px 5px 10px;
    font-weight:500;
}
.mypage-tab.on{
    border-color: #333333;
}


.bg-grey{
    background-color:#f9f9f9;
}
.info-title{
    font-size:20px !important;
    font-weight:800;
    margin-top:30px !important;
}
#myinfo-tbl tr, #myinfo-tbl th, #myinfo-tbl td{
    display:block;
    border:none;
    padding:0;
    background-color: #f9f9f9;
}
#myinfo-tbl table{
    border:none;
    background-color: #f9f9f9;
}
#myinfo-tbl tr{
    margin-bottom:30px;
}
#myinfo-tbl th{
    font-size:12px;
    color:#333333;
    text-align:left;
}
#myinfo-tbl td{
    font-size:18px;
    padding-top:5px;
    padding-bottom:10px;
    border-bottom:1px solid #ececec;
    color:#333333;
    font-weight:500;
}
#myinfo-tbl th.pwd{
    font-size:18px;
    font-weight:600;
    /*color: #92be3d;*/
    color: #ed8f2b;
}
#myinfo-tbl td input[type='password']{
    height:30px;
    border:none;
    padding:0;
    background-color: #f9f9f9;
}
#myinfo-tbl td input[type='password']:focus{
    outline:none;
    background-color:#ffffff;
}
#myinfo-tbl td.pwd-info{
    border-bottom: none;
    font-size:12px;
    color:#acacac;
}
#modify-info{
    height:50px;
    width:100%;
    /*background-color:#92be3d;*/
    background-color:#ed8f2b;
    border-radius:25px;
    max-width:325px;
    border:none;
    color:#333333;
    font-size:18px;
    font-weight:700;
}

.qna-box{
    width:100%;
    background-color:#f2f2f2;
    color:#333333;
    padding:20px;
    border-radius:10px;
    margin-bottom:10px;
}
.qna-box.no-data{
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
}
.qna-date{
    font-size:12px;
    font-weight:700;
    padding-bottom:5px;
}
.qna-title{
    font-size:14px;
    font-weight:500;
    padding-bottom:10px;
}
.qna-status{
    font-size:14px;
    color:#acacac;
    font-weight:600;
}
.qna-status span{
    color: #2f83e3;
}
.qna-status span.fail{
    color:#333333;
}

.wintable-box{
    padding:20px;
    background-color:#ffffff;
    border:1px solid #ececec;
    border-radius:10px;
    margin-bottom:10px;
}
.wintable-title{
    text-align:center;
    font-size:16px;
    font-weight:700;
}
.wintable-title .wintable-round{
    color:#333333;
    margin-right:5px;
}
.wintable-title .wintable-date{
    color:#acacac;
    margin-left:5px;
}
.wintable-ball{
    padding-top:20px;
    text-align:center;
}
.wintable-ball .ball{
    width:45px !important;
    height:45px !important;
    font-size:20px;
    color:#ffffff;
    font-weight:700;
    margin:0 !important;
}

.wintable-title.winlist{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.win-grade{
    font-size:20px;
    font-weight:700;
    color:#92be3d;
}


.membership-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}
.membership-title .title{
    font-size:20px;
    color:#333333;
    font-weight:900;
}
.membership-title .date{
    font-size:14px;
    font-weight:700;
    color:#b9aa8b;
}
.membership-desc{
    padding-top:5px;
    font-size:14px;
    color:#5a5a5a;
}
.membership-detail{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom: 1px solid #ececec;
    padding:20px 0;
}
.membership-detail .btn-box .btn{
    width:122px;
    height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:#333333;
    border-radius:21px;
    color:#b9aa8b;
    font-size:18px;
    font-weight:700;
}
.membership-detail .price-box{

}
.membership-detail .price-box .price{
    text-align:right;
    font-size:24px;
    color:#2f83e3;
    font-weight:900;
}
.membership-detail .price-box .price-desc{
    font-size:12px;
    font-weight:700;
    color:#333333;
    text-align:right;
}



.login-container{
    padding:25px;
}
.login-logo{
    text-align:center;
}
.login-desc{
    padding:30px 0;
    text-align:center;
}
.login-desc p{
    font-size:22px;
    font-weight:400;
    color:#333;
}
.login-select-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-top:25px;
}
.login-select-btn{
    width:100%;
    max-width:325px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    border-radius:25px;
    margin-bottom:10px;
    cursor:pointer;
}
.login-select-btn img{
    position:absolute;
    left:20px;
    top:10px;
}
.login-select-btn.naver{
    background-color:#49b648;
}
.login-select-btn.kakao{
    background-color:#ffdd00;
    color:#333333;
}
.login-select-btn.google{
    background-color:#efefef;
    color:#333333;
}
.login-select-btn.apple{
    background-color:#000000;
}
.login-select-btn.self{
    border:1px solid #cccccc;
    color:#333333;
}
.login-select-btn.findpw{
    /*background-color:#92be3d;*/
    background-color:#ed8f2b;
    color:#333333;
}
.login-checkbox{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.login-input-area{
    padding:75px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.login-input-area a.login-sub-btn{
    display: block;

}
.login-input-box{
    width:100%;
    max-width:325px;
    margin-bottom:40px;
    position:relative;
}
.input-title{
    font-size:18px;
    /*color:#92be3d;*/
    color: #ed8f2b;
    font-weight:700;
}
.input-title.sm{
    font-size:12px;
    color:#acacac;
    font-weight:400;
}
label.input-title{
    color:#777777;
    display:inline-block;
    margin-bottom:0;
}
.login-chkbox{
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:5px;
}
.login-btn{
    background-color:#ed8f2b;
    color:#333333;
    margin-top:50px;
    margin-bottom:40px;
}

.section-sub.app-sub{
    text-align:center;
}
.section-sub.find-pw{
    font-size:16px;
    line-height:30px;
    font-weight:500;
}
.section-sub.find-pw span{
    font-weight:900;
}
.find-desc{
    padding-top:10px;
    font-size:12px;
    color:#3dbdff;
    font-weight:500;
}
.certification-time{
    position:absolute;
    right:0;
    top:20px;
    font-size:16px;
    color:#ff4040;
}








.footer-menu-area{
    width:100%;
    border-top: 1px solid #e5e5e5;
}
#footer-menu-box{
    width:100%;
    display:flex;
}
.footer-menu-box{
    padding-top:20px;
    padding-bottom:40px;
    width: 16.66%;
    border-right:1px solid #e5e5e5;
    position:relative;
}

.footer-menu-box:last-child{
    border-right:none;
}
.footer-menu-title{
    font-size:18px;
    font-weight:600;
    padding: 0 20px 20px;
}
.footer-menu{
    width:100%;
    height:55px;

}
.footer-menu a{
    width:100%;
    height:100%;
    display:inline-flex;
    align-items: center;
    text-indent: 20px;
    font-size:14px;
    font-weight:500;
    color: #333333;
}
@media (max-width: 992px) {
    #footer-menu-box{
        flex-direction: column;
    }
    .footer-menu-box{
        width:100%;
        padding-bottom:0;
        border-bottom:1px solid #d9d9d9;
    }
    .footer-menu-usb-box{
        height:auto;
        max-height:0;
        overflow: hidden;
        transition: max-height .4s ease;
        background-color:#e5e5e5;
    }
    .footer-menu-title{
        cursor:pointer;
    }
    .footer-menu-box.on .footer-menu-usb-box{
        border-top:1px solid #d9d9d9;
        max-height:1000px;
    }
    .menu-use:after{
        content: '+';
        font-size:24px;
        font-weight:500;
        position:absolute;
        top:15px;
        right:20px;
    }
    .menu-use.on:after{
        content: '-';
    }
}




.bottom-fix-area{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100px;
    display:flex;
    background-color:#ffffff;
    z-index:100;
    box-shadow:1px 3px 10px rgba(0,0,0,.3);
}
.bottom-fix-btn{
    display:block;
    width:20%;
    height:100%;
}
.bottom-fix-box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100%;
    width:100%;
}
.bottom-fix-title{
    font-size:14px;
    color:#221e1f;
    text-align:center;
}
.bottom-fix-box .active-img{
    display:none;
}
.bottom-fix-box.active{
    background-color:#f2f2f2;
}

.bottom-fix-box.active .active-img{
    display:block;
}
.bottom-fix-box.active .inactive-img{
    display:none;
}
.bottom-fix-box.active .bottom-fix-title{
    font-weight:700;
}



.pop-check{
    cursor:pointer;
    display:none;
}


.popup-wrap{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.3);
    z-index:150;
    display:none;
    align-items:center;
    justify-content:center;
    padding:0 25px;
}
.popup{
    width:100%;
    max-width:320px;
    background-color:#ffffff;
    border-radius:10px;
    overflow:hidden;
}
.popup-head{
    padding:25px 25px 0;
}
.qna-popup-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.qna-popup-date{
    color:#b9aa8b;
    font-size:16px;
    font-weight:700;
}
.qna-popup-status{
    background-color:#f2f2f2;
    border-radius:15px;
    width:95px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#2f83e3;
    font-size:14px;
    font-weight:700;
}
.popup-body{
    padding:0 25px;
}
.qna-popup-box{

}
.qna-popup-title{
    font-size:20px;
    line-height:28px;
    max-height:60px;
    overflow-y:auto;
    color:#333333;
    font-weight:700;
    margin-top:15px;
}
.qna-popup-content{
    font-size:14px;
    color:#333333;
    line-height:26px;
    max-height:85px;
    overflow-y:auto;
    margin:20px 0;
}
.qna-popup-box.answer{
    border-top:1px solid #ececec;
    display:none;
}
.qna-popup-box.answer .qna-popup-title{
    color:#2f83e3;
}
.qna-popup-box.answer .qna-popup-content{
    color:#5a5a5a;
    font-weight:700;
}
.qna-popup-foot{
    width:100%;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f9f9f9;
}
.qna-popup-btn{
    width:135px;
    height:38px;
    background-color:#333333;
    color:#ffffff;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:25px;
}



.popup-title{
    padding-top:30px;
    font-size:22px;
    text-align:center;
    font-weight:700;
}
.popup-content{
    padding:15px 15px 0;
    text-align:center;
    font-size:16px;
    line-height:26px;
}

#lotto-popup .qna-popup-foot{
    background-color:#ffffff;
}

#toast-popup .popup-head{
    padding-top:20px;
    text-align:center;
    position:relative;
}
#toast-popup .popup-head .toast-bar{
    position:absolute;
    width:0;
    top:0;
    left:0;
    height:5px;

    background-color: #888888;
}
#toast-popup .popup-head .toast-bar.on{
    width:100%;
    transition: width 2s ease-out;
}
#toast-popup .popup-content{
    padding:5px 25px 20px;
}

#custom-confirm .qna-popup-btn{
    width: 100px;
    margin: 0 5px;
}
#custom-confirm .qna-popup-btn.none{
    background-color:#ffffff;
    color:#333333;
    border:1px solid #333333;
}


#seller-location{
    position:relative;
}
.map-list-box{
    min-height:95px;
    width:100%;
    background-color:#ffffff;
    position:fixed;
    bottom:100px;
    padding:30px 20px;
    border-radius:10px 10px 0 0;
    z-index:100;
    left:0;
    right:0;
    touch-action: pan-y;
}
.map-list-btn{
    width:100%;
    height:35px;
    background-color:#f9f9f9;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    color:#2f83e3;
}
.map-list-btn span{
    font-weight:900;
}
.map-list-deco{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:30px;
    text-align:center;
    padding-top:5px;
}
.map-list-deco:after{
    content:'';
    display:inline-block;
    width:120px;
    height:4px;
    border-radius:22px;
    background-color:#d2d2d2;
}
.map-btn{
    position:absolute;
    top: 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    z-index:10;
}
.map-btn.btn1{
    left:10px;
}
.map-btn.btn2{
    right:70px;
}
.map-btn.btn3{
    right:10px;
}
.map-list{
    width:100%;
    height:0px;
    overflow-y:auto;
    transition: height .3s ease;
}
.map-list ul{
    width:100%;
    height:100%;
    margin:0;
}
.map-list-item{
    display:flex;
    width:100%;
    height:80px;
    position:relative;
    align-items:center;
    border-bottom:1px solid #f5f5f5;
}
.map-loc{
    margin-right:10px;
    width:24px;
}
.map-info{
    width:calc(100% - 24px);
}
.map-info p{
    font-size:15px;
    font-weight:700;
    color:#333333;
}
.map-info p span.distance{
    color:#3dbdff;
    font-weight:700;
    padding-left:10px;
}
.map-info span.addr{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size:14px;
    color:#acacac;
    padding-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:40px;
    line-height:18px;
}
.map-arrow{
    position:absolute;
    top:25px;
    right:20px;
}
.map-arrow#map-detail-close{
    top:6px;
}
#map-detail-close i{
    font-size:24px;
}
/*.map-list-box.on{
    height:auto;
}*/
.map-list-box.on .map-list-btn{
    display:none;
}
.map-list-box.on .map-list{
    height:320px;
}

.map-loc-test{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}


.map-detail-box{
    position: fixed;
    width:100%;
    bottom:95px;
    padding:10px 20px 10px;
    background-color:#ffffff;
    border-radius:10px 10px 0 0;
    left:0;
    right:0;
    display:none;
    z-index:100;
}
.map-detail-call{
    padding-top:15px;
    padding-bottom:15px;
}
.map-detail-link{
    display:flex;
    align-items:center;
}
.map-detail-call-ic{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius: 50%;
    background-color:#f1f1f1;
}
.map-detail-text{
    font-weight:700;
    /*color:#2f83e3;*/
    color:#ed592b;
    font-size:18px;
    padding-left:10px;
}

.map-detail-box .map-info span.addr{
    -webkit-line-clamp: 2;
    height:42px;
}

.bg-white{
    background-color:#ffffff;

}
.seller-popup-foot{
    flex-direction:column;
    padding:30px 0;
    height:auto;
}
.seller-popup-btn{
    width:180px;
}
.seller-popup-btn.cancel{
    margin-top: 10px;
    background-color:#f9f9f9;
    border:1px solid #acacac;
    color:#333333;
    font-weight:500;
}

.bottom-fix-img{
    height:58px;
}
.terms-box{
    position:fixed;
    z-index:150;
    background-color:#ffffff;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:40px;
    overflow-y:auto;
    display:none;
}
.terms-btn-box{
    display:flex;
    justify-content:center;
    padding-top:40px;
}

.terms-close-btn{
    position:fixed;
    z-index:160;
    top:0;
    right:0;
    width:60px;
    height:60px;
    display:inline-flex;
    justify-content:center;
    align-items:center;

}
.terms-close-btn i{
    font-size:32px;
}



.nav-membership-box{
    position:absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
}
.nav-membership{
    border: 1px solid #8a8775;
    border-radius:12px;
    width:100%;
    max-width:250px;
    padding:13px 10px 19px;
    background-color:#262626;
}
.nav-membership-logo{
    text-align:center;
}
.nav-membership-logo img{
    max-width:100%;
}
.nav-membership-text{
    font-size:20px;
    color:#ffffff;
    text-align:center;
    padding:5px 0 10px;
}
.nav-membership-text.desc{
    color:#626361;
    font-size:16px;
    padding:0;
}
.nav-copy{
    color:#5a5a5a;
    font-size:14px;
    margin-top:30px;
}

.membership-area{
    width:100%;
}
.membership-title-box{
    width:100%;
    padding-bottom:150px;
}
.membership-img{
    text-align:center;
    padding:10px;
}
.membership-img img{
    max-width:130px;
    width:100%;
}
.membership-text{
    font-size:16px;
    color:#333333;
    line-height:25px;
    text-align:center;
}
.membership-text span{
    font-weight:700;
}
.membership-text.title{
    font-size:32px;
    color:#343434;
    font-weight:700;
    padding-bottom:10px;
}
.membership-item-box{
    max-width:325px;
    width:100%;
    margin: 0 auto;
}
.membership-item{
    padding: 12px 15px 14px 20px;
    border-radius:18px;
    max-width:325px;
    width:100%;
    margin-bottom:10px;
}
.membership-item.item-12{
    background-color:#0cacff;
}
.membership-item.item-6{
    background-color:#2bedab;
}
.membership-item.item-1{
    background-color:#ffe927;
}
.membership-item .item-top{
    display:flex;
    justify-content:space-between;
    padding-bottom:5px;
}
.membership-item .item-top .item-name{
    font-size:20px;
    font-weight:700;
}
.membership-item .item-top .item-price{
    font-size:18px;
    font-weight:700;
}
.membership-item .item-desc{
    font-size:14px;
    color:#333333;
}