@charset "utf-8";

.btn-more{display:inline-block;width:50px;height:50px;border:1px solid #b6b6b6;background:url(../images/ico_aw_more_gy.png) no-repeat 50% 50%;box-sizing:border-box}
.btn-more:hover{border:1px solid #4450ca}
.btn-more-w{display:inline-block;width:42px;height:42px;border:1px solid #fff;background:url(../images/ico_aw_more_w.png) no-repeat 50% 50%;box-sizing:border-box} 
.main-inner-bn{display:flex;justify-content:space-between;max-width:1400px;margin:25px auto}
.main-inner-bn .main-bn{border:1px solid #c2c2c2;overflow:hidden;width:100%;max-width:842px}
.main-inner-bn .main-bn .swiper-pagination{bottom:15px;text-align:center}
.main-inner-bn .main-bn .swiper-pagination-bullet{width:15px;height:15px;background:#FFF;opacity:1;}
.main-inner-bn .main-bn .swiper-pagination-bullet-active{background:#13385a;}
.main-hot-notice {position:relative;width:calc(100% - 870px);background:#555555;padding:30px 27px 10px}
.main-hot-notice h3 {color:#FFF;font-size:30px;font-weight:500;margin-bottom:10px;line-height:1.2em}
.main-hot-notice .btn-more-w {position:absolute;right:25px;top:25px}
.main-hot-notice .linked {display:block;border-bottom:1px solid #939393;padding:22px 0;font-size:20px}
.main-hot-notice .linked:hover .content .tit {color:#87aaed}
.main-hot-notice .linked:last-child {border-bottom:none}
.main-hot-notice .linked .content {display:block}
.main-hot-notice .linked .content .tit {display:inline-block;max-width:80%;color:#FFF;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;line-height:1.2em;}
.main-hot-notice .linked .content .ico-new {display:inline-block;width:45px;height:23px;background:#fe5a81;color:#FFF;text-align:center;font-size:14px;margin-left:3px;vertical-align:4px}
.main-hot-notice .linked .date {display:block;color:#aaaaaa;font-size:18px;margin-top:3px}

.main-lotto-buy-w{padding:45px 0 95px;background: rgb(253,116,84);background: radial-gradient(circle, rgba(253,116,84,1) 0%, rgba(255,101,172,1) 100%);}
.main-lotto-buy-w .main-lotto-inner{position:relative;max-width:1700px;margin:0 auto;padding:0 80px}
.main-lotto-buy-w .main-lotto-inner h3{font-size:40px;font-weight:700;color:#FFF;text-align:center;margin-bottom:30px}
.main-lotto-buy-w .main-lotto-buy{} 
.main-lotto-buy .swiper-container {padding:20px 15px 0 15px}
.main-lotto-buy .swiper-slide {border-radius:10px;background:#FFF;padding:20px 24px;min-height:308px}
.main-lotto-buy .swiper-slide .logo{position:relative;text-align:center;background:#fff}
.main-lotto-buy .swiper-slide .logo span{position:absolute;right:-32px;top:-35px;display:inline-flex;align-items:center;justify-content:center;background:url('/ver_02/asset/images/ico_event.png') no-repeat 0 0;width:66px;height:73px;text-indent:-1000px;overflow:hidden}
.main-lotto-buy .swiper-slide .super{position:absolute;left:-8px;top:-15px;display:inline-flex;align-items:center;justify-content:center;background:url('/ver_02/asset/images/ico_super.png') no-repeat 0 0;width:66px;height:73px;z-index:10}
.main-lotto-buy .swiper-slide .logo img{max-width:100%;}
.main-lotto-buy .swiper-slide .pay{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:55px;background:#6e90fe;color:#FFF;font-size:30px;font-weight:700;margin-top:14px;line-height:1em}
.main-lotto-buy .swiper-slide .date{font-size:16px;text-align:center;color:#474747;margin-top:10px}
.main-lotto-buy .swiper-slide .end-date{font-size:16px;text-align:center;color:#ff0000;margin-top:6px}
.main-lotto-buy .swiper-slide .num{font-size:16px;text-align:center;color:#474747;margin-top:7px}
.main-lotto-buy .swiper-slide .num em{display:inline-block;font-size:14px;text-align:center;color:#fff;height:24px;width:34px;}
.main-lotto-buy .swiper-slide .btn{text-align:center;margin-top:14px}
.main-lotto-buy .swiper-slide .btn .btn-comm{display:inline-flex;height:33px;padding:0 15px;font-size:15px;font-weight:500;align-items:center;justify-content:center;box-sizing:border-box;}
.main-lotto-buy button{position:absolute;top:35%;display:inline-block;z-index:10;background:transparent}
.main-lotto-buy button.btn-lotto-prev{left:0px}
.main-lotto-buy button.btn-lotto-next{right:0px}
.main-lotto-buy button.swiper-button-disabled{opacity:0.2;}
.main-lotto-buy .pagination-w{text-align:center;margin:30px auto 0;}
.main-lotto-buy .pagination-w button.btn-view-all{width:80px;height:32px;position:relative;top:auto;display:inline-flex;justify-content:center;align-items:center;line-height:1em;background:#a80011;color:#fff;font-size:13px;font-weight:500;;margin-left:10px}
.main-lotto-buy .swiper-pagination{position:relative;display:inline-block;vertical-align:-3px}
.main-lotto-buy .swiper-pagination-bullet{width:15px;height:15px;background:#fff;margin:0 3px;opacity:1;}
.main-lotto-buy .swiper-pagination-bullet-active{background:#a80011}

.main-lotto-buy-all .swiper-wrapper{display:flex;flex-wrap:wrap}
.main-lotto-buy-all .swiper-slide {width:19%;border-radius:10px;background:#FFF;padding:20px 24px;margin:0 0.5% 20px;min-height:308px}
.main-lotto-buy-all .swiper-slide .logo{position:relative;text-align:center;background:#fff;}
.main-lotto-buy-all .swiper-slide .logo span{position:absolute;right:-32px;top:-35px;display:inline-flex;align-items:center;justify-content:center;background:url('/ver_02/asset/images/ico_event.png') no-repeat 0 0;width:66px;height:73px;text-indent:-1000px;overflow:hidden}
.main-lotto-buy-all .swiper-slide .super{position:absolute;left:-8px;top:-15px;display:inline-flex;align-items:center;justify-content:center;background:url('/ver_02/asset/images/ico_super.png') no-repeat 0 0;width:66px;height:73px;z-index:10}
.main-lotto-buy-all .swiper-slide .logo img{max-width:100%;}
.main-lotto-buy-all .swiper-slide .pay{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:55px;background:#6e90fe;color:#FFF;font-size:30px;font-weight:700;margin-top:14px}
.main-lotto-buy-all .swiper-slide .date{font-size:16px;text-align:center;color:#474747;margin-top:10px}
.main-lotto-buy-all .swiper-slide .end-date{font-size:16px;text-align:center;color:#ff0000;margin-top:6px}
.main-lotto-buy-all .swiper-slide .num{font-size:16px;text-align:center;color:#474747;margin-top:7px}
.main-lotto-buy-all .swiper-slide .num em{display:inline-block;font-size:14px;text-align:center;color:#fff;height:24px;width:34px;}
.main-lotto-buy-all .swiper-slide .btn{text-align:center;margin-top:14px}
.main-lotto-buy-all .swiper-slide .btn .btn-comm{display:inline-flex;height:33px;padding:0 15px;font-size:15px;font-weight:500;align-items:center;justify-content:center;box-sizing:border-box;}
.main-lotto-buy-all .pagination-w{text-align:center;margin:30px auto 0;}
.main-lotto-buy-all .pagination-w button.btn-view-all{width:80px;height:32px;position:relative;top:auto;display:inline-flex;justify-content:center;align-items:center;line-height:1em;background:#a80011;color:#fff;font-size:13px;font-weight:500;;margin-left:10px}

.main-lotto-buy .etc-w, .main-lotto-buy-all .etc-w {height:155px}
.main-lotto-buy .etc-w .etc, .main-lotto-buy-all .etc-w .etc{height:68px;background:#ebebeb;padding:11px 7px;color:#333;font-size:16px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height:1.6em}
.main-lotto-buy .swiper-slide .num em.bg-red, .main-lotto-buy-all .swiper-slide .num em.bg-red{background:#ffe400 !important;color:#903912}

.main-lotto-buy .swiper-slide .pay span.money, .main-lotto-buy-all .swiper-slide .pay span.money {display:block;text-align:center;color:#fff;font-size:12px;font-weight:normal;width:100%;line-height:1em}
.main-lotto-buy .swiper-slide .num .bg-gr, .main-lotto-buy-all .swiper-slide .num .bg-gr{color:#000}

@media screen and (max-width:1500px){
    .main-lotto-buy-all .swiper-slide {width:24%}
}

@media screen and (max-width:1280px){
    .main-inner-bn .main-bn{width:60%;min-width:590px}
    .main-inner-bn .main-bn img{width:100%}
    .main-hot-notice{width:40%;padding:20px 15px 10px}
    .main-hot-notice h3{font-size:26px;margin-bottom:25px}
    .main-hot-notice .linked .content .tit{}
    .main-hot-notice .linked{font-size:15px;padding:5px 0}
    .main-hot-notice .linked .date{font-size:14px;}
    .main-hot-notice .btn-more-w{right:15px;top:15px}

    .main-lotto-buy-all .swiper-slide {width:32.33%}
}
@media screen and (max-width:920px){
    .main-inner-bn {flex-wrap:wrap;margin:0}
    .main-inner-bn .main-bn{width:100%;min-width:auto}
    .main-hot-notice{width:100%}

    .main-hot-notice .linked{position:relative;font-size:15px}
    .main-hot-notice .linked .content{padding-right:70px}
    .main-hot-notice .linked .date{position:absolute;right:0;top:5px;letter-spacing:-0.05em;font-size:14px}

    .main-lotto-buy-all .swiper-slide {width:49%}
}

@media screen and (max-width:780px){ 
    .main-lotto-buy button{top:42%}
    .main-lotto-buy button img{width:35px}
    .main-lotto-buy-w{padding-bottom:30px}
    .main-lotto-buy-w .main-lotto-inner{padding:0 10px}
    .main-lotto-buy-w .main-lotto-inner h3{font-size:30px}
    .main-lotto-buy .swiper-wrapper {flex-wrap:wrap;justify-content:center;}
    .main-lotto-buy .swiper-slide {width:48%;margin:0 1% 10px;padding:10px;min-height:268px}
    .main-lotto-buy button.btn-lotto-next, .main-lotto-buy button.btn-lotto-prev {display:none} 
    .main-lotto-buy .swiper-slide .pay{font-size:24px;margin-top:10px;letter-spacing:-0.05em}
    .main-lotto-buy .swiper-slide .date{font-size:13px;margin-top:7px;letter-spacing:-0.05em}
    .main-lotto-buy .swiper-slide .end-date{font-size:13px;margin-top:6px;letter-spacing:-0.05em}
    .main-lotto-buy .swiper-slide .num{font-size:13px;letter-spacing:-0.05em}
    .main-lotto-buy .swiper-slide .num em{display:inline-block;font-size:12px;height:21px;width:30px;}
    .main-lotto-buy .swiper-slide .btn{text-align:center;margin-top:10px}
    .main-lotto-buy .swiper-slide .btn .btn-comm{display:inline-flex;height:28px;padding:0 10px;font-size:13px}
    .main-lotto-buy .pagination-w{display:none}
    .main-lotto-buy .btn-view-all{display:none}

    .main-lotto-buy-all .swiper-wrapper {flex-wrap:wrap;justify-content:center;}
    .main-lotto-buy-all .swiper-slide {width:48%;margin:0 1% 10px;padding:10px;min-height:268px}
    .main-lotto-buy-all .swiper-slide .pay{font-size:25px;margin-top:10px}
    .main-lotto-buy-all .swiper-slide .date{font-size:13px;margin-top:7px;letter-spacing:-0.05em}
    .main-lotto-buy-all .swiper-slide .end-date{font-size:13px;margin-top:6px;letter-spacing:-0.05em}
    .main-lotto-buy-all .swiper-slide .num{font-size:13px;letter-spacing:-0.05em}
    .main-lotto-buy-all .swiper-slide .num em{display:inline-block;font-size:12px;height:21px;width:30px;}
    .main-lotto-buy-all .swiper-slide .btn{text-align:center;margin-top:10px}
    .main-lotto-buy-all .swiper-slide .btn .btn-comm{display:inline-flex;height:28px;padding:0 10px;font-size:13px}
    .main-lotto-buy-all .pagination-w{display:none}
 
	.main-lotto-buy .etc-w .etc, .main-lotto-buy-all .etc-w .etc{height:66px}

    .main-hot-notice{padding:20px 15px 10px}
    .main-hot-notice h3{margin-bottom:20px}
    .main-hot-notice .linked {font-size:13px}
    .main-hot-notice .linked .content .tit{width:90%}
    .main-hot-notice .linked .content .ico-new{font-size:11px;width:auto;height:18px;padding:2px 5px 0;line-height:1em;box-sizing:border-box}
    .main-hot-notice .linked .date{top:0;font-size:12px}
    
}
@media screen and (max-width:360px){ 
    .main-lotto-buy .swiper-slide {width:100%}
}

.main-bbs-w{background:#eaecee;height:440px;position:relative;margin-bottom:120px}
.main-bbs-w .main-bbs-inner{position:absolute;top:55px;display:flex;justify-content:center;width:100%;}
.main-bbs-w .main-bbs-inner .con{position:relative;display:flex;justify-content:space-between;padding:50px 50px 50px 50px;background:#FFF;max-width:1400px;width:100%;min-height:480px}
.main-bbs-w .main-bbs-inner .con:before{position:absolute;display:block;left:-52px;top:0;content:'';width:52px;height:100%;z-index:1;background:url(../images/bg_bbs_l.png) no-repeat 0 0}
.main-bbs-w .main-bbs-inner .con:after{position:absolute;display:block;right:-52px;top:0;content:'';width:52px;height:100%;z-index:1;background:url(../images/bg_bbs_r.png) no-repeat 0 0}
.main-bbs-w .main-bbs-inner .con .bbs-w{width:57%}
.main-bbs-w .main-bbs-inner .con .bbs-w ul{display:flex;padding-right:80px;margin-bottom:40px}
.main-bbs-w .main-bbs-inner .con .bbs-w ul li{display:flex;justify-content:center;align-items:center;width:20%;border-top:1px solid #b4b4b4;box-sizing:border-box;border-left:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;height:50px;text-align:center;font-size:28px;background:#FFF;color:#9f9f9f;line-height:1em;letter-spacing:-0.05em;cursor:pointer}
.main-bbs-w .main-bbs-inner .con .bbs-w ul li.selected{background:#1b68b0;color:#fff;font-weight:500}
.main-bbs-w .main-bbs-inner .con .bbs-w ul li:hover{background:#1b68b0;color:#fff;font-weight:500}
.main-bbs-w .main-bbs-inner .con .bbs-w ul li:last-child{border-right:1px solid #b4b4b4;}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list{position:relative;}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .btn-more{position:absolute;top:-90px;right:0}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item{margin:0 0 25px 0}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item .linked{display:inline-block;max-width:92%;}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item a{display:inline-block;font-size:20px;padding-left:15px;background:url('../images/ico_dot.gif') no-repeat 0 10px;width:100%;overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 1.5em;box-sizing:border-box}
.main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list  span.ico-new{display:inline-block !important;font-size:14px;background:#fe587f;width:45px;height:25px;color:#FFF;text-align:center;padding-top:0;box-sizing:border-box;vertical-align:5px;margin-left:8px}
.main-bbs-w .main-bbs-inner .con .faq-w{position:relative;width:38%}
.main-bbs-w .main-bbs-inner .con .faq-w h3{font-size:30px;color:#1d3e7d;font-weight:500;padding-top:10px;letter-spacing:-0.05em;margin-bottom:55px}
.main-bbs-w .main-bbs-inner .con .faq-w .btn-more{position:absolute;right:0;top:0}
.main-bbs-w .main-bbs-inner .con .faq-w .item{margin:0 0 25px 0}
.main-bbs-w .main-bbs-inner .con .faq-w .item .ico-comm{width:88px;vertical-align:5px;margin-right:10px}
.main-bbs-w .main-bbs-inner .con .faq-w .item .linked{display:inline-block;max-width:75%;}
.main-bbs-w .main-bbs-inner .con .faq-w .item .linked a{display:inline-block;font-size:20px;width:100%;overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 1.5em;box-sizing:border-box}

@media screen and (max-width:1400px){ 
    .main-bbs-w .main-bbs-inner .con:before{display:none}
    .main-bbs-w .main-bbs-inner .con:after{display:none}
    .main-bbs-w {height:auto;padding:30px;background:#eaecee;margin-bottom:0}
    .main-bbs-w .main-bbs-inner{position:relative;top:auto}
}

@media screen and (max-width:1200px){  
    .main-bbs-w .main-bbs-inner .con{padding:15px;min-height:auto}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .btn-more{width:40px;height:40px;top:-60px}
    .main-bbs-w .main-bbs-inner .con .bbs-w ul{padding-right:50px;margin-bottom:20px;margin-top:5px}
    .main-bbs-w .main-bbs-inner .con .bbs-w ul li{font-size:14px;height:40px}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item{margin:0 0 15px 0}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item a{font-size:16px;}

    .main-bbs-w .main-bbs-inner .con .faq-w h3{font-size:24px;margin-bottom:25px}
    .main-bbs-w .main-bbs-inner .con .faq-w .btn-more{width:40px;height:40px;top:5px}
    .main-bbs-w .main-bbs-inner .con .faq-w .item{margin: 0 0 15px 0;display:flex}
    .main-bbs-w .main-bbs-inner .con .faq-w .item .linked{max-width:70%}
    .main-bbs-w .main-bbs-inner .con .faq-w .item .linked a{font-size:16px;}
}

@media screen and (max-width:980px){
    .main-bbs-w .main-bbs-inner .con .faq-w .item .linked{max-width:64%}
}

@media screen and (max-width:780px){ 
	.main-lotto-buy .swiper-container {padding:20px 0 0}
    .main-bbs-w{padding:0}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .btn-more{width:35px;height:35px;top:-55px}
    .main-bbs-w .main-bbs-inner .con .bbs-w ul{padding-right:50px;margin-bottom:20px;margin-top:5px}
    .main-bbs-w .main-bbs-inner .con .bbs-w ul li{font-size:12px;height:35px}
    .main-bbs-w .main-bbs-inner .con{min-height:auto;flex-wrap:wrap;padding:10px;backgruond:#eaecee}
    .main-bbs-w .main-bbs-inner .con .bbs-w{width:100%}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item{margin:0 0 10px 0;display:flex}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item a{font-size:14px;padding-left:10px;background-position:3px 10px}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list .item .linked{max-width:88%}
    .main-bbs-w .main-bbs-inner .con .bbs-w .main-bbs-list span.ico-new{font-size:11px;width:auto;height:18px;padding:2px 5px 0;line-height:1em;box-sizing:border-box}
    .main-bbs-w .main-bbs-inner .con .faq-w{width:100%;margin-top:20px}

    .main-bbs-w .main-bbs-inner .con .faq-w h3{font-size:20px;margin-bottom:25px}
    .main-bbs-w .main-bbs-inner .con .faq-w .btn-more{width:35px;height:35px;top:5px}
    .main-bbs-w .main-bbs-inner .con .faq-w .item{margin: 0 0 10px 0;vertical-align:top;display:flex}
    .main-bbs-w .main-bbs-inner .con .faq-w .item .linked{max-width:64%}
    .main-bbs-w .main-bbs-inner .con .faq-w .item .linked a{font-size:14px;}
    
}